body{font-family:Verdana, Geneva, sans-serif;font-size:16px; }
h1,h2,h3,h4,h5,h6{font-family: 'antonioregular';}
.navbar{margin-top:40px;-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.14);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.14);}
.fc_blue{color:#06C}
.navbar-default{border:none;margin:0; background:#0892fd}
.navbar-header span{color:#FFF}
.navbar-header span:hover{background:#25bbf3 !important}
.navbar-nav>li{-webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;}
.navbar-nav>li>a{color:#FFF !important;}
.navbar-nav>li:hover{background:#25bbf3}
.button {
	position:relative;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px 20px 9px;
	min-width:87px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	cursor:pointer; background:#f68c34;height:48px; color:#FFF;
}
.btn-view-answer{text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	cursor:pointer; background:#999; color:#FFF}
	.btn-view-answer:hover{background:#333;color:#FFF}
#logo{margin-top:10px; margin-bottom:10px;}

.button:hover {
	-webkit-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-moz-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-ms-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-o-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
}
input {
	outline:none;
	border:0;
	background:none;
}
input,
textarea,
select, 
option {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

select {
	overflow:hidden;
	margin:0 0 3px;
	padding:5px;
	width:80%;
	height:50px;
	border:1px solid rgba(255, 255, 255, .0);
	background-color:#f7f7f8;
	line-height:28px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	color:#333;
}

#cse-search-box .txt:focus{ color:#06F !important; }
p strong{color:#f68c34;font-weight:normal;}
footer p{padding:25px 0 15px 0;color:#428bca;text-align:center;font-weight:normal;}
.base-title{margin-top:35px;}
.base-title h1{text-align:center;font-size:58px;}
.base-title h1 a{color:#333}
.base-title h2{color:#666;text-align:center;}
.base-title h3{color:#f69133}
.base-title .rand1{border-left-color:#0892fd}
.base-title .rand2{border-left-color:#f69133}
.base-title .rand2 h3{color:#0892fd}
.base-title .learn-more{text-align:center;margin-top:20px;}
.base-title .btn-primary{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;font-size:16px;
text-decoration:none !important;color:#fff;background-color:#333;text-align:center;transition:.2s ease-out;cursor:pointer;}
.base-title .btn-primary:hover{background:#999;}
.function{color:#0892fd;}
.h4-bg{background:#F8F8F8;margin-top:30px;color:#666; margin-bottom:0;padding:10px 0 10px 0; text-align:center;}
.lft_link li.heading{padding:10px 0 10px 0;}
.lft_link li a:hover{background:#25bbf3}
.lft_link li a{color:#999}
.lft_link .active{background:#25bbf3;}
	.lft_link .active a{color:#FFF !important}
		.lft_link{margin-bottom:0;}
		.lft_link li{border-bottom:1px solid #CCC}
		#body-content{border-left:1px solid #CCC;margin-top:20px; padding-right:30px;}
		#body-content blockquote p{font-size:16px;}
		#body-content h3 p{font-size:22px !important;}
		#body-content ol, #body-content ul,#body-content table{font-size:16px !important}
		
		#body-content h2{color:#F60;border-bottom:1px solid #CCC;padding-bottom:10px;}
		#body-content h3{color:#0892fd}
		#body-content .rand1:hover{border-left-color:#0892fd;-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}
		#body-content .rand2:hover{border-left-color:#F60;-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}
		#body-content .slno{background:#eeeeee;margin-left:-20px;padding:5px 10px 5px 5px}
	
		#body-content .ans{text-align:justify; line-height:30px;}
.no-border{border:none}
.objective_choice{list-style:upper-alpha;color:#090}
.objective_choice p{color:#000}
.expl{color:#F60}
.expl p{color:#090}
#right_panel{margin-top:20px;}
#right_panel h4{background:#F60;padding:10px;color:#FFF;font-size:20px}
	/* Custom CSS for the div */
    .custom-div {
      border-top: 3px solid #007bff; /* Top border with Bootstrap primary color */
      padding: 20px;
      transition: background-color 0.3s ease; /* Smooth transition for background color */
    }
    .custom-div:hover {
      background-color: #f3f5f6; /* Background color on hover */
    }
    .custom-p {
      color: #797b7c; /* Custom color for p tag */
    }