@font-face {
    font-family: OpenSansCondensed-Light;
    src: url(../fonts/OpenSansCondensed-Light.ttf);

}


@font-face {
    font-family: Roboto;
    src:  url(../fonts/Roboto-Light.ttf);

}

html {
    scroll-behavior: smooth;
}

.certificate_verification_h2{
	margin-top: 0;
}

body{
	color: #666;
	font-size: 16px;
	font-family: Roboto;
	line-height: 151%;
	overflow-x: hidden;
}



.img-thumbnail {
    /*margin-left: 12px;*/
}

h3 {
    font-weight: bold;
}

p {
    
    line-height: 235%;
    text-align: justify;
}



p b, p strong {
    font-weight: normal;
}


.logo_img_box img{
	width: 80px;
}


.logo_img_box .main_title{
	margin: 0;
	color: #444;
	display: inline-block;
	margin-left: 2px;
	position: relative;
	top: 15px;
	font-size: 40px;
	line-height:53px;
	font-family: Roboto;
	text-align: left;
}

.min_height_125{
    
    overflow: hidden;
}

.logo_img_box .main_title small{
	font-size: 14px;
	line-height: 22px;
	color: #999;
	display: block;
}


.logo_img_box .main_title small:last-child{
    font-size: 14px;
}

.menubar{
	/* background-color: rgba(255,255,255,0.95); */
	/*background-color: #3E4095;*/
	border-radius: 0;
	/*position: fixed;*/
	z-index: 16;
	border: 0;
	min-height: 112px;

}


.navbar{

}

.since_2007{
	font-size: 12px;
	color: #999;
	text-align: right;
	margin-top: 10px;
	width: 544px;

}


    
.since_2007 img{
	margin-right: 2px;
	
	width: 26px;
	margin-bottom: 4px;
}

.since_2007 div{
 display: inline-block;


}


.sep{
    margin:auto;
    text-align: center;
}


.notice_board{
    margin-top: 20px;
}


.item img{
    width: 100% !important;
}

.certificate_page_data{
    min-height: 400px;
    font-size: 15px;
}

.carousel-control{
    /*display: none;*/
}

.btn-danger{
	background: #dd0d04;
	/*background: darkgreen;*/
	border-color: green;
}

.btn-default{
    color: #666 !important;
}


.red{
    color: #d61515;
}

.green{
    color: green;
}

.btn-primary{
	background: #3E4095;
}



.logo img{
	height: 150px;
	margin-top: 4px;
}

.logo_img{
    float: left;
}

.logo h2{
    float: left;
    font-size: 26px;
    margin-top: 74px;
    margin-left: 6px;
}



.logo_absolute{
	margin-top: 30px;
	position: absolute;
	z-index: 2;
	width: 400px;
}

.full_width{
	margin: 0;
	padding: 0;
}

.menubar .page_link{
	color: #fff !important;
	font-size: 15px;
	 background: #c00;
	/*background: darkgreen;*/
	padding: 0;
	padding: 4px 14px;
	transition:  0.5s;
	margin-right: 1px;

	border: 1px solid #fff;
}

.menubar ul {
    margin-right: 5px;
   
}


.menubar .page_link:hover{
	background: #eee !important;
	color: #000 !important;
	border-color:#c00;
	transform: scale(1.03);
	
}


.assignment_link{
    color: #444 !important;
    padding: 2px 4px !important;
    margin: 12 0 0 8px !important;
    position: relative;
    left: 6px;
    top: 12px;
    border: 0 !important;
    background: redorange !important;
}


.header_mobile_phone{
    display: inline-block;
	background: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	padding: 4px 6px !important;
	margin-right: 1px !important;
	margin-top: 10px !important;
	
}

.row2{
/*	margin-top: 110px;	*/
}


.carousel-indicators {
    display: none;
}

.navbar-left i{
	font-size: 16px;
}

.active{
	background: red !important;
}

.slider{
	margin-top: 6px;
	overflow: hidden;
}


h1, h2{
	text-align: center;
	font-family: OpenSansCondensed-Light;
}

h1{
	 color: #dd0d04;
	/*color: darkgreen;*/
	font-size: 33px;

}



h2{
	font-size: 29px;
	color: #00AAE4;
}

h3{
	font-size: 24px;
	font-family: OpenSansCondensed-Light;
}





.view_review{
	width: 100px;
}


.online_form{
	margin-top: 20px;
}

.appreciation_box{
	text-align: center;
	margin-bottom: 12px;
	height: 550px;
	padding: 0;
	margin: 15px;
	transition: 1s;
	position: relative;
    transform: rotate(-5deg);
    

    
}

.appreciation_box:hover{

    transform: rotate(0deg) scale(1.1);
    
}

.appreciation_box img{
    
    width: 80%;
    height: 80%;
    box-shadow: 6px 6px 11px #aaa;
    
}

.appreciation_box img:hover{

    box-shadow: 16px 16px 21px #ccc;
    
}

.appreciation_box h2{

    color: #d00d04;
	font-size: 18px;
}

.video_box {
    
}

.video_box iframe {
    width: 80%;
    height: 265px;
}

.new_list ul {
    list-style: none;
    padding: 0;
}



.new_list ul li:before {
  content: '✓   ';
}


.course_box{
	text-align: center;
	margin-bottom: 10px;
	height: 410px;
	padding: 0;
	margin: 0;
	transition: 1s;
}


.course_box:hover{
    
    transform: translateY(-15px);

}




.course_box dt, .course_box dd{
    display: inline;
}


.course_details{
	 border: 1px solid #cfcfcf; 
	border-radius: 3%;
	height: 370px;
	padding: 10px;
	margin: 10px;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.1s;
	background-color: #fff;
	overflow: hidden;
}


.course_details:hover{
	/*background: #eee;*/
	 background-color: #fff9f9;
	border: 5px solid #f85c5c;
	background-color: #f9fff9;
	/*border: 5px solid darkgreen;*/
    
	
}

.course_buttons {
    transition:  0.5s ease-out;
    opacity: 0;
    margin-top: -230px;
}

.course_details:hover  .course_buttons {
    margin-top: 0px;
    background: transparent;
    opacity: 1;
}


.course_buttons a{
	color: white;
}

.course_buttons .btn{
	border-color: #f85c5c;
}


.course_box h2{
	color: #d00d04;
	font-size: 18px;
}


.course_box h3{
	font-size: 18px;
}


.course_image
{
    text-align:center;
}
.course_image img{
	height: 150px;
}





.review{
	margin: 0;
	padding: 0;
}

.student_review{
	text-align: justify;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px;
	min-height: 435px;
	background-color: #fff;
}

.student_review p{
	min-height: 270px;
}

.student_review h3{
	font-size: 20px;
	color: #444;
	margin: 0;
}


.student_review strong{
    color: #aaa;
    margin-bottom: 6px;
    font-weight: normal;
}

.student_review img{
	float: left;
	height: 80px;
	margin-right: 10px;
}



.news_box{
	border: 1px solid #ccc;
	padding: 15px;
	margin: 4px 10px;
	background:linear-gradient(to bottom, #fff, #f9f9f9);
	color: #666;
	min-height: 90px;
	
}



.news_box h3{
	font-size: 22px;
	margin: 0;
	font-weight: normal;
	padding: 0;
	margin-bottom: 6px;
}

.news_box h3 a:not(.btn){
     color: #c00; 
    /* color: darkgreen; */
}


.news_box p{
	margin: 0;
}

.news_page_news{
    overflow-x: hidden;
    height: 280px;
    padding: 0 8px;
    border: 1px solid #ccc;
    background: #fff;
    
}


.news_details_row{
    
    margin-top: 30px;
    margin-bottom: 30px;
}

.news_page_news_box{
   
    
}

.news_page_news_box img{
    height: 160px;
    margin-top: 30px;
}

.news_page_heading{
    
    margin: 30px 0 50px 0;
}

.news_page_news_box h3{
    font-size: 17px;    
}

.read_news{
	margin: auto;
	display: block;
	text-align: center;
	width: 100px;
}

.no_margin{
	margin: 0;
}

.overline{
	text-decoration: line-through;
}

.top_20{
	margin-top: 20px;
}




.search_btn{
	background: #fff;
	border: 0;
	outline: 0;
	padding: 4px 12px;
	color: #dd0d04; 
	/* color: darkgreen; */
	font-weight: bold;
}

#form_certificate {
    margin:auto;
    color:#ccc;
    text-align:center
}

#form_certificate input[type='text'] {
    color: #333;
}

.certificate_verification{
    text-align: center;
}


.certificate_verification h2{
	color: #dd0d04; 
	
	/* color: darkgreen; */
}


.certificate_verification input{
    border: 0;
    border: 1px solid #cecece;
    padding: 4px 8px;
    color: #f33;
}

.social_link_box{	
	font-family: OpenSansCondensed-Light;
	margin-top: 26px;
}

.social_link_box .facebook{
	background: #00AAE4;
}

.social_link_box .youtube{
	background: #dd0d04;
	margin-right: 20px;
}


.social_link_box p{
	margin: 4px;
}

.social_link_box span{
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
}

.social_link_box span a{
	color: #fff;
}



footer{
	min-height: 300px;
	background-color: #222;
	margin-top: 40px;
	color: #fff;
}

footer strong{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}


footer .form{
	color: #000;
}

footer ul, footer ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	margin-top: 8px;
	
}


footer ul li,
footer p{
	line-height: 18px;
	font-size: 14px;
}

footer ul li a{
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0 4px 0 6px;
}



.last_link{
	font-size: 16px !important;
    border: 0;
}


footer .form input{
	display: block;
	width: 90%;
	padding: 4px;
	border: 0;
	margin-bottom: 1px;
	-webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}




/* When the input field gets focus, change its width to 100% */
footer .form input[type=text]:focus {
    width: 100%;
}



footer .form textarea{
	display: block;
	width: 90%;
	padding: 4px;
	border: 0;
	min-height: 100px;
	-webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}


/* When the input field gets focus, change its width to 100% */
footer .form textarea:focus {
    width: 100%;
}



footer .form button{
	display: block;
	width: 100px;
	padding: 4px;
	margin-top: 2px;
}



.footer-notes{
	font-size: 12px;
}


footer p{
	color: #fff;
}


footer .menus ul li{
	display: inline;
}


.hidden_area{
	border: 2px solid yellow;
}

#form_area{
	border: 1px solid #ccc;
	width: 100%;
	position: fixed;
	z-index: 2000;
	background: rgba(0,0,0, 0.7);
	box-sizing: border-box;
	display: none;
}


#form_area2{
	border: 1px solid #ccc;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3000;
	background: rgba(0,0,0, 0.7);
	box-sizing: border-box;
	display: none;
}


#feedback_form{
	width: 98%;
	margin: auto;
	margin-top: 8%;
	box-sizing: border-box;
	position: relative;
	background: #efefef;
	padding: 10px;
	border-radius: 4px;
}

#feedback_form input{
	display: block;
	width: 100%;
	padding: 4px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

#feedback_form input[type='submit']{
	display: inline;
	width: 100px;
	padding: 6px;
	margin-bottom: 1px;
	box-sizing: border-box;
	
}

#feedback_form textarea{
	display: block;
	width: 100%;
	padding: 4px;
	margin-bottom: 8px;
	box-sizing: border-box;
	min-height: 120px;
	resize: none;
}


#feedback_form select{
	display: block;
	width: 100%;
	margin-bottom: 1px;

}


#feedback_form select option{
	display: block;
	width: 100%;
	padding: 6px;
	margin-bottom: 1px;
}












#admission_form{
	width: 98%;
	margin: auto;
	margin-top: 1%;
	box-sizing: border-box;
	position: relative;
	background: #efefef;
	padding: 10px;
	border-radius: 4px;
}

#admission_form input{
	display: block;
	width: 100%;
	padding: 4px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

#admission_form input[type='submit']{
	display: inline;
	width: 100px;
	padding: 6px;
	margin-bottom: 1px;
	box-sizing: border-box;
	
}

#admission_form textarea{
	display: block;
	width: 100%;
	padding: 4px;
	margin-bottom: 8px;
	box-sizing: border-box;
	min-height: 120px;
	resize: none;
}


#admission_form select{
	display: block;
	width: 100%;
	margin-bottom: 1px;
    padding: 5px;
}


#admission_form select option{
	display: block;
	width: 100%;
	padding: 6px;
	margin-bottom: 1px;
}



#admission_form input{
	display: block;
	width: 100%;
	padding: 4px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

#admission_form input[type='submit']{
	display: inline;
	width: 100px;
	padding: 6px;
	margin-bottom: 1px;
	box-sizing: border-box;
	
}

#admission_form textarea{
	display: block;
	width: 100%;
	padding: 4px;
	margin-bottom: 8px;
	box-sizing: border-box;
	min-height: 120px;
	resize: none;
}


#admission_form select{
	display: block;
	width: 100%;
	margin-bottom: 1px;

}


#admission_form select option{
	display: block;
	width: 100%;
	padding: 6px;
	margin-bottom: 1px;
}










.course_view p{
/*	text-align: justify;
	line-height: 28px;*/
}

.course_sidebar{
	background: #f5fff6;
	margin-top: 25px;
	min-height: 400px;
}

.course_sidebar textarea{
    resize: vertical;
}

.course_view_info{
	padding: 10px 0;
}

.course_view_info h2{
	margin: 4px;
	color: #d61515;
	text-align: left;
	padding: 0;
	margin: 0;
	line-height: 50px;
}

.course_view_info dt, .course_view_info dd{
	display: inline-block;
}

.course_view_info dt{
	width: 140px;
	line-height: 28px;
}


.course_view_info img{
    width: 150px;
    margin:auto;
    display:block;
}

.course_fee{
	text-decoration: line-through;
	color: 	#6495ED;
	font-size: 14px;
	display: block !important;
}

.course_fee del{
    display: inline-block;
    margin-top: 6px;
}

.course_discount_fee{
	color: #32CD32;
	font-size: 22px;
}



.close_button{
	margin-bottom: 4px;
	padding: 4px 10px;
}

.course_view_image img{
	width: 200px;
	margin-top: 20px;
}


.news_view_image img{
	width: 200px;
}




.news_view_heading{
	font-size: 24px;
}

.news_view h2{
	font-size: 22px;
}


.news_view_date{
	font-size: 11px;
	display: block;
	
}




.alumni_box{
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 20px;
	line-height: 165%;
	min-height: 220px;
	
}



.alumni_box iframe {
    float: left;
    margin-right: 15px;
    height: 200px;
	width: 355px;
}

.alumni h2{
	text-align: left;
	font-size: 22px;
	margin-top: 0;
	padding-top: 0;
	
}

.alumni img{
	float: left;
	margin-right: 10px;
}



.alumni_view dl dt{
	width: 200px;
	line-height: 30px;
}

.alumni_view dl dt, .alumni_view dl dd{
	display: inline-block;
}


.alumni_comment{
		width: 70%;
}










.captcha_code{
	color: skyblue;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 24px;
}


.form_element{
	margin-bottom: 2px;
}




/* do not group these rules */
*::-webkit-input-placeholder {
    color: #ccc;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #ccc;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #ccc;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
}




.admission_note{
    font-weight: bold;
    font-family: Roboto;
}


.admission_note h3{
    font-weight: bold;
}

.top_row_mobile{
	display:  none;
}



.particles_area{
	height: 170px;
	width: 100%;
	top: 60px;
}


.color_red{
	color: red;
}

.block{
    display: block;
}

.student_image{
    position: relative;
    width: 200px;
    margin: auto;
}

.certified_image{
    position: absolute;
    z-index: 0;

    bottom: 0;
    right: 0;
}


.certified_image img{
    width: 100px;
}


.course_view h1{
    text-align: left;
}

.course_view h2{
    text-align: left;
}

hr{
    margin: 0 !important;
    color: black !important;
    background-color: black !important;
    border-top: 1px solid #666 !important;
}


.background_white{
    background-color: #fff;
}

.watch_more{
    margin-top: 20px;
}


.facebook_share{
    margin:0;
    padding: 0;
}

.social_buttons{
    margin:0;
    padding: 0;
}

.youtube_button{
    font-size: 30px !important;
    color: #fff;
}


.facebook_button{
    font-size: 30px !important;
    color: #fff;
}

.assignment_form .input-group{
	margin-bottom: 14px !important;
}


.class_timing{
    line-height: 22px !important;
    font-size: 22px !important;
    margin-top: 8px !important;
}


#header_social_links {
    position: absolute; 
    right: 10px; 
    top: 35px;
    padding-bottom: 3px;
    z-index: 999; 
	margin-right: 27px; 
	font-size: large;
	 word-spacing: 20px;
}

#header_social_links a{

    font-size: 22px;
}

#header_social_links a:hover{
    color: #c00;
    /* color: darkgreen; */
}

#header_social_links span{
    font-size: small;
}


dt small, dt small {
    font-weight: normal;
}


#disclaimer
{
    background-color: #ffffd9;
    padding: 5px;
    
}


#disclaimer h3{
 color:  #d00;
    text-align: center;
    font-style: italic;
}

#disclaimer p{
    width: 50%;
    margin: auto;
     color: #d00;
     font-family: arial narrow;
     font-style: italic;
}

   table {
        width: 100%;
        border-collapse: collapse;
    }
    
    table td {
        padding: 4px;
       line-height: 100%;
    }

    


th, td {
    font-size: 13px;
}


@media screen and (max-width: 950px) {
	
	.phone_contact{
		display: none;
	}
	
	.menubar .page_link {
	    padding: 6px;
	}
	
	
	
	.full_width{
	    display: none;
	}
	
	.logo_col{
		text-align: center;
	}
	
	.logo_img_box img{
		display: block;
		margin: auto;
	}
	
	.logo_img_box .main_title{
		
		margin-bottom: 4px;
	}
	
	
}

.grecaptcha-badge { 
    visibility: hidden;
}



@media screen and (max-width: 768px) {
  
  #myNavbar {
      width: 100%;
   
  }
  
  .logo_img_box .main_title{
     
  }
  
  .btn_bars{
      margin-top: -20px;
  }
  .navbar-nav {
      margin: 0;
  }
  

  #header_social_links {
    position: static;
    margin: auto;
    width: 100%;
    text-align: center;
    background: #333;
 
  }
  
  #header_social_links a{
      font-size: initial;
         color: #eee;
  }
  
    #header_social_links span{
     display: block;   
    }
  
.img-thumbnail {
   /*width: 100%;*/
   margin: auto;
}
  
  
  .row2{
	   /* margin-top: 166px;	*/
	   
    }
  
    .news_box img{
		margin: auto;

	}
	
	.news_box{
	
	}
	
	.news_box h3{
		margin-top: 8px;
	}
  
	.menubar{
		float: right;
		width: 100%;
	
	
	}
	
	
    .menubar ul {
         margin-right: 5px;
         margin-top: 0px;
    }
	
	.top_row_mobile{
		display:block;
	/*	position: fixed;*/
		z-index: 4;
		color: #3E4095;
		background: #fff;
		padding: 6px;
		margin-top: 8px;
	}
	
	.top_row_mobile i{
		font-size: 16px;
	}
	
	
	.alumni_view dl dt, .alumni_view dl dd{
		display: block;
	}
	
	.alumni_comment{
		width: 100%;
	}
	
	
	.logo_img{
	    clear: both;
	    position: static;
	    display: block;
	    width: 100%;
	}
	
	
	.logo h2{
	    display: none;
	}
	
	
	
	.logo{
	    position: relative;
	    width: 100% !important;
	    margin: auto;
	    text-align: center;
	}
	
	
	.logo_img_box .main_title{
		/*display: none;*/
		font-size: 26px;
		
	}
	
	.logo_img_box .main_title span{
		font-size: 11px;
	}



	.btn_bars{
		background: #454545;
		
	}
	
	.btn_bars .icon-bar{
	    background: white;
	}
	
	.logo_img_box img{
		top: 0;
	}
	
	.navbar-inverse .navbar-collapse{
		border: 0;
	}
	
	

	
	
    .news_details_row{
        text-align: center !important;
    }
    
    
    .news_details_row h1{
        text-align: center !important;
    }
    
    
    .news_details_row p{
        text-align: center !important;
    }
    
    
    .news_details_row img{
        display: inline !important;
    }
    
    
    
    
    
    
    
    .video_box iframe {
            width: 100%;
            height: 165px;
        }
        

    
    
    .alumni_box iframe {
        float: none;
        margin: auto;
        width: 100%;
        
    }
    
        
        
    .course_box{
    	
    	transition: none;
    }
    
    
    .course_box:hover{
        
        transform: scale(1);
    	
    }
    
    .course_box small {
        font-size: 70% !important;
    }
  
    
    
    .course_details{
    	border: 1px solid #cfcfcf;
    	border-radius: 3%;
    	height: 370px;
    	padding: 10px;
    	margin: 10px;
    	-webkit-transition: 0.5s; /* Safari */
        transition: 0.5s;
    	background-color: #fff;
    }
    
    
    .course_details:hover{
    	/*background: #eee;*/
    	background-color: #fff;
    	border: 1px;
    
    	
    }
    
    .course_buttons {
        
        opacity: 1;
        margin-top: -20px;
    }
    

    #disclaimer p {
        width: 90%;
        margin: auto;
    }

    
    
	
}



/***********************BIRTHDAY START*******************************/

   /* Birthday Button */
		.birthday-btn {
			position: fixed;
			right: 0;
			top: 40%;
			transform: translateY(-50%);
			background: linear-gradient(135deg, #555, #999);
			color: white;
			border: none;
			padding: 12px 15px;
			border-radius: 20px 0 0 20px;
			cursor: pointer;
			box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
			font-weight: bold;
			z-index: 999;
			transition: all 0.3s ease;
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.birthday-btn:hover {
			background: linear-gradient(135deg, #ff5252, #ff7676);
			padding-right: 20px;
		}

		/* Birthday Menu */
		.birthday-menu {
			position: fixed;
			right: -400px;
			top: 0;
			width: 350px;
			height: 100vh;
			background: white !important;
			box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			transition: right 0.3s ease;
			display: flex;
			flex-direction: column;
		}

		.birthday-menu.active {
			right: 0;
		}

		/* Header */
		.birthday-header {
			background: linear-gradient(135deg, #555, #999);
			color: white;
			padding: 15px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.birthday-header h2 {
			margin: 0;
			color: white;
			font-size: 2.2rem;
		}

		.close-btn {
			background: none;
			border: none;
			color: white;
			font-size: 1.5rem;
			cursor: pointer;
			padding: 0 5px;
		}

		/* Content */
		.birthday-content {
			padding: 15px;
			overflow-y: auto;
			flex-grow: 1;
		}

		.birthday-card {
			display: flex;
			gap: 15px;
			padding: 15px 0;
			border-bottom: 1px solid #eee;
		}

		.birthday-card:last-child {
			border-bottom: none;
		}

		.student-photo img {
			width: 60px;
			height: 60px;
			border-radius: 50%;
			object-fit: cover;
			border: 3px solid #ffcccc;
		}

		.student-info h4 {
			margin: 0 0 5px 0;
			color: #333;
		}

		.student-info p {
			margin: 5px 0;
			color: #666;
			font-size: 0.9rem;
		}

		.birthday-message {
			font-style: italic;
			color: #ff6b6b !important;
			margin-top: 8px !important;
		}

		/* Footer */
		.birthday-footer {
			padding: 15px;
			border-top: 1px solid #eee;
			text-align: center;
		}

		.wish-btn {
			background: linear-gradient(135deg, #ff6b6b, #ff8e8e);
			color: white;
			border: none;
			padding: 10px 20px;
			border-radius: 20px;
			cursor: pointer;
			font-weight: bold;
			transition: all 0.3s ease;
		}

		.wish-btn:hover {
			background: linear-gradient(135deg, #ff5252, #ff7676);
			transform: translateY(-2px);
			box-shadow: 0 4px 8px rgba(255, 107, 107, 0.3);
		}

		/* Overlay */
		.overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.5);
			z-index: 999;
			display: none;
		}

		.overlay.active {
			display: block;
		}

		@media (max-width: 500px) {
			.birthday-menu {
				width: 100%;
				right: -100%;
			}
		}

/***********************BIRTHTHDAY END*******************************/



/******soy*************/
        
        .studentoftheyear {
            background-color: #337ab7; 
            color: lightblue; 
            padding:5px;
        }
        
                
        .studentoftheyear b{
            position: absolute;
            background-color: #337ab7; 
            margin-right: 10px;
            z-index: 9;
        }

        
        
        
        .studentoftheyear dt, .studentoftheyear dl, .studentoftheyear dd {
            
            margin: 0 ;
            display:inline-block;
        }


        .studentoftheyear dt::after {
            content: '\2192';
        }

        .studentoftheyear dd::after {
            content: ' | ';
            margin: 0 10px;
        }


/****** soy end *****/