/*General Section css Start here*/
	nav{
		/* background-color: #36b5e9; */
		background-color: #fff;
		padding: 6px 52px !important;
   		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}

	a{
 	 	text-decoration: none !important;
 	 	color: #000;
	}
	a:hover{
 	 	color: #000;
	}
	.btn-primary{
		background-color: #009DDC !important;
		color: white;
		border:none !important;
	}

	.btn-primary:focus {
    		box-shadow: none !important;
    }

    .btn-secondary:focus {
    		box-shadow: none !important;
    }
   

	.text-height{
  		line-height: 1.8!important;
	}
	.theme-bg-color1{
		background-color: #009DDC;
	}
	.theme-bg-color2{
		background-color: #fff;
	}
	.theme-color1{
		color: #009DDC;
	}
	.position-rel{
		position: relative;top: 5rem;
	}

	.header-bg-img{
		/* background-image: url('../images/home-slider-bg-img1.png'); 
  		background-color: #cccccc; */
  		background-position: top center; 
  		background-repeat: no-repeat; 
  		background-size: cover;
  		/* position: absolute;
  		top: 0px; */
  		width: 100%;
	}

	.section-title h2::before {
	    content: "";
	    position: absolute;
	    display: block;
	    width: 130px;
	    height: 4px;
	    background: #ddd;
	    top: 100px;
	    left: calc(50% - 60px);
	}

	.section-title h2::after {
	    content: "";
	    position: absolute;
	    display: block;
	    width: 50px;
	    height: 6px;
	    background: #009DDC;
	    top: 99px;
	    left: calc(50% - 22px);
	}

	.section-title1 h2::before {
	    content: "";
	    position: absolute;
	    display: block;
	    width: 130px;
	    height: 4px;
	    background: #ddd;
	    top: 100px;
	    left: calc(50% - 60px);
	}

	.section-title1 h2::after {
	    content: "";
	    position: absolute;
	    display: block;
	    width: 50px;
	    height: 6px;
	    background: #fff;
	    top: 99px;
	    left: calc(50% - 22px);
	}

	hr {
	  	border: 0;
		clear:both;
		display:block;
		width: 100%;               
		background-color:#8679790f;
		height: 2px;
	}
	.btn-m-w{
		min-width: 90px;
	}
	.circular_image {
		width: 130px;
		height: 130px;
		background-color: #009DDC;
	  	border-radius: 50%;
   		overflow: hidden;
   	    margin-top: -50px !important;
	} 
	.circular_image img{
	   width: 100%;
	   height: 100%;
	   object-fit: cover;
	}

	.btn-group-sm>.btn, .btn-sm {
    	padding: 0.25rem 0.5rem;
    	font-size: .875rem;
    	line-height: 1.5;
    	border-radius: 0.1rem !important;
	}
/*General Section css end here*/

/*this css use of font family start here*/
	.segoe-regular{
		font-family: 'Montserrat';
	}
	.segoe-semibold{
		font-family: 'Montserrat';
		font-weight: 600;
	}
	.segoe-bold{
		font-family: 'Montserrat';
		font-weight: 700;
	}

	@font-face {
        font-family: "Kruti Dev 010";
        src: url(../font/Kruti_Dev_010.ttf);
    }
    @font-face {
        font-family: "Kruti Dev 100";
        src: url(../font/Kruti_Dev_100.ttf);
    }
/*font family end here*/

/*------------This Css Use Of Header Section Start Here------------ */
	#headerNavbar .navbar-dark ul li {
		margin-right: 30px;
	}

	#headerNavbar .navbar .active a{
		 border-bottom: 3px solid #fff;
	}

	#headerNavbar .navbar .dropdown-menu  .dropwon-active a {
	    background: #009DDC !important;
	    color: white;
	   	font-size: 16px;
		font-family: segoe-semibold;
	}

	#headerNavbar  #dropItem{
		margin-right: 0px !important;
		font-size: 16px;
		font-family: segoe-semibold;
	}

	#headerNavbar .logo{
		width: 100% !important;
   		border-radius: 12px;
		height: 58px;
	}
	
	#headerNavbar .helpline-no{
		background-color: #009DDC;
		color: #ffff;
		border-radius: 20px;
		padding: 10px 20px;
		font-size: 14px !important;
	}
	#headerNavbar .navbar-dark .navbar-nav .nav-link {
    	color: #000000;
    	font-size: 18px;
    	font-family: segoe-semibold;
	}
	
	/* #headerNavbar .navbar-dark .navbar-nav .nav-link:hover{
        color: #000000 ;
    } */
    #headerNavbar .nav-item::after {
        content: '';
        display: block;
        width: 0px;
        height: 2px;
        background: #fff;
     }
    #headerNavbar .nav-item:hover::after {
        width: 100%;   
    }

    #headerNavbar .badge-danger {
        color: #fff;
        background-color: #dc3545;
        border-radius: 50px;
        position: absolute;
        /* left: -17px; */
        right: 13px;
        top: 45px;
        font-size: 10px;
        padding: 4px 6px;
    }

    #headerNavbar .login-menu .nav-link {
        color: rgb(255 255 255);
        font-size: 18px;
        font-family: segoe-semibold;
    }

/*------------This Css End Of Header Section End Here------------ */

/*------------This Css Use Of Home Page Start Here------------ */
    #Hero{
    	position: relative;
    	top: 100px;
   	}
	#Hero .header-headding{
		font-size: 50px;color:#fff;
		text-shadow: 0px 2px 2px rgb(75 23 23 / 62%);
	}
	#Hero .header-button{
		width: 19%;
		color: black;background-color: #fff;
		padding: 11px;
    	border-radius: 6px;
    	box-shadow: rgb(99 99 99 / 44%) 0px 2px 8px 0px;
	}
	#Hero .header-button:hover{
		color: black;background-color: #ffffffcc;
	}

	#Hero .motivational-button, .current-affairs-button{
		width: 18%;
		background-color: #BEF2A4;
    	padding: 10px 30px 10px 30px;
   		font-size: 19px;
   		border-radius: 10px;
   		box-shadow: rgb(99 99 99 / 44%) 0px 2px 8px 0px;
	}

	#Hero .box-div{
		background-image: url('../images/home-images/box-bg-img.png');
    	background-color: #ffffff;
    	background-position: top right;
    	background-repeat: no-repeat;
    	background-size: contain;
    	top: 20px;
    	box-shadow: rgb(99 99 99 / 44%) 0px 2px 8px 0px;
    	width: 100%;
    	border-radius: 19px;
	}
	#Hero .box-div-img{
		width: 80%;
	}
	#Hero .box-div-headding{
		width: 90%; word-break: break-all;
		font-size: 22px;
	}
	#Hero .box-headding{
		font-size: 22px !important;
	}
	/*#Hero .box-div-btn{
		border-radius: 6px;
    	border: none;
    	font-size: 14px;
    	padding: 5px 20px 5px 20px;
	}*/

	#studentReview{
		background-image: url('../images/home-images/student-review-bg-img.png');
  		background-position: top center; 
  		background-repeat: no-repeat; 
  		background-size: cover;
	}

	#studentReview .student-proflie {
  		display: inline-block;
 		width: 120px;
  		height: 120px;
  		border-radius: 50%;
  		text-align: center;
  		background-repeat: no-repeat;
  		background-position: center center;
  		background-size: cover;
  		border:5px solid #009DDC;
	}
	
	.owl-carousel .owl-stage{ 
		display: flex;
	}
	#studentReview .item{
		background-color: white;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-radius: 15px;border-bottom: 6px solid #009DDC;
		height: 100%;
	}

	#studentReview .blog .carousel-indicators {
		left: 0;
		top: auto;
        bottom: -60px;
	}

 	#studentReview	.blog .carousel-indicators li {
    	background: #fff;
    	border-radius: 50%;
    	width: 9px;
    	height: 9px;
	}

	#studentReview .blog .carousel-indicators .active {
		background: #009DDC;
	}

	#studentReview .owl-prev .owl-next{
		display: none;
	}
	#studentReview .owl-theme .owl-nav [class*=owl-]:hover{
		display: none;
	}
/*------------This Css End Of Home Page------------ */

/*------------This Css Use Of About Us Page Start Here------------ */
	#aboutUs .para-txt{
		background-color: #F8F9FA;text-align: center;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-radius: 10px;
	}
/*------------This Css End Of About Us  Page------------ */

/*------------This Css Use Of Contact Us Page Start Here------------ */
	#contactUs .div-box{
		background-color: #fff;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-radius: 10px;
	}
	#contactUs .div-box-label{
		padding: 5px; padding-left: 35px;
    	padding-right: 35px;width: 50%;
    	border-radius: 0px 0px 20px 20px;
	}
	#contactUs .div-box-label-txt{
		font-size: 18px;text-align: center;color: #fff;
	}
/*------------This Css End Of Contact Us  Page------------ */


/*------------This Css Use Of Follow Us Page Start Here------------ */
	#followUs .bg-img{
		background-image: url('../images/followUs-bg-img.png'); 
	  	background-color: #cccccc;
	  	background-position: top center; 
	  	background-repeat: no-repeat; 
	  	background-size: cover;
	  	width: 100%;
	}
	#followUs .icon-box{
		background-color: #009DDC;
		width: 100px;padding: 30px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-radius: 10px;
	}
	#followUs .icon{
		font-size:45px;color:#fff;
	}
/*------------This Css End Of Follow Us Page------------ */

/*------------This Css Use Of AttempTest Page Start Here------------ */
	#attemptTest .panel-default{
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border:5px solid #009DDC;border-radius: 20px;
		border-bottom: 30px solid #009DDC;
	}
	#attemptTest .panel-heading{
		border-radius: 16px 16px 0px 0px ;border:none;
	}
	#attemptTest ol li{
		padding-bottom: 20px;
	}
/*------------This Css End Of AttempTest Page ------------ */

/*------------This Css Use Of Motivatinal Page Start Here------------ */
	#Motivational .quotes-box{
		word-wrap: break-word;
		color: #fff;border-radius: 20px 0px 20px 0px;
	}
	#Motivational .quotes-box-color1{
		background-color: #FF2C55;
	}
	#Motivational .quotes-box-color2{
		background-color: #FF8C65;
	}
	#Motivational .panel-default{
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	#Motivational .panel-heading{
		background-color: #F8F9FA;font-size: 80px;color: #00000078;
	}
	#Motivational .panel-body{
		color: blue;word-wrap: break-word;
		font-size: 14px;
	}
/*------------This Css End Of Motivatinal Page ------------ */

/*------------This Css Use Of Current Affairs Page Start Here------------ */
	#currentAffairs .panel-default{
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	#currentAffairs .panel-heading{
		background-color: #F8F9FA;font-size: 80px;color: #00000078;
	}
	#currentAffairs .panel-body{
		color: blue;word-wrap: break-word;
		font-size: 14px;
	}
/*------------This Css End Of Current Affairs Page ------------ */

/*------------This Css Use Of Test Category Page Start Here------------ */
	#testCategory .card{
		width: 100%;border-radius: 18px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	#testCategory .card-bg-img{
		background-image: url('../images/test-series-img/bg-img1.png'); 
		background-position: top center; 
		background-repeat: no-repeat; 
		background-size: cover;
	}
	#testCategory .category-circular-image {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		overflow: hidden;
		background-color: white;
	  	display:inline-block;
	  	vertical-align:middle;
	}
	#testCategory .category-circular-image img{
	   width: 100%;
	   height: 100%;
	   object-fit: cover;
	}
	#testCategory .card-body{
		border-radius: 0px  0px 18px 18px;
	}
	#testCategory .card-text{
		font-size: 15px;text-align: center;
	}
/*------------This Css End Of Test Category Page------------ */

/*------------This Css Use Of Test Series Page Start Here------------ */
	#testSeries .card{
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-bottom: 10px solid #009DDC;
    	border-radius: 10px
	}
	/*#testSeries .card-img{
		width: 100%;margin-top: -50px !important;
	}*/

	#testSeries ul {
    list-style-type: none;
	}

	#testSeries ul li{
		border:none;
	}
	#testSeries li:before {
		color: #009ddc;
  		content: "\f00c";
  		font-family: FontAwesome;
  		display: inline-block;
 		padding-right: 10px;
  		width: var(--icon-space);
	}

	#testSeries .price-txt {
    	font-size: 1.4rem;
	}
	#testSeriesVideoPDF .panel-default{
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	#testSeriesVideoPDF .panel-heading{
		background-color: #F8F9FA;font-size: 80px;color: #00000078;
	}
	#testSeriesVideoPDF .panel-body{
		color: blue;word-wrap: break-word;
		font-size: 14px;
	}

	#testSeriesVideoPDF .cursor-event {
          pointer-events: none;
    }
    
    /*this css use of test exam schedule label showing start here*/
    #testSeriesVideoPDF .panel::before{
        position: absolute;
        top: 16px;
        right: 10px;
        content: '';
        background: #98a0d7;
        height: 33px;
        width: 30px;
        transform: rotate(51deg);
        z-index: -1;
    }
    
    #testSeriesVideoPDF .panel::after{
         position: absolute;
        content: attr(data-label);
        top: 10px;
        right: 2px;
        width: 4rem;
        background: #009DDC;
        color: white;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
        border-radius: 20px 0px 0px 20px;
        font-size: 12px;
        font-weight: bold;
        padding: 3px;
    }
    #testSeriesVideoPDF .badge-primary{
        position: relative;
        top: 2.5rem;
        z-index: 1;
        float: right;
        padding: 8px;
        background-color: #ffffffd1;
        color: #000;
        border-radius: 10px 0px 0px 10px;
    }
    /*this css end of test exam schedule label showing*/
/*------------This Css End Of Test Series Page------------ */

/*------------This Css Use Of Test Exam Schedule Page Start Here------------ */
	#testExamSchedule{
		background-image: url('../images/test-series-img/bg-img2.jpg'); 
		background-position: top center; 
		background-repeat: no-repeat; 
		background-size: cover;
	}
	#testExamSchedule .card{
		box-shadow: rgb(99 99 99 / 55%) 0px 2px 8px 0px;
		border-radius: 10px;border:none;
	}
	#testExamSchedule .label-div{
		padding: 10px; padding-left: 35px;
		padding-right: 35px;width: 60%;border-radius: 0px 0px 20px 20px;
	}
	#testExamSchedule .label-txt{
		font-size: 18px;text-align: center;color: #fff;
	}
	#testExamSchedule .text1{
		color: #0000007d;font-size: 16px;
	}
	#testExamSchedule .text2{
		color: #000000;font-size: 17px;
	}
    #testExamSchedule .btn-enable{
        display: none;
    }
/*------------This Css End Of Test Exam Schedule Page------------ */

/*------------This Css Use Of Combo Packge Page Start Here------------ */
	#comboPackage .price-txt{
    	font-size: 1.4rem;
	}

	#comboPackage .card{
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-bottom: 10px solid #009DDC;
    	border-radius: 10px
	}
	/*#comboPackage .card-img{
		width: 100%;margin-top: -50px !important;
	}*/

	#comboPackage ol{
		list-style-type: none;
    	padding-left: 0px;
	}	
	#comboPackage ul li{
		border:none;
	}

	#comboPackage ul li b{
		font-size: 15px;
	}
	#comboPackage li:before {
		color: blue;
  		content: "\f00c"; /* FontAwesome Unicode */
  		font-family: FontAwesome;
  		display: inline-block;
 		padding-right: 10px;
  		width: var(--icon-space);
	}
/*------------This Css End Of Combo Packge Page------------ */

/*------------This Css Use Of Latest Exam News Page Start Here------------ */
	#latestExamNews .panel-default{
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	#latestExamNews .panel-heading{
		background-color: #F8F9FA;font-size: 80px;color: #00000078;
	}
	#latestExamNews .panel-body{
		color: blue;word-wrap: break-word;
		font-size: 14px;
	}
/*------------This Css End Of Latest Exam News Page------------ */

/*------------This Css Use Of Profile Details and profile update form Page Start Here------------ */
	#profileDetails .pro-cir-img-div{
        width: 160px;
        height: 160px;
        background-color: #009DDC;
        border-radius: 50%;
        overflow: hidden;
        margin-top: -70px !important;
        border:4px solid white;
    } 
    #profileDetails .pro-cir-img-div img{
       width: 100%;
       height: 100%;
       object-fit: cover;
    }

    #profileDetails .proflie-edit-icon{
		display: inline-block;
	    border-radius: 50px;
	    box-shadow: 0 0 2px black;
	    padding: 0.2em 0.6em;
	    color: #fff;
	    position: absolute;
	    left: 8rem;
	    top: 50px;
	    background-color: #009DDC;
	}
/*------------This Css End Of Profile Details and profile update form Page------------ */


/*------------This Css Use Of My Order Page Start Here------------ */
	#myOrder .img-cir-div{
        width: 50px;
        height: 50px;
        background-color: #009DDC;
        border-radius: 50%;
        overflow: hidden;
    } 
    #myOrder .cir-img{
       width: 100%;
       height: 100%;
       object-fit: cover;
    }

    #myOrder .card{
    	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }
/*------------This Css End Of My Order Page------------ */

/*------------This Css Use Of Open Notification Model in Header Page Start Here------------ */
    #Notifications .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
            width: 30%!important;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
             -o-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
    }

    #Notifications .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
    }
    
    #Notifications .modal.right .modal-body {
        padding: 15px 15px 80px;
        background-color: #F8F9FA;
    }
        
    #Notifications .modal.right.fade .modal-dialog {
        right: 0px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
           -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
             -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                transition: opacity 0.3s linear, right 0.3s ease-out;
    }
    
    #Notifications .modal.right.fade.in .modal-dialog {
        right: 0;
    }

    #Notifications .modal-content {
        border-radius: 0;
        border: none;
    }

    #Notifications .modal-header {
        border-bottom-color: #EEEEEE;
        background-color: #009DDC;
        color: #fff;
    }
    #Notifications .toast{
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            padding: 20px;
    }
/*------------This Css End Of Open Notification Model in Header Page------------ */

/*------------This Css Use Of Footer Page Start Here------------ */
	#footerSection{
		padding-top: 1px;
		box-shadow: rgb(99 99 99 / 44%) 0px 2px 8px 0px;
		background-color: white;
	}
	#footerSection .footer-logo{
		border-radius: 12px;
	}
	#footerSection .footer-paragraph{
		font-size: 15px;
	}
	#footerSection .footer-icon{
		border-radius: 10px;
        background-color: #009DDC;
        margin-left: 9px;
	}
	#footerSection ul.footer-ul{
		list-style-type: none;
	    padding:0px;
	}
	#footerSection ul.footer-ul li{
		margin-top: 15px;
	}
	#footerSection .footer-heading{
		color:#009DDC;
		margin-bottom: 25px;
		font-family: 'Montserrat';
	}
	#footerSection .footer-link{
		color: black;
	}
	#footerSection .footer-link:hover{
		text-decoration: none;
		color: #009DDC;
	}
	#footerSection .footer-copyright{
		background-color:#009DDC;
		height: 32px;
	}
	
	#footerSection .footer-feedback-txt{
        color: #000;
    }
    
	#footerSection .footer-feedback-txt:hover{
		text-decoration: none;
		color: #009DDC;
	}
	

/*------------This Css End Of Footer Page End Here------------ */


.home-section{
	margin-top: 20rem;
}