/* This style is for all devices */


.hide{

    display:none;
}
 
.hoverr div a:hover{
    text-decoration: underline;
    opacity: 0.8;
}
.content2>div a{
    color:white;}

.theme-color{
    background-color: rgb(8, 8, 97)!important;
    background-image: linear-gradient( to bottom right, rgb(8, 8, 97), rgb(85, 85, 156))!important;
}
.theme-color-text{
  color: rgb(8, 8, 97)!important;
}
.left-0{
    left:0px !important;


}
.fisrt-picc{
    display: block;
}
.second-picc{
    display: block;
}
.fisrt-picc{
    display: block;

}
.right-0{
    right:0px !important;
}
.bottom-0{
    bottom:0px;
}
.menu_content i{
    font-size: 25px;

}
.text-small{
    font-size:14px!important;
}
.mission_img{
    width: 6em;
    height:6em;
    border-radius:50%;
    z-index:1;
    bottom:-2em;
    opacity: 1;
    right: -2em;
    border: 1px solid #ccc;
    transform: rotate(-20deg);
}
.mission_img1{
    width: 100%;
    height:auto;
    position: relative;
}
.mission_card{

    overflow: hidden;

     background-color: white;
     position: relative;
     top:0px;
     border-left: 5px solid red;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;


}
.mission_text{
    background-color:transparent;
    z-index: 1;
    position:sticky;
    top:0px;
    text-align: left !important;
}
.subjects{
    transform: rotate(-50deg);
}
.button-theme{
    background-image: linear-gradient(to right, #4646da,#1c1c33);
    color: white !important;;
}

.button-theme:hover{
    background-image: linear-gradient(to right, rgb(70, 70, 218),#494994);
    color: white !important;;
}
.overflow-hidden{
    overflow: hidden !important;
}
.text-decoration-underline{
    text-decoration: underline!important;
}
.fees{
    box-shadow: 4px 4px 6px rgba(255, 255, 255, 0.2);
}
.theme-color{
    background-image: linear-gradient(to bottom right, rgb(10, 21, 114),rgb(8, 5, 151));
}
.procedure{
    background-image: linear-gradient(to bottom right, rgb(10, 21, 114),rgb(8, 5, 151));
}
#map{
    height:13em;
   
}
#circle1{
    border-radius:50%;
   width: 3em;
    background-color: aqua;
    height: 5em;
}

.circle2{
    border-radius:50%;
   width: 1em;
    background-color: #ccc;
    height: 1em;
    border:0.5px solid #ccc;
}

.circle1{
    border-radius:50%;
   width: 1em;
   border:0.5px solid #ccc;
    height: 1em;
}
.w-50{
    width: 50% !important;
}
.students>.left-change{
    position:absolute;
    top:40%;
    left:0px;
}
.students{z-index: 0;}
.students>.complemments{
    width:75%;
    display: none;
}
.students1{
height:5em;
overflow: hidden;
}

.complemments>.count{
    position:absolute;
    bottom:3px;
    left:-3em;
}
.hover:hover{
    opacity: 0.5 !important;;
}

.students>.right-change{
    position:absolute;
    top:40%;
    right:0px;
}
.top{
    background-color: #080861;
}
.loading{
    height:100%;
    width:100%;
}
.web_content{
    display:none;
}
.spinning{
    position:absolute;
    width:auto;
    top: 45% !important;
    left: 46% !important;
}
.spinning i{
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
    
}


.opacity-0{
    opacity: 0 !important;
}

.opacity-1{
    opacity: 1 !important;
}


html{
	scroll-behavior:smooth;
}


.streams_font{
    font-family: MyFont1;
}
.normal_font{
    font-family: MyFont;
}
html,body{
    margin:0px;
    height: 100%;
}
.line{
    border:1px solid black;
}
.text-pri{
color:rgb(8, 8, 97);
}
.z-index-10{
    z-index: 10!important;
}
.footer-color{
    background-image: linear-gradient(black, transparent);
}


.modal_login1 {
	margin:10px 100px 0px 5px;
	border-radius:8px;
	padding:20px;
	position:fixed;
	top:15%;
	width:90%;
	left:4%;
	z-index:1;
animation:modal 1s;
	-webkit-animation:modal 1s;
	display: none;
	
}
@keyframes modal{
	from{
		top:-10em;
		opacity:0;
		
	}
	to{
		top:10%;
		opacity:1;
	}
}

@-webkit-keyframes modal{
	from{
		top:-10em;
		opacity:0;
	}
	to{
		top:10%;
		opacity:1;
	}
}

.cancel_btn{
	font-size:30px;
	position:absolute;
	top:0px;
	right:2px;
	color:red;
	font-weight:bold;
}

.files{
    margin:-3px;
    padding: 5px;
    background-color: khaki;
    position: relative;
    top:9em;
    padding-top: 2em;
    padding-bottom: 2em;
    width:100%;

}
.box-shadow{
    box-shadow: 3px 2px 4px rgb(19, 18, 18);
}
.display-none{
    display:none;
}
.footer_card{
    background-image: linear-gradient(rgb(39, 37, 37), transparent);
}

.bgf_tutors {
    background-image: linear-gradient(to bottom right, transparent, rgb(145, 158, 194));

}
.venue img{
    width: 100%;
    text-align: center;
    margin: auto;
    height:auto;
    border-radius: 8px;
    box-shadow: 2px 3px 4px rgb(77, 77, 77);
}
.btn-theme{
    text-decoration: none;
    background-image: linear-gradient(to bottom right, rgb(10, 21, 114),#080597);
    text-align: center;
    color: white;
    font-weight: bold;
    animation: glow-button 2s linear infinite;
}
.btn-theme:hover{
    background-image: linear-gradient(to bottom right, rgb(10, 21, 114),#030314);
    text-decoration: none;
    color: orange;
}
@keyframes glow-button {
    from{
        box-shadow: 0px 0px 4px 0px #1c19b9;
    }
    to{
        box-shadow: 0px 0px 4px 5px #1c19b9;
    }
    
}
.transition-all{
    transition: all 1s;
}
.hover-card:hover{
    box-shadow: 4px 6px 10px #ccc;
    position: relative;
    top:-10px;

}
.hover:hover{
    opacity: 0.5;
}
.ad{
    box-shadow: 4px 6px 10px #ccc;
    position: relative;
    top:0px;
    animation: upDown 3s linear infinite;
}
@keyframes upDown {
    0%{
        top:0px;
    }
    50%{
        top:-15px;

    }
    100%{
        top:0px;

    }
}
.rounded-pill{
    border-radius: 4rem;
}
.pic-ad{
    position: absolute;
    top:10%;
    width:60%;
    right: 0%;
    z-index: -1;
}
.bg-transparent{
    background-color: transparent;
}
.check20{
    overflow: hidden;
    position: relative;
    top:0;
}
.students{
overflow: hidden;
}
.blob-svg{
    position: absolute;
	right:0;
    opacity: 0.3;
	z-index:-1;
    height: auto;
}
.matric-class{
    background-color: rgba(255, 255, 255, 0.5);
}
.study{
    position: relative;
    z-index: 0;
}
.bottom-10{
    bottom: 3%;
}