@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

.h-line{
	width:100%;
	height:2px;
	background-color:#004BA8;
	margin-bottom:20px;
}
html {
  scroll-behavior: smooth;
}
body{
	font-family:txtText;
}
a{
	text-decoration:none !important;
	color:#000;
}
a:hover{
}
.breadcrumb{
	background-color:transparent;
}
@font-face{
	font-family:logoFont;
	src:url(../fonts/Poppins-Bold.ttf);
}
.logoFont{
	font-family:logoFont;
}

@font-face{
	font-family:txtHeading;
	src:url(../fonts/WorkSans-Bold.ttf);	
}

@font-face{
	font-family:txtText;
	src:url(../fonts/WorkSans-Regular.ttf);
}

@font-face{
	font-family:subHeading;
	src:url(../fonts/WorkSans-Medium.ttf);
}

@font-face{
	font-family:lanGuj;
	src:url(../fonts/gujarati/KAP127.TTF);
}

@font-face{
	font-family:lanEng;
	src:url(../fonts/WorkSans-Regular.ttf);
}

@font-face{
	font-family:roboFont;
	src:url(../fonts/Roboto_Mono/RobotoMono-Medium.ttf);
}

.passwordFont{
	font-family:roboFont;
}




.txtHeading{
	font-family:txtHeading;
}

.txtText{
	font-family:txtText;
}

.txtSubHeading{
	font-family:subHeading;
}

.txtDarkBlue{
	color:#004BA8;
}
.bgDarkBlue{
	background-color:#004BA8;
}
.txtLightBlue{
	color:#219EBC;
}
.bgLightBlue{
	background-color:#219EBC;
}
.txtGray{
	color:#605B56;
}
.bgGray{
	background-color:#605B56;
}
.txtWhite{
	color:#FCF7F8;
}
.txtRed{
	color:#F25757;
}
.bgRed{
	background-color:#F25757;
}
.bgWhite{
	background-color:#FCF7F8;
}

.btnRed{
	background-color:#F25757;
	color:#FCF7F8;
}
.btnRed:hover{
		background-color:#f07878;
}


.btnDarkBlue{
	background-color:#004BA8;
}

.btnGray{
	background-color:#219EBC;
}
.btnWhite{
	background-color:#FCF7F8;
}
.btnRed{
	background-color:#F25757;
}

.btnDarkBlueOutline{
	background-color:transparent;
	border:1px solid #004BA8;
}

.btnLightBlueOutline{
	background-color:transparent;
	border:1px solid #219EBC;
}
.btnGrayOutline{
	background-color:transparent;
	border:1px solid #605B56;
}

.btnWhiteOutline{
	background-color:transparent;
	border:1px solid #FCF7F8;
	color:#fff;
}
.btnWhiteOutline:hover{
	border:1px solid #c4c2c3;
}

.borderLightBlue{
	border:1px solid #219EBC;
}
/* ############### NAVBAR Start ####################### */
#navbar
{
}
#navbar h2{
	font-size:36px;
}

/* ############### Header Start ####################### */

#carousel{
	padding:100px 0px;
	background-color:#004BA8;
	color:#fff;
}
#carousel h1{
	font-size:42px;
}
#carousel h2{
	font-size:28px;
}
#carousel h1,h2{
	letter-spacing:2px;
	font-weight:normal;
}

/* ############### SERVICES Start ####################### */

#services{
}
#services .card{
	cursor:pointer;
}

/* ############### Courses Start ####################### */

#courses{
	
}
#courses .course-list{
	border:0px solid black;
}

#courses .course-name{
	font-size:22px;
	cursor:pointer;

}

#courses .course-name:hover .h-line{
	opacity:1;
	width:100%;
}
#courses .course-name .h-line{
	margin:auto;
	width:50%;
	opacity:0;
	height:2px;
	background-color:#F25757;
	transition:all 0.5s ease-in-out;
	margin-top:10px;
}
#courses .course-name .h-line.active{
	width:100%;	
}

/* ############### EXAM Start ####################### */

#exam{
}
#exam .n-box{
	color:#FCF7F8;
	width:30px;
	height:30px;
	display:block;
	border:0px solid black;	
	cursor:pointer !important;	
	font-size:13px;
	padding:5px;
	
}

#exam .b-shadow{
box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.75);
}


.hr-line{
	height:2px;
	width:98%;
	background-color:#B4B4B4;
}
/* ########### EXAM TIMER ############ */
#response{
	font-size:28px;
	font-family:subHeading;
	border:1px solid black !important;
}