:root{--red:#E3413C; --motion:all ease 0.25s}
body{margin: 0;	padding: 0; font-family: 'Roboto', sans-serif; color: #333; font-size: 15px;}
img{max-width:100%;}

a{text-decoration:none}
a,i,button, :before, :after{transition:var(--motion);}

h1,h2,h3, #tagline,.welcome p{font-family: 'Poppins', sans-serif;}
h1{font-weight: 600;}
h2{font-weight: 500; font-size: 44px;}

.navbar-toggler{width:40px; padding:10px 0;border: none;}
.navbar-toggler span{width:100%;height:2px;background:#666; display: block;border-radius: 50px;}
.navbar-toggler span:nth-child(1){width:85%;}
.navbar-toggler span:nth-child(2){margin:6px 0;}
.navbar-toggler span:nth-child(3){width:60%;}
.navbar-toggler:focus{outline:none; box-shadow:none;}

.navbar-nav{margin-left: auto;margin-right: auto;}
.nav-item{padding:0 5px;}
.nav-link{padding:7px 15px !important; font-size:14px; border: 1px solid #ddd;border-radius: 20px;}
.nav-link.active{background:var(--red);color: #fff !important; border-color:var(--red); padding:7px 25px !important;}

#schemes_home h2, .contact h3{font-family: 'Roboto', sans-serif;}

.welcome{padding:45px 0 35px;}
.welcome h1{font-size:30px; margin: 0;}
.welcome p{font-size:44px; font-weight:600; margin:0;}

#schemes_home{margin:0; position: relative;}
#schemes_home .col-12{padding:0; position: relative;}
#schemes_home h2{position: absolute;left: 0;right: 0;bottom: 0; margin: 0;font-size:22px; color: #fff; text-align: center; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); padding:26px 15px 14px; height: 66px; transition:var(--motion); z-index:3;}
#schemes_home img{width: 100%;}
#schemes_home a{display: block;}
#schemes_home .title{background:var(--red);}
#schemes_home .title h3{font-size: 50px;color: #fff;font-weight: 600; margin:0}

#tagline{text-align: center;font-size:110px; font-weight: bold; color: #e8e8e8; margin:20px 0 0;}

#believe{text-align: center;}
#believe h2{margin-bottom:40px;}
#believe img{height: 118px;}
#believe span{display: block;border:2px solid #eee; padding:30px 10px; position: relative;}
#believe h4{font-size: 20px;font-weight: 600; margin:10px 0 0}
#believe span:before{content:'';display: block;width: 20px;height: 20px;position: absolute;top: 20px;left:20px;border-top:1px solid var(--red); border-left:1px solid var(--red); opacity:0;}
#believe span:after{content:'';display: block;width: 20px;height: 20px;position: absolute;bottom: 20px;right:20px;border-bottom:1px solid var(--red); border-right:1px solid var(--red); opacity:0;}
#believe span:hover:before{opacity: 1;left: 10px;top: 10px;}
#believe span:hover:after{opacity: 1; right: 10px;bottom: 10px;}

footer{background:var(--red);color: #fff; margin-top:60px; padding:30px 20px;}
footer .text-start{max-width:200px;}
footer a{color: #fff; margin:5px 0; font-size:16px;; position: relative; display:flex; align-items:center}
footer a i{margin-right:10px; font-size:18px;}
footer a *{position: relative;}
footer a:before{content:'';display:block; background: #000; width: 100%; position: absolute;left: 20px;bottom:-5px;height:20px; z-index:0; opacity:0; transform:skewX(-30deg)}
footer a:hover{color: #fff;}
footer a:hover:before{left:0; opacity:0.3;}
.copyright{font-size: 13px;}

#page-header{background:#f4f4f4;padding:50px 20px; margin-bottom:20px;text-align: center;}
#page-header h1{margin:0;}
#content{padding-top:30px;padding-bottom:30px;}

.bg-blue{background:#03779e}
.bg-yellow{background:#f59e03}
.bg-orange{background:#eb5509}

.mission{text-align: center; color: #fff; margin-top:40px;}
.mission [class*="bg-"]{height: 100%; padding:20px; border-radius:10px}
.mission img{width:100px;}
.mission .h4{margin:10px 0;}

.certificate a{display:flex; max-width:350px; font-size:20px; border:1px solid var(--red); color:var(--red); align-items:center; border-radius:50px; padding:3px; margin:20px auto}
.certificate a i{font-size: 25px; line-height:1.2; width: 50px;height: 50px; padding:10px; background:var(--red); color: #fff; margin-right:20px; border-radius:50px; text-align: center;}
.certificate a span{display: block;}
.certificate a:hover{background:var(--red);color: #fff;}
.certificate a:hover i{transform:scale(1.2); background: #333;}

.schemes{border-top:2px solid #fff; border-bottom:1px solid #eee;}
.schemes .row{padding:0; align-items:center}
.schemes .col-md-6:first-child{padding: 0;}
.schemes .col-md-6:last-child{display:flex; flex-direction:column; align-items:center}
.schemes h2{font-size:22px; color:var(--red);}
.list1{margin: 0;padding: 0; list-style:none; font-size:18px;}
.list1 li{padding:5px 0;}
.list1 li:before{content:'';display: block;width:100px; height:1px;margin-bottom:10px;
background: #cccccc;
background: -moz-linear-gradient(left,  #cccccc 0%, #ffffff 100%);
background: -webkit-linear-gradient(left,  #cccccc 0%,#ffffff 100%);
background: linear-gradient(to right,  #cccccc 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 );
}

.bg-secondary i{font-size: 30px; margin-right:20px;}

.offers img{max-height:100px; max-width:150px; margin-bottom:5px;}
.offers th{padding:10px; text-align: center; vertical-align: middle;}
.offers td{padding:10px 20px; text-align: center; vertical-align:middle}
.offers td p{margin:0;}
.offers th:last-child, .offers td:last-child{text-align:left; padding: 10px 20px;}
.offers tr:last-child img{max-width:200px;}

.offers tr>:first-child{background: #ffffff; font-weight: bold; min-width:140px;
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 99%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 99%);
background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

.contact{text-align: center;}
.contact h3{font-size:35px; line-height:1.2; font-weight: normal;}
.contact section{margin:30px 0;}
.contact p{margin-bottom:10px; color:var(--red); font-size:18px; font-weight: 600;}
.contact a{color: #333; display: inline-block; position: relative;}
.contact a:after{content:'';display: block; height: 2px;position: absolute;width:0; background:#ddd; right:0;}
.contact a:hover:after{width: 100%;left:0;}


@media all and (min-width:768px){
	#schemes_home:before, #schemes_home:after{content:'';display: block;width:2px;background: #fff;height: 100%; position: absolute;left: 33.33%; z-index: 2;}
	#schemes_home:after{left: 66.66%;}
	#schemes_home .col-12:nth-child(n+4){padding-top:2px;}
	
	#schemes_home a:before{content:'';display: block; position: absolute;z-index: 2; background: #000;opacity:0; top: 0;bottom: 0;right: 0;left: 0; transition:var(--motion);}
	#schemes_home a:hover:before{top: 15px;right: 15px;bottom: 15px;left: 15px;opacity: 0.5;}
	#schemes_home a:hover h2{background: none; bottom:30px;}
	#schemes_home a i{position: absolute;top: 40%; left: 50%;color: #fff;font-size: 50px; transform:translateX(-50%) rotate(90deg) scale(0); z-index:3; opacity: 0; width: 80px;height: 80px; border-radius:5px; text-align: center;line-height:1.6;}
	#schemes_home a:hover i{transform:translateX(-50%) rotate(0) scale(1); opacity:1; background:var(--red)}
}

@media all and (max-width:1350px){
	#tagline{font-size: 7.5vw;}
}
@media all and (max-width:1199px){
	#schemes_home h2{font-size:18px;}
	#schemes_home .title h3{font-size:30px;}
	.welcome h1{font-size: 25px;}
	.welcome p{font-size:34px;}
	#believe span{margin-bottom:20px;}
	h2{font-size: 30px;}
}
@media all and (max-width:991px){
	.navbar-nav{flex-direction:row; flex-wrap:wrap}
	.navbar-nav .nav-item{flex:0 0 20%; padding:0 5px;}
	.navbar-nav .nav-link.active{border-color:var(--red) !important;}
	.navbar-nav .nav-link{border:1px solid #ddd; text-align:center; border-radius:20px;}
	.shyam-logo{display: none;}
	.schemes .col-md-6:last-child{align-items:flex-start;}
	.list1{font-size:16px;}
	.schemes h2{font-size:20px;}
}
@media all and (max-width:767px){
	.nav-link.active{padding:7px 15px !important;}
	#schemes_home i{display: none;}
	.welcome{padding: 20px;}
	.welcome h1{font-size: 18px;}
	.welcome p{font-size: 18px;}
	footer{margin-top: 20px;}
	#believe h2{margin-bottom:20px;}
	#schemes_home{padding:0 15px 15px;}
	#schemes_home .col-12{margin-bottom:15px; border-radius:5px; overflow: hidden;}
	#schemes_home .title{padding:50px 10px;}
	.navbar-nav .nav-item{flex:0 0 33.33%; margin-bottom:5px;}
	.shyam-logo{display: block;text-align: center;}
	.shyam-logo img{width:201px;}
	.navbar-nav{justify-content:center}
	.navbar-collapse{padding-bottom:10px;}
	.navbar-brand{width:250px;margin:0;}
	.navbar-toggler{margin-right:5px;}
	footer{padding:20px 10px; text-align: center;}
	footer .text-start{text-align: center !important; max-width:100%}
	footer a{display:inline-block;}
	footer a i{margin-right:4px;}
	footer a:first-child{margin-right:10px;}
	#page-header{text-align: center; padding:30px 20px;}
	.schemes .col-md-6:last-child{padding:20px;}
	.list1{font-size:15px;}
	.schemes h2{font-size:18px;}
	.list1 li{padding:2px;}
	.list1 li:before{margin-bottom:6px;}
	.table2 thead{display:none;}
	.contact h3{font-size:25px;}
	.contact section:first-child{margin-top:10px;}
	.contact section:last-child{margin-bottom:10px;}
	.contact section:last-child h3{font-size:20px;}
	#tagline{margin:10px 0;}
	.offers tr>:first-child{min-width:0; width:100px}
	.table2 tr:first-child{border-top: none;}
	.offers tr:last-child img{max-width:150px;}
}
@media all and (max-width:400px){
/*	.navbar-nav .nav-item:nth-child(n+4){flex: 0 0 50%;}*/
	.certificate a i{margin-right: 15px;}
}
@media all and (max-width:400px){
	.certificate a{font-size:17px; margin:10px auto; font-weight: 600;}
	.certificate a i{width: 40px; height: 40px; font-size: 20px; line-height:1;}
}