.user-bg-desk-2{
          display:none;
      }
      
   
   
   .tab-br{
       display:none;
   }
   
   .mobile-br{
       display:none;
   }
   
   
   input[type="radio"] {
       cursor:pointer;
   }

.navbar{
/*z-index should be above .close-navbar-toggler */
  z-index:2;
}
.close-navbar-toggler{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1;
  cursor:pointer;
}
.close-navbar-toggler.collapsed{
  z-index:-1;
}



.text-red-600 li{
    color:red !important;
}




     input:focus, textarea:focus, select:focus {

border: 1px solid #EBDC4E !important;

box-shadow: 0 0 4px #EBDC4E !important;

-moz-box-shadow: 0 0 4px #EBDC4E !important;

-webkit-box-shadow: 0 0 4px #EBDC4E !important;

}


input[type='radio'] {
   border: none !important; 
   box-shadow: none !important;
   -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}








/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}




button{

	font-size: 1rem !important;

}




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  font-size: 1rem;

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

  font-size: 1rem;

}



::-ms-input-placeholder { /* Microsoft Edge */

  font-size: 1rem;

}





.swal2-container {

  z-index: 10000 !important;

}


*:focus {
    outline: 0 !important;
}



*{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



*:focus {

	outline: 0 !important;

}


.btn:focus {
  box-shadow: none;
}





.d-none{

	display: none !important;

}



@font-face {

	font-family: epilogue-semibold;

	src: url(../fonts/Epilogue-SemiBold.ttf);

}



@font-face {

	font-family: epilogue-medium;

	src: url(../fonts/Epilogue-Medium.ttf);

}





@font-face {

	font-family: epilogue-regular;

	src: url(../fonts/Epilogue-Regular.ttf);

}



@font-face {

	font-family: cera-pro-medium;

	src: url(../fonts/cera_pro_medium.otf);

}





@font-face {

	font-family: montserrat-regular;

	src: url(../fonts/Montserrat-Regular.ttf);

}





@font-face {

	font-family: montserrat-bold;

	src: url(../fonts/Montserrat-Bold.ttf);

}







html, 

body {

	font-family: 'montserrat-regular', serif;

	scroll-behavior: smooth;

	margin: 0!important;

	padding: 0!important;

  width: 100%;

	font-smoothing:antialiased;

	background-color: #F9FAF7;

}



body{

	overflow-x: hidden;

}



a{

	text-decoration: none !important;

	cursor: pointer;

}




.info-icon{
    width:20px;
    height:20px;
    margin-left:18px;
    margin-right:18px;
}



.main-navbar{

	padding: 0.8rem 0rem !important;

	background-color: transparent !important;

}





.main-navbar .main-logo{

	width: 9rem;

	height: auto;

}



.main-navbar .login-btn{

	border: none;

	color: #FFFFFF;

	background-color: #1D1D1D;

	font-size: 0.9rem;

	font-weight: 600;

	padding: 0.8rem 1.5rem;
	
	height:50px;

	border-radius: 8px;

}



.login-btn{

	font-family: 'montserrat-bold', serif;

	border: none;

	color: #FFFFFF;

	background-color: #1D1D1D;

	font-size: 0.9rem;

	font-weight: 600;

	padding: 0.8rem 1.5rem;

	border-radius: 8px;

}









#banner-section{

	padding: 6rem 14rem;

	  background-image: url("../images/banner-img.jpg"); /* The image used */

   /* Used if the image is unavailable */

  height: auto; /* You must set a specified height */

  background-position: center; /* Center the image */

  background-repeat: no-repeat; /* Do not repeat the image */

  background-size: cover; /* Resize the background image to cover the entire container */

}



#banner-section h1{

	font-family: 'montserrat-bold', serif;

	font-size: 2.6rem;

	font-weight: 800;

}



#banner-section h2{

	margin-top: 2rem;

	font-size: 1.5rem;

	font-weight: 600;

}



.sub-btn{

	margin-top: 2rem;

	font-size: 0.9rem;

	font-weight: 600;

	padding: 0.6rem 2.5rem;

	border: none;

	border-radius: 8px;

	color: #000000;

	background: linear-gradient(101.91deg, #EBDC4E 72.84%, #B79F0D 97.7%);

	box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.08);

}





#banner-section p{

	margin-top: 2rem;

	font-size: 1rem;

	font-weight: 600;

}



#banner-section p img{

width: 1.3rem;

margin-top: -0.2rem;

margin-right: 1rem;

}









#prepare-section{

	padding: 5rem 14rem;

}



#prepare-section h3{

	font-family: 'montserrat-bold', serif;

	font-size: 1.7rem;

}



.get-btn{

	margin-top: 2rem;

	font-size: 0.9rem;

	font-weight: 600;

	padding: 0.8rem 2.5rem;
	
	height:50px;

	border: none;

	color: #FFFFFF;

	background-image: linear-gradient(to right, #000000 , #000000);

	border-radius: 8px;

}





.prepare-div{

	padding: 2rem 5rem;

	border-radius: 20px;

	background-color: #ffffff;

}



.prepare-div img{

	width: 80%;

	height: auto;

}



.prepare-div h4{

	font-family: 'montserrat-bold', serif;

	font-size: 1.5rem;

	margin-top: 2rem;

}



.prepare-div p{

  font-size: 0.9rem;

  font-weight: 400;

}







#subjects-section{

	padding: 2rem 14rem 4rem 14rem;

}



#subjects-section h3{

  font-weight: 600;

	font-size: 1.7rem;

}



#subjects-carousel .item{

	background-color: #ffffff;

	padding: 1rem;

	border-radius: 16px;

	border: 1px solid #E1E1E1;

}



#subjects-carousel .item img{

	border-radius: 10px;

	width: 100%;

	object-fit: cover;

	max-height: 10rem;

	height: 10rem;

}





#subjects-carousel .item h3{

  font-size: 1.7rem;

  margin-top: 1rem;

}



#subjects-carousel .item h4{

	font-family: 'montserrat-bold', serif;

  font-size: 1.2rem;

  margin-top: 1rem;

  color: #00B045;
  text-align:center;

}



#subjects-carousel ul{
     height:9rem;
	 
    overflow:hidden;
    padding-top:0.5rem;
}

.recent-subjects ul{
    height:13rem;
    overflow:hidden;
    padding-top:0.5rem;
}


#subjects-carousel .item ul li{
	line-height: 1.2rem;
	margin-top: -0.2rem;
}

.recent-subjects ul li{
	line-height: 1.2rem;
	margin-top: -0.2rem;

}



.recent-subjects h4{

	font-family: 'montserrat-bold', serif;

  font-size: 1.2rem;

  margin-top: 1rem;
  
  text-align:center;

  color: #00B045;

}





#subjects-carousel .item .p_1{

	margin-top: 1rem;

	font-size: 0.9rem;

	font-weight: 400;

}





#subjects-carousel .item .p_2{

	margin-top: -0.8rem;

	font-size: 0.9rem;

	font-weight: 400;

}



#subjects-carousel .item .view-btn{

	font-size: 0.9rem;

	font-weight: 700;

	width: 100%;

	padding: 0.5rem 2.5rem;

	height: 50px;

	border: 2px solid #000000;

	color: #000000;

	background-image: linear-gradient(to right, #FFFFFF , #FFFFFF);

	border-radius: 8px;

}





#subjects-carousel .item .enroll-btn{

	font-size: 0.9rem;

	font-weight: 700;

	width: 100%;

	padding: 0.5rem 2.5rem;

	border: 1px solid #000000;

	height: 50px;

	color: #FFFFFF;

	background-image: linear-gradient(to right, #000000 , #000000);

	border-radius: 8px;

}





#subjects-section .rating-div h3{

	font-size: 1.3rem;

}





#subjects-section .rating-div p{

	font-size: 0.8rem;

	margin-top: 0.5rem;

}





#subjects-section .rating-div .star-img{

	width: 1.5rem;

	margin-top: -0.4rem;

	margin-right: 0.3rem;

}







#subscription{

	padding: 2rem 14rem 4rem 14rem;

}



#subscription h3{

	font-family: 'montserrat-bold', serif;

	font-size: 1.7rem;

}



#subscription p{

		font-family: 'montserrat-bold', serif;

	font-size: 0.9rem;

	font-weight: 700;

}



#subscription p img{

  margin-right: 2rem;

  width: 0.8rem;

}



#subscription .plans{

	background-color: #ffffff;

	padding: 3rem 1.5rem;

	width: 23% !important;

	max-width: 23% !important;

	margin: 0 auto;

	border: 1px solid #E1E1E1;

	border-radius: 16px;

}



#subscription .plans h4{

		font-family: 'montserrat-bold', serif;

	font-size: 1.3rem;

}







#subscription .plans .save-btn{

	font-family: 'montserrat-bold', serif;

	background-color: #FFFBD2;

	font-size: 0.8rem;

	padding: 0.5rem 0.8rem;

	border-radius: 32px;

	border: none;

	color: #DBC322;

}



#subscription .plans .save-green-btn{

	font-family: 'montserrat-bold', serif;

	background-color: #D8EBD1;

	font-size: 0.8rem;

	padding: 0.5rem 0.8rem;

	border-radius: 32px;

	border: none;

	color: #3B8521;

}





#subscription .plans .price{

	font-size: 1.5rem;

	margin-top: 2rem;

}





#subscription .plans .cancelled-price{

	font-size: 1.3rem;

	margin-top: -1rem;

	color: #B1AFAF;

}





#subscription .plans span{

	font-size: 0.9rem;

	margin-top: 1rem;

}











.get-sub-btn{

	font-family: 'montserrat-bold', serif;

	width: 100%;

	margin-top: 3rem;

	font-size: 0.9rem;

	font-weight: 800;

	padding: 0.8rem 1rem;

	border: none;

	border: 2px solid #000000;

	color: #000000;

	background-image: linear-gradient(to right, #FFFFFF , #FFFFFF);

	border-radius: 8px;

}







.get-sub-btn-blk{

	font-family: 'montserrat-bold', serif;

	width: 100%;

	margin-top: 3rem;

	font-size: 0.9rem;

	font-weight: 800;

	padding: 0.8rem 1rem;

	border: none;

	border: 2px solid #000000;

	color: #FFFFFF;

	background-image: linear-gradient(to right, #000000 , #000000);

	border-radius: 8px;

}





.best-value-btn{

	font-family: 'montserrat-bold', serif;

	font-size: 0.9rem;

 position: absolute;

 top: 0%;

 left: 50%;

 color: #000000;

 background-color: #ffffff;

 border: 1px solid #000000;

 transform: translate(-50%, -50%);

}








#exampleModal .modal-dialog {
    min-width: 50%;
    max-width: 50%;
	min-height:50%;
	max-height:50%;
    margin	: 0 auto; 
    
  }
#exampleModal1 .modal-dialog {
    min-width: 50%;
    max-width: 50%;
	min-height:50%;
	max-height:50%;
    margin	: 0 auto; 
  }
#exampleModal2 .modal-dialog {
    min-width: 50%;
    max-width: 50%;
	min-height:50%;
	max-height:50%;
  }
/*#exampleModal .modal-dialog{

	min-width: 50%;

	position: absolute;

	top: -1.75rem;

	right: 0;

	height: auto;

}*/





/*#exampleModal .modal-content{

	min-height: 100vh !important;

	/*max-height: 100vh !important;

	border-radius: 0px !important;

	height: auto;

}*/



/*
#exampleModal2 .modal-dialog{

	min-width: 50%;

	position: absolute;

	top: -1.75rem;

	right: 0;

	height: auto;

	border-radius: 0px;

}*/




/*#exampleModal2 .modal-content{

	min-height: 100vh !important;

	max-height: 100vh !important;

	border-radius: 0px !important;

	overflow-y: scroll;

	height: auto;

}*/




/*#exampleModal .modal-body{

	padding: 3rem 1rem 3rem 3rem;

}*/








.exampleModal .modal-body h3{

	font-size: 1.5rem;

}



.exampleModal .modal-body p{

	font-size: 1rem;

}



.exampleModal .modal-body p a{

	color: #000000;

}





.exampleModal .modal-body .col-md-2{

padding: 0;

position: relative;

padding-left: 1rem;

}



.exampleModal .modal-body .col-md-6{

padding: 0;

}



.exampleModal .modal-body .col-md-2 input{

 border: 1px solid #000000;

 border-radius: 6px 0px 0px 6px;

 height: 50px;

 font-size: 1rem;

 color: #000000 !important;

 padding-left: 3rem;

}





.exampleModal .modal-body .form-input{

 border: 1px solid #000000;

 border-radius: 6px 6px 6px 6px;

 height: 50px;

 font-size: 1rem;

 color: #000000 !important;

 padding-left: 12px;

}





.exampleModal label{

	font-size: 1rem;

}







.exampleModal .modal-body .col-md-2 .india-icon{

	position: absolute;

	top: 20%;

	left: 20%;

}



.exampleModal .modal-body .col-md-6 input{

 border: 1px solid #000000;

 border-left: 0px;

 border-radius: 0px 6px 6px 0px;

 font-size: 1rem;

 color: #000000 !important;

 height: 50px;

}



.exampleModal .modal-body .login-btn{

	font-size: 1rem;

}



.exampleModal .modal-body .col-md-6 a{

	font-size: 1rem;

	color: #000000;

}



.exampleModal .modal-footer-div{

	width: 100%;
	
   margin-top:5rem;
	/*position: absolute;*/

	/*bottom: 0%;*/

	border-top: 1px solid #E1E1E1;

 padding: 2rem 3rem 2rem 3rem;}



 .exampleModal .modal-footer p{

 	text-align: left !important;

 }





 .exampleModal .modal-footer-div p{

 	font-size: 1rem;



 }



  .exampleModal .modal-footer-div p a{

  	color: #000000;

  }





  footer{

  	background-color: #ffffff;

  }





  footer p{

   font-size: 0.8rem;

   color: #B9B9B9;

  }



   footer .p_2{

    	margin-top: -0.8rem;

    }





















.admin-navbar{

	padding: 0.8rem 10rem 0.8rem 4rem !important;

	background-color: #ffffff !important;

}





.admin-navbar .main-logo{

	width: 7rem;

	height: auto;

}





.admin-navbar .search-icon{

	background-color: #F9FAF7;

	padding: 0.1rem 0.4rem;

	border-radius: 10px;

	margin-right: 1.5rem;

}



.admin-navbar .search-icon img{

	width: 0.8rem;

}





.admin-navbar .notification-icon{

  margin-right: 1.5rem;

}



.admin-navbar .notification-icon img{

	width: 1.2rem;

}





.admin-navbar .user-icon{

	font-size: 1rem;

  margin-right: 1.5rem;

  color: #11142D;

  font-weight: 600;

}



.admin-navbar .user-icon img{

	margin-right: 1rem;

	width: 2rem;

	height: 2rem;

	border-radius: 50%;

	object-fit: cover;

}











 #main-content .left-content{

  padding:2rem 0rem 2rem 3rem;

  background: #FFFFFF;
  
  min-height:80vh !important;

 }   





  #main-content .left-content ul{

  	list-style-type: none;

  	margin-top: -1rem;

  }



    #main-content .left-content ul li{

    padding: 0.8rem 0rem;	

  	font-size: 1rem;

  	margin-top: 0.4rem;

  }



    #main-content .left-content ul li a{

    	color: #000000;

    }



    #main-content .left-content ul li a img{

    	width: 20px;

    	margin-right: 20px;

    }





    #main-content .left-content .active{

    	/*border-right: 5px solid #D6BB15;*/
		background-image:url('../images/icons/Rectangle 12.svg');
		background-repeat: no-repeat;
		background-position:right;
		background-color:#F0F0F0;
		font-weight: 800;

    }







     #main-content .right-content{

  padding:2rem 2rem 2rem 2rem;

 }   





 .right-content .main_p{

   color: #000000;

   font-size: 1rem;

   margin-left: -1rem;

 }



  .right-content .main_p .house-icon{

  	width: 1.2rem;

  	margin-right: 0.6rem;

  	margin-top: -0.3rem;

  }



    .right-content .main_p .arrow-icon{

    	width: 0.5rem;

    	margin-top: -0.2rem;

      margin-left: 0.2rem;

      margin-right: 0.2rem;

    }



    .right-content .main_p  span{ 

     color: #B1AFAF !important;

     font-size: 0.8rem;

    }



    .user-banner{

      background-color: #FFF5D7;

    	border-radius: 10px;
    	
    	overflow:hidden;

    }







    .user-banner p{

     font-size: 1.2rem;

     color: #1D1D1D;

    }





    .user-banner h1{

    	font-family: 'montserrat-bold', serif;

    	font-size: 2.2rem;

    	font-weight: 800;

    }



    .user-banner span{

    	font-size: 1rem;

    	font-weight: 600;

    }



    .user-banner .user-bg-desk{

    	float: right;

    	height: 100% !important;
    	

    	object-fit: cover;

    }















/*-----------TODAYS WORK--------------*/





.back-btn{

	background: #FFFFFF;

  border: 1px solid #B1AFAF;

	padding: 0.8rem 1rem;

	border-radius: 4px;

}



.back-btn img{

	width: 0.4rem;

	margin-top: -0.2rem;

}





.page-title{

	font-family: 'montserrat-bold', serif;

	font-size: 1.5rem;

	font-weight: 700;

}
.btn-warning1:hover {
    color: white;
    background-color: #4ECE80;
    border-color: #4ECE80;
}


.discard-btn{

	background-color: #FFFFFF;

	border: 1px solid #B1AFAF;

	border-radius: 8px;

	color: #B1AFAF;

	font-size: 0.8rem;

	font-weight: 700;

	padding: 0.6rem 2rem;

	width: 100%;
	
	height:50px;

}



.save-btn{

	background-color: #FFFFFF;

	border: 1px solid #1D1D1D;

	border-radius: 8px;

	color: #1D1D1D;

	font-size: 1rem;

	font-weight: 800;

	padding: 0.6rem 2rem;

	width: 100%;
	
	height:50px;

	font-family: 'montserrat-bold', serif;

}



.publish-btn{

	background: #B3E7C7;

	border: none;

	border-radius: 8px;

	color: #FFFFFF;

	font-size: 1rem;

	font-weight: 800;
	
	height:50px;

	padding: 0.6rem 2rem;

	width: 100%;

}



.card-div{

	border-radius: 8px;

	/*box-shadow: 0px 2px 21px #E8E8E8;*/

	padding: 12px 20px;

	background-color: #ffffff;

}

.card-div:focus{
    transition:0.5s;
    box-shadow: 0px 2px 21px #E8E8E8;
}

.card-div:hover{
    transition:0.5s;
    box-shadow: 0px 2px 21px #E8E8E8;
}

.card-div:active{
    transition:0.5s;
    box-shadow: 0px 2px 21px #E8E8E8;
}




.card-div label{

	font-size: 1rem;

}



.card-div input,textarea,select{

	height: 2.8rem;

	border: 0.5px solid #4D4D4D !important;

	border-radius: 6px !important;

}



.card-div select{

	font-size: 0.9rem !important;

	font-weight: 600 !important;

  padding-right: 2rem;

}





.grey-text{

	color: #B1AFAF !important;

}



.grey-bg{

	background: #B1AFAF;

}



.border-none{

	border: none;

}



.black-text{

	color: #000000 !important;

	font-weight: 600;

}







.media-div{

	padding: 3rem;

	border-radius: 4px;

	border: 0.5px dashed #4D4D4D;

}



.thumb-btn{

	background-color: #FFFFFF;

	border: 1px solid #1D1D1D;

	border-radius: 8px;

	color: #1D1D1D;

	font-size: 0.9rem;

	font-weight: 800;

	padding: 0.6rem 1.5rem;

	width: auto;

}



.thumb-btn img{

	width: 0.8rem;

	margin-top: -0.3rem;

}





.save-topic-btn{

	background: #B1AFAF;

	border: none;

	border-radius: 8px;

	color: #FFFFFF;

	font-size: 0.9rem;

	font-weight: 800;

	padding: 0.6rem 1.5rem;

	width: 100%;
	
	height:50px;

}





.card-div h4{

 font-size: 1rem;

 font-family: 'montserrat-bold', serif;

}



.card-div p{

 font-size: 1rem;

}





.timer{
    background: #FFEED7; border-radius: 8px; padding:2rem 1rem 1.5rem 1rem;
}

.checkbox{
    padding-left:2rem;
}




.switch {

  position: relative;

  display: inline-block;

  width: 2.6rem;

  height: 1.5rem;

}



.switch input { 

  opacity: 0;

  width: 0;

  height: 0;

}



.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

  border: 2px solid #B1AFAF;

}



.slider:before {

  position: absolute;

  content: "";

  height: 1rem;

  width: 1rem;

  left: 4px;

  bottom: 2px;

  background-color: #1D1D1D;

  -webkit-transition: .4s;

  transition: .4s;

}



input:checked + .slider {

  background-color: #EBDC4E;

}



input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}



input:checked + .slider:before {

  -webkit-transform: translateX(1rem);

  -ms-transform: translateX(1rem);

  transform: translateX(1rem);

}



/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}





.page-title span{

	background-color: #B3E7C7;

	font-size: 0.8rem;

	color: #00B045;

  padding: 0.3rem 0.8rem;

  font-weight: 400;

  border-radius: 4px;

}





.success-card-div{

	border-radius: 8px;

	box-shadow: 0px 4px 48px #F2F2F2;

	padding: 1.8rem 2rem;

	background: #B3E7C7;

	border: 1px solid #00B045;

}



.success-card-div p{

	font-size: 1rem;

	color: #219653;

	font-weight: 600;

}



.success-card-div img{

	width: 3rem;

}





.delete-btn{

	font-family: 'montserrat-bold', serif;

	background: #F9FAF7;

	border: 1px solid #EB5757;

	border-radius: 8px;

	color: #EB5757;

	font-size: 0.9rem;

	font-weight: 800;

	padding: 0.6rem 1.5rem;

	width: auto;

}





.added-topic-div button{

	border: none;

	width: 4rem;

	height: 4rem;

	margin-top: -3rem !important;

	margin-right: -2rem;

	background: #FFFBD2;

}



.added-topic-div button img{

	width: 1rem;

}









.tab-a{

	font-size: 0.9rem;

	color: #B1AFAF;

	margin-right: 1.5rem;

	font-weight: 500;

	padding-bottom: 1rem;

  padding-top: 1rem;

}



.orders-tab-a{

	font-size: 0.9rem;

	color: #B1AFAF;

	margin-right: 0.5rem;

	font-weight: 500;

	padding-bottom: 1rem;

  padding-top: 1rem;

}





.gold-text{

	color: #D6BB15;

}



.tab-a-active{

	color: #1D1D1D !important;

	font-weight: 700;

  border-bottom: 2px solid #1D1D1D;

  padding-bottom: 1rem;

  padding-top: 1rem;

}







.right-content h5{

 font-size: 1rem;

 font-family: 'montserrat-bold', serif;

 color: #1D1D1D;

}





.search-input{

	padding: 0.6rem 1.5rem;
	height:50px;

}




.right-content a,p{

	font-size: 1rem !important;

}

.right-content .main_p span{
    font-size:16px !important;
}


.user-banner span{
    font-size:16px !important;
}


.right-content label{

	font-size: 1rem !important;

	font-weight: 600;

}





.circular-btn{

	background: #FFF0C5;

	width: 2.5rem;

	height: 2.5rem;

	border: none;

	border-radius: 50%;

	font-size: 0.9rem;

	font-weight: 600;
	
	margin-top:0.6rem;
	margin-bottom:0.5rem;

}


.subject-card-label{
    margin-top:1.3rem;
}



.subtext{

	font-weight: 400;

	font-size: 0.8rem;

	color: #B1AFAF;

}





.notepad-h2{

	font-weight: 600;

	font-size: 2rem;

}





.black-btn{

	background-color: #1D1D1D;

	color: #FFFFFF;

	border: none;

	border-radius: 8px;

  font-weight: 600;

  height: 50px;

}



.white-btn{

	background-color: transparent;

	color: #1D1D1D;

	border: 1px solid #000000;

	border-radius: 8px;

	font-weight: bold;

	height: 50px;

}





#dropdown-div{
	background: #ffffff;
	width: 10rem;
	position: absolute;
	bottom: -4rem;
	right: 11rem;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 0px 21px #E8E8E8;
	cursor: pointer;
	display: none;
	padding:5px;
}

#dropdown-div img{
	float: left;
}

#dropdown-div a{
	font-size: 0.8rem;
	color: #000000;
	cursor: pointer;
}

#dropdown-div.arrow-top {
	margin-top: 55px;
  }
  
 #dropdown-div.arrow-top:after {
	content: " ";
	position: absolute;
	right: 10px;
	top: -10px;
	border-top: none;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
  }



#dropdown-div a{

	font-size: 0.8rem;

	color: #000000;

	cursor: pointer;

}









#accordion .card{

	border-radius: 15px;

	border: none;



}



#accordion .card-header{

	border-radius: 15px 15px 15px 15px;

	cursor: pointer;

	background: #F2F2F2;

	padding: 0.8rem 1rem;

	border: none;

}







#accordion .card-body{

	border-radius: 0px 0px 15px 15px;

	border: none;

	padding: 0.8rem 2rem;

}



#accordion button{

	color: #1D1D1D;

	font-size: 0.8rem;

	font-weight: 400;

}



#accordion a{

	color: #1D1D1D;

	font-size: 0.8rem;

	font-weight: 600 !important;

}



#accordion p{

	color: #1D1D1D;

	font-size: 0.8rem;

	font-weight: 600;

}



.easy-span{
     font-weight:bold;  
	border-radius: 4px;

	font-size: 14px !important;

	color: #00B045 !important;

	padding: 0.2rem 0.6rem;

	background: #B3E7C7;

}





.moderate-span{
     font-weight:bold;  
	border-radius: 4px;

	font-size: 14px !important;

	color: #F2994A !important;

	padding: 0.2rem 0.6rem;

	background: #FAE8B4;

}





.hard-span{
     font-weight:bold;  
	border-radius: 4px;

	font-size: 14px !important;

	color: #9B51E0 !important;

	padding: 0.2rem 0.6rem;

	background: #E7CBF2;

}





.hold-span{
     font-weight:bold;  
	border-radius: 4px;

	font-size: 14px !important;

	color: #F2994A !important;

	padding: 0.3rem 0.6rem;

	background: #FFF0C5;

}



.processing-span{
     font-weight:bold;  
	border-radius: 4px;

	font-size: 14px !important;

	color: #00B045 !important;

	padding: 0.3rem 0.6rem;

	background: #B3E7C7;

}



.completed-span{
    font-weight:bold;  
	border-radius: 4px;

	font-size: 14px !important;

	color: #1D1D1D !important;

	padding: 0.3rem 0.6rem;

	background: #E6E6E6;

}





.cancelled-span{
    font-weight:bold;   
	border-radius: 4px;

	font-size: 14px !important;

	color: #EB5757 !important;

	padding: 0.3rem 0.6rem;

	background: #FBDDDD;

}





.mycheckbox[type="checkbox"]:after {

  background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);

}





.plane-div{

  background-image: url("../images/air-bg.png"); /* The image used */

  background-color: #000000; /* Used if the image is unavailable */

  width: 100%;

  height: auto; /* You must set a specified height */

  background-position: center; /* Center the image */

  background-repeat: no-repeat; /* Do not repeat the image */

  background-size: cover; /* Resize the background image to cover the entire container */

  border-radius: 16px;

  padding: 2rem;

}





.plane-div h1{

	font-family: 'montserrat-bold', serif;

	font-size: 1.8rem;

	font-weight: 600;

	letter-spacing: 2px;

}





.plane-div .check-img{

	width: 1rem;

	margin-right: 0.8rem;

}





.ratings-p{

	font-size: 0.9rem !important;

	font-weight: 600;

	color: #DFC92D;

	letter-spacing: 1px;

}





.includes-div{

	border-radius: 16px;

	padding: 2rem;

	background:#ffffff;

}



.includes-div p{

	font-size: 1rem !important;

	font-weight: 600;

}



.includes-div ul{

	padding-left: 1.5rem;

}



.includes-div ul li{

	font-size: 1rem;

	margin-top: 0.5rem;

}



.topics-p{

	font-size: 1rem !important;

	font-weight: 600;

}





.lock-img{

	width: 1.1rem;

}





.subject-pricing h4{

	font-family: 'montserrat-bold', serif;

	font-size: 1.4rem;

}



.subject-pricing p{

	font-size: 0.7rem !important;

	font-weight: 600;

	color: #B1AFAF;

}



.subject-pricing span{

	font-size: 0.9rem;

	color: #3B8521;

	font-weight: 600;

	background: #D8EBD1;

  border-radius: 32px;

  padding: 0.5rem 2rem;

}



.subject-pricing button{

	padding-left: 3rem;

	padding-right: 3rem;

}



.subject-pricing h5{

	font-size: 0.8rem !important;

}





.mini-subject-ul li a{

	font-size: 0.8rem !important;

	font-weight: 600;

	color: #D6BB15;

}



.mini-subject-ul .nav-link.active{

    color: #000000 !important;

    font-family: 'montserrat-bold', serif;

    background-color: transparent;

}



.sub-plans h4{

	font-size: 1.4rem;

	font-weight: 600;

}



.sub-plans p{

	font-size: 0.8rem !important;

	font-weight: 600;

}



.sub-plans-outer{

	background: #ffffff;

	border-radius: 16px;

}



.sub-plans-outer:hover{

	border: 1px solid #000000;

	transition: 0.5s;

	cursor: pointer;

}







.save-green{

	font-size: 0.6rem !important;

	color: #3B8521;

	font-weight: 600;

	background: #D8EBD1;

  border-radius: 32px;

  padding: 0.4rem 0.5rem;

}



.save-yellow{

	font-size: 0.6rem !important;

	color: #DBC322;

	font-weight: 600;

	background: #FFFBD2;

  border-radius: 32px;

  padding: 0.4rem 0.5rem;

}



.sub-plans-outer .reco-btn{

	position: absolute;

  top: 0%;

  left: 50%;

  transform: translate(-50%, -50%);

	font-size: 0.6rem;

	color: #000000;

	font-weight: 600;

	border-radius: 6px;

	border: 1px solid #000000;

	padding: 0.2rem 0.3rem;

	background: #ffffff;

}



.sub-plans-outer h5{

	font-family: 'montserrat-bold', serif;

	font-size: 1.2rem;

}







.sub-plans-outer h5 span{

	font-size: 0.9rem;

	font-weight: 600;

	color:  #B1AFAF !important; 

} 





.sub-plans-outer p{

	font-size: 0.8rem;

}





.topic-card h2{

	font-size: 1.6rem;

	 font-family: 'montserrat-bold', serif;

}



.topic-card p{

	font-size: 1rem !important;

	font-weight: 600;

}



.topic-card .clock-img{

	width: 1.2rem;

}



.topic-card label{

	font-size: 1.2rem !important;

}





.pass-result h3{

	font-family: 'montserrat-bold', serif;

	font-weight: 600;

	color: #00B045;

	font-size: 1.6rem;

	margin-top: -0.5rem;

}



.pass-result .happy-img{

	position: absolute;

	right: 10%;

	top: 30%;

	width: 10%;

}





.correct-h3{

	font-family: 'montserrat-bold', serif;

	font-weight: 600;

	color: #00B045;

	font-size: 1.6rem;

	margin-top: -0.5rem;

}



.incorrect-h3{

	font-family: 'montserrat-bold', serif;

	font-weight: 600;

	color: #EB5757;

	font-size: 1.6rem;

	margin-top: -0.5rem;

}







.unanswered-h3{

	font-family: 'montserrat-bold', serif;

	font-weight: 600;

	color: #F2994A;

	font-size: 1.6rem;

	margin-top: -0.5rem;

}



.view-sol-btn{

	position: absolute;left: 0;bottom: -4rem;

}





.checked {

  color: orange !important;

}



.fa-star{

	font-size: 1.5rem !important;

  color: #EEEEEE;;

}











.combo-subjects{

    border-radius: 32px 32px 32px 32px;

}





.orange-bg{

    background: #FFDBA9;

    border-radius: 32px 32px 0px 0px;

    padding: 2rem 1.5rem 2rem 1.5rem; 

}





.orange-bg h4{

    font-size: 1.6rem;

    font-weight: bold;

    color: #E2931E;

    font-family: 'montserrat-bold', serif;

}



.orange-bg h5{

    font-size: 1rem;

    font-weight: bold;

    color: #E2931E;

    line-height: 1.4rem;

}



.orange-bg p{

    font-size: 0.9rem;

    font-weight: bold;

     font-family: 'montserrat-bold', serif;

    color: #E2931E;

}



.orange-bg span{

    font-size: 0.8rem;

    font-weight: bold;

    color: #E2931E;

    background: #ffffff;

    padding: 0.4rem 1rem;

    border-radius: 4px;

}



.orange-border{

    border: 1px solid #FFDBA9;

}





.pink-bg{

    background: #FFD8D8;

    border-radius: 32px 32px 0px 0px;

    padding: 2rem 1.5rem 2rem 1.5rem; 

}





.pink-bg h4{

    font-size: 1.6rem;

    font-weight: bold;

    color: #EB5757;

    font-family: 'montserrat-bold', serif;

}



.pink-bg h5{

    font-size: 1rem;

    font-weight: bold;

    color: #EB5757;

    line-height: 1.4rem;

}



.pink-bg p{

    font-size: 0.9rem;

    font-weight: bold;

     font-family: 'montserrat-bold', serif;

    color: #EB5757;

}



.pink-bg span{

    font-size: 0.8rem;

    font-weight: bold;

    color: #EB5757;

    background: #ffffff;

    padding: 0.4rem 1rem;

    border-radius: 4px;

}



.pink-border{

    border: 1px solid #EB5757;

}









.green-bg{

    background: #D2EFDD;

    border-radius: 32px 32px 0px 0px;

    padding: 2rem 1.5rem 2rem 1.5rem; 

}





.green-bg h4{

    font-size: 1.6rem;

    font-weight: bold;

    color: #00B045;

    font-family: 'montserrat-bold', serif;

}



.green-bg h5{

    font-size: 1rem;

    font-weight: bold;

    color: #00B045;

    line-height: 1.4rem;

}



.green-bg p{

    font-size: 0.9rem;

    font-weight: bold;

     font-family: 'montserrat-bold', serif;

    color: #00B045;

}



.green-bg span{

    font-size: 0.8rem;

    font-weight: bold;

    color: #00B045;

    background: #ffffff;

    padding: 0.4rem 1rem;

    border-radius: 4px;

}



.green-border{

    border: 1px solid #00B045;

}













.blue-bg{

    background: rgba(218, 247, 255, 0.85);

    border-radius: 32px 32px 0px 0px;

    padding: 2rem 1.5rem 2rem 1.5rem; 

}





.blue-bg h4{

    font-size: 1.6rem;

    font-weight: bold;

    color: #38B3DB;

    font-family: 'montserrat-bold', serif;

}



.blue-bg h5{

    font-size: 1rem;

    font-weight: bold;

    color: #38B3DB;

    line-height: 1.4rem;

}



.blue-bg p{

    font-size: 0.9rem;

    font-weight: bold;

     font-family: 'montserrat-bold', serif;

    color: #38B3DB;

}



.blue-bg span{

    font-size: 0.8rem;

    font-weight: bold;

    color: #38B3DB;

    background: #ffffff;

    padding: 0.4rem 1rem;

    border-radius: 4px;

}



.blue-border{

    border: 1px solid #38B3DB;

}







.pulse-button {

  display: block;

  width: 3rem;

  height: 3rem;

  font-size: 1rem;

  font-weight: light;

  text-transform: uppercase;

  text-align: center;

  line-height: 3rem;

  letter-spacing: -1px;

  color: #000000;

  border: none;

  border-radius: 50%;

  background: #ECEDEB;

  cursor: pointer;

  box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);

  -webkit-animation: pulse 1.5s infinite;

}



.pulse-button:hover {

  -webkit-animation: none;

}



@-webkit-keyframes pulse {

  0% {

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  70% {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);

  }

  100% {

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);

  }

}





.base-timer {

  position: relative;

  width: 3rem;

  height: 3rem;

   background: #ECEDEB;

   border-radius: 50%;

}



.base-timer__svg {

  transform: scaleX(-1);

}



.base-timer__circle {

  fill: none;

  stroke: none;



}



.base-timer__path-elapsed {

  stroke-width: 7px;

  stroke: transparent;

}



.base-timer__path-remaining {

  stroke-width: 7px;

  stroke-linecap: round;

  transform: rotate(90deg);

  transform-origin: center;

  transition: 1s linear all;

  fill-rule: nonzero;

  stroke: currentColor;

}



.base-timer__path-remaining.green {

  color: #4F4F4F;

}



.base-timer__path-remaining.orange {

  color: orange;

}



.base-timer__path-remaining.red {

  color: red;

}



.base-timer__label {

  position: absolute;

  width: 3rem;

  height: 3rem;

  top: 0;

  font-weight: bold;

  font-size: 0.8rem;

  display: flex;

  align-items: center;

  justify-content: center;

}





.question-row .option-button{

	font-size: 0.8rem;

	background: #ffffff;

	border-radius: 4px;

	border: 1px solid #B1AFAF;

	font-weight: bold;

	padding: 0.6rem 1rem ;

	margin-right: 0.5rem;
	
	margin-left:0.5rem;

	cursor: pointer;

}



.question-row button input{

	margin-right: 0.5rem;

	padding-top: 1rem;

}



.question-row button p{

	display: inline;

}





.all-questions-div{

	border: 1px solid #000000;

	border-radius: 16px;

	padding: 0;

}


.all-questions{
    height:auto;
    width:100%;
}




.all-questions a{

	font-size: 0.8rem;

	font-weight: bold;

	border: 1px solid #B1AFAF;

	border-radius: 4px;

	background: #FFFFFF;

	color: #000000 !important;

	/*padding: 0.8rem 1rem;*/
	
	width:2.5rem;
	height:2.5rem;
	
	padding-top:0.5rem;
	
	text-align:center;

	margin: 0 auto;

}


.all-questions a button{
	border: none;
	font-weight: bold;
	background: transparent;
}




.all-questions .green-btn{
	border:1px solid #4BA52E;
	color:#4BA52E;
	background: #E9F5E6 !important;
	border-radius: 4px;

}



.all-questions .orange-btn{
	border-radius: 4px;
	color:#DEB330;
	border: 1px solid #DEB330;
	background: #FFF7DE;
}





.white-btn:hover{

color: #000000;

}















/*NEW INDEX PAGE CSS */



#new-banner-section{

	padding: 2rem 10rem 8rem 10rem;

	  background-image: url("../images/main-banner.png"); /* The image used */

   /* Used if the image is unavailable */

  height: auto; /* You must set a specified height */

  background-position: center; /* Center the image */

  background-repeat: no-repeat; /* Do not repeat the image */

  background-size: cover; /* Resize the background image to cover the entire container */

}





#coupon-div{

	padding: 1rem 10rem 1rem 10rem !important;

	background:#505050;

}



#coupon-div h3{

 font-size: 1rem !important;

 color: #ffffff !important;

 font-weight: bold;

}





#new-banner-section h1{

	 font-family: 'montserrat-bold', serif;

	margin-top: 5rem;

	font-size: 3.8rem;

	color: #ffffff;



}



#new-banner-section p{

	font-size: 4rem !important;

	display: inline;

	color: #EBDC4E;

}



#new-banner-section h2{

	margin-top: 3rem;

	font-size: 1.9rem;

	color: #ffffff;



}







#new-banner-section .enrolll{

	margin-top: 3rem;

}



.subjects-section{

	padding: 4rem 10rem 4rem 10rem !important;

}



.subjects-section .main-title{

	font-family: 'montserrat-bold', serif;

	font-size: 3rem !important;

}





.subjects-section .sub-title{

	font-size: 1rem !important;

	margin-top: 1rem;

	font-weight: 600;

	line-height: 1.4rem;

}









#ratings-section{

  padding: 3rem 10rem 3rem 10rem;

  background: #EFEFEF;

}







#ratings-section .star-img{

	width: 1.6rem;

	margin-top: -0.4rem;

	margin-right: 0.6rem;

}





#ratings-section h2{

	font-family: 'montserrat-bold', serif;

	font-size: 7rem;

}





#ratings-section h3{

	margin-top: -0.8rem;

}



#ratings-section p{

	font-size: 1.4rem !important;

	color: #B1AFAF;

	font-weight: 500;

}



#ratings-section .col-md-5{

	border-right: 1px solid #B1AFAF;

}



#ratings-section .col-md-7{

	padding-left: 6rem;

}



#ratings-section h4{

	font-size: 1.4rem !important;

	margin-top: 1.5rem;

	font-weight: bold;

}



#ratings-section h4 img{

	width: 1.4rem;

	margin-right: 1.5rem;

}







#points-section{

padding: 6rem 10rem 6rem 10rem;

}



#points-section h2{

	font-family: 'montserrat-bold', serif;

	font-size: 3rem !important;

	margin-top: 2rem;

}



#points-section img{

	width: 70%;

}





#points-section p{

	font-size: 1rem !important;

	margin-top: 2rem;

	font-weight: bold;

}





.stat-card{

border-radius: 16px;

padding: 1.5rem 1.5rem 2rem 1.5rem;

}



.stat-card h2{

	font-size: 1.8rem;

	font-weight: bold;

}



.stat-card-outer{

	padding-left: 1.5rem;

	padding-right: 1.5rem;

}



.profile-image{

	width: 10rem;
	
	height:10rem;
	
	max-width:10rem;
	
	margin: 0 auto;

	border-radius: 50%;

	object-fit: cover;

}







#submit-test h4{

		font-family: 'montserrat-bold', serif;

	font-size: 1rem;

}





#submit-test p{

  font-size: 0.8rem;

}



#submit-test .dot-img{

	width: 0.6rem;

	margin-right: 0.3rem;

	margin-top: -0.2rem;

}









.paid-user-banner{

  background-image: url("../images/paid-user-banner.png"); /* The image used */

   /* Used if the image is unavailable */

  height: auto; /* You must set a specified height */

  background-position: center; /* Center the image */

  background-repeat: no-repeat; /* Do not repeat the image */

  background-size: cover; /* Resize the background image to cover the entire container */

}







#get-sub-section{

	padding: 2rem 10rem 2rem 10rem;

}



.get-sub-inner{

	background: linear-gradient(180deg, #FFF4D5 0%, #FFFCF3 100%);

border-radius: 32px;

padding: 2rem 16rem 2rem 2rem;

position: relative;

}





.get-sub-inner span{

	font-family: 'montserrat-bold', serif;

	font-size: 1rem;

	font-weight: bold;

}



.get-sub-inner h2{

	font-weight: bold;

	font-size: 1.8rem;

}



.get-sub-inner p{

	font-size: 1rem;

	line-height: 1.4rem;

}



.get-sub-inner .desktop-img{

	position: absolute;
    top: 0%;
    right: 0%;
    width: auto;
    height: 100%;

}

.get-sub-inner .mobile-img{
    display:none;
}





.green-text{

	font-family: 'montserrat-bold', serif;

  color: #67B266 !important;

  font-size: 1.8rem !important;

}



.orange-text{

	font-family: 'montserrat-bold', serif;

  color: #E1BC15 !important;

  font-size: 1.8rem !important;

}









#contact-section{

	padding: 2rem 10rem 2rem 10rem;

}



.contact-inner{

background: linear-gradient(180deg, #E8E6FF 0%, rgba(237, 236, 255, 0.54) 100%);

border-radius: 32px;

padding: 2rem 16rem 2rem 2rem;

}





.contact-inner span{

	font-family: 'montserrat-bold', serif;

	font-size: 0.8rem;

	font-weight: bold;

}



.contact-inner h2{

	font-family: 'montserrat-bold', serif;

	font-weight: bold;

	font-size: 1.6rem;

}



.contact-inner p{

	font-size: 0.8rem;

	line-height: 1.2rem;

}



.contact-inner img{

	position: absolute;

	top: 8%;

	right: 5%;

	width: 15%;

}











#main-footer{

padding: 3rem 10rem 2rem 10rem;

background: linear-gradient(180deg, #FFEFBA 0%, #FFFCF1 100%);

border-radius: 32px 32px 0px 0px;

}





#main-footer .footer-logo{

 width: 8rem;

}





#main-footer p{

	font-size: 1rem;

	color: #000000;

	font-weight: bold;

}





#main-footer h2{

	font-family: 'montserrat-bold', serif;

	font-size: 1rem;

	font-weight: bold;

}



#main-footer ul{

	list-style-type: none;

}



#main-footer ul li{

	margin-top: 0.4rem;

}



#main-footer ul li a{

	font-size: 1rem !important;

	color: #000000;

	font-weight: bold;

}





#main-footer .end-p{

	font-size: 0.8rem !important;

	color: #949494;

	font-weight: 400 !important;

	line-height: 1rem !important;

}









#about-section{

  padding: 3rem 10rem 2rem 10rem;  

}





#about-section h3{

	font-family: 'montserrat-bold', serif;

	font-size: 3rem !important;

}

#about-section h4{

	font-family: 'montserrat-bold', serif;

	font-size: 32px;

}



#about-section p{

 font-size: 0.8rem;

}





.team-members .col-md-6{

background: linear-gradient(180deg, #E8E6FF 0%, rgba(237, 236, 255, 0.54) 100%);

border-radius: 32px;

padding: 0;

max-width: 48%;

margin: 0 auto;

}



.team-members .col-md-6 img{

	width: 100%;

	height: 100%;

	border-radius: 32px 0px 0px 32px;

	object-fit: cover;

}



.team-members .col-md-8{

	padding: 1rem;

}



.team-members h4{

	font-weight: bold;

	font-size: 2rem;

	margin-top: 3rem;

}



.team-members p{

	font-family: 'montserrat-bold', serif;

	font-weight: bold;

}



.youtube-div{

	border-radius: 32px;

	padding: 2rem;

	background-image: url("../images/Anuj_YT.png"); /* The image used */

  height: auto; /* You must set a specified height */

  background-position: center; /* Center the image */

  background-repeat: no-repeat; /* Do not repeat the image */

  background-size: cover; /* Resize the background image to cover the entire container */

}


.youtube-div2{

	border-radius: 32px;

	padding: 2rem;

	background-image: url("../images/Lakshay_YT.png"); /* The image used */

  height: auto; /* You must set a specified height */

  background-position: center; /* Center the image */

  background-repeat: no-repeat; /* Do not repeat the image */

  background-size: cover; /* Resize the background image to cover the entire container */

}




.youtube-div p{

	color: #FFFFFF;

}

.youtube-div2 p{

	color: #FFFFFF;

}



.youtube-div h4{

	font-family: 'montserrat-bold', serif;

	color: #FFFFFF;

	font-size: 1.6rem;

}

.youtube-div2 h4{

	font-family: 'montserrat-bold', serif;

	color: #FFFFFF;

	font-size: 1.6rem;

}




.youtube-div button{

 font-size: 0.8rem;

 font-weight: bold;

 min-width: 14rem;

}

.youtube-div2 button{

 font-size: 0.8rem;

 font-weight: bold;

 min-width: 14rem;

}



.youtube-div .youtube-img{

	position: absolute;

	right: 5%;

	width: 8rem;

}

.youtube-div2 .youtube-img{

	position: absolute;

	right: 5%;

	width: 8rem;

}









#testimonial-section{

padding: 4rem 10rem 2rem 10rem;

}





#testimonial-section h3{

	font-family: 'montserrat-bold', serif;

	font-size: 3rem !important;

}



#testimonial-section p{

 font-weight: bold;
 
max-width: 46ch !important;

}




#testimonial-slider .item{

padding: 1.5rem;
border-radius: 32px;
min-height:28rem;

}


#testimonial-slider .green{

	background: linear-gradient(180deg, #D8EBD1 0%, rgba(216, 235, 209, 0.31) 100%);

}



#testimonial-slider .blue{

background: #DFF7FE;

}



#testimonial-slider .violet{

background: linear-gradient(180deg, #D6D7E3 0%, rgba(215, 216, 228, 0.32) 100%);

}





#testimonial-slider p{

	font-size: 1rem !important;

	font-weight: bold;
	
	
}


#testimonial-slider .testi-p{
    position: fixed;
    bottom:0;
    padding-left:3rem;
}






#testimonial-slider span{

	font-family: 'montserrat-bold', serif;

	font-weight: bold;

}



#testimonial-slider img{

	width: 2rem;
	
	height: 2rem;
	
	border-radius:50%;
	
	object-fit: cover;

	margin-right: 0.5rem;

	
	position:absolute;
	
	left:0rem;
	top:-0.4rem;

}




span.Fail-span {
    border-radius: 50px;
    border: 1px solid #FBDDDD;
    background: #FBDDDD;
    padding: 2px;
    padding-right: 10px;
    padding-left: 10px;
    width: 120px;
	font-weight: bold;
}
span.Pass-span {
    border-radius: 50px;
    border: 1px solid #D8EBD1 !important;
    background: #D8EBD1 !important;
    padding: 2px;
    padding-right: 10px;
    padding-left: 10px;
    width: 120px;
	font-weight: bold;
}


button.btn.bt-warning.btn-outline-warning.black-btn.form-control.mt-3.view-o {
    margin-top: 30px!important;
}

button#publishButton:active {
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}

button.publish-btn:active {
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
}