*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	padding: 0px;
	margin: 0px;
	background: #8ACBF5;
	/* background: rgba(0, 200, 200, 0.1); */
	/* background: linear-gradient(300deg, #8ACBF5, #ffffff); */
	font-family: sans-serif;
}
.header{	
	background: #8ACBF5;
	height:  160px auto;
	padding:  2px;
}
.header_option{
	display: flex;
	position: sticky;
	background-color: #8ACBF5;
	height: 160px;
}
.option_head{
	margin-top: 70px;
	padding: 2px;
	margin-left: 450px;
	display: block;
}
.option{
	text-decoration: none;
	/* margin-left: 10px; */
	font-size: 20px;
	color: #ffffff;
	font-weight: 400;
	padding: 10px;
	margin: 10px;
	display: inline;
	/* outline-color: dodgerblue; */
}
.option:hover{
	color: #000000;
	padding: 10px;
	background-color: rgba(30, 30, 30, 0.2);
}
.sub-option{
	background-color: transparent;
	border-radius: 5px;
	width: 140px;
	height: 65px;
	padding: 5px;
}
.sub-options{
	position: absolute;
	text-decoration: none;
	font-weight: bold;
	font-size: 16.5px;
	color: rgba(0, 0, 10, 1.0);
	outline-color: dodgerblue;
	padding: 10px;
	margin-top: 10px;
}
.sub-options:hover{
	color: dodgerblue;
}
.dropbtn {
	color: rgba(0, 0, 100, 1.0);
	font-size: 20px;
	border: none;
}
.dropdown{
	position: relative;
  	display: inline-block;
}
.dropdown_menu{
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
	width: 170px;
	height: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	margin-left: 5px;
}
.dropdown_menu1{
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.2);
	width: 170px;
	height: 50px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	margin-left: 5px;
}
.dropdown:hover .dropdown_menu{
	display: block;
}
.dropdown:hover .dropdown_menu1{
	display: block;
}
.company{
	text-decoration: none;
	padding: none;
	outline: none;
}
.container{
	width: 70%;
	margin: 100px auto;
	display: flex;
	padding: 10px 30px;
}
.box{
	height: 500px;
	flex: 1;
	transition: 1s;
	padding: 2px;
}
.box:hover{
	flex: 3;
}
.box_front_img{
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
}
.box:hover .box_front_img{
	display: none;
}
.course_img{
	width: 100%;
	height: 100%;
	display: none;
	border: none;
	outline: none;
}
/* .box .box_info-head{
	display: none;
	color: rgba(255, 255, 255, 1.0);
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
.box_info-info{
	display: none;
	color: rgba(255, 255, 255, 1.0);
	font-size: 14px;
	text-align: left;
	margin-left: 10px;
}
.box_info-ul{
	margin-left: 100px;
	color: rgba(255, 255, 255, 1.0);
	font-size: 14px;
	display: none;
}
.box:hover .box_info-head{
	display: block;
}
.box:hover .box_info-info{
	display: block;
} */
.box:hover .course_img{
	display: block;
}
/* .box:hover .box_info-ul{
	display: block;
} */
footer{
	background-color: rgba(0, 0, 0, 1.0);
	color: rgba(255, 255, 255, 1.0);
	height: 310px;
	padding: 10px;	
	/* margin-top: 50px; */
}
.footer_company{
	font-size: 20px;
}
.footer_company:hover{
	color: dodgerblue;
}
.footer-info{
	margin-left: 50px;
	height: 200px;
	margin-top: 20px;
}
.cqhead{
	font-size: 22px;
	font-style: bold;
	margin-bottom: 10px;
}
.cq{
	font-size: 14px;
	font-style: italic;
}
.footer-info .cq a{
	text-decoration: none;
	color: rgba(255, 255, 255, 1.0);
}
.footer-info .cq a:hover{
	color: dodgerblue;
}
span a{
	text-decoration: none;
	color: White;
}
span a:hover{
	color: dodgerblue;
}
h4{
	font-weight: 600px;
	font-size: 20px;
	margin-top: 10px;
}
.company .logo{
	margin-top: 10px;
	/* margin-right: 20px; */
	margin-left: 10px;
	border-radius: 10px;
	width:  550px;
	height:  150px;
}
.back-panel{
	/* background: radial-gradient(rgba(255, 255, 255, 1.0), rgba(0, 200, 200, 0.4)); */
	/* background-color: rgba(83, 117, 209, 1); */
	background-image: url('../Images/Background_img.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100%;
	padding: 5px;
	height: auto;
}
.mySlides{
	display: none;
}
.slide{
	vertical-align: middle;
	height: 580px;
}
.slideshow-container {
	position: relative;
	width: 100%;
	height: 640px;
	border-radius: 5px;
	background-color: #8ACBF5;
}
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}
.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	display: inline-block;
	transition: background-color 0.6s ease;
}
.active {
  	background-color: #717171;
}
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
@media only screen and (max-width: 300px) {
  	.text {font-size: 11px}
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
  	background-color: rgba(0,0,0,0.8);
}
.about_img{
	width: 720px;
	height: 360px;
	margin: 20px;
	padding: 5px;
	border: none;
}
.about_head{
	font-size: 80px;
	font-weight: 600;
	font-weight: bold;
	color: rgba(255, 255, 255, 1.0);
	padding: 5px;
	text-align: right;
	margin-right: 150px;
	margin-bottom: 10px;
}
.box_right{
	padding: 10px;
	float: right;
}
.box_left{
	height: 500px;
}
.about_info{
	font-size: 20px;
	width: 650px;
	text-align: justify;
	float: right;
	margin-right: 50px;
	color: rgba(255, 255, 255, 1.0);
}
.about_back-panel{
	background: linear-gradient(275deg,rgba(0, 0, 255, 0.7), rgba(255, 255, 255, 1.0));
	border: 1px solid rgba(255, 255, 255, 0.8);
	margin: auto;
	max-width: 100%;
	height: auto;
	margin-top: 10px;
}
.gallery_back-panel{
	/* background: linear-gradient(230deg,rgba(255, 255, 	255, 1.0), rgba(100, 0, 100, 0.5), rgba(0, 0, 200, 0.5), rgba(255, 255, 255 , 1.0)); */
	/* border: 1px solid rgba(255, 255, 255, 0.8); */
	/* margin: auto; */
	max-width: 100%;
	padding: 50px;
	text-align: center;
	background-color: #8ACBF5;
	display: block;
}
.gallery{
	box-shadow: 0px 7px 7px 5px rgba(50, 50, 50, 0.8);
	width: 450px;
	height: 350px;
	display: inline-block;
	margin: 10px;	
}
.gallery_images{
	height: 100%;
	width: 100%;
	/* margin: 5px; */
	/* display: inline; */
}
.sub-container{
	background-color: #8ACBF5;
}
.csub-container{
	background-color: rgba(37, 150, 190, 1.0);
	margin: 20px auto;
	/* border-radius: 10px; */
	padding: 20px;
	width: 40%;
	height: 410px;
	/* border: 1px solid rgba(255, 255, 255, 1.0); */
}
.left_side{
	float: left;
	padding: 10px;
}
.right_side{
	float: right;
	padding: 2px;
}
.left_side .form_label{
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	text-align: left;
	margin-bottom: 35px;
}
input[name="fname"]{
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 1.0);
	border-radius: 5px;
	height: 40px;
	width: 300px;
}
input[name="email"]{
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 1.0);
	border-radius: 5px;
	height: 40px;
	width: 300px;
}
input[name="phone"]{
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 1.0);
	border-radius: 5px;
	height: 40px;
	width: 300px;
}
input[name="course"]{
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 1.0);
	border-radius: 5px;
	height: 40px;
	width: 300px;
}
.message{
	border-radius: 5px;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 1.0);
	height: 80px;
	width: 300px;
}
input[name="reset"]{
	color: rgba(255, 255, 255, 1.0);
	font-size: 20px;
	width: 100px;
	margin-right: 10px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid white;
	background-color: rgba(255, 0, 0, 1.0);
	font-weight: bold;
}
input[name="submit"]{
	color: rgba(255, 255, 255, 1.0);
	font-size: 20px;
	width: 100px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid white;
	background-color: rgba(34, 244, 23, 1.0);
	font-weight: bold;	
}
.bottom_middle{
	position: absolute;
	margin-top: 330px;
	margin-left: 23%;
}
.submain-container{
	display: flex;
	background: #8ACBF5;
	/* margin: 10px auto; */
	width: 100%;
	padding: 5px;
	position: relative;
}
.vl{
	border-left: 3px solid rgba(37, 150, 190, 1.0);
	height: 400px;
	float: right;
	margin: 20px auto;
}
.contact-map{
	width: 40%;
	height: 410px;
	float: right;
	margin: 20px auto;
	/* border-radius: 5px; */
	border: 1px solid rgba(255, 255, 255, 1.0);
	background-color: rgba(255, 255, 255, 0.7);
}
.map{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.course-container{
	background: rgba(250, 250, 255, 1.0);
	margin: 10px auto;
	padding: 10px;
	width: 99%;
	border: solid 1px rgba(255, 255, 255, 1.0);
	border-radius: 10px;
	height: 560px auto;
}
.course_box{
	width: 97%;
	padding: 5px;
	background:  linear-gradient(to left, White, HotPink, Violet);
	border-radius: 10px;
	border-top: 5px solid hotpink;
	height: 40px;
	transition: 1s ease-in-out;
	display: block;
	margin-left: 20px;
}
.course_box:target{
	height: 350px;
	background: linear-gradient(magenta,darkcyan);
}
.cbox_left{
	float: left;
	width: 48%;
}
.cbox_right{
	float: right;
	width: 48%;
}
.cbox_img{
	width: 99%;
	height: 330px;
	border-radius: 5px;
	border: 1px solid whitesmoke;
	display: none;
}
.cbox_info-head1{
	font-size: 24px;
	color: rgba(255, 255, 255, 1.0);
	font-weight: bold;
	text-align: center;
	margin: 10px;
	display: none;
}
.cbox_info-info{
	font-size: 16px;
	color: rgba(255, 255, 255, 1.0);
	text-align: justify;
	margin: 10px;
	display: none;
}
.cbox_info-ul1{
	color: rgba(255, 255, 255, 1.0);
	font-size: 16px;
	display: none;
	margin-left: 50px;
}
#arch:target{
	height: 350px;
	background: linear-gradient(magenta,darkcyan);
}
#arch:target .cbox_info-head1{
	display: block;
}
.course_box:target .cbox_info-info{
	display: block;
}
.course_box:target .cbox_info-ul1{
	display: block;
}
.course_box:target .cbox_img{
	display: block;
}
.absub-container{
	background: rgba(45, 172, 235, 1.0);
	width: 100%;
	height: 400px;
	padding: 20px;
	/* overflow-y: hidden; */
}
.rightpanel{
	width: 45%;
	float: right;
}
.leftpanel{
	width: 45%;
	float: left;
}
.panelhead{
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: white;
	margin: 40px;
}
.panelinfo{
	font-size: 18px;
	color: white;
	text-align: justify;
	width: 90%;
}
.about-image{
	width: 700px;
	height: 205px;
	padding: 0;
}
.gallerypanel{
	/* margin: 10px auto; */
	padding: 25px;
	background: #8ACBF5;
	/* border-radius: 10px; */
	/* border: 1px solid rgba(255, 255, 255, 1.0); */
	width: 100%;
	display: flex;
}
.gallery-slide{
	width: 450px;
	height: 380px;
	/* border-radius: 5px; */
	/* border: 1px solid white; */
	margin-left: 30px;
	/* display: block; */
	/* float: left; */
	/* align-items: center; */
}
.cards-backpanel{
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	border: 1px solid whitesmoke;
	width: 98%;
	margin: 10px auto;
	padding: 25px;
	height: 430px;
	display: flex;
}
/*########################################################################################*/
.flip-card {
	background-color: transparent;
	width: 270px;
	height: 350px;
	border: 1px solid #f1f1f1;
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
	margin: 10px auto;
}
.flip-card-inner {
	position: relative;
	width: 270px;
	height: 350px;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  	transform: rotateY(180deg);
}
.cards_frontside, .cards_backside{
	border-radius: 10px;
	border: 1px solid black;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}
.cards_frontside{
	background-color: rgba(0, 0, 0, 1.0);
	color: rgba(0, 0, 0, 1.0);
}
.cards_backside{
	background: linear-gradient(lightslategray,black);
	padding: 10px;
	transform: rotateY(180deg);
}
.card_img{
	width: 100%;
	height: 100%;
	border: 1px solid black;
	border-radius: 10px;
}
.card_head{
	color: white;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.card_info{
	font-size: 16px;
	color: white;
}
.card_icon{
	color: orange;
	font-size: 16px;
	font-weight: 1000;
}
.card_list{
	color: white;
	font-size: 16px;
	margin: 10px;
}
.director-backpanel{
	background: radial-gradient(rgba(255, 255, 255, 1.0), rgba(250, 250, 250, 0.5),rgba(0, 150, 150, 0.8), rgba(0, 20, 100, 0.5));
	width: 100%;
	height: 400px auto;
	display: flex;
	/* border: 1px solid blue; */
	/* padding: 20px; */
	position: sticky;
}
.dbackpanel{
	background-image: url('../Images/Students Image.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position-x: center;
	height: 600px;
	display: flex;
	width: 100%;
	position: relative;
	/* top: 0%; */
}
.image_hide{
	background-color: rgba(0, 10, 220, 0.6);
	opacity: 0.4;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	position: absolute;
	/* float: left; */
}
.dpanel-head{
	position: relative;
	/* top: 20%; */
	/* clear: both; */
	width: 100%;
	height: 500px;
	/* background-color: rgba(0, 10, 90, 1.0); */
	padding: 5px;
	background: transparent;
}
.dpanel-head h4{
	color: rgba(255, 2552, 255, 1);
	font-family: sans-serif;
	font-size: 40px;
	text-align: center;
	font-weight: 600;
	font-style: bold;
}
.director-panel{
	background: linear-gradient(45deg,rgba(255, 80, 255, 0.8), rgba(255, 255, 255, 0.8));
	width: 500px;
	height: 300px;
	border: 1px solid transparent;
	box-shadow: 0px 5px 8px 12px rgba(0, 20, 20, 0.6);
	margin: 50px auto;
	padding: 20px;
}
.director-img{
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 90%;
	border: 1px solid transparent;
	border-radius: 20px;
	margin: 10px auto;
	padding: 10px;
	display: block;
}
.dimg{
	width: 200px;
	height: 200px;
	margin: 10px auto;
	border-radius: 50%;
	border: 1px solid white;
}
.director-statement{
	float: right;
	padding-top: 100px;
}
.director-statement hr{
	width: 90%;
	background-color: white;
	border: 2px solid white;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.designation{
	font-weight: bold;
	color: white;
}
.director-name{
	font-weight: bold;
	color: white;
	text-align: right;
	margin-right: 50px;
}
.statement{
	text-align: right;
	margin-right: 50px;
	margin-top: 10px;
	font-size: 20px;
	font-style: italic;
	font-family: cursive;
	color: rgba(255, 255, 255, 1.0);
	font-weight: bold;
}
.certify-container{
	border: 1px solid whitesmoke;
	margin: 10px auto;
	width: 99%;
	height: 100%;
	padding: 25px;
	background: linear-gradient(magenta,darkcyan,yellow);;
}
.certify-head{
	font-size: 26px;
	color: rgba(255, 255, 255, 1.0);
	font-weight: bold;
	font-style: italic;
	margin: 5px;
}
.certify-container hr{
	border: 1px solid;
	border-radius: 5px;
	color: rgba(255, 255, 255, 1.0);
	background-color: rgba(255, 255, 255, 1.0);
}
.certify-info{
	text-align: justify;
	margin: 5px;
	color: rgba(255, 255, 255, 1.0);
}
.flip-certify{
	background: transparent;
	width: 100%;
	height: 700px;
	border: 1px solid #bbb;
}
.flip-certify-inner{
	position: relative;
	width: 100%;
	height: 700px;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	perspective: 1000px;
}
.flip-certify:hover .flip-certify-inner{
	transform: rotateX(180deg);
}
.flip-certify-front, .flip-certify-back{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
.flip-certify-front{
	background-color: rgba(0, 0, 0, 1.0);
	color: white;
}
.flip-certify-back{
	background:  linear-gradient(magenta,darkcyan,yellow);
	color: white;
	transform: rotateX(180deg);
}
.cfrontimg{
	width: 100%;
	height: 100%;
	border: 1px solid #bbb;
}
.cbackimg{
	width: 100%;
	height: 100%;
	border: 1px solid #bbb;
}

/*AboutUS Index.html*/
.about_container{
	width: 100%;
	height: 550px;
	background-color: rgba(0, 10, 120, 1.0);
	display: block;
	padding: 30px;
}
.about_table{
	display: block;
	height: 400px auto;
	padding: 20px;
}
.column1{
	width: 30%;
	height: 300px auto;
	float: left;
	margin-left: 20px;
	/* margin-top: 20px; */
	padding: 5px;
}
.column2{
	display: inline-block;
	width: 30%;
	margin-left: 100px;
}
.column3{
	width: 30%;
	float: right;
	/* float: right; */
}
.about_table_head{
	font-size: 40px;
	color: rgba(255, 255, 255, 1.0);
	font-family: sans-serif;
	font-weight: 400;
	font-style: bold;
	padding: 10px;
}
.column1 .about_imgs{
	width: 80%;
	height: 100px;
	text-align: center;
	background-color: rgba(255, 255, 255, 1.0);
	border-radius: 10px;
}
.column1 .about_infos{
	font-size: 18px;
	color: rgba(255, 255, 255, 1.0);
	font-family: sans-serif;
	text-align: left;
	font-style: italic;
}
.about_table hr{
	width: 50%;
	margin: 5px 5px;
} 
.clearfix{
	content: "";
	clear: both;
	padding: 10px;
}
.column2_head{
	font-size: 30px;
	font-family: sans-serif;
	font-weight: 400;
	font-style: bold;
	color: rgba(255, 255, 255, 1.0);
	text-align: left;
}
.column2 ul, li{
	color: rgba(255, 255, 255, 1.0);
	font-family: sans-serif;
	font-size: 18px;
	text-align: left;
	font-style: italic;
}
.column3 h4{
	color: rgba(255, 255, 255, 1.0);
	font-family: sans-serif;
	font-weight: 400;
	font-style: bold;
	font-size: 30px;
}
.column3 .cq{
	color: rgba(255, 255, 255, 1.0);
	font-size: 16px;
}
.column3 .cq a{
	text-decoration: none;
	color: rgba(255, 255, 255, 1.0);
}
.column3 .cq a:hover{
	color: dodgerblue;
}
/*########### Circle ######## */
.center_circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 180px;
	height: 180px;
	border-radius: 80px;
	background-color: rgba(255, 255, 255, 1.0);
	text-align: center;
	padding-top: 75px;
	font-size: 28px;
	font-style: bold;
	font-weight: 600;
	font-family: sans-serif;
	color: rgba(0, 0, 100, 1);
	z-index: 1;
}
/* .first_circle::after{
	content: "";
	border: 1px solid #fff;
	position: absolute;
	width: 45px;
	transform: rotate(90deg);
	left: 40px;
	top: 150px;
} */
.first_circle{
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -10%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 50, 1);
	text-align: center;
	padding-top: 38px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.second_circle{
	position: absolute;
	top: 16%;
	left: 60%;
	transform: translate(-65%, -26%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 75, 1);
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
/* .second_circle::after{
	content: "";
	border: 1px solid #fff;
	position: absolute;
	width: 45px;
	transform: rotate(-30deg);
	left: 40px;
	top: 150px;
} */
.third_circle{
	position: absolute;
	top: 38%;
	left: 64%;
	transform: translate(-48%, -25%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 100, 1);
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.fourth_circle{
	position: absolute;
	top: 60%;
	left: 64%;
	transform: translate(-68%, -5%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 125, 1);
	text-align: center;
	padding-top: 25px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.fifth_circle{
	position: absolute;
	top: 85%;
	left: 55%;
	transform: translate(-58%, -60%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 150, 1);
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.sixth_circle{
	position: absolute;
	top: 73%;
	left: 45%;
	transform: translate(-45%, -10%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 175, 1);
	text-align: center;
	padding-top: 48px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.seventh_circle{
	position: absolute;
	top: 57%;
	left: 37%;
	transform: translate(-45%, 5%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 200, 1);
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.eighth_circle{
	position: absolute;
	top: 35%;
	left: 37%;
	transform: translate(-60%, -12%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 225, 1);
	text-align: center;
	padding-top: 40px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.nineth_circle{
	position: absolute;
	top: 10%;
	left: 40%;
	transform: translate(-33%, 0%);
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-color: rgba(0, 10, 250, 1);
	text-align: center;
	padding-top: 40px;
	font-size: 18px;
	font-style: bold;
	font-weight: 400;
	font-family: sans-serif;
	color: rgba(255, 255, 255, 1);
}
.tbutton{
	width: 50px;
	height: 50px;
	border-radius: 10px;
	display: none;
	cursor: pointer;
	font-size: 30px;
	color: #000000;
	margin: 10px;
	position: absolute;
	border: none;
	background: transparent;
	padding: 10px;
	top: 0%;
	z-index: 2;
}
.th-container{
	padding: 20px;
	margin: 20px;
}
.thhead_part{
	font-size: 24px;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
}
.thback-button{
	/* align-content: center; */
	text-align: center;
	margin: 30px auto;
	padding: 10px;
	height: 50px;
	background-color: #3DE82E;
	border-radius: 5pxxx;
	/* border: 1px solid #ffffff; */
	width: 100px;
}
.thback-button a{
	text-align: center;
	width: 40px;
	height: 20px;
	/* margin: 15px; */
	text-decoration: none;
	color: #ffffff;
	font-size: 22px;
}
@media(max-width: 1440px){
	.option_head{
		margin-left: 100px;
		/* padding: 5px; */
	}
	.gallery{
		width: 600px;
	}
	div.gallery:nth-child(3){
		width: 800px;
	}
	.dbackpanel{
		padding-top: 20px;
	}
	.image_hide{
		position: absolute;
		top: 0%;
	}
	.center_circle{
		border-radius: 90px;
	}
	.first_circle{
		border-radius: 70px;
	}
	.second_circle{
		left: 60.5%;
		border-radius: 70px;
	}
	.third_circle{
		top: 37.5%;
		border-radius: 70px;
	}
	.fourth_circle{
		top: 58.5%;
		left: 64.5%;
		border-radius: 70px;
	}
	.fifth_circle{
		border-radius: 70px;
		left: 55.8%;
		top: 88%;
	}
	.sixth_circle{
		border-radius: 70px;
		top: 75%;
	}
	.seventh_circle{
		border-radius: 70px;
	}
	.eighth_circle{
		top: 35.5%;
		border-radius: 70px;
	}
	.nineth_circle{
		left: 39.3%;
		border-radius: 70px;
	}
	.gallerypanel{
		display: block;
	}
	.gallery-slide{
		margin: 20px;
	}
	#img1, #img2{
		width: 600px;
		margin-left: 50px;
	}
	#img3{
		width: 800px;
		margin-left: 270px;
	}
}
@media(max-width: 1024px){
	.company .logo{
		width: 400px;
	}
	.option_head{
		/* font-size: 17px; */
		margin-left: 100px;
	}
	.option{
		font-size: 18px;
		padding: 2px;
		margin: 2px;
		margin-left: 10px;
	}
	.about_container{
		height: 570px;
	}
	.about_table_head{
		font-size: 30px;
	}
	.column1 .about_infos{
		font-size: 17px;
		text-align: justify;
	}
	.column2{
		margin-left: 50px;
	}
	.column2_head{
		font-size: 24px;
	}
	.column2 ul, li{
		font-size: 18px;
	}
	.column3 h4{
		font-size: 24px;
	}
	.column3 .cq{
		font-size: 17px;
	}
}
@media (max-width: 768px){
	/* .header{
		height: 400px;
	} */
	.slide{
		height: 550px;
	}
	.slideshow-container{
		height: 600px;
	}
	.tbutton{
		display: block;
	}
	.header_option{
		display: block;
		height: 400px;
	}
	.option_head{
		display: none;
		width: 100%;
		padding: 0px;
		margin: 1px;
	}
	.option{
		margin: 0;
		width: 100%;
		text-align: center;
	}	
	#tbutton:target #option_head, .option{
		display: block;
	}
	#tbutton:target #header_option{
		display: block;
		height: 400px;
	}
	.about_container{
		height: 850px;
	}
	.about_table_head{
		font-size: 24px;
	}
	.about_imgs{
		width: 200px;
		height: 50px;
		margin-left: 30px;
	}
	.column1, .column2, .column3{
		display: block;
		margin: 0;
		width: 400px;
	}
	.column1 .about_infos{
		font-size: 14px;	
		text-align: justify;
		margin-left: 20px;
		width: 100%;
	}
	.column2_head{
		font-size: 22px;
		text-align: center;
		margin-left: 30px;
	}
	.column2 li{
		font-size: 16px;
		margin-left: 30px;
		width: 100%;
	}
	.column3 h4{
		font-size: 22px;
		text-align: center;
		margin-right: 50px;
		/* margin-left: 40px; */
	}
	.cq{
		font-size: 16px;
		text-align: center;
		margin-right: 40px;
	}
	.company .logo{
		/* clear: both; */
		width: 350px;
		margin-left: 80px;
	}
	.container{
		padding: 5px 10px;
		margin: 50px auto;
		display: block;
		width: 100%;
		/* height: 1700px; */
	}
	.box{
		height: 300px;
		display: block;
		flex: none;
		border: none;
		margin: 10px;
	}
	.box:hover{
		flex: none;
	}
	.box_front_img{
		display: none;
	}
	.course_img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.gallery_back-panel{
		padding: 10px;
	}
	.gallery{
		width: 400px;
		height: 280px;
	}
	div .gallery:nth-child(3){
		width: 400px;
		height: 280px;
	}
	.dbackpanel{
		background-position-x: center;
		background-size: cover;
	}
	.center_circle{
		width: 120px;
		height: 120px;
		font-size: 20px;
		border-radius: 60px;
		top: 55%;
		padding-top: 50px;
	}
	.first_circle{
		top: 9%;
		left: 52%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 38px;
	}
	.second_circle{
		top: 25%;
		left: 78%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 25px;
	}
	.third_circle{
		top: 48%;
		left: 85%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 30px;
	}
	.fourth_circle{
		top: 68%;
		left: 82%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 18px;
	}
	.fifth_circle{
		top: 91%;
		left: 56%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 30px;
	}
	.sixth_circle{
		top: 78%;
		left: 27%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 30px;
	}
	.seventh_circle{
		top: 55%;
		left: 11.2%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 30px;
	}
	.eighth_circle{
		top: 34%;
		left: 15%;
		width: 120px;
		height: 120px;
		font-size: 17px;
		border-radius: 60px;
		padding-top: 30px;
	}
	.nineth_circle{
		top: 11%;
		left: 23%;
		width: 120px;
		height: 120px;
		font-size: 18px;
		border-radius: 60px;
		padding-top: 37px;
	}
	.submain-container{
		display: block;
		height: 900px;
	}
	.csub-container{
		width: 100%;
	}
	.contact-map{
		float: left;
		/* align-items: left; */
		/* padding: 10px; */
		width: 450px;
		margin-left: 40px;
	}
	.vl{
		display: none;
	}
	.form .form_label{
		font-size: 16px;
		padding-top: 8px;
	}
	.right_side input[name='fname']{
		width: 200px;
		height: 40px;
	}
	.right_side input[name='email']{
		width: 200px;
	}
	.right_side input[name='phone']{
		width: 200px;
	}
	.right_side input[name='course']{
		width: 200px;
	}
	.message{
		width: 200px;
	}
	.bottom_middle input[name='submit']{
		font-size: 18px;
		width: 90px;
		height: 35px;
		margin-left: 15px;
	}
	.map{
		width: 450px;
	}
	.cqhead{
		font-size: 24px;
		text-align: center;
		margin-right: 25px;
	}
	footer{
		height: 360px;
	}
	.footer_copyright{
		margin-top: 50px;
		font-size: 18px;
	}
	.panelhead{
		font-size: 30px;
	}
	.absub-container{
		width: 100%;
		height: 500px;
		padding: 10px;
	}
	.leftpanel, .rightpanel{
		width: 100%;
	}
	.about-image{
		width: 400px;
		height: 150px;
		margin-left: 15px;
	}
	.panelinfo{
		font-size: 16px;
		margin-left: 15px;
	}
	.gallerypanel{
		padding: 15px;
		width: 100%;
		display: block;
	}
	.gallery-slide{
		width: 400px;
		height: 300px;
		margin-left: 30px;
	}
}