diff --git a/css/style.css b/css/style.css
index baa04f4..043bdfd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -68,10 +68,12 @@ a:active {
 	.mountain {
 		width: 1000px;
 	}
+
 	.faq-line {
 		/* height: 200px; */
 		margin-top: -150%;
 	}
+
 	/* #front{
         left: 90%;
     }
@@ -252,6 +254,40 @@ a:active {
 	position: relative;
 }
 
+.commitment-text-box1 {
+	width: 50%;
+	top: 38%;
+        padding-left: 30px;
+	position: absolute;
+	font-family: 'Cera Pro';
+	font-style: normal;
+	font-weight: 500;
+	font-size: 20px;
+	line-height: 140%;
+	color: #FFFFFF;
+}
+
+.commitment-box-img img {
+	width: 100%;
+}
+
+.commitment-box-img2 {
+	width: 100%;
+	display: flex;
+	justify-content: space-evenly;
+	align-items: center;
+	margin-bottom: 100px;
+}
+
+.commitment-box-img2 img {
+	width: 40%;
+}
+
+.commitment-text-box2 {
+	width: 40%;
+	position: static;
+}
+
 .commit-row {
 	font-size: 20px;
 	text-align: left;
@@ -297,12 +333,12 @@ a:active {
 	text-align: center;
 }
 
-.neo-img{
-	width: 50%; 
+.neo-img {
+	width: 50%;
 	margin-left: 25%;
 }
 
-.coc-above{
+.coc-above {
 	margin-right: 10%;
 }
 
@@ -465,8 +501,8 @@ a:active {
 }
 
 /* .brochure_button:hover { */
-	/* background: linear-gradient(97.62deg, rgba(255, 255, 255, 0.05)  -25.62%, rgba(255, 255, 255, 0.2) 141.02%); */
-	/* transition:  .3s linear; */
+/* background: linear-gradient(97.62deg, rgba(255, 255, 255, 0.05)  -25.62%, rgba(255, 255, 255, 0.2) 141.02%); */
+/* transition:  .3s linear; */
 /* } */
 
 /* .broch-dwn {
@@ -584,46 +620,67 @@ a:active {
 } */
 
 .faq-heading {
-    text-align: center;
-    font-size: 45px;
-    color: white;
-    margin-bottom: 40px;
-    font-family: CeraPro-Medium;
-}
-.faq-box{
-    width:70%; 
-    margin:auto; 
-    background: linear-gradient(113.9deg, rgba(255, 255, 255, 0.15) 6.55%, rgba(255, 255, 255, 0) 118.89%, rgba(255, 255, 255, 0) 123.74%);
-    backdrop-filter: blur(40px);
-    border-radius: 20px;
-    padding-top: 5%;
-    font-family: Cera Pro;
-}
-.faques{ 
-    font-family: CeraPro;
-    font-style: normal;
-    font-size: 32px;
-    border: none;
-}
-.text-background-transparent{
-    background: -webkit-linear-gradient(0deg, rgba(151,70,158,1) 20%, rgba(193,70,164,1) 40%, rgba(239,72,156,1) 60%, rgba(255,106,72,1) 80%, rgba(247,151,55,1) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    font-weight: bold;
-}
-#faq{
-    /* padding-top: 20%; */
-    padding-bottom: 10%;
-    /* -moz-background: url(../images/faq-gradient.svg),#07071C;
+	text-align: center;
+	font-size: 45px;
+	color: white;
+	margin-bottom: 40px;
+	font-family: CeraPro-Medium;
+}
+
+.faq-box {
+	width: 70%;
+	margin: auto;
+	/* background: linear-gradient(113.9deg, rgba(255, 255, 255, 0.15) 6.55%, rgba(255, 255, 255, 0) 118.89%, rgba(255, 255, 255, 0) 123.74%); */
+	backdrop-filter: blur(40px);
+	border: 2px solid;
+	border-radius: 20px;
+	padding-top: 5%;
+	font-family: Cera Pro;
+}
+
+.after-faq {
+	height: 15vh;
+}
+
+.after-faq::after {
+	content: "FAQ";
+	font-size: 177px;
+	font-family: CeraPro;
+	color: rgb(22 22 80);
+	position: relative;
+	left: 12px;
+	top: -200px;
+	opacity: .3;
+
+}
+
+.faques {
+	font-family: CeraPro;
+	font-style: normal;
+	font-size: 32px;
+	border: none;
+}
+
+.text-background-transparent {
+	background: -webkit-linear-gradient(0deg, rgba(151, 70, 158, 1) 20%, rgba(193, 70, 164, 1) 40%, rgba(239, 72, 156, 1) 60%, rgba(255, 106, 72, 1) 80%, rgba(247, 151, 55, 1) 100%);
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	font-weight: bold;
+}
+
+#faq {
+	/* padding-top: 20%; */
+	padding-bottom: 10%;
+	/* -moz-background: url(../images/faq-gradient.svg),#07071C;
     background: url(../images/faq-gradient.svg),#07071C;
     -moz-background-position: -700% 90%;
     background-position: -700% 90%; */
-    background-repeat: no-repeat;
-    font-family: Cera Pro;
+	background-repeat: no-repeat;
+	font-family: Cera Pro;
 }
 
-.iconclass{
-    transform: rotate(0deg);
+.iconclass {
+	transform: rotate(0deg);
 }
 
 
@@ -703,14 +760,17 @@ a:active {
 	.later {
 		display: none;
 	}
+
 	.col-md-7 {
 		margin-top: 60px;
 		margin-bottom: 100px;
 	}
+
 	#faq-sec {
 		max-width: 80%;
 		margin: 0 auto;
 	}
+
 	.faq-box {
 		border-radius: 10px;
 		padding-right: 5px;
@@ -719,6 +779,7 @@ a:active {
 }
 
 @media screen and (min-width: 1300px) {
+
 	/* #content div p {
         font-size: 1.2rem;
         max-width: 75%;
@@ -727,6 +788,7 @@ a:active {
 	.sponsor-section {
 		padding-top: 15%;
 	}
+
 	/* #brochure
     {
         height: 85vh;
@@ -737,15 +799,20 @@ a:active {
         max-width: 55%;
         margin: 0 auto;
     } */
+	.commitment-text-box1 {
+		font-size: 22px;
+	}
 }
 
 @media screen and (max-width: 1300px) {
+
 	/* .about{
         background-position: -80% 10%, 100% 80%;
     } */
 	.broch-btn {
 		left: 10%;
 	}
+
 	/* .faq-line{
         /* height: 200px; */
 	/* margin-top:-150%; */
@@ -774,15 +841,18 @@ a:active {
 	.sponsor-section {
 		padding-top: 18%;
 	}
+
 	#content div {
 		max-width: 65%;
 	}
+
 	#female-pic img {
 		max-width: 100%;
 		position: relative;
 		border-radius: 12px;
 		transform: translate(0%, -70%);
 	}
+
 	/* .brochure-box {
        
         height: 300px;
@@ -814,27 +884,34 @@ a:active {
 	.about {
 		background-position: -80% 10%, 120% 75%;
 	}
+
 	.main-commit {
 		background-position: 80% -10%;
 	}
+
 	#faq {
 		background-position: -400% -60%;
 	}
+
 	.brochure-box {
 		top: 100px;
 	}
+
 	.broch-txt1 {
 		font-size: 30px;
 	}
+
 	.broch-txt2 {
 		font-size: 20px;
 	}
+
 	.broch-btn {
 		font-size: 13px;
 		left: 18%;
 		top: 35px;
 		position: relative;
 	}
+
 	.broch-dwn {
 		padding-top: 8px;
 		padding-bottom: 8px;
@@ -843,48 +920,63 @@ a:active {
 
 @media screen and (max-width: 1100px) {
 
-	/* .sch{
+
+	.sch {
 		display: none;
-	} */
-	#tim-mobile{
+	}
+
+	#tim-mobile {
 		display: inline-block !important;
 	}
-	/* .sch-mob{
+
+	.sch-mob {
 		width: 50%;
 		margin-left: 20%;
-	} */
-	#tim-mobile{
+	}
+
+	#tim-mobile {
+
 		display: inline-block;
 	}
+
 	.about {
 		background-position: -150% 15%, 128% 78%;
 	}
+
 	.main-commit {
 		background-position: 70% -15%;
 	}
+
 	.brochure-box {
 		top: 120px;
 		height: 260px;
 	}
+
 	.broch-txt1 {
 		font-size: 25px;
 	}
+
 	.broch-txt2 {
 		font-size: 18px;
 	}
+
 	.broch-btn {
 		left: 18%;
 		top: 50px;
 	}
+
 	.commit-row {
 		font-size: 18px;
 	}
+
 	.commit-row div {
 		margin-top: 30px;
 	}
+
 	.neo {
 		font-size: 33px;
 	}
+
 	/* #square img {
         width: 110%;
         margin-top: 10%;
@@ -902,6 +994,7 @@ a:active {
 		max-width: 90%;
 		margin-left: 5%;
 	}
+
 	/* #com-content {
         position: relative;
         top: 0;
@@ -921,6 +1014,7 @@ a:active {
 		border-radius: 12px;
 		transform: translate(0%, -80%);
 	}
+
 	/* .brochure-box {
        
         height: 250px;
@@ -933,6 +1027,7 @@ a:active {
 		left: -44px;
 		height: 110%;
 	}
+
 	/* .link p
     {
         font-size: 2em;
@@ -950,74 +1045,92 @@ a:active {
 		width: 70%;
 		margin-bottom: 20px;
 	}
+
 	#content div {
 		max-width: 65%;
 	}
 }
 
 @media screen and (max-width: 992px) {
-	
+
 	.about {
 		background-position: 200% 10%, 120% 80%;
 	}
+
 	.main-commit {
 		background-position: 80% -10%;
 	}
+
 	#faq {
 		background-position: 200% 0%;
 	}
+
 	.faq-heading {
 		font-size: 40px
 	}
+
 	.faq-line {
 		/* height: 200px; */
 		margin-top: -60%;
 	}
+
 	.brochure-box {
 		top: 140px;
 		height: 240px;
 	}
+
 	.broch-txt1 {
 		font-size: 22px;
 	}
+
 	.broch-btn {
 		left: 18%;
 		top: 47px;
 	}
+
 	.commit-row {
 		font-size: 16px;
 	}
+
 	.commit-row div {
 		margin-top: 27px;
 	}
+
 	.neo {
 		font-size: 28px;
 	}
+
 	.com-head {
 		padding-bottom: 120px;
 	}
+
 	.commit-heading {
 		font-size: 5.4em;
 		top: 0;
 		letter-spacing: 4px;
 	}
+
 	.commit-shadow {
 		font-size: 5.4em;
 		top: 2px;
 		letter-spacing: 4px;
 	}
+
 	#content div {
 		max-width: 70%;
 	}
+
 	#dot-line {
 		position: absolute;
 		top: 0%;
 		left: 0;
 		height: 27%;
 	}
+
 	.sponsor-section {
 		padding-top: 20%;
 	}
+
 	/* #content {
         position: relative;
         top: 0%;
@@ -1048,6 +1161,7 @@ a:active {
 		font-size: 4em;
 		margin-bottom: 40px;
 	}
+
 	/* #com-content {
         position: relative;
         top: 0;
@@ -1061,6 +1175,7 @@ a:active {
 		border-radius: 12px;
 		transform: translate(0%, -87%);
 	}
+
 	/* .brochure-box {
        
         height: 250px;
@@ -1070,16 +1185,19 @@ a:active {
 	.container-fluid {
 		margin-top: 20px;
 	}
+
 	#logo {
 		width: 75%;
 		margin-bottom: 20px;
 	}
+
 	#com-line {
 		position: absolute;
 		top: 0px;
 		right: 50px;
 		height: 15%;
 	}
+
 	/* #com-content div p
     {
         font-size: 1.8em;
@@ -1092,6 +1210,7 @@ a:active {
 		left: 0;
 		height: 75%;
 	}
+
 	.bottom-curve img {
 		width: 102%;
 		margin-top: -15px;
@@ -1102,43 +1221,54 @@ a:active {
 	.faq-heading {
 		font-size: 35px
 	}
+
 	.faq-line {
 		margin-top: -70%;
 	}
+
 	.brochure-box {
 		top: 100px;
 		height: 210px;
 	}
+
 	.broch-txt1 {
 		font-size: 20px;
 	}
+
 	.broch-btn {
 		font-size: 12px;
 		left: 14%;
 		top: 30px;
 	}
+
 	.commit-row {
 		font-size: 16px;
 	}
+
 	.commit-row div {
 		margin-top: 27px;
 	}
+
 	.neo {
 		font-size: 26px;
 	}
+
 	.com-head {
 		padding-bottom: 120px;
 	}
+
 	.commit-heading {
 		font-size: 5em;
 		top: 0;
 		letter-spacing: 4px;
 	}
+
 	.commit-shadow {
 		font-size: 5em;
 		top: 2px;
 		letter-spacing: 4px;
 	}
+
 	/* #com-content {
         position: relative;
         top: 0;
@@ -1149,12 +1279,14 @@ a:active {
 	.sponsor-section {
 		padding-top: 30%;
 	}
+
 	#female-pic img {
 		max-width: 100%;
 		position: relative;
 		border-radius: 12px;
 		transform: translate(0%, -95%);
 	}
+
 	/* .brochure-box {
         height: 240px;
         transform: translate(0%, -129%);
@@ -1178,50 +1310,62 @@ a:active {
 	.about {
 		background-position: 200% 10%, -110% 90%;
 	}
+
 	.faq-line {
 		/* height: 200px; */
 		margin-top: -100%;
 	}
+
 	.brochure-box {
 		top: -5px;
 		height: 200px;
 	}
+
 	.broch-txt1 {
 		font-size: 20px;
 	}
+
 	.broch-btn {
 		font-size: 10px;
 		left: 14%;
 		top: 28px;
 	}
+
 	.commit-row {
 		font-size: 15px;
 	}
+
 	.commit-row div {
 		margin-top: 25px;
 	}
+
 	.neo {
 		font-size: 25px;
 	}
+
 	.com-head {
 		padding-bottom: 100px;
 	}
+
 	.commit-heading {
 		font-size: 5em;
 		top: 0;
 		letter-spacing: 4px;
 	}
+
 	.commit-shadow {
 		font-size: 5em;
 		top: 2px;
 		letter-spacing: 4px;
 	}
+
 	#female-pic img {
 		max-width: 100%;
 		position: relative;
 		border-radius: 12px;
 		transform: translate(0%, -100%);
 	}
+
 	/* #square img {
         width: 130%;
         margin-top: 36%;
@@ -1229,6 +1373,7 @@ a:active {
 	#content div {
 		max-width: 80%;
 	}
+
 	/* #com-content {
         z-index: 5;
         text-align: center;
@@ -1256,6 +1401,7 @@ a:active {
 	.brochure-box {
 		transform: translate(0%, -132%);
 	}
+
 	/* #brochure img.line {
         max-width: 100%;
         margin-top: -90px;
@@ -1273,18 +1419,21 @@ a:active {
 		width: 80%;
 		margin-bottom: 20px;
 	}
+
 	.ribbon img {
 		position: absolute;
 		top: -23px;
 		left: -38px;
 		height: 110%;
 	}
+
 	.faq-head #q-mark {
 		position: absolute;
 		top: -80px;
 		right: 0px;
 		height: 105%;
 	}
+
 	#lady {
 		text-align: center;
 		margin-top: 50px;
@@ -1295,61 +1444,78 @@ a:active {
 	.about {
 		background-position: 70% 10%, 40% 94%;
 	}
+
 	#faq {
 		background-position: 100% -70%;
 	}
+
 	.brochure-box {
 		top: -10px;
 		height: 180px;
 	}
+
 	.broch-txt1 {
 		font-size: 18px;
 	}
+
 	.broch-txt2 {
 		font-size: 16px;
 	}
+
 	.broch-btn {
 		font-size: 8px;
 		left: 12%;
 		top: 20px;
 	}
+
 	.commit-row {
 		font-size: 15px;
 	}
+
 	.commit-row div {
 		margin-top: 25px;
 	}
+
 	.neo {
 		font-size: 25px;
 	}
+
 	.com-head {
 		padding-bottom: 100px;
 	}
+
 	.commit-heading {
 		font-size: 5em;
 		top: 0;
 		letter-spacing: 4px;
 	}
+
 	.commit-shadow {
 		font-size: 5em;
 		top: 2px;
 		letter-spacing: 4px;
 	}
+
 	.sponsor-section {
 		padding-top: 40%;
 	}
+
 	.bandi {
 		width: 50%;
 	}
+
 	#lady p {
 		display: none;
 	}
+
 	.faq-column {
 		margin: 0 auto;
 	}
+
 	.later {
 		text-align: center;
 	}
+
 	.later p {
 		max-width: 80%;
 		margin: 0 auto;
@@ -1357,29 +1523,35 @@ a:active {
 		padding-top: 50px;
 		margin-bottom: 30px;
 	}
+
 	#logo {
 		width: 80%;
 		margin-bottom: 20px;
 	}
+
 	#time {
 		margin-left: 40px;
 	}
+
 	.event li {
 		list-style: none;
 		display: inline-block;
 		font-size: 1.5em;
 		font-weight: 500;
 	}
+
 	.event {
 		padding: 0;
 		margin-bottom: 20px;
 	}
+
 	#com-line {
 		position: absolute;
 		top: 0px;
 		right: 50px;
 		height: 10%;
 	}
+
 	/* #com-content div p {
         font-size: 1.6em;
         max-width: 80%;
@@ -1391,6 +1563,7 @@ a:active {
 		left: 0;
 		height: 20%;
 	}
+
 	.speaker-box {
 		box-shadow: 9px 5px 44px 0 rgba(0, 0, 0, 1);
 		padding: 2.5rem 2rem 1.5rem 2rem;
@@ -1401,75 +1574,104 @@ a:active {
 }
 
 @media screen and (max-width: 640px) {
+	.commitment-text-box1 {
+		top: 30% !important;
+		font-size: 10px !important;
+	}
+
+	.commitment-heading {
+		font-size: 20px !important;
+	}
+
+	.commitment-heading::before {
+		font-size: 58px !important;
+		top: 58px !important;
+	}
+
 	.faq-heading {
 		font-size: 30px
 	}
+
 	.faq-line {
 		/* height: 200px; */
 		margin-top: -150%;
 	}
+
 	.brochure-box {
 		top: -20px;
 		height: 160px;
 	}
+
 	.broch-txt1 {
 		font-size: 16px;
 	}
-	.broch-txt2{
+
+	.broch-txt2 {
 		font-size: 14px;
 	}
+
 	.broch-btn {
 		font-size: 7px;
 		left: 10%;
 		top: 18px;
 	}
+
 	.commit-row {
 		font-size: 13px;
 	}
+
 	.commit-row div {
 		margin-top: 20px;
 	}
+
 	.neo {
 		font-size: 20px;
 	}
+
 	.com-head {
 		padding-bottom: 80px;
 	}
+
 	.commit-heading {
 		font-size: 4em;
 		top: 0;
 		letter-spacing: 4px;
 	}
+
 	.commit-shadow {
 		font-size: 4em;
 		top: 2px;
 		letter-spacing: 4px;
 	}
+
 	#female-pic img {
 		max-width: 100%;
 		position: relative;
 		border-radius: 12px;
 		transform: translate(0%, -115%);
 	}
+
 	#content div h1 {
 		font-size: 3.5em;
 		margin-bottom: 40px;
 	}
+
 	#content div {
 		max-width: 100%;
 	}
+
 	#content .fancy_heading_container .fancy_heading,
 	#content .fancy_heading_container .fancy_heading_shadow {
 		font-size: 12vw !important;
 	}
-	.sponsor-prize{
+
+	.sponsor-prize {
 		padding-bottom: 0%;
 	}
+
 	#content div p {
 		font-size: 1.6em;
 	}
-
-
 	/* #com-content div p {
         font-size: 1.6em;
     } */
@@ -1498,6 +1700,7 @@ a:active {
 	.brochure-box {
 		transform: translate(0%, -115%);
 	}
+
 	/* .link p
     {
         font-size: 1.25em;
@@ -1523,64 +1726,79 @@ a:active {
 	.faq-heading {
 		font-size: 25px
 	}
+
 	.brochure-box {
 		height: 140px;
 	}
+
 	.broch-txt1 {
 		font-size: 14px;
 	}
+
 	.broch-txt2 {
 		font-size: 14px;
 	}
+
 	.broch-btn {
 		font-size: 8px;
 		left: 10%;
 		top: 4px;
 	}
+
 	.commit-row {
 		font-size: 15px;
 	}
+
 	.com-txt {
 		width: 80%;
 	}
+
 	.com-txt2 {
 		width: 80%;
 		margin-left: 0%;
 		margin-right: 0%;
 	}
-	.neo-img{
-		width: 70%; 
+
+	.neo-img {
+		width: 70%;
 		margin-left: 15%;
 	}
-	
+
 	.commit-row div {
 		margin-top: 25px;
 	}
+
 	.neo {
 		font-size: 28px;
 	}
+
 	.com-head {
 		padding-bottom: 100px;
 	}
+
 	.commit-heading {
 		font-size: 4.5em;
 		top: 0;
 		letter-spacing: 3px;
 	}
+
 	.commit-shadow {
 		font-size: 4.5em;
 		top: 2px;
 		letter-spacing: 3px;
 	}
+
 	.sponsor-section {
 		padding-top: 45%;
 	}
+
 	#female-pic img {
 		max-width: 100%;
 		position: relative;
 		border-radius: 12px;
 		transform: translate(0%, -120%);
 	}
+
 	/* #line img {
         width: 25%;
     }
@@ -1617,6 +1835,7 @@ a:active {
 	.heading h1 {
 		font-size: 4em;
 	}
+
 	/* #content {
         position: relative;
         top: 0%;
@@ -1634,6 +1853,7 @@ a:active {
 	.brochure-box {
 		transform: translate(0%, -115%);
 	}
+
 	#brochure {
 		height: 40vh;
 	}
@@ -1644,34 +1864,42 @@ a:active {
 		top: -40px;
 		height: 120px;
 	}
+
 	.faq-line {
 		/* height: 200px; */
 		margin-top: -200%;
 	}
+
 	.broch-txt1 {
 		font-size: 13px;
 	}
+
 	.broch-txt2 {
 		font-size: 13px;
 	}
+
 	.broch-btn {
 		font-size: 7px;
 		left: 8%;
 		top: -2px;
 	}
+
 	.commit-heading {
 		font-size: 4em;
 		top: 0;
 		letter-spacing: 2.5px;
 	}
+
 	.commit-shadow {
 		font-size: 4em;
 		top: 2px;
 		letter-spacing: 2.5px;
 	}
+
 	.sponsor-section {
 		padding-top: 45%;
 	}
+
 	/* #com-content {
         position: relative;
         top: 0;
@@ -1690,6 +1918,7 @@ a:active {
 		border-radius: 12px;
 		transform: translate(0%, -140%);
 	}
+
 	.brochure-box {
 		transform: translate(0%, -105%);
 	}
@@ -1699,43 +1928,54 @@ a:active {
 	.about {
 		background-position: 60% 10%, 30% 100%;
 	}
+
 	.main-commit {
 		background-position: 40% 0%;
 	}
+
 	#faq {
 		background-position: 70% -80%;
 	}
+
 	.faq-heading {
 		font-size: 23px
 	}
+
 	.heading {
 		max-width: 100%;
 	}
+
 	.brochure-box {
 		top: -16px;
 		height: 100px;
 	}
+
 	.broch-txt1 {
 		font-size: 12px;
 	}
+
 	.broch-txt2 {
 		font-size: 12px;
 	}
+
 	.broch-btn {
 		font-size: 7px;
 		left: 10%;
 		top: -20px;
 	}
+
 	.commit-heading {
 		font-size: 3.5em;
 		top: 0;
 		letter-spacing: 2px;
 	}
+
 	.commit-shadow {
 		font-size: 3.5em;
 		top: 2px;
 		letter-spacing: 2px;
 	}
+
 	/* #line img {
         width: 25%;
     }
@@ -1766,6 +2006,7 @@ a:active {
 	.heading h1 {
 		font-size: 4em;
 	}
+
 	/* #square img {
         width: 100%;
         margin-top: 76%;
@@ -1797,9 +2038,11 @@ a:active {
 		border-radius: 12px;
 		transform: translate(0%, -65%);
 	}
+
 	.brochure-box {
 		transform: translate(0%, -135%);
 	}
+
 	/* .link a {
         font-size: 0.8em;
         color: white;
@@ -1817,22 +2060,27 @@ a:active {
 		text-align: center;
 		margin-top: 10px;
 	}
+
 	.bandi {
 		width: 60%;
 	}
+
 	.col-md-7 {
 		margin-top: 70px;
 		padding-right: 10px;
 		padding-left: 10px;
 	}
+
 	.faq {
 		padding-top: 80px;
 		margin-top: -4px;
 	}
+
 	.bottom-curve img {
 		width: 103%;
 		margin-top: -2px;
 	}
+
 	.later p {
 		max-width: 80%;
 		margin: 0 auto;
@@ -1840,13 +2088,16 @@ a:active {
 		padding-top: 50px;
 		margin-bottom: 20px;
 	}
+
 	.up-curve img {
 		width: 101%;
 		margin-bottom: 0px;
 	}
+
 	.nav-link {
 		font-size: 1.1em;
 	}
+
 	/* #brochure {
     height: 22vh;
     } */
@@ -1857,24 +2108,28 @@ a:active {
 		width: 60%;
 		text-align: center;
 	}
+
 	.ribbon img {
 		position: absolute;
 		top: -9px;
 		left: -17px;
 		height: 110%;
 	}
+
 	.faq-head #q-mark {
 		position: absolute;
 		top: -80px;
 		right: 0px;
 		height: 65%;
 	}
+
 	#com-line {
 		position: absolute;
 		top: 5px;
 		right: 20px;
 		height: 8%;
 	}
+
 	/* #com-content div p {
         max-width: 100%;
         margin: 0 auto;
@@ -1895,18 +2150,22 @@ a:active {
 		left: 4%;
 		height: 57%;
 	}
+
 	#content {
 		padding-top: 45px;
 	}
+
 	.content {
 		padding: 0;
 		font-family: CeraPro-Medium !important;
 		font-size: 13px;
 	}
+
 	.collapsible {
 		padding: 0 !important;
 		font-family: CeraPro-Medium !important;
 	}
+
 	.collapsible:before {
 		margin-top: 0px;
 		/* content: '\02795'; */
@@ -1916,23 +2175,27 @@ a:active {
 		margin-left: 0px;
 		outline: 0;
 	}
+
 	.collapsible:before {
 		padding-right: 0;
 	}
+
 	.active:before {
 		/* content: "\2796"; Unicode character for "minus" sign (-) */
 		color: #ffd405;
 	}
 }
 
-@media screen and (max-width: 290px){
-	.broch-txt1{
+@media screen and (max-width: 290px) {
+	.broch-txt1 {
 		font-size: 10px;
 	}
-	.broch-txt2{
+
+	.broch-txt2 {
 		font-size: 10px;
 	}
-	.brochure-box{
+
+	.brochure-box {
 		top: 8px;
 	}
 }
@@ -2016,31 +2279,32 @@ a:active {
 	transition: transform .6s cubic-bezier(.34, 1.56, .64, 1);
 }
 
-.judge-card img{ 
-    position: relative;
-    z-index: 2;
-    height: 200px;
-    width: 200px;
-    border: 5px solid;
-    border-image-slice: 1;
-    border-width: 10px;
-    /* border-image-source: linear-gradient(90deg, #97469E 20.44%, #C146A4 36.75%, #EF489C 52.96%, #FF6A48 68.52%, #F79737 86.18%); */
-    -moz-border-radius: 50%;
-    -webkit-border-radius: 50%;
-    border-radius: 50%;
-    transition: transform .6s cubic-bezier(.34,1.56,.64,1);
+.judge-card img {
+	position: relative;
+	z-index: 2;
+	height: 200px;
+	width: 200px;
+	border: 5px solid;
+	border-image-slice: 1;
+	border-width: 10px;
+	/* border-image-source: linear-gradient(90deg, #97469E 20.44%, #C146A4 36.75%, #EF489C 52.96%, #FF6A48 68.52%, #F79737 86.18%); */
+	-moz-border-radius: 50%;
+	-webkit-border-radius: 50%;
+	border-radius: 50%;
+	transition: transform .6s cubic-bezier(.34, 1.56, .64, 1);
 }
 
 
 .circ_gradient {
-    --b:5px; 
-    color: #313149;
-    width: 200px;
-    height: 200px;
-    position:relative;
-    z-index:3;
-  }
-  /* .circ_gradient:after {
+	--b: 5px;
+	color: #313149;
+	width: 200px;
+	height: 200px;
+	position: relative;
+	z-index: 3;
+}
+
+/* .circ_gradient:after {
     content:"";
     display:inline-block;
     padding-top:100%;
@@ -2089,15 +2353,19 @@ a:active {
 		padding-bottom: 2%;
 		transition: all 0.8s ease;
 	}
+
 	.c23 {
 		background: rgba(0, 0, 0, 0.5) !important;
 	}
+
 	.c23:hover {
 		background: rgba(0, 0, 0, 1) !important;
 	}
+
 	#mainNav {
 		overflow: hidden;
 	}
+
 	.shadowFix {
 		box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.3);
 	}
@@ -2141,10 +2409,15 @@ a:active {
 }
 
 @media screen and (max-width: 992px) {
+	.commitment-text-box1 {
+		font-size: 15px;
+	}
+
 	.main-landing-text {
 		top: 50%;
 		width: 80%;
 	}
+
 	.landing-college-name-row {
 		font-size: 1.5em;
 	}
@@ -2154,9 +2427,11 @@ a:active {
 	.main-landing-text {
 		width: 80%;
 	}
+
 	.collapsible {
 		font-size: 15px;
 	}
+
 	.content {
 		font-size: 15px;
 	}
@@ -2178,6 +2453,7 @@ a:active {
 		transform: translate(-50%, -50%);
 		width: 80%;
 	}
+
 	.landing-college-name-row {
 		font-size: 1.5em;
 	}
@@ -2191,6 +2467,7 @@ a:active {
 		transform: translate(-50%, -50%);
 		width: 80%;
 	}
+
 	.landing-college-name-row {
 		font-size: 1.7em;
 	}
@@ -2204,6 +2481,7 @@ a:active {
 		transform: translate(-50%, -50%);
 		width: 50%;
 	}
+
 	.landing-college-name-row {
 		font-size: 1.6em;
 	}
@@ -2213,6 +2491,7 @@ a:active {
 	.neo-para {
 		display: none;
 	}
+
 	.para_invi {
 		display: block;
 		margin: auto;
@@ -2230,6 +2509,10 @@ a:active {
 }
 
 @media screen and (max-width: 440px) {
+	.commitment-text-box1 {
+		font-size: 10px;
+	}
+
 	.main-landing-text {
 		position: absolute;
 		left: 50%;
@@ -2237,9 +2520,11 @@ a:active {
 		transform: translate(-50%, -50%);
 		width: 100%;
 	}
+
 	.landing-college-name-row {
 		font-size: 1.4em;
 	}
+
 	.hint {
 		position: relative;
 		left: 50%;
@@ -2264,6 +2549,7 @@ a:active {
 	.platinum img {
 		width: 90% !important;
 	}
+
 	.diamond img {
 		width: 80% !important;
 	}
@@ -2286,6 +2572,7 @@ a:active {
 		right: 30px;
 		top: 0;
 	}
+
 	.close1 {
 		font-size: 1.1rem;
 		font-weight: 500;
@@ -2450,9 +2737,11 @@ a:active {
 	.mlh {
 		width: 100% !important;
 	}
+
 	#mlh-logo {
 		margin-top: 60px;
 	}
+
 	.amul {
 		width: 90% !important;
 	}
@@ -2701,15 +2990,18 @@ border-radius: 200px;
 }
 
 @media screen and (max-width: 440px) {
+
 	/* #mobile {
 		display: inline-block;
 	} */
 	#pc {
 		display: none;
 	}
+
 	.time-head {
 		margin-top: 0;
 	}
+
 	/* #mobile {
 		margin-bottom: 15%;
 	} */
@@ -2737,7 +3029,7 @@ border-radius: 200px;
 	padding-bottom: 20px;
 }
 
-.sponsor-prize{
+.sponsor-prize {
 	padding-bottom: 10%;
 }
 
@@ -2749,20 +3041,29 @@ border-radius: 200px;
 }
 
 .fancy_heading {
-	font-size: 7vw !important;
+	font-size: 6vw !important;
 	position: absolute;
-	width: 70%;
-	left: 15%;
+	width: 67%;
+	left: 9%;
 	top: 0;
 	z-index: 1;
 	letter-spacing: 4px;
 }
 
+#before-heading::before {
+	content: "SPEAKERS";
+	font-size: 177px;
+	color: #101039;
+	position: relative;
+	left: 222px;
+	top: -85px;
+}
+
 .fancy_heading_shadow {
-	font-size: 7vw !important;
+	font-size: 6vw !important;
 	position: absolute;
-	width: 70%;
-	left: 15.2%;
+	width: 67%;
+	left: 9.2%;
 	top: 2px;
 	letter-spacing: 4px;
 	background: -webkit-linear-gradient(0deg, rgba(151, 70, 158, 1) 20%, rgba(193, 70, 164, 1) 40%, rgba(239, 72, 156, 1) 60%, rgba(255, 106, 72, 1) 80%, rgba(247, 151, 55, 1) 100%);
@@ -2772,6 +3073,28 @@ border-radius: 200px;
 	color: #07071C;
 }
 
+.commitment-heading {
+	width: 100%;
+	font-size: 60px;
+	text-align: end;
+}
+
+.commitment-heading p {
+	margin-right: 40px;
+}
+
+.commitment-heading::before {
+	content: "COMMITMENT";
+	font-size: 190px;
+	position: relative;
+	top: 150px;
+	left: -10px;
+	/* color: #2a2a48; */
+	color: #FFFFFF;
+	opacity: 0.05;
+	z-index: -1;
+}
+
 .hackademic-text {
 	font-style: normal;
 	font-weight: bold;
@@ -3085,29 +3408,37 @@ border-radius: 200px;
 	.theme-list-para {
 		margin-top: 1rem;
 	}
+
 	.what {
 		font-size: 2rem;
 		letter-spacing: 0.2rem;
 	}
+
 	.atl {
 		width: 20% !important;
 	}
+
 	.event_partners {
 		width: 25%;
 	}
+
 	.prizes_box {
 		margin-bottom: 30%;
 	}
+
 	.prizes_title {
 		font-size: 3rem;
 	}
+
 	.amul {
 		width: 120% !important;
 	}
+
 	.theme-list-column {
 		min-height: 200px;
 		padding: 7.5% 5%;
 	}
+
 	.theme-section {
 		padding: 10vh 0;
 		background: url(../images/vector/vector_1.png), url(../images/vector/vector_2.png), url(../images/vector/vector_3.png), #0C0C0C;
@@ -3115,6 +3446,7 @@ border-radius: 200px;
 		background-position: 110% 90%, 0% 40%, 100% 10%;
 		background-repeat: no-repeat, no-repeat, no-repeat;
 	}
+
 	#tri-dark {
 		max-width: 358px;
 		position: absolute;
@@ -3122,20 +3454,25 @@ border-radius: 200px;
 		right: 5%;
 		width: 90vw;
 	}
+
 	.theme-heading {
 		margin-bottom: 0;
 	}
+
 	.theme-rows {
 		margin-top: 4rem;
 		padding: 0 5%;
 	}
+
 	.des-speaker,
 	.role-speaker {
 		font-size: 0.65rem;
 	}
+
 	.youtube-speaker {
 		font-size: 1rem;
 	}
+
 	.speaker-box {
 		margin-top: 1rem;
 		padding: 5% !important;
@@ -3146,30 +3483,39 @@ border-radius: 200px;
 	.dates-div {
 		margin-top: 30vh;
 	}
+
 	.heading-hackinthenorth {
 		font-size: 3rem;
 	}
+
 	.we-are-back-text {
 		font-size: 75px;
 	}
+
 	.theme-heading {
 		font-size: 3rem;
 	}
+
 	.theme-list-heading {
 		font-size: 2rem;
 	}
+
 	.theme-list-para {
 		font-size: 1.1rem;
 	}
+
 	.vector-type-1 {
 		top: 215%;
 	}
+
 	.vector-type-2 {
 		top: 195%;
 	}
+
 	.vector-type-3 {
 		top: 150%;
 	}
+
 	.theme-background-1,
 	.theme-background-2,
 	.theme-background-3,
@@ -3177,10 +3523,12 @@ border-radius: 200px;
 	.theme-background-5 {
 		background-size: 30%;
 	}
+
 	.owl-carousel .owl-nav .owl-next:after {
 		left: 60%;
 		top: -18%;
 	}
+
 	.owl-carousel .owl-nav .owl-prev:after {
 		left: 30%;
 		top: -18%;
@@ -3191,24 +3539,31 @@ border-radius: 200px;
 	.dates-div {
 		margin-top: 10vh;
 	}
+
 	.heading-hackinthenorth {
 		font-size: 3rem;
 	}
+
 	.we-are-back-text {
 		font-size: 75px;
 	}
+
 	.theme-heading {
 		font-size: 1.7rem;
 	}
+
 	.theme-list-heading {
 		font-size: 1rem;
 	}
+
 	.theme-list-para {
 		font-size: 0.7rem;
 	}
+
 	.vector-type-1 {
 		top: 255%;
 	}
+
 	.vector-type-2 {
 		padding: 10vh 0;
 		background: url(../images/vector/vector_1.png), url(../images/vector/vector_2.png), url(../images/vector/vector_3.png), #0C0C0C;
@@ -3216,9 +3571,11 @@ border-radius: 200px;
 		background-position: 110% 90%, 0% 30%, 100% 0%;
 		top: 225%;
 	}
+
 	.vector-type-3 {
 		top: 170%;
 	}
+
 	.theme-background-1,
 	.theme-background-2,
 	.theme-background-3,
@@ -3226,6 +3583,7 @@ border-radius: 200px;
 	.theme-background-5 {
 		background-size: 30%;
 	}
+
 	#content {
 		top: 60%;
 	}
@@ -3235,40 +3593,51 @@ border-radius: 200px;
 	.dates-div {
 		margin-top: 25vh;
 	}
+
 	.hackademic-text {
 		font-size: 40px !important;
-		margin-bottom: 0!important;
+		margin-bottom: 0 !important;
 	}
+
 	.heading-hackinthenorth {
 		font-size: 2rem !important;
 		margin-bottom: 0;
 	}
+
 	.we-are-back-text {
 		font-size: 3rem;
 		background: linear-gradient(180deg, #3C3C3C 0%, #858585 100%);
 	}
+
 	.we-back-img {
 		width: 100%;
 		margin-top: 0;
 	}
+
 	.theme-heading {
 		font-size: 1.5rem;
 	}
+
 	.theme-list-heading {
 		font-size: 1rem;
 	}
+
 	.theme-list-para {
 		font-size: 0.5rem;
 	}
+
 	.vector-type-1 {
 		top: 255%;
 	}
+
 	.vector-type-2 {
 		top: 225%;
 	}
+
 	.vector-type-3 {
 		top: 170%;
 	}
+
 	.theme-background-1,
 	.theme-background-2,
 	.theme-background-3,
@@ -3276,6 +3645,7 @@ border-radius: 200px;
 	.theme-background-5 {
 		background-size: 30%;
 	}
+
 	#content {
 		top: 60%;
 	}
@@ -3285,41 +3655,52 @@ border-radius: 200px;
 	.dates-div {
 		margin-top: 5vh;
 	}
+
 	.hackademic-text {
 		font-size: 40px !important;
-		margin-bottom: 0!important;
+		margin-bottom: 0 !important;
 	}
+
 	.heading-hackinthenorth {
 		font-size: 2rem !important;
 		margin-bottom: 0;
 	}
+
 	.we-are-back-text {
 		font-size: 3rem;
 		background: linear-gradient(180deg, #3C3C3C 0%, #858585 100%);
 	}
+
 	.we-back-img {
 		width: 100%;
 		margin-top: 0;
 	}
+
 	.theme-heading {
 		font-size: 2.25rem;
 	}
+
 	.theme-list-heading {
 		font-size: 1.4rem;
 	}
+
 	.theme-list-para {
 		font-size: 0.85rem;
 		width: 95%;
 	}
+
 	.vector-type-1 {
 		top: 255%;
 	}
+
 	.vector-type-2 {
 		top: 225%;
 	}
+
 	.vector-type-3 {
 		top: 170%;
 	}
+
 	.theme-background-1,
 	.theme-background-2,
 	.theme-background-3,
@@ -3327,29 +3708,34 @@ border-radius: 200px;
 	.theme-background-5 {
 		background-size: 25%;
 	}
+
 	#content {
 		top: 60%;
 	}
+
 	.dash-speaker {
 		display: none;
-	}	
+	}
 }
+
 @media only screen and (min-width: 540px) {
-	.des-speaker-container{
+	.des-speaker-container {
 		padding-left: 15px !important;
 	}
 }
 
 @media screen and (min-width: 1400px) {
 	.fancy_heading_container {
-	  padding-bottom: 150px ;
+		padding-bottom: 150px;
 	}
-  }
-  @media screen and (min-width: 1600px) {
+}
+
+@media screen and (min-width: 1600px) {
 	.fancy_heading_container {
-	  padding-bottom: 200px ;
+		padding-bottom: 200px;
 	}
-  }
+}
+
 /* .path {
     stroke-dasharray: 1114.6513671875;
     stroke-dashoffset: 1114.6513671875;
@@ -3383,10 +3769,12 @@ border-radius: 200px;
 	from {
 		box-shadow: 0 0 5px #fff, 0 0 10px #F9D53D, 0 0 15px #F79737, 0 0 20px #F79737, 0 0 30px #F79737, 0 0 40px #F79737, 0 0 50px #F79737;
 	}
+
 	to {
 		box-shadow: 0 0 10px #F9D53D, 0 0 15px #F9D53D, 0 0 20px #F9D53D, 0 0 30px #F9D53D, 0 0 40px #F9D53D, 0 0 50px #F9D53D, 0 0 60px #F9D53D;
 	}
 }
+
 @document url() {
 	.ball {
 		display: none;
@@ -3457,10 +3845,12 @@ border-radius: 200px;
 	.footer-row {
 		width: 50%;
 	}
+
 	.footer-info,
 	.footer-social-links {
 		font-size: 16px;
 	}
+
 	.footer-logo-img {
 		width: 60%;
 	}
@@ -3471,17 +3861,21 @@ border-radius: 200px;
 		padding-top: 15%;
 		padding-bottom: 10%;
 	}
+
 	.footer-row {
 		width: 80%;
 		margin-bottom: 5%;
 	}
+
 	.footer-title {
 		font-size: 18px;
 	}
+
 	.footer-info,
 	.footer-social-links {
 		font-size: 14px;
 	}
+
 	.footer-logo-img {
 		width: 50%;
 	}
@@ -3551,16 +3945,17 @@ border-radius: 200px;
 	.main-sponsors {
 		margin-bottom: 10%;
 	}
+
 	.sponsors_main1 {
 		width: 70%;
 		margin-bottom: 10%;
 	}
-	
+
 	.sponsors_main2 {
 		width: 50%;
 		margin-bottom: 8%;
 	}
-	
+
 	.sponsors_main3 {
 		width: 50%;
 		margin-bottom: 8%;
@@ -3568,16 +3963,20 @@ border-radius: 200px;
 }
 
 @media screen and (max-width: 992px) {
+
 	.sponsor-title,
 	.patron-title {
 		font-size: 30px;
 	}
+
 	.sponsor-us-row {
 		font-size: 18px;
 	}
+
 	.platform-sponsor-image {
 		width: 50%;
 	}
+
 	.sponsor-us {
 		padding-top: 10%;
 		padding-bottom: 10%;
@@ -3585,19 +3984,24 @@ border-radius: 200px;
 }
 
 @media screen and (max-width: 768px) {
+
 	.sponsor-title,
 	.patron-title {
 		font-size: 30px;
 	}
+
 	.associate-sponsor-image {
 		width: 60%;
 	}
+
 	.sponsor-image {
 		width: 60%;
 	}
+
 	.sponsor-us-row {
 		font-size: 14px;
 	}
+
 	.platinum img {
 		width: 100%;
 	}
@@ -3607,6 +4011,7 @@ border-radius: 200px;
 	.sponsor-us-row {
 		font-size: 12px;
 	}
+
 	.image-column {
 		margin-top: 30px;
 	}
@@ -3617,29 +4022,36 @@ border-radius: 200px;
 		font-size: 3em;
 		margin-bottom: 40px;
 	}
+
 	#content div p {
 		max-width: 80%;
 		margin-left: 10%;
 	}
+
 	#content div p {
 		font-size: 1.2em;
 	}
+
 	#com-content div h1 {
 		font-size: 3em;
 		margin-bottom: 30px;
 	}
+
 	#com-content div p {
 		font-size: 1.2em;
 	}
+
 	#female-pic img {
 		max-width: 100%;
 		position: relative;
 		border-radius: 12px;
 		transform: translate(-0%, -87%);
 	}
+
 	#brochure {
 		height: 70vh;
 	}
+
 	#more-info {
 		text-align: center;
 	}
@@ -3651,6 +4063,7 @@ border-radius: 200px;
 }
 
 @keyframes wiggle {
+
 	/* 6% { transform: skewX(9deg); }
     12% { transform: skewX(-8deg); }
     18% { transform: skewX(7deg); }
@@ -3671,33 +4084,43 @@ border-radius: 200px;
 	0% {
 		transform: skewX(9deg);
 	}
+
 	5% {
 		transform: skewX(-8deg);
 	}
+
 	10% {
 		transform: skewX(7deg);
 	}
+
 	15% {
 		transform: skewX(-6deg);
 	}
+
 	20% {
 		transform: skewX(5deg);
 	}
+
 	25% {
 		transform: skewX(-4deg);
 	}
+
 	30% {
 		transform: skewX(3deg);
 	}
+
 	35% {
 		transform: skewX(-2deg);
 	}
+
 	40% {
 		transform: skewX(1deg);
 	}
+
 	45% {
 		transform: skewX(0deg);
 	}
+
 	50% {
 		transform: skewX(0deg);
 	}
@@ -3711,6 +4134,7 @@ border-radius: 200px;
 	from {
 		transform: translate(-50%, -50%) rotate(0deg);
 	}
+
 	to {
 		transform: translate(-50%, -50%) rotate(360deg);
 	}
@@ -3720,6 +4144,7 @@ border-radius: 200px;
 	from {
 		transform: translate(-50%, -50%) rotate(0deg);
 	}
+
 	to {
 		transform: translate(-50%, -50%) rotate(360deg);
 	}
@@ -3729,6 +4154,7 @@ border-radius: 200px;
 	from {
 		transform: translate(-50%, -50%) rotate(0deg);
 	}
+
 	to {
 		transform: translate(-50%, -50%) rotate(360deg);
 	}
@@ -3738,6 +4164,7 @@ border-radius: 200px;
 	from {
 		transform: translate(-50%, -50%) rotate(0deg);
 	}
+
 	to {
 		transform: translate(-50%, -50%) rotate(360deg);
 	}
@@ -3801,9 +4228,10 @@ border-radius: 200px;
 	transition:  .8s linear; */
 	--x: 100%;
 }
-.dev-btn{
+
+.dev-btn {
 	--c1: rgba(255, 255, 255, 0.2);
-  	--c2: rgba(255, 255, 255, 0.05);
+	--c2: rgba(255, 255, 255, 0.05);
 }
 
 @keyframes pressed {
@@ -3811,6 +4239,7 @@ border-radius: 200px;
 		background-color: rgba(0, 0, 0, 0.7);
 		box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.7);
 	}
+
 	to {
 		background-color: rgba(0, 0, 0, 0.2);
 		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
@@ -3822,6 +4251,7 @@ border-radius: 200px;
 		background-color: rgba(0, 0, 0, 0.7);
 		box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.7);
 	}
+
 	to {
 		background-color: rgba(0, 0, 0, 0.2);
 		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
@@ -3833,6 +4263,7 @@ border-radius: 200px;
 		background-color: rgba(0, 0, 0, 0.7);
 		box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.7);
 	}
+
 	to {
 		background-color: rgba(0, 0, 0, 0.2);
 		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
@@ -3844,6 +4275,7 @@ border-radius: 200px;
 		background-color: rgba(0, 0, 0, 0.7);
 		box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.7);
 	}
+
 	to {
 		background-color: rgba(0, 0, 0, 0.2);
 		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
@@ -3889,15 +4321,19 @@ border-radius: 200px;
 		cursor: pointer;
 		margin-top: 5px;
 	}
+
 	.dic {
 		width: 100% !important;
 	}
+
 	.event .image-column {
 		margin-top: 30px;
 	}
+
 	.event {
 		margin-bottom: 20% !important;
 	}
+
 	.invision {
 		margin-top: 30px !important;
 	}
@@ -3905,4 +4341,61 @@ border-radius: 200px;
 
 #devfolio-apply-now .logo {
 	fill: white;
-}
\ No newline at end of file
+}
+
+
+
+
+.item-box1 {
+	border: 2px solid #4bc2e2;
+	padding: 7px;
+}
+
+
+
+.item-box2 {
+	border: 2px solid #6c63ff;
+	display: flex;
+	flex-wrap: wrap;
+	padding: 20px;
+}
+
+.item-images {
+	display: flex;
+	width: 95%;
+	justify-content: space-around;
+	margin: 50px 0;
+}
+
+.item-image-name {
+	width: 50%;
+}
+
+.item-image-dp {
+	width: 30%;
+}
+
+.item-role {
+	width: 5%;
+}
+
+.item-text {
+	width: 100%;
+	font-size: 15px;
+}
+
+.item-role p {
+	transform: rotate(-90deg);
+	position: relative;
+	font-weight: 700;
+	font-size: 20px;
+	top: 80px;
+	left: 25px;
+	letter-spacing: 3px;
+}
+
+.item-timeline {
+	font-size: 31px;
+	text-transform: uppercase;
+	font-weight: 600;
+}
diff --git a/images/Commitment/bgf.png b/images/Commitment/bgf.png
new file mode 100644
index 0000000..bcb7213
Binary files /dev/null and b/images/Commitment/bgf.png differ
diff --git a/images/Commitment/people.png b/images/Commitment/people.png
new file mode 100644
index 0000000..5dd41e9
Binary files /dev/null and b/images/Commitment/people.png differ
diff --git a/index.html b/index.html
index fd3b9aa..5087f2a 100644
--- a/index.html
+++ b/index.html
@@ -382,16 +382,17 @@ <h1 class="fancy_heading_shadow">PAST JUDGES</h1>
                </div>
             </div>
          </div> -->
-         <!-- <div class="row speaker-section">
+         <div class="row speaker-section">
             <div class="container-fluid speaker-header-container">
                <div class="fancy_heading_container text-center" >
-                  <h1 class="fancy_heading" style="left: 15%; text-align: center;">PAST SPEAKERS</h1>
-                  <h1 class="fancy_heading_shadow" style="left: 15.2%; text-align: center;">PAST SPEAKERS</h1>
+                  <div id="before-heading"></div>
+                  <h1 class="fancy_heading" style="left: 15%; text-align: center;">OUR SPEAKERS</h1>
+                  <!-- <h1 class="fancy_heading_shadow" style="left: 15.2%; text-align: center;">OUR SPEAKERS</h1> -->
                </div>
             </div>
             <div class="container speaker-box">
                <div class="owl-carousel owl-theme">
-                  <div class="item">
+                  <!-- <div class="item">
                      <div class="row">
                         <div class="col-8" style="padding: 0;">
                            <div class="row">
@@ -400,7 +401,7 @@ <h1 class="fancy_heading_shadow" style="left: 15.2%; text-align: center;">PAST S
                                  YouTube LIVE 5:00pm
                               </p>
                            </div>
-                           <div class="row">
+                           <div class="row row2">
                               <img src="./images/speaker/Akshay Saini.png" width="100%">
                            </div>
                         </div>
@@ -424,8 +425,8 @@ <h1 class="fancy_heading_shadow" style="left: 15.2%; text-align: center;">PAST S
                            </p>
                         </div>
                      </div>
-                  </div>
-                  <div class="item">
+                  </div> -->
+                  <!-- <div class="item">
                      <div class="row">
                         <div class="col-8" style="padding: 0;">
                            <div class="row">
@@ -458,8 +459,8 @@ <h1 class="fancy_heading_shadow" style="left: 15.2%; text-align: center;">PAST S
                            </p>
                         </div>
                      </div>
-                  </div>
-                  <div class="item">
+                  </div> -->
+                  <!-- <div class="item">
                      <div class="row">
                         <div class="col-8" style="padding: 0;">
                            <div class="row">
@@ -492,8 +493,8 @@ <h1 class="fancy_heading_shadow" style="left: 15.2%; text-align: center;">PAST S
                            </p>
                         </div>
                      </div>
-                  </div>
-                  <div class="item">
+                  </div> -->
+                  <!-- <div class="item">
                      <div class="row">
                         <div class="col-8" style="padding: 0;">
                            <div class="row">
@@ -529,74 +530,202 @@ <h1 class="fancy_heading_shadow" style="left: 15.2%; text-align: center;">PAST S
                            </p>
                         </div>
                      </div>
-                  </div>
+                  </div> -->
+                
                   
-               </div>
-            </div>
-         </div> -->
-      </div>
-      <div class="main-commit">
-         <div id="com-content">
-            <div class="fancy_heading_container">
-               <h1 class="fancy_heading">COMMITMENT</h1>
-               <h1 class="fancy_heading_shadow">COMMITMENT</h1>
-            </div>
-            <div class="container-fluid">
-               <div class="row commit-row">
-                  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 com-txt neo-para">
-                     <p style="margin-left: 10%;">At Hack In The North, we create an environment that brings developers together irrespective of their gender, race, sexual orientation, socioeconomic background or ethnicity.
-                     </p>
-                     <br>
-                     <p style="margin-left: 10%;">Ever since its inception, over the years, we have strived to make sure that women get a chance to showcase their experience with all fairness.
-                     </p>
-                  </div>
-                  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
-                     <img src="./images/Commitment/comm11.png" class="neo-img">
-                     <p class="neo">Meet NEO</p>
-                  </div>
-                  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 com-txt para_invi">
-                     <p>At Hack In The North, we create an environment that brings developers together irrespective of their gender, race, sexual orientation, socioeconomic background or ethnicity.
-                     </p>
-                     <br>
-                     <p>Ever since its inception, over the years, we have strived to make sure that women get a chance to showcase their experience with all fairness.
-                     </p>
-                  </div>
-                  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team-img">
-                     <img src="./images/Commitment/comm21.png" class="neo-img">
+              <div class="item">
+               <div class="item-timeline">Youtube <span style="color:red;">Live</span> 8:30PM</div>
+               <div class="item-box1">
+                  <div class="item-box2">
+                     <div class="item-images">
+                        <div class="item-image-name">
+                           <img src="./images/speaker/Akshay Saini.png" width="100%">
+                        </div>
+                        <div class="item-image-dp">
+                           <img class="speaker_img" src="./images/speaker/akshay saini.jpg" width="100%" alt="Akshay Saini">
+                        </div>
+                     </div>
+                     <div class="item-role">
+                        <p>SPEAKER<span style="margin: 0 2px;">|</span>JUDGE</p>
+                     </div>
+                     <div class="item-text">
+                           <p>
+                              Software engineer at Uber, YouTuber with 172k subscribers. He is known for his course of JavaScript named "Namaste Javascript" on YouTube. Former software engineer at Paytm with keen interest Digital Marketing, SEO, SMM, Blogging and Web Security.
+                           </p>
+                     </div>
                   </div>
-                  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 com-txt2">
-                     <p class="coc-above">
-                        From the second iteration of our event, girls had a direct entry to any and all girls’ teams and the best performing girls’ team received special prizes and swags from Hack in the North. And we took it a step further from North 3.0, and reserved 20% of the seats for female participants.
-                     </p>
-                     <br>
-                     <p><a class="coc" href="https://devfolio.co/code-of-conduct" target="_blank">See Our
-                        Code of Conduct here</a>
-                     </p>
+               </div>
+              </div>
+              <div class="item">
+               <div class="item-timeline">Youtube <span style="color:red;">Live</span> 9:30PM</div>
+               <div class="item-box1">
+                  <div class="item-box2">
+                     <div class="item-images">
+                        <div class="item-image-name">
+                           <img src="./images/speaker/Rohas Nagpal.png" width="100%">
+                        </div>
+                        <div class="item-image-dp">
+                           <img class="speaker_img" src="./images/speaker/rohas nagpal.jpg" width="100%" alt="Rohas Nagpal">
+                        </div>
+                     </div>
+                     <div class="item-role">
+                        <p>SPEAKER<span style="margin: 0 2px;">|</span>JUDGE</p>
+                     </div>
+                     <div class="item-text">
+                           <p>
+                              Chief Blockchain Architect at the Hybrid Finance (HyFi) Blockchain, started his career in the early 1990s as a hacker and co-founded Asian School of Cyber Laws in 1999. In 2015, he moved into the blockchain space and co-founded Primechain in 2016. To help his daughters in understanding the crypto world he wrote "Future Money Playbook" for them.
+                           </p>
+                     </div>
                   </div>
-                  <div class="col-sm-12" style="z-index: 1;">
-                     <img src="./images/Commitment/commitment-grid1.jpg" alt="" style="width: 80%;margin-left: 10%; margin-top: 70px;">
+               </div>
+              </div>
+              <div class="item">
+               <div class="item-timeline">Youtube <span style="color:red;">Live</span> 7:30PM</div>
+               <div class="item-box1">
+                  <div class="item-box2">
+                     <div class="item-images">
+                        <div class="item-image-name">
+                           <img  src="./images/speaker/Santosh Yadav.png" width="100%">
+                        </div>
+                        <div class="item-image-dp">
+                           <img class="speaker_img" src="./images/speaker/santosh yadav.jpg" width="100%" alt="Santosh Yadav">
+                        </div>
+                     </div>
+                     <div class="item-role">
+                        <p>SPEAKER<span style="margin: 0 2px;">|</span>JUDGE</p>
+                     </div>
+                     <div class="item-text">
+                           <p>
+                              Currently working as Frontend Developer at avodaq AG. Google Developer Expert for Angular, GitHub Star, Auth0 Ambassador, Software Consultant, Open source contributor, Co-Founder of This is Learning. Started his channel "Tech Talks with Santosh" during covid-19 pandemic.
+                           </p>
+                     </div>
                   </div>
-                  <div class="col-sm-12" id="brochure">
-                     <img src="./images/Sponsor_us/background_dotted_line.svg" alt="" class="line">
-                     <div class="brochure-box flex-container">
-                        <!-- <div class="ribbon blue-box"><img src="./images/Sponsor_us/ribbon.svg" alt=""></div> -->
-                        <div class="blue-box brch">
-                           <div class="link">
-                              <p class="broch-txt1">Want to sponsor Hack In The North 6.0?</p>
-                              <p class="broch-txt2">Here's the brochure <a href="https://drive.google.com/file/d/1IXjXFANEnQbrsD3qfc1UcEnRK3gepBfn/view?usp=drivesdk" style="font-size: 1em;">hackinthenorth@iiita.ac.in</a></p>
-                              <!-- <div class="broch-btn">
-                                 <button type="button" class="brochure_button"><a href="">DOWNLOAD BROCHURE<img src="images/Sponsor_us/download.svg" width="25px" style="margin-left: 10px;"></img></button>
-                              </div> -->
-                           </div>
+               </div>
+              </div>
+              <div class="item">
+               <div class="item-timeline">Youtube <span style="color:red;">Live</span> 6:30PM</div>
+               <div class="item-box1">
+                  <div class="item-box2">
+                     <div class="item-images">
+                        <div class="item-image-name">
+                           <img src="./images/speaker/AnupamDagar.png" width="100%">
+                        </div>
+                        <div class="item-image-dp">
+                           <img class="speaker_img" src="./images/speaker/Dagar.JPG" width="100%" alt="Anupam Dagar">
                         </div>
-                        <!-- <div class="blue-box dot">
-                           <img src="./images/Sponsor_us/circle_square_pattern.svg" alt="">
-                           </div> -->
+                     </div>
+                     <div class="item-role">
+                        <p>SPEAKER<span style="margin: 0 2px;">|</span>JUDGE</p>
+                     </div>
+                     <div class="item-text">
+                           <p>
+                              Software Engineer at Deutsche Telekom Digital Labs.
+                              Former Campus Expert at GitHub Education, Research Assistant at NTU, Singapore.
+                              Worked as a Software Developer intern at Hasura, Open Source Developer at FOSSASIA.
+                              Delivered talks in conferences across San Francisco, Berlin and Singapore.
+                           </p>
                      </div>
                   </div>
                </div>
+              </div>
+               </div>
+            </div>
+         </div>
+      </div>
+      <div class="main-commit">
+      <div id="com-content">
+         <!-- <div class="fancy_heading_container">
+                     <h1 class="fancy_heading">COMMITMENT</h1>
+                     <h1 class="fancy_heading_shadow">COMMITMENT</h1>
+                  </div> -->
+         <div class="commitment-heading">
+            <p>COMMITMENT</p>
+         </div>
+         <div class="sub-commitment-box">
+            <div class="commitment-text-box1">
+               <p> At Hack In The North, we create an environment that brings developers together irrespective of their
+                  gender, race,
+                  sexual orientation, socioeconomic background or ethnicity.</p>
+      
+               <p>Ever since its inception, over the years, we have strived to make sure that women get a chance to showcase
+                  their
+                  experience with all fairness.</p>
+            </div>
+            <div class="commitment-box-img">
+               <img src="./images/Commitment/bgf.png" alt="bg" srcset="">
+            </div>
+            <div class="commitment-box-img2">
+               <img src="./images/Commitment/people.png" alt="HINT PEOPLES">
+               <div class="commitment-text-box1 commitment-text-box2">
+                  <p>Hack In The North 2.0 had a direct entry to any and all girls’ teams and individual entries. The best
+                     performing girls’
+                     team received special prizes and swags In Hack In The North 3.0, We took it a step further and reserved
+                     20% of the seats
+                     for female participants.
+      
+                     See Our Code of Conduct here</p>
+               </div>
             </div>
          </div>
+      
+         <!-- <div class="container-fluid">
+                     <div class="row commit-row">
+                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 com-txt neo-para">
+                           <p style="margin-left: 10%;">At Hack In The North, we create an environment that brings developers together irrespective of their gender, race, sexual orientation, socioeconomic background or ethnicity.
+                           </p>
+                           <br>
+                           <p style="margin-left: 10%;">Ever since its inception, over the years, we have strived to make sure that women get a chance to showcase their experience with all fairness.
+                           </p>
+                        </div>
+                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
+                           <img src="./images/Commitment/comm11.png" class="neo-img">
+                           <p class="neo">Meet NEO</p>
+                        </div>
+                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 com-txt para_invi">
+                           <p>At Hack In The North, we create an environment that brings developers together irrespective of their gender, race, sexual orientation, socioeconomic background or ethnicity.
+                           </p>
+                           <br>
+                           <p>Ever since its inception, over the years, we have strived to make sure that women get a chance to showcase their experience with all fairness.
+                           </p>
+                        </div>
+                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 team-img">
+                           <img src="./images/Commitment/comm21.png" class="neo-img">
+                        </div>
+                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 com-txt2">
+                           <p class="coc-above">
+                              From the second iteration of our event, girls had a direct entry to any and all girls’ teams and the best performing girls’ team received special prizes and swags from Hack in the North. And we took it a step further from North 3.0, and reserved 20% of the seats for female participants.
+                           </p>
+                           <br>
+                           <p><a class="coc" href="https://devfolio.co/code-of-conduct" target="_blank">See Our
+                              Code of Conduct here</a>
+                           </p>
+                        </div>
+                        <div class="col-sm-12" style="z-index: 1;">
+                           <img src="./images/Commitment/commitment-grid1.jpg" alt="" style="width: 80%;margin-left: 10%; margin-top: 70px;">
+                        </div>
+                        <div class="col-sm-12" id="brochure">
+                           <img src="./images/Sponsor_us/background_dotted_line.svg" alt="" class="line">
+                           <div class="brochure-box flex-container">
+                              <!-- <div class="ribbon blue-box"><img src="./images/Sponsor_us/ribbon.svg" alt=""></div> -->
+         <div class="blue-box brch">
+            <div class="link">
+               <p class="broch-txt1">Want to sponsor Hack In The North 6.0?</p>
+               <p class="broch-txt2">Here's the brochure <a
+                     href="https://drive.google.com/file/d/1IXjXFANEnQbrsD3qfc1UcEnRK3gepBfn/view?usp=drivesdk"
+                     style="font-size: 1em;">hackinthenorth@iiita.ac.in</a></p>
+               <!-- <div class="broch-btn">
+                                       <button type="button" class="brochure_button"><a href="">DOWNLOAD BROCHURE<img src="images/Sponsor_us/download.svg" width="25px" style="margin-left: 10px;"></img></button>
+                                    </div> -->
+            </div>
+         </div>
+         <!-- <div class="blue-box dot">
+                                 <img src="./images/Sponsor_us/circle_square_pattern.svg" alt="">
+                                 </div> -->
+      </div>
+      </div>
+      </div>
+      </div>
+      </div>
       </div>
       <div class="sponsorship">
          <div class="row">
@@ -776,7 +905,9 @@ <h1>F<span class="faq-dot">.</span> A<span class="faq-dot">.</span> Q<span class
          </div> -->
       <div id="faq">
          <div class="container-fluid faq-box" style="z-index:1">
+            <div class="after-faq">
             <h2 class="faq-heading">Frequently Asked Questions</h2>
+         </div>
             <div class="row" style="padding-bottom: 10%;" >
                <div class="faq-collapsible col-sm-12 col-md-6 faques">
                   <button class="collapsible" id="faq-question" ><i class="iconclass fas fa-caret-right"></i> &nbsp;What is the criteria for participating in the event?</button>
@@ -1240,6 +1371,7 @@ <h1 class="what"> Event Partner </h1>
                   <h1 class="what"> TITLE SPONSORS </h1>
                </div>
             </div>
+
             <div class="atlassian">
                    <img src="images/sponsors/atlassian.png" alt="" width="30%">
             </div>
@@ -1256,6 +1388,7 @@ <h1 class="event-partner"> EVENT PARTNER </h1>
                   <a href="https://www.headout.com/" target="_blank"><img
                      src="./images/sponsors/Headout.svg" class="sponsor-image elast"></a>
                </div> -->
+
             </div>
             <div class="row  main-sponsors" style="margin-bottom: 3%;justify-content: center;">
                <!-- <div class="sponsors_main1">