/****************************** COMMON CSS STARTS ******************************/

	/**************** FONTS CSS STARTS ***************/
		@font-face {
		    font-family: 'GoogleSans-Medium';
		    src: url('../fonts/GoogleSans-Medium.woff2') format('woff2'),
		        url('../fonts/GoogleSans-Medium.woff') format('woff');
		    font-weight: 500;
		    font-style: normal;
		}
		@font-face {
		    font-family: 'GoogleSans-Regular';
		    src: url('../fonts/GoogleSans-Regular.woff2') format('woff2'),
		        url('../fonts/GoogleSans-Regular.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;
		}
		@font-face {
		    font-family: 'GoogleSans-BoldItalic';
		    src: url('../fonts/GoogleSans-BoldItalic.woff2') format('woff2'),
		        url('../fonts/GoogleSans-BoldItalic.woff') format('woff');
		    font-weight: bold;
		    font-style: italic;
		}
		@font-face {
		    font-family: 'GoogleSans-Bold';
		    src: url('../fonts/GoogleSans-Bold.woff2') format('woff2'),
		        url('../fonts/GoogleSans-Bold.woff') format('woff');
		    font-weight: bold;
		    font-style: normal;
		}
		@font-face {
		    font-family: 'GoogleSans-MediumItalic';
		    src: url('../fonts/GoogleSans-MediumItalic.woff2') format('woff2'),
		        url('../fonts/GoogleSans-MediumItalic.woff') format('woff');
		    font-weight: 500;
		    font-style: italic;
		}
		@font-face {
		    font-family: 'GoogleSans-Italic';
		    src: url('../fonts/GoogleSans-Italic.woff2') format('woff2'),
		        url('../fonts/GoogleSans-Italic.woff') format('woff');
		    font-weight: normal;
		    font-style: italic;
		}
	/***************** FONTS CSS ENDS ****************/


	/*************** HEADER CSS STARTS ***************/

		/** TOP CSS STARTS **/
			header .top{
				background-color: #051242;
			}
			header .top .lft li{
				list-style-type: none;
				display: inline;
				margin-right: 20px;
			}
			header .top .lft a{
				color: white;
				font-family: 'GoogleSans-Regular', sans-serif;
				font-size: 13px;
				text-decoration: none;
				transition: 0.5s ease-in-out;
			}
			header .top .lft a:hover{
				color: lightgray;
			}

			header .top .rgt{
				text-align: right;
			}
			header .top .rgt li{
				list-style-type: none;
				display: inline;
				margin-left: 20px;
			}
			header .top .rgt a{
				color: white;
				font-size: 14px;
				text-decoration: none;
				transition: 0.5s ease-in-out;
			}
			header .top .rgt a:hover{
				color: lightgray;
			}

			@media(max-width: 767px){
				header .top, header .top .rgt{
					text-align: center;
				}
				header .top .lft li{
					margin: 0px 5px;
				}
				header .top .rgt li{
					margin: 0px 10px;
				}
			}
		/** TOP CSS ENDS **/

		/** NAVG STARTS **/
			header .navg .navbar .navbar-toggler{
				background-color: #2694da;
				outline: none;
			}
			header .navg .navbar .navbar-brand img{
				max-width: 80px;
			}
			header .navg .navbar .navbar-nav .nav-item{
				margin-left: 20px;
			}
			header .navg .navbar .navbar-nav .nav-item .nav-link{
				font-family: 'GoogleSans-Regular', sans-serif;
				color: black;
				font-size: 14px;
				transition: 0.5s ease-in-out;
			}			
			header .navg .navbar .navbar-nav .nav-item .log{
				position: relative;
				border: none;
				background: none;
				cursor: pointer;
				outline: none;
			}
			header .navg .navbar .navbar-nav .nav-item .log:before{
				position: absolute;
				content: '';
				top: 8px;
				left: -8px;
				border-left: 1px solid #c0bebe;
				height: 20px;
			}
			header .navg .navbar .navbar-nav .nav-item .log img{
				max-width: 14px;
				position: relative;
				top: -2px;
			}
			header .navg .navbar .navbar-nav .nav-item .reg{
				border: none;
				background: #005ab8;
				cursor: pointer;
				padding: 3px 15px;
				border-radius: 4px;
				color: white;
			    position: relative;
			    top: 3px;
			    outline: none;
			}
			header .navg .navbar .navbar-nav .nav-item .nav-link.active, header .navg .navbar .navbar-nav .nav-item .nav-link:hover{
				color: #5885c7;
			}
			header .navg .navbar .navbar-nav .nav-item .reg:hover{
				color: white;
			}
			@media(max-width: 991px){
				header .navg .navbar .navbar-nav .nav-item{
					margin-left: 10px;
				}
				header .navg .navbar .navbar-nav .nav-item .reg{
					padding: 3px 10px;
					position: relative;
				}
			}
			@media(max-width: 767px){
				header .navg .navbar .navbar-nav .nav-item .log:before{
					display: none;
				}
				header .navg .navbar .navbar-nav .nav-item .reg{
					position: unset;
					margin-top: 12px;
				}
				header .navg .navbar .navbar-nav .nav-item{
					margin-left: unset;
				}
				header .navg .navbar .navbar-nav{
					margin: 15px 0px;
				}
				
			}
			@media(min-width: 768px){
				header .navg .navbar{
					padding: 4px 0px;
				}
				header .navg .navbar .navbar-brand img {
                     margin-top: -15px;
                }
			}
		/** NAVG ENDS **/

	/**************** HEADER CSS ENDS ****************/
    
    
   .captcha .stepper {
    float: left;
    width: 63px !important;
    margin-bottom: 15px;
}
.captcha .stepper input{
    padding: 5px 1px !important;
}

	/*************** FOOTER CSS STARTS ***************/
		footer{
			background-color: #005ab8;
		}
		footer .one img{
			max-width: 120px;
		}
		footer .one p{
			font-family: 'Roboto',sans-serif;
			font-size: 13px;
			color: white;
		}

		footer h5, footer .two ul li a{
			color: white;
		}
		footer h5{
			font-family: 'GoogleSans-Medium', sans-serif;
		}
		footer .two ul li{
			list-style-type: none;
			line-height: 30px;
		}
		footer .two ul li a{
			text-decoration: none;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			transition: 0.5s ease-in-out;
		}
		footer .two ul li a:hover{
			color: lightgray;
		}

		footer .three p, footer .three p a{
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
		}
		footer .three ul li{
			list-style-type: none;
			line-height: 20px;
			padding: 8px 0px;
		}
		footer .three ul li img{
			max-width: 28px;
		}
		footer .three ul li a{
			transition: 0.5s ease-in-out;
			text-decoration: none;
		}
		footer .three ul li a:hover{
			color: lightgray;
		}
	/**************** FOOTER CSS ENDS ****************/


	/*************** BOTTOM CSS STARTS ***************/
		.bottom .hd:before{
			position: absolute;
			content: '';
			top: -10px;
			left: 0;
			right: 0;
			margin: auto;
			width: 100%;
			border-top: 1px solid white;
		}
		.bottom{
			background-color: #005ab8;
		}
		.bottom p{
			font-family: 'GoogleSans-Regular', sans-serif;
			color: white;
		}
		.bottom p img{
			max-width: 80px;
		}
	/**************** BOTTOM CSS ENDS ****************/


	/************ LOGIN-MODAL CSS STARTS *************/
		.login-modal .modal-content,
		.login-modal1 .modal-content{
			border-radius: 0px;
		}
		.login-modal .modal-header,
		.login-modal1 .modal-header{
			font-family: 'GoogleSans-Regular', sans-serif;
			display: block;
			border: none;
			padding-bottom: unset;
		}
		.login-modal .modal-header p,
		.login-modal1 .modal-header p{
			color: #9e9d9d;
		}
		.login-modal .modal-header .close,
		.login-modal1 .modal-header .close{
			opacity: 1;
		    position: absolute;
		    top: -25px;
		    right: -25px;
		    outline: none;
		}
		.login-modal .modal-header .close:hover,
		.login-modal1 .modal-header .close:hover{
			opacity: 1;
		}
		.login-modal .modal-header .close img,
		.login-modal1 .modal-header .close img{
			max-width: 40px;
		}

		.login-modal .modal-body,
		.login-modal1 .modal-body{
			padding: 10px 60px;
			margin-top: 10px;
		}
		.login-modal .modal-body .inn,
		.login-modal1 .modal-body .inn {
			margin: 10px 0px;
			margin-left: -14px;
			padding: 7px 30px 7px 15px;
			border-radius: 4px;
			border: 1px solid #898989;
			color: #898989;
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 14px;
			box-shadow: none;
			outline: none;
			width: 98%;
		}
		.login-modal .modal-body .user a, .login-modal .modal-body .pass a,
		.login-modal1 .modal-body .user a, .login-modal1 .modal-body .pass a{
		    margin-left: -30px;
		}

		.login-modal .modal-body .vald,
		.login-modal1 .modal-body .vald {
			margin-top: 40px;
			margin-bottom: 20px;
		}

		.login-modal .modal-body .chk,
		.login-modal1 .modal-body .chk{
			text-align: left;
		}
		.login-modal .modal-body .chk input,
		.login-modal1 .modal-body .chk input {
			position: relative;
			top: 2px;
		}
		.login-modal .modal-body .chk span,
		.login-modal1 .modal-body .chk span {
			font-family: 'GoogleSans-Regular', sans-serif;
			color: #000000;
			font-size: 14px;
			font-weight: 600;
		}

		.login-modal .modal-body .forg,
		.login-modal1 .modal-body .forg {
			text-align: right;
		}
		.login-modal .modal-body .forg a,
		.login-modal1 .modal-body .forg a {
			font-family: 'GoogleSans-Regular', sans-serif;
			color: #2694da;
			font-size: 14px;
		}

		.login-modal .modal-body .log button,
		.login-modal1 .modal-body .log button{
			font-family: 'GoogleSans-Regular', sans-serif;
			background-color: #005ab8;
			color: white;
			width: 100%;
			box-shadow: none;
			font-size: 18px;
		}

		.login-modal .modal-body .or h5,
		.login-modal1 .modal-body .or h5 {
			position: relative;
			background-color: white;
			z-index: 11;
			font-family: 'GoogleSans-Regular', sans-serif;
			color: #999999;
		}
		.login-modal .modal-body .or h5:before, .login-modal .modal-body .or h5:after,
		.login-modal1 .modal-body .or h5:before, .login-modal1 .modal-body .or h5:after{
			position: absolute;
			content: '';
			top: 11px;
			border-top: 2px solid #999999;
			width: 45%;
		}
		.login-modal .modal-body .or h5:before,
		.login-modal1 .modal-body .or h5:before{
			left: 0px;
		}
		.login-modal .modal-body .or h5:after,
		.login-modal1 .modal-body .or h5:after{
			right: 0px;
		}
		.login-modal .modal-body .soc ul li,
		.login-modal1 .modal-body .soc ul li{
			list-style-type: none;
			display: inline;
			margin: 0px 8px;
		}
		@media(max-width: 575px){
			.login-modal .modal-body,
			.login-modal1 .modal-body{
				padding: 10px 10px;
				margin-top: unset;
			}
			.login-modal .modal-body .inn,
			.login-modal1 .modal-body .inn{
			    margin: 8px 0px 8px -14px
			}
			.login-modal .modal-body .vald,
			.login-modal1 .modal-body .vald{
				margin: 20px 0px;
			}
			.login-modal .modal-body .chk, .login-modal .modal-body .forg,
			.login-modal1 .modal-body .chk, .login-modal1 .modal-body .forg{
				text-align: center;
				margin: 5px 0px;
			}
			.login-modal .modal-body .soc ul li a img,
			.login-modal1 .modal-body .soc ul li a img{
				max-width: 30px;
			}
		}
	/************* LOGIN-MODAL CSS ENDS **************/


	/********** REGISTER-MODAL CSS STARTS ************/
		.login-modal .modal-body .mail a, .login-modal .modal-body .slct a,
		.login-modal1 .modal-body .mail a, .login-modal1 .modal-body .slct a{
		    padding: unset;
		    background-color: transparent;
		    border: unset;
		    margin-left: -30px;
		}
		.login-modal .modal-body .slct .inn,
		.login-modal1 .modal-body .slct .inn{
			margin-left: unset;
		}
	/*********** REGISTER-MODAL CSS ENDS *************/

/******************************* COMMON CSS ENDS *******************************/




/**************************** INDEX PAGE CSS STARTS ****************************/

	/************* SECTION INDEX-MAIN CSS STARTS *************/
		.index-main .owl-carousel .owl-nav{
			margin-top: 0px;
		}
		.index-main .owl-carousel .owl-nav button.owl-prev, .index-main .owl-carousel .owl-nav button.owl-next{
			position: absolute;
			top: 50%;
			transform: translate(0%, -50%);
			margin: unset;
			color: white;
			padding: 8px 14px !important;
			border-radius: 0px;
			background-color: rgba(36,135,199,0.8);
			outline: none;
		}
		.index-main .owl-carousel .owl-nav button.owl-prev img, .index-main .owl-carousel .owl-nav button.owl-next img{
			max-width: 12px;
		}
		.index-main .owl-carousel .owl-nav button.owl-prev{
			left: 6%;
		}
		.index-main .owl-carousel .owl-nav button.owl-next{
			right: 6%;
		}
		@media(max-width: 767px){
			.index-main .owl-carousel .owl-nav button.owl-prev, .index-main .owl-carousel .owl-nav button.owl-next{
				padding: 6px 12px !important;
			}
			.index-main .owl-carousel .owl-nav button.owl-prev img, .index-main .owl-carousel .owl-nav button.owl-next img{
				max-width: 8px;
			}
		}
		@media(max-width: 575px){
			.index-main .owl-carousel .owl-nav{
				display: none;
			}
		}
	/************** SECTION INDEX-MAIN CSS ENDS **************/

	
	/************ SECTION INDEX-COUNTER CSS STARTS ***********/
		.index-counter .item{
			color: white;
		}
		.index-counter .item h3{
			position: relative;
			font-family: 'Roboto', sans-serif;
			font-weight: 700;
		}
		.index-counter .item h3:after{
			position: absolute;
			content: '';
			bottom: -3px;
			left: 0px;
			right: 0px;
			margin: auto;
		    height: 2px;
		    border: 0;
		    width: 80px;
	    	background: white;
		}
		.index-counter .item.one h3:after{
			background: -webkit-gradient(linear, 0 0, 100% 0, from(#005ab8), to(#005ab8), color-stop(50%, #52d5de));
			background: -moz-linear-gradient(linear, 0 0, 100% 0, from(#005ab8), to(#005ab8), color-stop(50%, #52d5de));
			background: -o-linear-gradient(linear, 0 0, 100% 0, from(#005ab8), to(#005ab8), color-stop(50%, #52d5de));
			background: -ms-linear-gradient(linear, 0 0, 100% 0, from(#005ab8), to(#005ab8), color-stop(50%, #52d5de));
		}
		.index-counter .item.two h3:after{
			background: -webkit-gradient(linear, 0 0, 100% 0, from(#2694da), to(#2694da), color-stop(50%, #52d5de));
			background: -moz-linear-gradient(linear, 0 0, 100% 0, from(#2694da), to(#2694da), color-stop(50%, #52d5de));
			background: -o-linear-gradient(linear, 0 0, 100% 0, from(#2694da), to(#2694da), color-stop(50%, #52d5de));
			background: -ms-linear-gradient(linear, 0 0, 100% 0, from(#2694da), to(#2694da), color-stop(50%, #52d5de));
		}
		.index-counter .item.three h3:after{
			background: -webkit-gradient(linear, 0 0, 100% 0, from(#051242), to(#051242), color-stop(50%, #52d5de));
			background: -moz-linear-gradient(linear, 0 0, 100% 0, from(#051242), to(#051242), color-stop(50%, #52d5de));
			background: -o-linear-gradient(linear, 0 0, 100% 0, from(#051242), to(#051242), color-stop(50%, #52d5de));
			background: -ms-linear-gradient(linear, 0 0, 100% 0, from(#051242), to(#051242), color-stop(50%, #52d5de));
		}
		.index-counter .item h6{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 14px;
		}
		.index-counter .item.one{
			background-color: #005ab8;
		}
		.index-counter .item.two{
			background-color: #2694da;
		}
		.index-counter .item.three{
			background-color: #051242;
		}
		@media(max-width: 767px){
			.index-counter .item h3{
				font-size: 24px;
			}
		}
	/************* SECTION INDEX-COUNTER CSS ENDS *************/



	/************* SECTION INDEX-ABOUT CSS STARTS *************/
		.index-about .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.index-about .head h5:before, .index-about .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.index-about .head h5:before{
			left: -25px;
		}
		.index-about .head h5:after{
			right: -25px;
		}
		.index-about .head p{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}

		.index-about .cont h6{
			font-family: 'GoogleSans-Medium', sans-serif;
			color: #005ab8;
		}
		.index-about .cont p{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}
		.index-about .cont a{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 12px;
			color: white;
			background-color: #005ab8;
			border: 1px solid #005ab8;
			border-radius: 0px;
			padding: 4px 15px;
			transition: 0.5s ease-in-out;
		}
		.index-about .cont a:hover{
			background-color: white;
			color: #005ab8;
		}
		.index-about .im1, .index-about .im2, .index-about .im3, .index-about .im4{
			max-width: 360px;
		}
		.index-about .im3, .index-about .im4 {
		    display: none;
		}
		.index-about .im1, .index-about .im3{
		    position: relative;
		    z-index: -1;
		}
		.index-about .im2, .index-about .im4 {
		    position: absolute;
		    top: 25px;
		    left: 50px;
		    z-index: 0;
		}
		.index-about .item:hover .im3, .index-about .item:hover .im4 {
		    display: block;
		}
		.index-about .item:hover .im1, .index-about .item:hover .im2 {
		    display: none;
		}
		@media(max-width: 575px){
			.index-about .head h5:before, .index-about .head h5:after{
				display: none;
			}
			.index-about .im1, .index-about .im2, .index-about .im3, .index-about .im4{
				max-width: 240px;
			}
		}
	/************** SECTION INDEX-ABOUT CSS ENDS **************/



	/************* SECTION INDEX-EXAMS CSS STARTS *************/
		.index-exams{
			background-color: #f1f1f1;
			-webkit-box-shadow: inset 0px 0px 13px -1px rgba(0,0,0,0.75);
			-moz-box-shadow: inset 0px 0px 13px -1px rgba(0,0,0,0.75);
			box-shadow: inset 0px 0px 13px -1px rgba(0,0,0,0.75);
		}
		.index-exams .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.index-exams .head h5:before, .index-exams .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.index-exams .head h5:before{
			left: -25px;
		}
		.index-exams .head h5:after{
			right: -25px;
		}
		.index-exams .head p{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}

		.index-exams .fltr{
			background-color: white;
			padding: 15px 0px;
			-webkit-box-shadow: 0px 0px 38px -12px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 38px -12px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 38px -12px rgba(0,0,0,0.75);	
		}
		.index-exams .fltr .prod h6{
			font-family: 'GoogleSans-Regular', sans-serif;
			background-color: #005ab8;
			color: white;
			padding: 5px 0px;
		}
		.index-exams .fltr .srch{
			padding: 10px 15px;
		}
		.index-exams .fltr .srch input{
			width: 98%;
			padding: 2px 35px 3px 10px;
			font-family: 'Roboto', sans-serif;
			font-style: italic;
			font-size: 14px;
		}
		.index-exams .fltr .srch button{
			margin-left: -35px;
			margin-right: 0px;
			position: relative;
			top: 2px;
			background-color: transparent;
			border: none;
			outline: none;
			color: #005ab8;
		}
		.index-exams .fltr .categories{
			padding: 10px 20px 0px 20px;
		}
		.index-exams .fltr .categories h6{
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
			font-size: 14px;
		}
		.index-exams .fltr .categories h6:after{
			position: absolute;
			content: '';
			top: 6px;
			right: 0px;
			border-top: 1px solid #005ab8;
			width: 70%;
		}
		.index-exams .fltr .categories ul li input, .index-exams .fltr .categories ul li span{
			background-color: white;
			position: relative;
			z-index: 111;
		}
		.index-exams .fltr .categories ul li{
			position: relative;
			font-family: 'GoogleSans-Regular', sans-serif;
			list-style-type: none;
			font-size: 12px;
			line-height: 38px;
		}
		.index-exams .fltr .categories ul li span{
			position: relative;
			color: black;
			top: -2px;
			left: 10px;
			padding-right: 5px;
		}
		.index-exams .fltr .categories ul li:after{
			position: absolute;
			content: '';
			top: 16px;
			right: 0;
			border-top: 1px dashed #79bde8;
			width: 90%;
		}

		.index-exams .rgt a:hover{
			text-decoration: none;
		}
		.index-exams .rgt .item:before{
			position: absolute;
			content: '';
			background-image: url(../images/line1.png);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			width: 100%;
			top: 2px;
			transform: rotate(180deg);
			height: 3px;
		}
		.index-exams .rgt .item:after{
			position: absolute;
			content: '';
			background-image: url(../images/line2.png);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			width: 100%;
			bottom: 2px;
			height: 3px;
		}
		.index-exams .rgt .item .capt{
			position: relative;
			padding: 8px;
			background-color: white;
		}
		.index-exams .rgt .item .capt:after{
			position: absolute;
			content: '';
			bottom: 0px;
			left: 0px;
			right: 0px;
			margin-top: auto;
			border-top: 2px solid #0c2053;
			width: 100%;
		}
		.index-exams .rgt .item h6{
			font-family: 'GoogleSans-Bold', sans-serif;
			font-size: 9px;
			color: black;
			line-height: 15px;
		}
		.index-exams .rgt .item h6 del{
			padding: 0px 3px;
		}
		.index-exams .rgt .vw{
			font-family: 'GoogleSans-Regular', sans-serif;
			background-color: #005ab8;
			font-size: 14px;
			color: white;
			padding: 3px 12px;
		}
		@media(max-width: 1199px){
			.index-exams .fltr .categories h6:after{
				width: 64%;
			}
		}
		@media(max-width: 991px){
			.index-exams .fltr .categories h6:after{
				width: 86%;
			}
			.index-exams .fltr .categories ul li:after{
				width: 95%;
			}
		}
		@media(max-width: 767px){
			.index-exams .fltr .categories h6:after{
				width: 80%;
			}
		}
		@media(max-width: 575px){
			.index-exams .fltr .categories h6:after{
				display: none;
			}
			.index-exams .fltr .categories ul li:after{
				width: 90%;
			}
		}
	/*************** SECTION INDEX-EXAMS CSS ENDS ***************/



	/*************** SECTION INDEX-WHAT CSS STARTS **************/
		.index-what .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.index-what .head h5:before, .index-what .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.index-what .head h5:before{
			left: -25px;
		}
		.index-what .head h5:after{
			right: -25px;
		}
		.index-what .head p{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}

		.index-what .lft{
			background-color: #005ab8;
			color: white;
			padding: 20px 70px;
		}
		.index-what .lft h5{
			font-family: 'GoogleSans-Bold', sans-serif;
		}
		.index-what .lft ul li{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
			list-style-type: none;
			padding-top: 20px;
		}	
		.index-what .lft ul li a{
			color: white;
		}

		.index-what .rgt{
			background-color: #051242;
			color: white;
			height: 100%;
		}
		.index-what .rgt .capt{
			position: absolute;
			width: 100%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 0px 30px;
		}
		.index-what .rgt .capt h4{
			font-family: 'GoogleSans-Regular', sans-serif;
		}
		.index-what .rgt .capt h4 span{
			font-family: 'GoogleSans-Medium', sans-serif;
		}
		.index-what .rgt .capt p{
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
		}
		.index-what .rgt .capt a{
			font-family: 'Roboto', sans-serif;
			background-color: #005ab8;
			color: white;
			border-radius: 0px;
		}
		@media(max-width: 1199px){
			.index-what .lft{
				padding: 20px 40px;
			}
		}
		@media(max-width: 991px){
			.index-what .lft{
				padding: 20px 15px;
			}
			.index-what .rgt .capt{
				padding: 0px 20px;
			}
			.index-what .rgt .capt h4{
				font-size: 20px;
			}
			.index-what .rgt .capt p{
				font-size: 16px;
			}
		}
		@media(max-width: 767px){
			.index-what .rgt .capt{
				position: unset;
				transform: unset;
				padding: 50px 20px;
			}
		}
		@media(max-width: 575px){
			.index-what .rgt .capt h4{
				font-size: 16px;
			}
			.index-what .rgt .capt p{
				font-size: 13px;
			}
		}
	/**************** SECTION INDEX-WHAT CSS ENDS ***************/



	/*************** SECTION INDEX-BLOG CSS STARTS **************/
		.index-blog{
			background-color: #f6f6f6;
		}
		.index-blog .item{
			margin-bottom: 20px;
		}
		.index-blog .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
			margin-bottom: 35px;
		}
		.index-blog .head h5:before, .index-blog .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.index-blog .head h5:before{
			left: -25px;
		}
		.index-blog .head h5:after{
			right: -25px;
		}
		.index-blog .head p{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}

		.index-blog .item{
			background-color: white;
			-webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
			padding: 15px 15px;
		}
		.index-blog .item .cap{
			padding-top: 10px;
		}
		.index-blog .item .cap p{
			font-size: 12px;
			font-weight: 600;
			font-family: 'Open Sans', sans-serif;
			text-align: center;
		}
		.index-blog .item .cap img{
			position: relative;
			top: 5px;
		}
		.index-blog .item .cap h6{
			color: #a9a9a9;
			font-size: 12px;
			font-size: 11px;
		}
		.index-blog .item .cap h6 a{
			font-size: 12px;
			color: #005ab8;
			text-decoration: none;
		}
	/*************** SECTION INDEX-BLOG CSS ENDS ****************/

/***************************** INDEX PAGE CSS ENDS *****************************/




/**************************** ABOUT PAGE CSS STARTS ****************************/

	/************ SECTION ABOUT-CLASSES CSS STARTS *************/
		.about-classes{
			padding: 70px 0px;
		}
		.about-classes .lft h5.head{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
			margin-left: 25px;
		}
		.about-classes .lft h5.head:before, .about-classes .lft h5.head:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.about-classes .lft h5.head:before{
			left: -25px;
		}
		.about-classes .lft h5.head:after{
			right: -25px;
		}
		.about-classes .lft h6{
			font-family: 'GoogleSans-Medium', sans-serif;
			color: #005ab8;
		}
		.about-classes .lft p, .text_style{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}
		.about-classes .lft a{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 12px;
			color: white;
			background-color: #005ab8;
			border: 1px solid #005ab8;
			border-radius: 0px;
			padding: 4px 15px;
			transition: 0.5s ease-in-out;
		}
		.about-classes .lft a:hover{
			background-color: white;
			color: #005ab8;
		}
		.about-classes .rgt{
			padding-left: 30px;
		}
		@media(max-width: 1199px){
			.about-classes .rgt{
				padding-left: unset;
			}
			.about-classes .lft h6{
				font-size: 14px;
			}
			.about-classes .lft p{
				font-size: 12px;
			}
			.about-classes{
				padding: 48px 0px;
			}
		}
		@media(max-width: 991px){
			.about-classes .rgt{
				margin-top: 30px;
			}
		}
		@media(max-width: 575px){
			.about-classes .lft h5.head{
				font-size: 16px;
				margin-left: 0px;
			}
			.about-classes .lft h5.head:before, .about-classes .lft h5.head:after{
				display: none;
			}
		}
	/************** SECTION ABOUT-CLASSES CSS ENDS *************/



	/************** SECTION ABOUT-RESULT CSS STARTS ************/
		.about-result{
			background-image: url(../images/about-img3.jpg);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			height: 220px;
		}
		.about-result .capt h3{
			font-family: 'GoogleSans-Regular', sans-serif;
			color: white;
			margin-bottom: 35px;
		}
		.about-result .capt .btn{
			font-family: 'GoogleSans-Regular', sans-serif;
			color: white;
			font-size: 13px;
			background-color: #005ab8;
			border-radius: 0px;
		}
		.about-result .capt{
			position: relative;
			width: 100%;
			top: 110px;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		@media(max-width: 991px){
			.about-result .capt h3{
				margin-bottom: 30px;
			}
		}
		@media(max-width: 575px){
			.about-result{
				height: 200px;
			}
			.about-result .capt{
				top: 100px;
			}
			.about-result .capt h3{
				font-size: 20px;
			}
		}
	/*************** SECTION ABOUT-RESULT CSS ENDS *************/



	/************* SECTION ABOUT-MISSION CSS STARTS ************/
		.about-mission{
			padding: 60px 0px;
		}
		.about-mission .mission, .about-mission .vision{
			padding: 0px 20px;
		}
		.about-mission h5.head{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.about-mission h5.head:before, .about-mission h5.head:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.about-mission h5.head:before{
			left: -25px;
		}
		.about-mission h5.head:after{
			right: -25px;
		}
		.about-mission h6{
			font-family: 'GoogleSans-Medium', sans-serif;
			color: #005ab8;
		}
		.about-mission p{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}
		@media(max-width: 991px){
			.about-mission{
				padding: 48px 0px;
			}
			.about-mission .mission, .about-mission .vision{
				padding: 0px 0px;
			}
		}
	/************** SECTION ABOUT-MISSION CSS ENDS *************/

/***************************** ABOUT PAGE CSS ENDS *****************************/




/*************************** COURSES PAGE CSS STARTS ***************************/

	/************* SECTION COURSES-DESC CSS STARTS ************/
		.courses-desc .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.courses-desc .head h5:before, .courses-desc .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.courses-desc .head h5:before{
			left: -25px;
		}
		.courses-desc .head h5:after{
			right: -25px;
		}
		.courses-desc .head p{
			font-family: 'Roboto', sans-serif;
			font-size: 13px;
		}
		.courses-desc .lft h5{
		    font-family: 'GoogleSans-Bold', sans-serif;
		    color: #005ab8;
		}
		.courses-desc .lft ul li{
		    font-family: 'Roboto', sans-serif;
		    font-size: 13px;
		    list-style-type: none;
		    padding-top: 25px;
		    font-weight: 500;
		}
		.courses-desc .lft ul li a{
			color: black;
		}

		.courses-desc .rgt a:hover{
			text-decoration: none;
		}
		.courses-desc .rgt .item:before{
			position: absolute;
			content: '';
			background-image: url(../images/line1.png);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			width: 100%;
			top: 2px;
			transform: rotate(180deg);
			height: 3px;
		}
		.courses-desc .rgt .item:after{
			position: absolute;
			content: '';
			background-image: url(../images/line2.png);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			width: 100%;
			bottom: 2px;
			height: 3px;
		}
		.courses-desc .rgt .item .capt{
			position: relative;
			padding: 8px;
			background-color: white;
		}
		.courses-desc .rgt .item .capt:after{
			position: absolute;
			content: '';
			bottom: 0px;
			left: 0px;
			right: 0px;
			margin-top: auto;
			border-top: 2px solid #0c2053;
			width: 100%;
		}
		.courses-desc .rgt .item h6{
			font-family: 'GoogleSans-Bold', sans-serif;
			font-size: 9px;
			color: black;
		}
		.courses-desc .rgt .item h6 del{
			padding: 0px 3px;
		}
		.courses-desc .rgt .vw{
			font-family: 'GoogleSans-Regular', sans-serif;
			background-color: #005ab8;
			font-size: 14px;
			color: white;
			padding: 3px 12px;
		}
		@media(max-width: 991px){
			.courses-desc .lft ul li{
				padding-top: 23px;
			}
		}
		@media(max-width: 767px){
			.courses-desc .lft ul li{
				padding-top: 15px;
			}
		}
	/************** SECTION COURSES-DESC CSS ENDS *************/



	/************* SECTION COURSES-NOTE CSS STARTS ************/
		.courses-note .item{
			background-color: #051242;
			color: white;
			padding: 40px 140px;
		}
		.courses-note .item h4{
			font-family: 'GoogleSans-Regular', sans-serif;
			line-height: 35px;
		}
		.courses-note .item h4 span{
			font-family: 'GoogleSans-Medium', sans-serif;
		}
		.courses-note .item a{
			font-family: 'Roboto', sans-serif;
			background-color: #005ab8;
			color: white;
			border-radius: 0px;
		}
		.courses-note p{
			font-family: 'Roboto', sans-serif;
			font-size: 16px;
			padding-bottom: 20px;
		}
		@media(max-width: 1199px){
			.courses-note .item{
				padding: 40px 100px;
			}
		}
		@media(max-width: 991px){
			.courses-note .item{
				padding: 40px 50px;
			}
			.courses-note p{
				padding-bottom: unset;
			}
		}
		@media(max-width: 767px){
			.courses-note .item{
				padding: 30px 30px;
			}
			.courses-note .item h4{
				font-size: 18px;
				line-height: unset;
			}
		}
		@media(max-width: 767px){
			.courses-note .item{
				padding: 20px 20px;
			}
		}
	/************** SECTION COURSES-NOTE CSS ENDS *************/

/**************************** COURSES PAGE CSS ENDS ****************************/




/**************************** BLOG PAGE CSS STARTS *****************************/

	/************** SECTION BLOG-DESC CSS STARTS **************/
		.blog-desc .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.blog-desc .head h5:before, .blog-desc .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.blog-desc .head h5:before{
			left: -25px;
		}
		.blog-desc .head h5:after{
			right: -25px;
		}

		.blog-desc .item h5{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			text-transform: capitalize;
		}
		.blog-desc .item h6{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 12px;
			font-weight: 600;
			color: #005ab8;
		}
		.blog-desc .item p{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 11px;
		}
		.blog-desc .item a{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-weight: 600;
			color: black;
			font-size: 13px;
		}

		.blog-desc .mid{
			position: relative;
			content: '';
			top: 0px;
			left: 0px;
			right: 0px;
			margin: auto;
		    height: 2px;
		    border: 0;
		    width: 100%;
	    	background: white;
		}
		
		.blog-desc .mid{	
			background: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #051242));
			background: -moz-linear-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #051242));
			background: -o-linear-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #051242));
			background: -ms-linear-gradient(linear, 0 0, 100% 0, from(#fff), to(#fff), color-stop(50%, #051242));
			
		}
		@media(max-width: 991px){
			.blog-desc .mid{
				display: none;
			}
		}
	/*************** SECTION BLOG-DESC CSS ENDS ***************/

/***************************** BLOG PAGE CSS ENDS ******************************/




/**************************** FAQ PAGE CSS STARTS ******************************/

	/*************** SECTION FAQ-DESC CSS STARTS **************/
		.faq-desc .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.faq-desc .head h5:before, .faq-desc .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.faq-desc .head h5:before{
			left: -25px;
		}
		.faq-desc .head h5:after{
			right: -25px;
		}

		.faq-desc #accordion .card{
			border-radius: 0px;
			border: unset;
			background-color: #f5f5f5;
			margin: 10px 0px 25px 0px;
		}
		.faq-desc #accordion .card .card-header{
			padding: 12px 20px 12px 20px;
			border: unset;
			background-color: unset;
		}
		.faq-desc #accordion .card .card-header .card-link.collapsed:after{
			position: absolute;
			content: '';
			background-image: url(../images/plus.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			height: 27px;
			width: 27px;
		    top: 50%;
		    transform: translate(0%, -50%);
		    right: 40px;
		}
		.faq-desc #accordion .card .card-header .card-link:after{
			position: absolute;
			content: '';
			background-image: url(../images/minus.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			height: 27px;
			width: 27px;
		    top: 50%;
		    transform: translate(0%, -50%);
		    right: 40px;
		}
		.faq-desc #accordion .card .card-header p{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 14px;
			text-decoration: underline;
			font-weight: 600;
			color: black;
		}
		.faq-desc #accordion .card .card-body{
			padding: 0px 400px 12px 20px;
		}
		.faq-desc #accordion .card .card-body p{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 13px;
			color: black;
		}
		@media(max-width: 1199px){
			.faq-desc #accordion .card .card-body{
				padding: 0px 300px 12px 20px;
			}
		}
		@media(max-width: 991px){
			.faq-desc #accordion .card .card-body{
				padding: 0px 150px 12px 20px;
			}
		}
		@media(max-width: 767px){
                    .nav-item .sub-menu{
                         display:block !important;
                         position: static !important;
                     }
                   .nav-item .sub-menu a{
                         padding-left:0px !important;
                     }
			.faq-desc #accordion .card .card-body{
				padding: 0px 80px 12px 20px;
			}
		}
		@media(max-width: 575px){
			.faq-desc .head h5{
				font-size: 17px;
			}
			.faq-desc #accordion .card .card-header{
				position: relative;
			}
			.faq-desc #accordion .card .card-header .card-link:after{
				right: 10px;
			}
			.faq-desc #accordion .card .card-header .card-link.collapsed:after{
				right: 10px;
			}
			.faq-desc #accordion .card .card-body{
				padding: 0px 15px 12px 15px;
			}
			.faq-desc #accordion .card .card-header{
				padding: 12px 45px 12px 15px;
			}
		}
	/**************** SECTION FAQ-DESC CSS ENDS ***************/

/***************************** FAQ PAGE CSS ENDS *******************************/




/************************** CONTACT PAGE CSS STARTS ****************************/

	/************* SECTION CONTACT-DESC CSS STARTS ************/
		.contact-desc .head h5{
			display: -webkit-inline-box;
			position: relative;
			font-family: 'GoogleSans-Medium', sans-serif;
			color: black;
		}
		.contact-desc .head h5:before, .contact-desc .head h5:after{
			position: absolute;
			content: '';
			top: 8px;
			border-top: 3px solid #2694da;
			width: 15px;
		}
		.contact-desc .head h5:before{
			left: -25px;
		}
		.contact-desc .head h5:after{
			right: -25px;
		}
		.contact-desc .head p{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 13px;
		}

		.contact-desc .item img{
			max-width: 60px;
		}
		.contact-desc .item li{
			list-style-type: none;
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 15px;
			color: #4e4d4c;
		}
		.contact-desc .item li a{
			color: #4e4d4c;
		}

		.contact-desc .map iframe{
			width: 100%;
			height: 300px;
		}
		.contact-desc .con-form .form-control{
			font-family: 'GoogleSans-Regular', sans-serif;
			font-size: 14px;
			color: black;
			border-radius: 0px;
			border: 1px solid #d5d5d5;
			box-shadow: none;
		}
		.contact-desc .con-form .form-control::placeholder{
			color: #333e48;
		}
		.contact-desc .con-form textarea{
			resize: none;
		}
		.contact-desc .con-form .btn{
			font-family: 'GoogleSans-Regular', sans-serif;
			background-color: #005ab8;
			color: white;
			font-size: 14px;
			padding: 5px 20px;
			box-shadow: none;
		}
	/************** SECTION CONTACT-DESC CSS ENDS *************/

/*************************** CONTACT PAGE CSS ENDS *****************************/




/*************************** 1920 x 1080 CSS STARTS ****************************/

	@media(min-width: 1451px){
		.container {
			max-width: 1460px;
		}

		.index-about .cont p{
			line-height: 24px;
		}
		.index-exams .fltr{
			padding: 30px 0px;
		}
		.index-exams .rgt .item img{
			width: 100%;
		}
		.index-exams .fltr .categories ul{
			margin-top: 20px;
		}
		.index-exams .fltr .categories ul li{
			line-height: 48px;
		}
		.index-what .lft{
			padding: 60px 70px;
		}
		.index-blog .item img{
			width: 100%;
		}
		.index-blog .item .cap img{
			width: unset;
		}

		.about-main img{
			width: 100%;
		}
		.about-classes .lft p, .about-mission p{
			line-height: 24px;
		}

		.courses-main img{
			width: 100%;
		}
		.courses-desc .rgt .item img{
			width: 100%;
			height: 200px;
		}

		.blog-main img{
			width: 100%;
		}
		.blog-desc .item img{
			width: 100%;
		}

		.faq-main img{
			width: 100%;
		}

		.contact-main img{
			width: 100%;
		}

	}
	@media(min-width: 1851px){
		.container {
			max-width: 1700px;
		}
	}
		

/**************************** 1920 x 1080 CSS ENDS *****************************/
.index-blog img{
	max-height: 150px;
	object-fit: cover;
    object-position: top;
}
.hide{
	display: none;	
}


/********************** COURSES-DETAIL PAGE CSS STARTS *************************/

	.index-exams.course-details{
		background-color: unset;
		box-shadow: unset;
		padding: 80px 0px !important;
	}
	.index-exams.course-details .dtl ul li{
		position: relative;
		list-style-type: none;		
		line-height: 27px;
	}
	.index-exams.course-details .dtl ul li:after{
		position: absolute;
		content: '';
		bottom: 0px;
		border-top: 1px solid #b4b4b4;
		width: 100%;	
	}
	.index-exams.course-details .dtl ul li:last-child:after{
		display: none;
	}
	.index-exams.course-details .dtl ul li p{
		font-family: 'GoogleSans-Regular', sans-serif;
		color: #585858;
		font-size: 14px;
	}
	.index-exams.course-details .dtl ul li .star span i{
		font-size: 13px;
	}
	.index-exams.course-details .dtl ul li .rt{
		text-align: right;
	}
	.index-exams.course-details .dtl ul li .rt .btn{
		font-family: 'GoogleSans-Regular', sans-serif;
		color: white;
		background-color: #005ab8;
		font-size: 13px;
		border-radius: 0px;
		padding: 2px 20px;
		box-shadow: none;
	}
	@media(max-width: 575px){
		.index-exams.course-details .dtl ul li .rt{
			text-align: left;
		}
	}

	.desc .nav{
		border-bottom: unset;
	}
	.desc .nav .nav-link{
		font-family: 'GoogleSans-Regular', sans-serif;
		background-color: #a0a0a0;
		color: white;
		border: unset;
		border-radius: unset;
	}
	.desc .nav .nav-link.active{
		background-color: #005ab8;
	}
	.desc .tab-content{
		border: 1px solid #9b9b9b;
	}
	.desc .tab-content #home h4, .desc .tab-content #home ul li{
		font-family: 'GoogleSans-Bold', sans-serif;
		font-size: 20px;
	}
	.desc .tab-content #home ul li{
		list-style-type: none;
		position: relative;
	}
	.desc .tab-content #home ul li:before{
		position: absolute;
		content: '*';
		top: 3px;
		left: -15px;
	}
	.desc .tab-content #home h4 span{
		font-family: 'GoogleSans-Regular', sans-serif;
		font-size: 18px;
	}
	.desc .tab-content #home p{
		font-family: 'GoogleSans-Regular', sans-serif;
		color: #4a4a4a;
	}

	.desc .tab-content #menu1 h4{
		font-family: 'GoogleSans-Bold', sans-serif;
		font-size: 20px;
	}

	.desc .tab-content #menu2 ul li{
		list-style-type: none;
		display: inline;
		margin-right: 3px;
	}
	.desc .tab-content #menu2 h4{
		font-family: 'GoogleSans-Bold', sans-serif;
		font-size: 20px;
	}
	.desc .tab-content #menu2 ul li i{
		color: black;
		font-size: 14px;
	}
	.desc .tab-content #menu2 p{
		font-family: 'GoogleSans-Regular', sans-serif;
		color: #4a4a4a;
	}
	.desc .tab-content #menu2 form{
		position: relative;
	}
	.desc .tab-content #menu2 form textarea{
		border-radius: 0px;
		resize: none;
		box-shadow: none;
	}
	.desc .tab-content #menu2 form button{
		font-family: 'GoogleSans-Regular', sans-serif;
		font-size: 14px;
		background-color: #005ab8;
		color: white;
		padding: 5px 20px;
		border: none;
	}
	.desc .tab-content #menu2 form:after{
		position: absolute;
		content: '';
		border-top: 1px solid #eee;
		width: 100%;
		bottom: 0px;
		left: 0;
		right: 0;
		margin: auto;
	}
	@media(max-width: 991px){
		.index-exams.course-details{
			padding: 48px 0px !important;
		}
	}

/*********************** COURSES-DETAIL PAGE CSS ENDS **************************/




/*************************** 1920 x 1080 CSS STARTS ****************************/

	@media(min-width: 1451px){
		.container {
			max-width: 1460px;
		}

		.index-about .cont p{
			line-height: 24px;
		}
		.index-exams .fltr{
			padding: 30px 0px;
		}
		.index-exams .rgt .item img{
			width: 100%;
		}
		.index-exams .fltr .categories ul{
			margin-top: 20px;
		}
		.index-exams .fltr .categories ul li{
			line-height: 48px;
		}
		.index-what .lft{
			padding: 60px 70px;
		}
		.index-blog .item img{
			width: 100%;
		}
		.index-blog .item .cap img{
			width: unset;
		}

		.about-main img{
			width: 100%;
		}
		.about-classes .lft p, .about-mission p{
			line-height: 24px;
		}

		.course-main img{
			width: 100%;
		}
		.course-desc .rgt .item img{
			width: 100%;
			height: 200px;
		}

		.blog-main img{
			width: 100%;
		}
		.blog-desc .item img{
			width: 100%;
		}

		.faq-main img{
			width: 100%;
		}

		.contact-main img{
			width: 100%;
		}

	}
	@media(min-width: 1851px){
		.container {
			max-width: 1700px;
		}
	}
		
/**************************** 1920 x 1080 CSS ENDS *****************************/


/********* SECTION INDEX-EXAMS COURSE CSS STARTS *********/
		.index-exams.course{
			background-color: unset;
			box-shadow: unset;
		}
		.index-exams .pagination .page-item .page-link{
			height: 100%;
			border: 0px;
			box-shadow: none;
			background-color: transparent;
			padding: 4px 8px;
			color: #5b5a5a;
			font-size: 20px;
			font-family: 'GoogleSans-Regular', sans-serif;
		}
		.index-exams .pagination .page-item.active .page-link{
			color: #005ab8;
			background-color: transparent;
		}
		.index-exams.course .pagination li img{
			max-width: 30px;
			position: relative;
			top: 50%;
			transform: translate(0%, -50%);
		}
	/********** SECTION INDEX-EXAMS COURSE CSS ENDS **********/

/**************************** COURSE PAGE CSS ENDS ****************************/


.clearfix{
	clear: both;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
	position: relative;
}
.page-item:first-child .page-link:after{
	background: url(../images/arr-lft.png),#fff;
    content: "";
    z-index: 1;
    position: absolute;
    height: 12px;
    width: 28px;
    top: 10px;
    left: 0px;
    background-size: 100%;
}
.page-item:last-child .page-link:after{
	background: url(../images/arr-rgt.png),#fff;
    content: "";
    z-index: 1;
    position: absolute;
    height: 12px;
    width: 28px;
    left: 0px;
    top: 10px;
    background-size: 100%;
}
.space{
	width:100%;
	float: left;
	height: 20px;
}
.pagination{
	float: left;
	width:100%;
}
.index-exams .tab-content>.tab-pane {
    padding: 0px 15px;
}
.index-exams .nav-tabs .nav-link.active{
    color: #fff;
}
.index-exams #home h3{
    font-size: 20px;
}	
.error_form li{
	color: #f00;
}
.error_form .alert-danger{
	display: none;
}
.error_form .alert-success{
	margin-top: 0px;
}
#reg-mod .or.text-center.py-3	{
	display: none;
}
#login-mod .soc, #reg-mod .soc,
#login-mod1 .soc, #reg-mod .soc{
	opacity: 0;
}
#login-mod .btn.text-capitalize.button.button-primary,
#login-mod1 .btn.text-capitalize.button.button-primary,
#reg-mod .btn.text-capitalize.button.button-primary{
    font-family: 'GoogleSans-Regular', sans-serif;
    background-color: #005ab8;
    color: white;
    width: 100%;
    box-shadow: none;
    font-size: 18px;
}
.nav-item .sub-menu{
	position: absolute;
    z-index: 9;
    background: #fff;
    display: none;
}
.nav-item:hover .sub-menu{
    display: block;
} 
.register-alert-message li{
	text-align: left;
	background: #f00;
	color: #fff;
	padding-left: 15px;
	margin-bottom: 1px;
}


/**************************** CART PAGE CSS STARTS *****************************/

	.cart-main{
		border-top: 1px solid #9c9c9c;
	}
	.cart-main .up h4{
		font-family: 'GoogleSans-Bold', sans-serif;
	}
	.cart-main .up .rgt{
		text-align: right;
	}
	.cart-main .up .rgt a{
		font-family: 'GoogleSans-Medium', sans-serif;
		background-color: #005ab8;
		color: white;
		font-size: 14px;
		border-radius: 0px;
		padding: 5px 20px;
	}
	.cart-main .cart-table button{
		background-color: transparent;
		border: unset;
		box-shadow: none;
		outline: none;
	}
	.cart-main .cart-table{
		overflow-x: auto;
	}
	.cart-main .cart-table .table-bordered thead{
		background-color: #f0f0f0;
	}
	.cart-main .cart-table .table-bordered th{
		border-bottom: 0px;
	}
	.cart-main .cart-table .table-bordered td, .cart-main .cart-table .table-bordered th{
		vertical-align: middle;
	}
	.cart-main .cart-table .table-bordered th{
		font-family: 'GoogleSans-Bold', sans-serif;
	}
	.cart-main .cart-table .table-bordered td{
		font-family: 'GoogleSans-Medium', sans-serif;
	}

	.cart-main .info .cart-total{
		background-color: #eeeeee;
		display: inline-block;
		padding: 20px 20px;
	}
	.cart-main .info .cart-total .btn{
		font-family: 'GoogleSans-Medium', sans-serif;
		background-color: #005ab8;
		border: 1px solid #d8d8d8;
		color: white;
		font-size: 14px;
		border-radius: 0px;
		padding: 5px 20px;
		box-shadow: unset;
	}
	@media(max-width: 575px){
		.cart-main .up .rgt{
			text-align: left;
		}
		.cart-main .cart-table .table-bordered th{
			font-size: 13px;
		}
		.cart-main .cart-table .table-bordered td{
			font-size: 12px;
		}
	}

/****************************** CART PAGE CSS ENDS *****************************/
.hid_div{
	display: none;
}
.cart-main img{
    max-height: 60px;
}
#ui-to-top{
	display: none;
}
.fix-hg {
	max-height: 350px;
}
.cancelation h3{
	position: relative;
	font-family: 'GoogleSans-Medium', sans-serif;
	color: black;
	font-size: 26px;
	margin-top: 30px;
}
.cancelation p{
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
.term-main{
	background: #005ab8;
}
.term-main h3{
	color: #fff;
    text-align: center;
    line-height: 130px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0px;
}
.term-classes p{
	margin-bottom: 0px;
    line-height: 22px;
    text-align: justify;
}
.term-classes .col-12{
    background: #f7f7f7;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 12px;
    margin: 40px 0;
}
.srch.text-center li{
    color: #f00;
}
label.star {
    padding: 0px 4px;
    font-size: 20px;
    color: #444;
    transition: all .2s;
    float: left;
}
label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}
input.star {
    display: none;
}
.stars{
	float: left;
}


input.star { display: none; }

label.star {
  
  padding:0px  4px;
  font-size: 20px;
  color: #444;
  transition: all .2s;
  float:right;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-15deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}	
.btn.btn-primary{
	cursor: pointer;
	color: #fff !important;
}
.about-main img{
    width:100%;
}

/************************ ORDER-SUCCESS PAGE CSS STARTS ************************/
	
	.order-success-main .tick{
		max-width: 100px;
	}
	.order-success-main .border{
		border-color: black !important;
	}
	.order-success-main h3, .order-success-main h4,.order-success-main h5{
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	.order-success-main p{
		font-family: 'GoogleSans-Regular', sans-serif;
	}
	.order-success-main .btn{
		font-family: 'GoogleSans-Regular', sans-serif;
	    color: white;
	    background-color: #005ab8;
	    padding: 4px 15px;
	}
	.order-success-main .tbl{
		overflow-x: auto;
	}
	.order-success-main .tbl .btn{
		font-size: 14px;
	}
	.order-success-main .table-bordered td, .order-success-main .table-bordered th{
		border-color: black !important;
	}
	.order-success-main table td{
		vertical-align: middle;
	}
	@media(max-width: 991px){
		.order-success-main .tick{
			max-width: 60px;
		}
	}
	@media(max-width: 575px){
		.order-success-main p{
			font-size: 14px;
		}
		.order-success-main h3{
			font-size: 20px;
		}
		.order-success-main h4{
			font-size: 18px;
		}
		.order-success-main h5{
			font-size: 18px;
		}

	}

/************************** ORDER-SUCCESS PAGE CSS ENDS ************************/




/************************* ORDER-FAILED PAGE CSS STARTS ************************/

	.order-failed-main .fail{
		max-width: 100px;
	}
	.order-failed-main .border{
		border-color: black !important;
	}
	.order-failed-main h3, .order-failed-main h4,.order-failed-main h5{
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	.order-failed-main p{
		text-align: left;
		font-family: 'GoogleSans-Regular', sans-serif;
	}
	.order-failed-main h5.err{
		color: red;
	}
	.order-failed-main .btn{
		font-family: 'GoogleSans-Regular', sans-serif;
	    color: white;
	    background-color: #0ebf00;
	    padding: 4px 15px;
	    box-shadow: none;
	}
	.order-failed-main .cancel{
		background-color: #ff0000;
	}
	@media(max-width: 991px){
		.order-failed-main .fail{
			max-width: 60px;
		}
	}
	@media(max-width: 575px){
		.order-failed-main p{
			font-size: 14px;
		}
		.order-failed-main .item{
			margin-bottom: 5px;
		}
		.order-failed-main h3{
			font-size: 20px;
		}
		.order-failed-main h4{
			font-size: 18px;
		}
		.order-failed-main h5{
			font-size: 16px;
		}
		.order-failed-main .clk .lft, .order-failed-main .clk .rgt{
			text-align: center !important;
		}
		.order-failed-main .clk .rgt{
			margin-top: 20px;
		}
	}

/************************** ORDER-FAILED PAGE CSS ENDS *************************/

/*************************** PROFILE PAGE CSS STARTS ***************************/

	.profile-main{
		border-top: 1px solid #9c9c9c;
	}
	.side-acc ul{
		border: 1px solid black;
		border-radius: 4px;
		padding: 10px 15px 10px 15px;
	}
	.side-acc ul li{
		position: relative;
		border-bottom: 1px dashed #a0a0a0;
		list-style-type: none;
		padding: 6px 0px;
	}
	.side-acc ul li:last-child{
		border-bottom: unset;
		padding-bottom: 0px;
	}
	.side-acc ul li a{
		font-size: 14px;
		padding-left: 20px;
		font-family: 'GoogleSans-Medium', sans-serif;
		color: black;
	}
	.side-acc ul li:before{
		position: absolute;
		content: '';
		background-image: url(../images/list-arrow.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		top: 13px;
		left: -0px;
		width: 10px;
		height: 10px;
	}

	.profile-main .personal .pic .txt{
		position: relative;
		top: 40%;
		left: 0px;
		transform: translate(-0%, -50%);
	}
	.profile-main .personal .pic .txt h6{
		font-family: 'GoogleSans-Regular', sans-serif;
	}
	.profile-main .personal .pic .txt p{
		font-family: 'GoogleSans-Medium', sans-serif;
		font-size: 13px;
		color: #7f7c7c;
	}
	.profile-main .personal .rgt{
		text-align: right;
		position: relative;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.profile-main .personal .rgt button{
		font-family: 'GoogleSans-Regular', sans-serif;
		font-size: 13px;
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
	}

	.profile-main .personal .info h5{
		font-family: 'GoogleSans-Medium', sans-serif;
		color: #005ab8;
	}
	.profile-main .personal .info label{
		font-family: 'GoogleSans-Medium', sans-serif;
		font-size: 14px;
		margin-bottom: 2px;
	}
	.profile-main .personal .info .form-group{
		margin-bottom: 20px;
	}
	.profile-main .personal .info .form-group .form-control{
		font-family: 'GoogleSans-Regular', sans-serif;
		box-shadow: none;
		font-size: 14px;
	}
	.profile-main .personal .info .sub{
		font-family: 'GoogleSans-Regular', sans-serif;
		background-color: #005ab8;
		color: white;
		font-size: 14px;
		margin-top: 20px;
	}
	@media(max-width: 576px){
		.profile-main .personal .rgt button{
			font-size: 12px;
		}
	}

/***************************** PROFILE PAGE CSS ENDS ***************************/




/*************************** PASSWORD PAGE CSS STARTS **************************/

	.password-main{
		border-top: 1px solid #9c9c9c;
	}
	.password-main .change-pwd h4{
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	.password-main .change-pwd label{
		font-family: 'GoogleSans-Medium', sans-serif;
	    font-size: 14px;
	    margin-bottom: 2px;
	}
	.password-main .change-pwd .form-group{
		margin-bottom: 15px;
	}
	.password-main .change-pwd .form-control{
		font-family: 'GoogleSans-Regular', sans-serif;
		box-shadow: none;
		font-size: 14px;
	}
	.password-main .change-pwd .sub{
		font-family: 'GoogleSans-Regular', sans-serif;
		background-color: #005ab8;
		color: white;
		font-size: 14px;
		margin-top: 20px;
	}

/**************************** PASSWORD PAGE CSS ENDS ***************************/




/************************** MYCOURSES PAGE CSS STARTS **************************/

	.mycourses .my-cour h4{
		position: relative;
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	.mycourses .my-cour .txt{
		position: relative;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.mycourses .my-cour h5{
		font-family: 'GoogleSans-Medium', sans-serif;
		color: #474747;
		font-size: 18px;
	}
	.mycourses .my-cour h4:after{
		position: absolute;
		content: '';
		bottom: -15px;
		left: 0px;
		width: 100%;
		border-top: 1px solid #8a8a8a;
	}
	.mycourses .my-cour ul li{
		position: relative;
		list-style-type: none;
		padding: 20px 0px;
	}
	.mycourses .my-cour ul li:after{
		position: absolute;
		content: '';
		bottom: 0px;
		left: 0px;
		width: 100%;
		border-top: 1px solid #8a8a8a;
	}
	.mycourses .my-cour ul li img{
		max-width: 60px;
	}
	.mycourses .my-cour .btn{
		font-family: 'GoogleSans-Regular', sans-serif;
		color: white;
		background-color: #005ab8;
		padding: 4px 15px;
		font-size: 13px;
	}
	.mycourses .my-cour .pagination .page-item .page-link{
		height: 100%;
		border: 0px;
		box-shadow: none;
		background-color: transparent;
		padding: 4px 8px;
		color: #5b5a5a;
		font-size: 18px;
		font-family: 'GoogleSans-Regular', sans-serif;
	}
	.mycourses .my-cour .pagination .page-item.active .page-link{
		color: #005ab8;
		background-color: transparent;
	}
	.mycourses .my-cour .pagination li:after{
		display: none;
	}
	.mycourses .my-cour .pagination li img{
		max-width: 30px;
		position: relative;
		top: 50%;
		transform: translate(0%, -50%);
	}
	@media(max-width: 575px){
		.mycourses .my-cour .btn{
			margin-top: 20px;
		}
	}

/**************************** MYCOURSES PAGE CSS ENDS **************************/




/*************************** MYORDERS PAGE CSS STARTS **************************/

	.myorders .my-ord h4{
		position: relative;
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	.myorders .my-ord{
		overflow-x: auto;
	}
	.myorders .my-ord table thead{
		background-color: #005ab8;
		color: white;
	}
	.myorders .my-ord table th{
		border-bottom: 0px;
	}
	.myorders .my-ord table td, .myorders .my-ord table th{
		vertical-align: middle;
	}
	.myorders .my-ord table th{
		font-family: 'GoogleSans-Regular', sans-serif;
	}
	.myorders .my-ord table td{
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	@media(max-width: 991px){
		.myorders .my-ord h4{
			margin-top: 30px;
		}
		.myorders .my-ord table th{
			font-size: 14px;
		}
	}
	@media(max-width: 575px){
		.myorders .my-ord table td{
			font-size: 14px;
		}
		header .navg .navbar .navbar-brand img {
    max-width: 66px !important;
    margin-top: -10px;
}
	}

/**************************** MYORDERS PAGE CSS ENDS ***************************/



/************************ ORDER-SUCCESS PAGE CSS STARTS ************************/
	
	.order-success-main .tick{
		max-width: 100px;
	}
	.order-success-main .border{
		border-color: black !important;
	}
	.order-success-main h3, .order-success-main h4,.order-success-main h5{
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	.order-success-main p{
		font-family: 'GoogleSans-Regular', sans-serif;
	}
	.order-success-main .btn{
		font-family: 'GoogleSans-Regular', sans-serif;
	    color: white;
	    background-color: #005ab8;
	    padding: 4px 15px;
	}
	.order-success-main .tbl{
		overflow-x: auto;
	}
	.order-success-main .tbl .btn{
		font-size: 14px;
	}
	.order-success-main .table-bordered td, .order-success-main .table-bordered th{
		border-color: black !important;
	}
	.order-success-main table td{
		vertical-align: middle;
	}
	@media(max-width: 991px){
		.order-success-main .tick{
			max-width: 60px;
		}
	}
	@media(max-width: 575px){
		.order-success-main p{
			font-size: 14px;
		}
		.order-success-main h3{
			font-size: 20px;
		}
		.order-success-main h4{
			font-size: 18px;
		}
		.order-success-main h5{
			font-size: 18px;
		}

	}

/************************** ORDER-SUCCESS PAGE CSS ENDS ************************/




/************************* ORDER-FAILED PAGE CSS STARTS ************************/

	.order-failed-main .fail{
		max-width: 100px;
	}
	.order-failed-main .border{
		border-color: black !important;
	}
	.order-failed-main h3, .order-failed-main h4,.order-failed-main h5{
		font-family: 'GoogleSans-Medium', sans-serif;
	}
	.order-failed-main p{
		text-align: left;
		font-family: 'GoogleSans-Regular', sans-serif;
	}
	.order-failed-main h5.err{
		color: red;
	}
	.order-failed-main .btn{
		font-family: 'GoogleSans-Regular', sans-serif;
	    color: white;
	    background-color: #0ebf00;
	    padding: 4px 15px;
	    box-shadow: none;
	}
	.order-failed-main .cancel{
		background-color: #ff0000;
	}
	@media(max-width: 991px){
		.order-failed-main .fail{
			max-width: 60px;
		}
	}
	@media(max-width: 575px){
		.order-failed-main p{
			font-size: 14px;
		}
		.order-failed-main .item{
			margin-bottom: 5px;
		}
		.order-failed-main h3{
			font-size: 20px;
		}
		.order-failed-main h4{
			font-size: 18px;
		}
		.order-failed-main h5{
			font-size: 16px;
		}
		.order-failed-main .clk .lft, .order-failed-main .clk .rgt{
			text-align: center !important;
		}
		.order-failed-main .clk .rgt{
			margin-top: 20px;
		}
	}

/************************** ORDER-FAILED PAGE CSS ENDS *************************/




/*************************** 1920 x 1080 CSS STARTS ****************************/

	@media(min-width: 1451px){
		.container {
			max-width: 1460px;
		}

		header .top .cart:before{
			left: 40%;
		}
		.index-about .cont p{
			line-height: 24px;
		}
		.index-exams .fltr{
			padding: 30px 0px;
		}
		.index-exams .rgt .item img{
			width: 100%;
			height: 250px;
		}
		.index-exams .fltr .categories ul{
			margin-top: 20px;
		}
		.index-exams .fltr .categories ul li{
			line-height: 48px;
		}
		.index-what .lft{
			padding: 60px 70px;
		}
		.index-blog .item img{
			width: 100%;
		}
		.index-blog .item .cap img{
			width: unset;
		}

		.about-main img{
			width: 100%;
		}
		.about-classes .lft p, .about-mission p{
			line-height: 24px;
		}

		.course-main img{
			width: 100%;
		}
		.course-desc .rgt .item img{
			width: 100%;
			height: 200px;
		}

		.blog-main img{
			width: 100%;
		}
		.blog-desc .item img{
			width: 100%;
		}

		.faq-main img{
			width: 100%;
		}

		.contact-main img{
			width: 100%;
		}

	}
	@media(min-width: 1851px){
		.container {
			max-width: 1700px;
		}
	}
		
/**************************** 1920 x 1080 CSS ENDS *****************************/
.recover-password .btn, .forgot-password .btn {
    background-color: #005ab8;
    color: white;
    font-family: 'Google Sans-Regular', sans-serif;
    padding: 5px 20px;
}
.recover-password form p {
    position: relative;
    top: 50%;
    transform: translate(0%, -50%);
}
.index-exams #home p {
    font-family: 'GoogleSans-Regular', sans-serif;
}
.index-exams #home p strong{
	font-weight: normal;
}
#menu2 h6{
    display: block;
    width: 100%;
}
#menu2 h6 .star, #menu2 h6 span{
	float: left;
}
#menu2 h6 span {
    font-size: 18px;
}
#menu2 h6 .star5{
	margin-left: 10px;
    margin-top: -3px;
}
.reviews-box{
    background: #dddddd;
    padding: 10px;
    margin-bottom: 15px;
}
.yel:before{
    content: '\f005' !important;
    color: #FD4;
    transition: all .25s;
}
.app_link_img{
	max-width: 90px !important;
}
.app_link{
	color: #fff;
    margin-top: 4px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px;
}
.owl-theme .owl-nav{
	display: none !important;
}
body{
	padding-bottom: 0px !important;
}
.index-exams.course-details .learn{
	display: none;
}