@import url("https://use.typekit.net/ong7sdu.css");

@import url("https://use.typekit.net/ong7sdu.css");

body {margin:0;padding:0;-webkit-font-smoothing: antialiased;font-family: Arial, Helvetica, sans-serif;}


.head-font {font-family: june-expt-variable, sans-serif;font-weight: 500;}
.body-font {font-family: hind-siliguri, sans-serif;}


nav {text-align:center;position: fixed;padding: 40px 0;width:100%;transition: all .4s;}
nav a {display:inline-block;}
nav a img {width: 10%;margin: auto;filter: brightness(0) invert(1);}
.navbar-scrolled {top: 0;background:#fff;padding:25px 0;z-index:10;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.navbar-scrolled img {filter: none;width:13%;}
@media only screen and (max-width: 768px){
	nav a img {width:35%;}
	.navbar-scrolled {padding:15px 0;}  
	.navbar-scrolled img {filter: none;width:35%;}
}



header {background: radial-gradient(107.1% 260.72% at 104.38% 9.12%, #6A2AE2 0%, #02004B 57.81%, #01001C 100%);text-align:center;height:100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;}
header h1, header h2, header p {color:#fff;}
header h1 {font-size: 9vw;font-weight: 500;background: linear-gradient(268.98deg, #FFFFFF 69.68%, rgba(255, 255, 255, 0) 112.76%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;line-height: 1.5;margin: 0;}
header h2 {font-size: 3rem;margin: 0;line-height: 1.3;font-weight: 500;}
header p {font-size:1.5rem;width: 50%;line-height: 1.5;}  
header .input-group {border:1px solid #6026D6;border-radius:90px;overflow:hidden;background:#fff;padding:5px;position: absolute;bottom:40px;}
header .input-group input, header .input-group button {height:40px;font-family: mr-eaves-xl-sans, sans-serif;font-size:18px;}
header .input-group input {background:none;border:0px;padding:0 20px;font-weight:500;outline:none;box-shadow:none;}
header .input-group button {background:none;border:0px;padding:0 40px;background:#6026D6;color:#fff;border-radius:90px;font-weight:600;}


@media only screen and (max-width: 768px){
	header {background: radial-gradient(261.73% 228.96% at 74.7% 0%, #6A2AE1 0%, #02004B 30.39%, #01001C 100%);}
	header h1 {font-size: 20vw;line-height: 1.3;background: linear-gradient(342deg, #FFFFFF 55.68%, rgb(0 0 0 / 0%) 95.76%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} 
	header h2 {font-size: 1.5rem;width:90%;}
	header p {font-size: 1.2rem;width:90%;}
	header .input-group {bottom:20px;}
	header .input-group {background: none;border: 0px;border-radius: 0px;width: 84%;display: flex;flex-direction: column;box-sizing: border-box;}
	header .input-group input {border: 1px solid #fff;width: 100%;border-radius: 90px;margin-bottom: 10px;color: #fff;padding: 0px 0px;background: border-box;text-align: center;outline:none;box-shadow:none; }
	header .input-group button {width: 100%;}
	header .input-group input::placeholder {color: #fff;opacity: 1; /* Firefox */}
	header .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff;}
	header .input-group input::-ms-input-placeholder { /* Microsoft Edge */color: #fff;}

}





.featuressec {background:#fff; text-align:center;padding:120px 0;color:#240E7E;}
.featuressec .topheading {width:60%;margin:auto;}
.featuressec .topheading span {text-transform:uppercase;letter-spacing:4px;}
.featuressec .topheading h2 {font-size:3.5rem;line-height:1.2;font-weight:500;margin-top:15px;}
.featuressec .sectiongrid {display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;width:80%;margin:auto;margin-top:40px;}
.featuressec .sectiongrid .thegridbox {border:1px solid #EDEDED;background:#FDFCFC;border-radius:30px;padding:30px;}
.featuressec .sectiongrid .thegridbox h3 {margin-top:30px;}
.featuressec .sectiongrid .thegridbox p {line-height:1.3;}
@media only screen and (max-width: 768px){
	.featuressec {padding:60px 0;}
	.featuressec .topheading {width:90%;margin:auto;}
	.featuressec .topheading span {font-size:12px;}
	.featuressec .topheading h2 {font-size:1.7rem;line-height:1.4;}
	.featuressec .sectiongrid {width:85%;grid-template-columns:1fr;grid-gap:10px;}
	.featuressec .sectiongrid .thegridbox {padding:15px;}
}




.blogssec {background:#fff;padding:120px 0;color:#240E7E;}
.blogssec .topheading {width:60%;margin:auto; text-align:center;}
.blogssec .topheading span {text-transform:uppercase;letter-spacing:4px;}
.blogssec .topheading h2 {font-size:3.5rem;line-height:1.2;font-weight:500;margin-top:15px;}
.blogssec .sectiongrid {display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;width:75%;margin:auto;margin-top:40px;}
.blogssec .sectiongrid .thegridbox {padding:0px;}
.blogssec .sectiongrid .thegridbox a {color:#240E7E;text-decoration:none;}
.blogssec .sectiongrid .thegridbox h3 {margin-top:10px;line-height:1.4;font-weight:500;}
.blogssec .sectiongrid .thegridbox img {border-radius:10px;}
.blogssec .viewallbut {text-align:center;margin-top:60px;}
.blogssec .viewallbut a {display:inline-block;text-decoration:none;background:#6026D6;border-radius:90px;color:#fff;padding:10px 40px;}
@media only screen and (max-width: 768px){
	.blogssec {padding:60px 0;}
	.blogssec .topheading {width:90%;margin:auto;}
	.blogssec .topheading span {font-size:12px;}
	.blogssec .topheading h2 {font-size:1.7rem;line-height:1.4;}
	.blogssec .sectiongrid {width:85%;grid-template-columns:1fr;grid-gap:10px;}
}





footer {text-align: center;background: #240E7E;padding: 35px 0;}
footer p {margin-bottom: 0px;color: #fff;text-transform: uppercase;font-weight: 400;font-size: 14px;letter-spacing: .9px;}