@charset "utf-8";
/* ----------------------------------
	1. Reset default browser styles
	2. Basic classes and elements 
	3. Color Scheme
	4. Typography
	5. Header
	6. Sliders
	7. Tabs
	8. Carousels
	9. Twitter Feed
	10. Lists and navigations
	11. Buttons
	12. Tables
	13. Icons
	14. Main content elements
	15. Forms
	16. Footer
	17. Animations
	18. Responsive changes
	19. Retina ready
-------------------------------------*/
/* 1.Reset default browser styles */

/*------------------------------------- */

*{
	margin:0;
	padding:0;
	border:none;
}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
    background: transparent;
    border: 0 none;
	font-weight: inherit;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top;
}

a{
	text-decoration:none;
	outline: none !important;
}
b, strong{
	font-weight:bold !important;
}
ul,ol{
	list-style: none;
}
q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img{
	vertical-align:top; 
	max-width:100%;
}
embed{ 
	vertical-align:top;
}
input,button{
/*	-webkit-appearance:none;*/
	outline: none;
}
button::-moz-focus-inner{
	border:0;
}
html,body{
	height:100%;
}
hr {
border-top: 1px solid rgba(0, 0, 0, 0.6) !important;
}

/* -----------------------------------

	2. Basic classes and elements 

------------------------------------- */
body{
	font:500 14px/21px 'Raleway', sans-serif;
	color:#58595b;
	background:#fff;
	letter-spacing: 0.1px;
  overflow-x: hidden;
	}
.clear{
  clear:both; 
  overflow:hidden;
}
/*Margin*/
.pad-0{
padding-left:0 !important;	
padding-right:0 !important;		
	}

.m_left_0 {
    margin-left: 0 !important;
}
.m_right_0 {
    margin-right: 0 !important;
}
.m_left_5 {
    margin-left: 5px;
}
.m_left_10 {
    margin-left: 10px;
}
.m_left_15 {
    margin-left: 15px;
}
.m_left_20 {
    margin-left: 20px;
}
.m_left_40 {
    margin-left: 40px;
}
.m_right_5 {
    margin-right: 5px;
}
.m_right_6 {
    margin-right: 6px;
}
.m_right_8 {
    margin-right: 8px;
}
.m_right_10 {
    margin-right: 10px;
}
.m_right_15 {
    margin-right: 15px;
}
.m_right_20 {
    margin-right: 20px;
}
.m_right_25 {
    margin-right: 25px;
}
.m_right_29 {
    margin-right: 29px;
}
.m_right_30 {
    margin-right: 30px;
}
.m_right_35 {
    margin-right: 35px;
}
.p_bottom_0 {
    padding-bottom: 0 !important;
}
.m_bottom_0 {
    margin-bottom: 0 !important;
}
.m_bottom_3 {
    margin-bottom: 3px;
}
.m_bottom_5 {
    margin-bottom: 5px;
}
.m_bottom_10 {
    margin-bottom: 10px;
}
.m_bottom_12 {
    margin-bottom: 12px;
}
.m_bottom_15 {
    margin-bottom: 15px;
}
.m_bottom_20 {
    margin-bottom: 20px;
}
.m_bottom_25 {
    margin-bottom: 25px;
}
.m_bottom_30 {
    margin-bottom: 30px;
}
.m_bottom_35 {
    margin-bottom: 35px;
}
.m_bottom_40 {
    margin-bottom: 40px;
}
.m_bottom_45 {
    margin-bottom: 45px;
}
.m_bottom_50 {
    margin-bottom: 50px;
}
.m_bottom_60 {
    margin-bottom: 60px;
}
.m_bottom_65 {
    margin-bottom: 65px;
}
.m_bottom_100 {
    margin-bottom: 100px;
}
.m_top_0 {
 margin-top: 0px !important;
}
.m_top_2 {
    margin-top: 2px;
}		  
.m_top_5 {
    margin-top: 5px;
}
.m_top_10 {
    margin-top: 10px;
}
.m_top_20 {
    margin-top: 20px;
}
.m_top_30 {
    margin-top: 30px;
}
.m_top_40 {
    margin-top: 40px;
}
.m_top_50 {
    margin-top: 50px;
}
.m_top_100 {
    margin-top: 100px;
}
.fl_right{
float:right;	
	}
.fl_left{
float:left;	
	}
  /*Nav tabs area start*/
.modal-nav-tabs {
  border: 0;

  padding: 15px 0.7rem !important;

  border-top-right-radius: 14px;

  border-top-left-radius: 14px;
}

.modal-nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  background-color: #ebc84c;

  color: #000;

  border-radius: 30px;

  border: 1px solid #ebc84c;

  font-family: "Poppins", sans-serif;
}

.modal-nav-tabs .nav-link:hover {
  border-color: transparent !important;
}

.nav-tabs .nav-link {
  color: #fff;
}
.login {
  width: 80%;

  padding: 30px;

  padding-top: 80px;

  margin-left: auto;

  margin-right: auto;
}

.login__field {
  padding: 20px 0px;

  position: relative;
}

.login__icon {
  position: absolute;

  top: 30px;

  color: #0783d2;
}

.login__input {
  border: none;

  border-bottom: 2px solid #d1d1d4;

  background: none;

  padding: 10px;

  padding-left: 24px;

  font-weight: 700;

  width: 75%;

  transition: 0.2s;
}

.login__input:active,
.login__input:focus,
.login__input:hover {
  outline: none;

  border-bottom-color: #6a679e;
}

.login__submit {
  background: #0783d2;

  font-size: 14px;

  margin-top: 30px;

  padding: 10px 15px;

  border-radius: 26px;

  border: 1px solid #088de1;

  text-transform: uppercase;

  font-weight: 700;

  display: flex;

  align-items: center;


  color: #ffffff;

  box-shadow: 0px 2px 2px #636263;

  cursor: pointer;

  transition: 0.2s;

  margin-left: auto;

  margin-right: auto;
}

.login__submit:active,
.login__submit:focus,
.login__submit:hover {
  border-color: #1d6ce4;

  outline: none;
}
.screen {
  background: linear-gradient(90deg, #e5f1fd, #c2ddfd);

  position: relative;

  height: 600px;

  width: 100%;

  box-shadow: 0px 0px 24px #5c5696;
}

.screen__content {
  z-index: 1;

  position: relative;

  height: 100%;
}

.screen__background {
  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 0;

  -webkit-clip-path: inset(0 0 0 0);

  clip-path: inset(0 0 0 0);
}

.screen__background__shape {
  transform: rotate(45deg);

  position: absolute;
}

.screen__background__shape1 {
  height: 520px;

  width: 520px;

  background: #fff;

  top: -50px;

  right: 120px;

  border-radius: 0 72px 0 0;
}

.screen__background__shape2 {
  height: 220px;
  width: 220px;
  background: #0783d2;
  top: -172px;
  right: 0;
  border-radius: 32px;
}

.screen__background__shape3 {
  height: 540px;

  width: 190px;

  background: linear-gradient(270deg, #0953a9, #6aaff9);

  top: -24px;

  right: 0;

  border-radius: 32px;
}

.screen__background__shape4 {
  height: 400px;

  width: 200px;

  background: #0783d2;

  top: 420px;

  right: 50px;

  border-radius: 60px;
}
.blue-bg{
  background-color: #0953a9;
}

.login-btn {
    line-height: 17px;
    height: 27px;
    font-size: 14px;
    font-weight: 400;
    background-color: #f8b944;
    color: #000;
    display: block;
    border-radius: 30px;
    text-transform: uppercase;
    padding: 5px 15px;
    font-family: "Roboto", sans-serif;
}
.close-btn {
    position: absolute;
    color: #111;
    background-color: #fff !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 5px #888;
    top: -0px;
    right: 0px;
    z-index: 5;
    opacity: 1;
}


/*Nav tabs end*/

/* header Design */
.top_header-area {
    position: absolute;
    width: 100%;
    z-index: 2;
    border-top:4px solid #427eb5;
  }
  
  .top_header {
    position: relative;
    width: 100%;
    line-height: 48px;
    height: 48px;
    }
    .custom-nav{
     background: rgba(0, 0, 0, 0.3);   
    }
    
    .custom-nav li a {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;    
    padding-right: 0.8rem !important;
    padding-left: 0.8rem !important;
    }
    .search-box{
        left: -250px;
        padding: 10px;
        width: 18rem;  
    }
    
    .overlay-text {
        position: absolute;
        left: 50%;
        right: 0;
        top: 50%;
        bottom: 0;
        color: white;
      }
      
      .overlay-box {
        position: relative;
      }
      .overlay {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100vh;
      }
      .slider-bg-image {
        position: absolute;
        background-blend-mode: multiply;
        background-position: bottom center;
        background-size: cover;
      }
      
      .slider-bg-image, .carousel-overlay {
        height: 600px;
      } 
      .carousel-control-next-image {
        /* background-image: url(../images/arrow_next.png); */
        width: 16px;
        height:473px;
     }  
      .carousel-control-prev-image {
        /* background-image: url(../images/arrow_prev.png); */
        width: 13px;
        height:473px;
     }
     /*********** section********/
     .school-box-container {
        margin-top: -95px;
        z-index: 3;
        position: relative;
    } 
     .school-box {
        box-sizing: border-box;
        padding: 15px;
        width: 100%;
        position: relative;
        min-height: 256px;
        border-radius: 10px;
        text-align: center;
        overflow: hidden;
    }
    .school-box-blue{
       background-color: #08518c;
       color:#fff; 
    }
    .school-box-yellow{
        background-color: #f5830a;
        color:#222; 
        }
    .icon-box{
     margin-bottom: 24px;   
    }
    .school-box h3 {
        font-family:'Poppins', sans-serif;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
       }
     .school-box-line{
     display: inline-block;
     height: 1px;
     background-color: #fff;
     width: 50%;
     margin-top: 10px;    
     }
     .school-box-line-black{
     background-color: #000;
      
     }
     .school-box p {
    font-size: 15px;
    margin: 10px 0;    
        }
   .school-box-blue a{
            background-color: #08518c;
            margin: 0 -15px -15px;
            display: block;
            color:#fff;
            padding: 15px 0;
        }
.school-box-yellow a{
            background-color: #f5830a;
            color:#222;
            margin: 0 -15px -15px;
            display: block;
            padding: 15px 0; 
            }    

            #found-area{
              padding-bottom: 10%;
            }



#found-area .ourfounder .header{
  color: #08518c;
  font-weight: 400;
  font-family: poppins;
  text-transform: uppercase;
  }
  #found-area .ourfounder .header-two{
    color: #08518c;
    font-family: poppins;
    text-transform: uppercase;
  }
  #found-area .ourfounder .header-border{
    border-bottom: 2px solid #f5830a; 
    display: inline-block;
  }


.sec-pad{
 padding: 30px 0; 
}
.about-sec{
 position: relative;
 padding-bottom:100px;
}
.about-sec::before{
  position: absolute;
  /* background: url(../images/top_pattern.png) no-repeat 100% 0; */
  content: "";
  height: 402px;
  width: 547px;
  right: 0; 
  top:-171px;
 }
.about-sec::after{
  position: absolute;
  /* background: url(../images/lower_pattern.png) no-repeat 100% 100%; */
  content: "";
  height: 725px;
  width: 511px;
  left: -7%;
  bottom:-20px;
  z-index:-1;
 }
 .about-sec h1{
  font-family:'Raleway', sans-serif;
  font-size: 39px;
  font-weight: 400;
  color:#222;
 }
 .about-sec h1 span{
  font-family:'Poppins', sans-serif;
  font-size: 39px;
  font-weight: 800;
  color:#032f57;
  text-transform: capitalize;
  display: block;
 }
 .about-sec p{
 margin-bottom: 10px;
 margin-top: 10px;
 }
 .about-img{
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px; 
 }
 .about-img::before{
  position: absolute;
  content: "";
  background: url(../images/spot1.png) no-repeat 0 0;
  width: 92px; 
  height: 92px;
  left:-20px;
  top:100px;
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
 }
 .about-img::after{
  position: absolute;
  content: "";
  border:7px solid #f5830a;
  width: 428px; 
  height: 428px;
  right:50px;
  bottom:0;
  border-radius: 50%;
  z-index: -1;
 }
 .read-more-btn{
  width: 158px;
  height: 48px;
  border-radius: 6px;
  background-color: #f5830a;
  border:1px solid #e6a800;
  line-height: 48px;
  color:#000;
  display: inline-block;
  font-size: 17px;
  text-align: center;
 }
 .read-more-btn:hover{
 color:#000;
 text-decoration: none;
 }
 .custom-shape-divider-top-1641709939 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1641709939 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 200px;
  background-color: #f5830a;
}

.custom-shape-divider-top-1641709939 .shape-fill {
  fill: #fff;
}
.princepal-massage{
  background-color: #073a68;
  position: relative;
}
.princepal-massage::before {
  -ms-transform: skewY(-4deg);
  -webkit-transform: skewY(-4deg);
  transform: skewY(-4deg);
  background-color: #073a68;
  top: -67px;
  content: '';
  left: 0;
  right: 0;
  position: absolute;
  height: 200px;
}
.princepal-image{
position: relative;
width: auto;
height: 406px;
z-index: 1;
top:-140px;
}

.princepal-image::after{
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
bottom:-15px;
right: -15px;
content: "";
background-color:#3c3c3c;
}
.princepal-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.princepal-headline{
font-size: 39px;
font-family: 'Poppins', sans-serif;
color: #f5830a;
font-weight: 800;
margin-top: -80px;
}
.princepal-headline span{
color: #fff;
}
.princepal-massage p.sub-line{
font-size: 19px;
font-style: italic;
margin-top: 40px;
}
.princepal-massage p{
font-size: 16px;
line-height: 23px;
margin-bottom: 25px;
color:#fff;
}
.read-details{
background-color: #073a68;  
border:1px solid #073a68;
color:#fff;  
}
.notice-sec{
background: #fff;
}
.notice-box{
position: relative;
}
.card{
  transition: .7s ease-in-out;
}
.card:hover{
box-shadow: 0 0 15px 6px #aaa;
cursor: pointer;
}
.notice-box-head{
background-color: #073a68;
font-family: 'Poppins', sans-serif;
color:#fff;
position: relative;
border-radius: 0.25rem 0.25rem 0 0 ;
padding:22px 38px;
font-size: 23px;
font-weight: 700;
}
.notice-box-head::after{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #073a68 transparent transparent transparent;
  position: absolute;
  left:30px;
  bottom:-20px;
  content: ""; 
}
.notice-box-head-yellow{
background-color: #f5830a;
}
.notice-box-head-yellow::after{
border-color: #f5830a transparent transparent transparent;
}
.notice-box-head-red{
background-color: #bf1f2f;
}
.notice-box-head-red::after{
border-color:#bf1f2f transparent transparent transparent;
}
.custom-scrollbar-css {
  height: 250px;
  margin-top: 30px;
  margin-bottom: 50px;
}
.custom-scrollbar-css {
  overflow-y: scroll;
}
.custom-scrollbar-css::-webkit-scrollbar {
  width: 5px;
}
.custom-scrollbar-css::-webkit-scrollbar-track {
  background: #eee;
}
.custom-scrollbar-css::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #00d2ff;
  background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);
}
.notice-list{
width: 100%;
}
.notice-list li{
display: block;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 5px;
position: relative;
padding-left: 20px;
}
.notice-list li::before{
position: absolute;
content: "\f005"; 
top:0;
left:0;
width: 3px;
height: 3px;
font-family: "Font Awesome 6 Free";
color:#f5830a;
}
.founder-img{
  width: 159px;
  height: 159px;
  display: block;
  margin:26px auto;
  box-shadow: 5px 5px 0 #333;
}
.academics{
 padding: 30px 12px;
}
.academic-box{
 width: 127px;
 height: 127px;
 border:4px solid #ffe1e6; 
 margin-bottom: 10px;
 margin-right: auto;
 margin-left: auto;
}
.academics p{
  margin-bottom: 10px;
 }
 /********** Facilities*********/
.facilites-bg{
 background: url(../images/facilitiesBg.jpg) no-repeat 0 0;
 position: relative;
 background-size: cover;
 padding-bottom: 300px; 
}
.facilites-bg::before {
  background: #f5830a;
  position: absolute;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  left: 15%;
  top: -20px;
  content: "";
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.facilites-bg::after {
  background: #f5830a;
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  right: 15%;
  bottom: 15px;
  content: "";
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.facilites-bg h3{
  font-family: 'Poppins', sans-serif;
  color:#fff;
  position: relative;
  font-size: 39px;
  text-align: center;
  font-weight: 800;
  padding-bottom: 15px;
  margin-bottom: 65px;
}
.facilites-bg h3::after{
 position: absolute;
 background: url(../images/underline_y.png) no-repeat 50% 100%;
 content:"";
 bottom:0;
 left:50%;
 width: 205px;
 height: 10px;
 transform:translateX(-50%);
}
.icon-holder{
  width: 100%;
  text-align: center;
}
.icon-holder img{
  cursor: pointer;
  transition: 0.9s ease-in-out;
}
.icon-holder img:hover{
  transform: rotateY(180deg);
}
.facilites-bg p{
color:#fff;
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

/* gallery */
/* Masonry gallery */
.gallery-area{
  width: 100%;
  position: relative;
}
.gallery-area::before {
  background: #f4ac07;
  position: absolute;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  left: 15%;
  top: 15px;
  content: "";
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.gallery-area::after {
  background: #2870b2;
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  right: 15%;
  bottom: 15px;
  content: "";
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.gallery-area h3{
  font-family: 'Poppins', sans-serif;
  color:#333;
  position: relative;
  font-size: 39px;
  text-align: center;
  font-weight: 800;
  padding-bottom: 15px;
  margin-bottom: 65px;
}
.gallery-area h3::after{
 position: absolute;
 background: url(../images/underline_b.png) no-repeat 50% 100%;
 content:"";
 bottom:0;
 left:50%;
 width: 205px;
 height: 10px;
 transform:translateX(-50%);
}
.masonry-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 560px; }
  .masonry-gallery a {
    display: contents; }
    .masonry-gallery a:before {
      position: absolute;
      width: 100%;
      height: 100%;
      content: ' ';
      background: transparent;
      transition: 1s;
      opacity: .5;
      z-index: 1; }
    .masonry-gallery a:hover:before {
      background: var(--shelly-color-accent);
      transition: 1s;
      mix-blend-mode: hard-light; }
    .masonry-gallery a:hover img {
      transform: scale(1.1);
      transition: 1s; }
  .masonry-gallery .masonry-gallery--color-accent {
    position: absolute;
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    transform-origin: center;
    mix-blend-mode: multiply; }
    .masonry-gallery .masonry-gallery--color-accent:nth-of-type(1) {
      top: 5%;
      left: 5%;
      width: 40px;
      height: 40px;
      background: linear-gradient(to bottom, var(--shelly-color-primary), var(--shelly-color-accent));
      -webkit-animation-delay: .1s;
              animation-delay: .1s;
      mix-blend-mode: multiply; }
    .masonry-gallery .masonry-gallery--color-accent:nth-of-type(2) {
      bottom: 15%;
      left: 40%;
      width: 30px;
      height: 30px;
      background: linear-gradient(to bottom, var(--shelly-color-primary), var(--shelly-color-accent));
      -webkit-animation-delay: .4s;
              animation-delay: .4s;
      mix-blend-mode: multiply; }
    .masonry-gallery .masonry-gallery--color-accent:nth-of-type(3) {
      bottom: 12%;
      left: 65%;
      width: 20px;
      height: 20px;
      background: linear-gradient(to top, var(--shelly-color-primary), var(--shelly-color-accent));
      -webkit-animation-delay: .4s;
              animation-delay: .4s;
      mix-blend-mode: multiply; }
  .masonry-gallery .masonry-gallery--image {
    overflow: hidden;
    position: absolute;
    display: flex;
    justify-content: center;
    border-radius: 1rem;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
    .masonry-gallery .masonry-gallery--image img {
      height: 100%;
      max-width: unset; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(1) {
      width: 15%;
      height: 55%;
      top: 30%;
      left: 0;
      -webkit-animation-delay: .1s;
              animation-delay: .1s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(2) {
      width: 25%;
      height: 62%;
      top: 0;
      left: calc( 15% + 1rem);
      -webkit-animation-delay: .2s;
              animation-delay: .2s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(3) {
      width: 15%;
      height: 50%;
      top: 20px;
      left: calc( 40% + 2rem);
      -webkit-animation-delay: .3s;
              animation-delay: .3s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(4) {
      width: 10%;
      height: 15%;
      top: 60px;
      left: calc( 55% + 3rem);
      -webkit-animation-delay: .4s;
              animation-delay: .4s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(5) {
      width: 24%;
      height: 34%;
      top: 10px;
      right: 0;
      -webkit-animation-delay: .5s;
              animation-delay: .5s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(6) {
      left: calc( 15% + 1rem);
      top: calc( 62% + 1rem);
      width: 15%;
      height: 24%;
      -webkit-animation-delay: .6s;
              animation-delay: .6s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(7) {
      left: calc( 40% + 2rem);
      top: calc( 50% + 20px + 1rem);
      width: 10%;
      height: 21%;
      -webkit-animation-delay: .7s;
              animation-delay: .7s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(8) {
      left: calc( 55% + 3rem);
      top: calc( 15% + 60px + 1rem);
      width: calc( 21% - 4rem);
      height: 42%;
      -webkit-animation-delay: .8s;
              animation-delay: .8s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(9) {
      top: calc( 34% + 10px + 1rem);
      right: calc( 4% + .5rem);
      width: calc( 20% - .5rem);
      height: 42%;
      -webkit-animation-delay: .9s;
              animation-delay: .9s; }
    .masonry-gallery .masonry-gallery--image:nth-of-type(10) {
      top: calc( 12% + 1rem);
      left: 8%;
      width: 7%;
      height: 12%;
      -webkit-animation-delay: 1s;
              animation-delay: 1s; }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(1),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(1) {
  width: 21%;
  height: 37%;
  top: 10%;
  left: 0; }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(2),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(2) {
  width: 31%;
  height: 62%;
  top: 0;
  left: calc( 21% + 1rem); }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(3),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(3) {
  width: 21%;
  height: 50%;
  top: 20px;
  left: calc( 52% + 2rem); }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(4),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(4) {
  right: unset;
  width: 14%;
  height: 15%;
  top: calc( 62% + 1rem);
  left: calc( 36% + 2rem); }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(5),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(5) {
  width: calc( 27% - 3rem);
  height: 34%;
  top: 10px;
  right: 0; }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(6),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(6) {
  left: 21%;
  top: 62%;
  margin: 1rem;
  width: 15%;
  height: 34%; }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(7),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(7) {
  left: calc( 52% + 2rem);
  right: calc( 50% + 20px + 1rem);
  width: 21%;
  height: 32%; }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(8),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(8) {
  left: unset;
  right: 0;
  top: calc( 34% + 10px + 1rem);
  width: calc( 27% - 3rem);
  height: 42%; }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(9),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(9) {
  top: calc( 47% + 1rem);
  left: 0;
  width: 21%;
  height: 42%; }

body[data-elementor-device-mode='tablet'] .masonry-gallery--image:nth-of-type(10),
body[data-elementor-device-mode='mobile'] .masonry-gallery--image:nth-of-type(10) {
  top: calc( 76% + 10px + 2rem);
  right: 0;
  width: calc( 12% - .5rem);
  height: 15%; }

  /* ******* count area****** */
.counter-area{
background: url(../images/counter_area.png) no-repeat 0 0;
position: relative;
background-size: cover;
}
.counter-area::after{
background: #f4ac07;
position: absolute;
width: 92px;
height: 92px;
border-radius: 50%;
right: 15%;
bottom: -60px;
content: "";
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
  .bot_ftr p {
    margin: 0;
    padding: 0px 0;
  }

  @media (max-width: 768px) {
    .bot_ftr {
      text-align: center !important;
    }

    .right-area {
      text-align: center !important;
      display: block;
      width: 100%;
    }
  }



.align {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-align: center;
  align-items: center;
  height: 40vh;
}

.stat-wrap {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  justify-content: space-between;
  padding:180px 50px 0;
  width: 100%;
}
.stat-wrap div {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color:#ededed;
}
.stat-wrap div img {
  margin-bottom: 20px;
}

.stat-number {
  display: block;
  font-size: 45px;
  font-weight: 800;
  color: white;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 15px;
}
/******** ********/
.news-area {
  margin-bottom: 200px;
      padding: 101px 0px 0px 0px;
}

.news-area h3 {
  font-family: 'Poppins', sans-serif;
  color: #333;
  position: relative;
  font-size: 39px;
  text-align: center;
  font-weight: 800;
  padding-bottom: 15px;
  margin-bottom: 40px;
}

#news-slider .owl-stage {
  display: flex;
  align-items: stretch; /* equal height cards */
}

.post-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  background: #fff;
  margin: 20px 15px;
  border-radius: 15px;
  padding: 0 0 15px 0;
  box-shadow: 0px 14px 22px -9px #bbcbd8;
  min-height: 500px; /* fixed height for all cards */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.post-slide:hover {
  transform: translateY(-5px);
  box-shadow: 0px 18px 28px -8px rgba(0, 0, 0, 0.15);
}

.post-slide .post-img {
  position: relative;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
  height: 200px;
}

.post-slide .post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease;
}

.post-slide:hover .post-img img {
  transform: scale(1.1);
}

.post-slide .over-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75), rgba(45, 112, 253, 0.6));
  transition: opacity 0.4s ease;
}

.post-slide:hover .over-layer {
  opacity: 1;
}

.post-slide .over-layer i {
  position: relative;
  top: 45%;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 25px;
}

.post-slide .post-content {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.post-slide .post-title a {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
  transition: color 0.3s ease;
}

.post-slide .post-title a:hover {
  color: #3498db;
}

.post-slide .post-description {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 16px;
  margin-top: -55px;
}

.post-slide .post-date {
  color: #a9a9a9;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: auto;
}

.post-slide .post-date i {
  font-size: 18px;
  margin-right: 8px;
  color: #cfdace;
}

.readmore-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 8px 20px;
  background: #ad4252;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 25px;
  text-decoration: none;
  box-shadow: 0px 10px 20px -10px #ad4252;
  transition: background 0.3s ease, transform 0.2s ease;
}

.readmore-btn:hover {
  background: #d35465;
  transform: translateY(-2px);
  text-decoration: none;
}

/* ---- Owl Nav Buttons ---- */
.owl-controls .owl-buttons {
  text-align: center;
  margin-top: 20px;
}

.owl-controls .owl-buttons .owl-prev,
.owl-controls .owl-buttons .owl-next {
  background: #ad4252;
  position: absolute;
  top: -13%;
  padding: 10px 16px;
  border-radius: 50%;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: background 0.3s ease;
}

.owl-controls .owl-buttons .owl-prev {
  right: 66px;
}

.owl-controls .owl-buttons .owl-next {
  right: 15px;
}

.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
  font-family: FontAwesome;
  color: #fff;
  font-size: 22px;
}

.owl-controls .owl-buttons .owl-prev:after {
  content: "\f104";
}

.owl-controls .owl-buttons .owl-next:after {
  content: "\f105";
}

.owl-controls .owl-buttons .owl-prev:hover,
.owl-controls .owl-buttons .owl-next:hover {
  background: #d35465;
}

/*********** FOOTER********/ 
     .footer-area {
        background: #073a68  no-repeat 90% 50%;
        padding-top: 50px;
        position: relative;
      }
      .footer-area::before {
      /* background: url(../images/footer_bg.png) no-repeat 50% 0; */
      background-color: #073a68;
      -webkit-transform: skewY(-4deg);
      transform: skewY(-4deg);
     top: -67px;
     content: '';
     left: 0;
     right: 0;
     position: absolute;
     height: 200px;
      }
      .footer-area::after {
        background: #f4ac07;
        position: absolute;
        width: 92px;
        height: 92px;
        border-radius: 50%;
        right: 15%;
        top: -160px;
        content: "";
        animation-name: floating;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }
      
      .footer-area h5 {
        font-weight: bold;
       font-size: 18px;
      text-align: left;
      color: #fed33a;
      }
      
      .footer-area .fa-facebook-f,
      .footer-area .fa-twitter,
      .footer-area .fa-linkedin-in,
      .footer-area .fa-instagram,
      .footer-area .fa-youtube {
        font-size: 17px;
       color: #fff;
       padding: 18px 6px;
      transition: 0.9s;
      }
      
      .footer-area .fa-facebook-f:hover,
      .footer-area .fa-twitter:hover,
      .footer-area .fa-linkedin-in:hover,
      .footer-area .fa-instagram:hover,
      .footer-area .fa-youtube:hover {
        transform: rotateY(180deg);
       color: #fed33a;
      }
      
      .footer-area ul {
        list-style-type: none;
       padding: 0px;
      }
      
      .footer-area ul li {
        padding-top: 8px;
      }
      
      .footer-area ul li a {
        font-size: 16px;
        color: #fff;
        line-height: 25px;
       font-weight: 300;
      }
      
      .footer-area ul li a:hover {
        text-decoration: none;
       color: #fed33a;
      }
      
      .footer-area .col-md-4:nth-child(1) {
        border-right: 1px solid #fff;
      }
      
      .footer-area .col-md-8 .col-md-4:nth-child(1) {
        border-right: none;
      }
      
      .footer-area .form-group .form-control {
        background-color: transparent;
      
        border: 1px solid #fff;
      
        border-radius: 0px;
      
        margin-top: 18px;
      
        padding: 5px 14px;
      
        color: #fff;
      }
      
      .footer-area .form-group .form-control::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
      
        color: #fff;
      
        opacity: 1; /* Firefox */
      }
      
      .footer-area .form-group .btn-primary {
        border-radius: 0px;
      
        margin-top: 15px;
      
        float: right;
      
        padding: 10px 25px;
      
        font-size: 18px;
      }
      
      .footer-area .form-control.ph_numr {
        border: 1px solid #98cc1a;
      }
      
      .footer-area .mar_lrft50 {
        margin-left: 50px;
      }
      
      .footer-area .bot_ftr {
        padding: 25px 0;
      }
      
      .footer-area .bot_ftr p {
        color: #fff;
      
        font-size: 16px;
      }
      
      .footer-area .bot_ftr p.left-area span {
        color: #fec459;
      }
      
      .footer-area .bot_ftr p.right-area a {
        color: #21a8fd;
      }
      
      .footer-area .bot_ftr p.right-area {
        text-align: right;
      }
      
      .bot_area {
        background-color: #00203c;
       margin-top: 30px;
      }
      
      .text-office {
        color: #74e6ff;
      }
      
      /************* about us***************/
      @keyframes floating {
        from { transform: translate(0,  0px); }
        65%  { transform: translate(0, 15px); }
        to   { transform: translate(0, -0px); }    
    } 
    
    /******buttun** */
    .important_menu {background: url(../images/bgpat-photoroom.jpg);padding-top: 50px;padding-bottom: 30px;}
.important_menu h2{text-align:center;margin-bottom:80px;font-size: 35px;text-transform:uppercase;letter-spacing: 3px;}
.important_menu .fa{margin:auto;width: 130px;height: 130px;border-radius:100%;color: #003366;font-size: 44px;padding-top: 39px;border: solid 1px #e6e6e6;text-align: center;display: block;background:url(../images/about_us_bg.jpg);}
.box img {background: #ffffff;padding: 10px; border-radius: 50%; width: 130px; height: 130px; margin: auto;
  text-align: center; position: relative; z-index: 9; display: block;
}
.important_menu h3{text-align:center;font-size: 25px;color: #ffffff;margin-top: 34px;letter-spacing: 2px; font-family: 'Poppins', serif;}
.important_menu .box article {width: 140px;height: 140px;margin: auto;border-radius: 100%;padding-top: 10px;}
.important_menu .box article a {position: relative;display: block;width: 150px;height: 150px;color: #fff; font-family: 'Poppins', serif; font-size: 18px;text-align: center;text-decoration: none;line-height: 40px;}
.important_menu .box article a .icon { position: relative; z-index: 2; } 
.important_menu .box article a .circle {position: absolute;z-index: 1;top: -10px;left: 0;display: block;width: 100%;height: 100%;background: rgba(176, 216, 255, 0.12);border-radius: 100%;} 
.important_menu .box article a .circle span { position: absolute; width: 50%; height: 100%; overflow: hidden; } 
.important_menu .box article a .circle span em {position: absolute;border-radius: 999px;width: 100%;height: 100%;background: #fac700bf;transition: transform 0.25s linear;} 
.important_menu .box article a .circle span:first-child { left: 0%; } 
.important_menu .box article a .circle span:first-child em { left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; transform-origin: 0% 50%; }
    .important_menu .box article a .circle span:last-child { left: 50%; } 
    .important_menu .box article a .circle span:last-child em { left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; transform-origin: 100% 50%; transition-delay: 0.25s; } 
    .important_menu .box article a:hover .circle span:first-child em { transform: rotate(-180deg); transition: transform 0.5s ease-out; transition-delay: 0.25s; }
    .important_menu .box article a:hover .circle span:last-child em { transform: rotate(-180deg); transition: transform 0.25s linear; }
    .princepal-massage .sec-pad{
     padding-bottom: 0; 
    }
   /********** calender **********/
   .modal-blue-header{
    background-color: #073a68;
    color: #fff;
   }
   .calender_container{
    margin:0 auto;
    width:100%;
    height:320px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    font-family:'Roboto';
    border-radius:8px 8px 0px 0px;
    background-color:white;
  }
  .modal-contain-trans{
    background-color: transparent;
    border: none; 
  }
  .modal-contain-trans button .close{
    background-color: #fff;
    width: 40px;
    height: 40px; 
    border-radius: 50%;
    margin-top: -10px;
    margin-right: -10px;
    opacity: 1;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  .modal-contain-trans button span{
    font-size: 30px;
  }
  
  .ui-datepicker-header{
    background-color: #2196f3;
    color:white;
    text-align:center;
    font-family: 'Poppins',sans-serif;
    padding:10px;
    height:70px;
    border-radius:8px 8px 0px 0px;
    text-transform: uppercase;
    font-weight:700;
    font-size: 30px;
  }
  
  .ui-datepicker-prev span, 
  .ui-datepicker-next span{
    display:none;
  }
  
  .ui-datepicker-prev:after{
    content:"<";
    font-size:2rem;
    float:left;
    margin-left:10px;
    cursor:pointer;
    color:#fff;
    margin-top: 10px;
  }
  
  
  .ui-datepicker-next:after{
    content:">";
    float:right;
    font-size:2rem;
    margin-right:10px;
    cursor:pointer;
    color:#fff;
    margin-top: 10px;
  }
  .ui-datepicker-calendar th{
    padding:10px;
    color:#2196f3;
  }
  .ui-datepicker-calendar th:last-child{
    color:#f4071a;
  }
  
  .ui-datepicker-calendar {
      text-align:center;
      margin:0 auto;
      padding:8px;
      width: 100%;
  }
  
  .ui-datepicker-title{
    padding:10px;
  }
  
  .ui-datepicker-calendar td {
    padding:4px 0px;
  }
  
  .ui-datepicker-calendar .ui-state-default {
    text-decoration:none;
    color:black;
  }
  
  .ui-datepicker-calendar .ui-state-active {
      color: #2196f3;
  } 
  #overlay-area .inner-bg {
    background: url(../images/inner_banner/inner_bg.jpg) no-repeat 0 20%;
    background-size: cover;
    padding: 80px 0;
    min-height: 500px;
    position: relative;

}
#overlay-area .inner-bg-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
#overlay-area .inner-bg h2 {
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 800;
line-height: 1.3;
font-size: 2.5rem;
}
#overlay-area .inner-bg .headline-holder{
padding: 150px 0;
}
#overlay-area .inner-bg .breadcrumb{
background: none;  
}
#overlay-area .inner-bg .breadcrumb ol li {
color: #fff;

}
#overlay-area .inner-bg .breadcrumb .bread-home{
text-decoration: none;
}    
#overlay-area .inner-bg .breadcrumb .breadcrumb-item{
font-size: 15px;
}



#overlay-area .inner-bg ol li:before {
  color: #fff;
}
#overlay-area .breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #fff;
  font-weight: bold;
  content: "/";
}
#about-us{
position: relative;

}
#about-us::before{
position: absolute;
top: 0;
right: 0;
content: "";
background: url(../images/top.png) no-repeat 100% 0;
width: 100%;
height:100%;
z-index: -1;
}
#about-us::after{
position: absolute;
bottom:0;
left: 0;
content: "";
background: url(../images/bottom.png) 0 100% no-repeat;

width: 100%;
height:100%;
z-index: -1;
}
#about-us .about-area{
padding-top: 5%;
padding-bottom: 20%;
position:relative;
}
#about-us .about-area .fa-user-graduate{
color: #ffc107;
}
#about-us .about-area .header{
color: #073a68;
font-weight: 400;
font-family: poppins;
text-transform: uppercase;
}
#about-us .about-area .header-two{
color: #54a4ee;
font-family: poppins;
text-transform: uppercase;
}
#about-us .about-area .header-border{
border-bottom: 2px solid #ffc107; 
display: inline-block;
}
#about-us .about-area .school-img{
width: 100%;
height: 250px;
overflow:hidden;
border:5px solid #fff;
box-shadow: 0 0 10px #666;
position: relative;
}
#about-us .about-area .school-img img{
width: 100%;
height: 100%;
 object-fit: cover;
}
#about-us .school-img::after{
position: absolute;
content: "DON BOSCO";
left: 0;
top: 0;
justify-content: center;
display: flex;
align-items: center;
bottom: 0;
color: #fff;  
background: rgba(20,20,20,0.6);
font-weight: bold;
font-size: 30px;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.9s;
}
#about-us .school-img:hover::after{
opacity: 1;
}

#about-us .school-img{
transition: 0.5s;
cursor: pointer;
}
#about-us .school-img:hover{
transform: scale(1.1);
}
#about-us .float-round{
position: relative;
top: -10%;
left: 80%;
width: 70px;
height: 70px;
background:#54a4ee;
border-radius: 50%;
animation: logo 3s infinite linear;
}
@keyframes logo{
60%{
  transform: translateY(-10px);
}

 80%{
  transform: translateY(10px);
}
}
#about-us .about-area .school-para{
font-size: 16px;
font-family: poppins;
}
#about-us .carousel-caption p{
color:  #000;
font-weight: bold;
}
#about-us #menu ul{
background: #073a68;
}

#about-us #menu ul li{
padding: 8px;
border-bottom: 1px solid lightgrey;
text-align: center;
color: #fff;
transition: all 0.5s;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}

#about-us #menu ul li:hover{
background: #54a4ee;
color: #fff;
}
#about-us .accordion-body{
background: #f4ac07;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#about-us .accordion-body a{
text-decoration: none;
color: #fff;
}
#about-us .admission{
background: #54a4ee;
border: 1px solid #54a4ee;
height: 60px;
justify-content: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-radius: 6px;
cursor: pointer;
/* animation: mirrorflip 3s 0s infinite; */
}

#about-us .admission:hover{
transition: 0.3s;
animation:none; 
}


@keyframes mirrorflip {
0% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
}
50% {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}
100% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
}
#about-us .admission .admission-para{
font-weight: bold;
padding: 10px;
color: #fff;
font-size: 20px;
}
#about-us .news-head{
font-weight: 700;
text-transform: uppercase;
}
/*****AboutUs area css end*******************/

/*****Management area css start*******************/
#management{
position: relative;
padding-top: 1%;
padding-bottom: 20%;
}
#management .heading-area{
border-bottom: 3px solid #fd7e14;
display: inline-block;

}
#management::before{
position: absolute;
content: "";
right:0;
top: 0;
width: 100%;
height: 100%;
/* background: url(../images/top1.png) no-repeat 100% 0; */
background-size: 40% auto;
opacity: 0.2;  
}
#management::after{
position: absolute;
content: "";
left:0;
bottom: 4.5%;
width: 50%;
height: 75%;
/* background: url(../images/bottom1.png) no-repeat ; */
background-size:100% 100%;
opacity: 0.2; 
z-index: -2;
}
#management .fa-user-graduate{
color: #ffc107;
}
#management .header{
color: #073a68;
font-weight: 600;
font-family: poppins;
text-transform: uppercase;
}
#management .header-two{
color: #54a4ee;
font-family: poppins;
text-transform: uppercase;
}
#management .header-border{
border-bottom: 2px solid #ffc107; 
display: inline-block;
}
#management .management-person .card{
border: none !important;
box-shadow: none !important;
}

#management .management-person .card-header{
background: #F44336;
position: relative;
border-bottom:none;
}
#management .management-person  #second{
background: #E91E63;
}
#management .management-person #second::after{
background: #E91E63; 
}
#management .management-person #second::before{
background: #A40239;
}
#management .management-person  #third{
background: #9C27B0;
}
#management .management-person #third::after{
background: #9C27B0; 
}
#management .management-person #third::before{
background: #570366;
}

#management .management-person  #fourth{
background: #9C27B0;
}
#management .management-person #fourth::after{
background: #9C27B0; 
}
#management .management-person #fourth::before{
background: #570366;
}
#management .management-person  #fifth{
background: #E91E63;
}
#management .management-person #fifth::after{
background: #E91E63; 
}
#management .management-person #fifth::before{
background: #A40239;
}
#management .management-person .card-header::after{
content: '';
position: absolute;
border-radius: 5px;
box-shadow: 0 0 4px #000;
background: #F44336;
border: 0px solid black;
width: 103%;
height: 110%;
right:0;
top:0px;
z-index:-1;
}
#management .management-person .card-header::before{
content: '';
position: absolute;
background: #AC0E03;
border: 0px solid black;
width: 20px;
height: 20px;
clip-path: polygon(100% 0, 0 100%, 100% 100%);
left:-11px;
top:-19px;
z-index:-5;
}
#management .writer-card img{
position: relative;
}




/*****Management area css end*******************/

/*****Computer class area css start*******************/

#computer-area{
padding-top: 0;
padding-bottom: 20%;
position: relative;
}
#computer-area::before{
position: absolute;
content: "";
right:0;
top: 0;
width: 100%;
height: 100%;
/* background: url(../images/before.png) no-repeat 100% 0; */
background-size: 40% auto;
opacity: 0.3;  
}
#computer-area::after{
position: absolute;
content: "";
left:0;
bottom: 0;
width: 50%;
height: 50%;
/* background: url(../images/after.png) no-repeat 100% 100%; */
background-size: 100% auto;
opacity: 0.2; 
z-index: -1;
}
#computer-area .header-border{
border-bottom: 2px solid #ffc107; 
display: inline-block;
}
#computer-area .class-img {
width: 100%;
height: 200px;
overflow:hidden;
border:5px solid #fff;
box-shadow: 0 0 10px #666;
position: relative;
border-radius: 10px;
}


#computer-area .class-img img{
position: relative;
border-radius: 10px;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.5s;
}
/*.computer-area .class-img img:hover{
transform: scale(1.4);
}*/


#computer-area .class-sub-head{
font-weight: bold;
color: #fd7e14;
}
#computer-area .class-text{
font-size: 14px;
font-weight: 400;
color: #000;
word-spacing: 1px;
line-height: 1.5;
font-family: 'Oswald', sans-serif 300;
}
#computer-area .class-text-center{
font-size: 14px;
font-weight: 400;
color: #000;
word-spacing: 2px;
line-height: 1.9;
font-family: 'Oswald', sans-serif 300; 
}

#computer-area .rule-head{
color: #0964af;
font-weight: bold;
}
#computer-area .check-area{
font-size: 17px;
font-weight: 500;
color: grey;
line-height: 1.8;
}
#computer-area .fa-check-to-slot{
font-size: 20px;
color: #0964af;
}
#computer-area .dummy-img img{
border-radius: 7px;
cursor: pointer;
}
#computer-area .carousel-caption p{
color:  #000;
font-weight: bold;
}
#computer-area #menu ul{
background: #073a68;
}

#computer-area #menu ul li{
padding: 8px;
border-bottom: 1px solid lightgrey;
text-align: center;
color: #fff;
transition: all 0.5s;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}

#computer-area #menu ul li:hover{
background: #54a4ee;
color: #fff;
}
#computer-area .accordion-body{
background: #f4ac07;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#computer-area .accordion-body a{
text-decoration: none;
color: #fff;
}
#computer-area .admission{
background: #54a4ee;
border: 1px solid #54a4ee;
height: 60px;
justify-content: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-radius: 6px;
cursor: pointer;
animation: mirrorflip 3s 0s infinite;
}

#computer-area .admission:hover{
transition: 0.3s;
animation:none; 
}


@keyframes mirrorflip {
0% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
}
50% {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}
100% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
}
#computer-area .admission .admission-para{
font-weight: bold;
padding: 10px;
color: #fff;
font-size: 20px;
}
#computer-area .news-head{
font-weight: 700;
text-transform: uppercase;
}

/*principal message stylle start*/

#principal{
padding-bottom: 20%;
position: relative;
}
#principal::before{
position: absolute;
content: "";
right:0;
top: 0;
width: 50%;
height: 75%;
background: url(../images/t2.png) no-repeat 100% 0;
background-size: 100% auto;
opacity: 0.2;  
}
#principal::after{
position: absolute;
content: "";
left:0;
bottom: 4.5%;
width: 50%;
height: 75%;
background: url(../images/t1.png) no-repeat 0 100% ;
background-size:100% auto;
opacity: 0.2; 
z-index: -2;
}
#principal .header-border{
border-bottom: 2px solid #ffc107; 
display: inline-block;
}
#principal .content {
position: relative;
width: 90%;
max-width: 400px;
margin: auto;
overflow: hidden;
z-index: 3;
}

#principal .content .content-overlay {
background: #000;
position: absolute;
height: 80%;
width: 72%;
left: 29px;
top: 33px;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}


}
#principal .content .content-overlay img{
box-shadow: 0 0 5px #000;
}

#principal .content:hover .content-overlay{
opacity: 0.5;

}

#principal .content-image{
width: 100%;
}

#principal .content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 70%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.8s ease-in-out 0s;
}

#principal .content:hover .content-details{
top: 55%;
left: 45%;
opacity: 1;
}

#principal .content-details h5{
font-weight: 700;
letter-spacing: 0.12em;
margin-bottom: 0.5em;
text-transform: uppercase;
}
#principal .content-details p{
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
#principal .fadeIn-top{
top: 40%;
margin-top: 10%;
}
#principal .fadeIn-right{
left: 40%;
}
#principal .msg-para{
font-size: 17px;
color: #000;
line-height: 1.3;
word-spacing: 2px;
}
#principal .msg-para-btm{
font-size: 17px;
color: #000;
word-spacing: 2px;
line-height: 1.5;
letter-spacing: 0.5px;
}
#principal .message-para-area{
position: relative;
}

#principal .message-para-area::after{
position: absolute;
content: "";
right: 0;
bottom: -25px;
width: 55px;
height: 55px;
background:#F7C86A;
border-radius: 50%;
animation: circle2 5s 2s infinite ease-in-out;
opacity: 0.4;
}


@keyframes circle2{
0%{
  transform: translateX(-20px);
  background: #E7AC85;
  transition: 0.5s;
  animation-duration: 1s;    
}
25%{
  background: #87AACB;
  box-shadow: 0 0 6px #000;
}
50%{
  transform: translateX(0px);
}
75%{
 background: #94E3B8; 
}
100%{
  transform: translateX(-20px);
  background: #DFCF8E;
  transition: 0.5s;
  animation-delay: 1s;
  animation-duration: 1s;
  box-shadow: 0 0 9px #000;
}
}
#principal .btm-para{
font-size: 17px;
color: #000;
line-height: 1.8;
}


#principal .quotation-text{
font-size: 20px;
line-height: 1.6;
color: #082744;
font-weight: bold;
}
#principal .fa-quote-left{
font-size: 30px;
color: #04627B;
}
#principal .fa-quote-right{
font-size: 30px; 
color: #04627B;
}
#principal .principal .dummy-img{
position: relative;
}
#principal .principal .dummy-img::before{
position: absolute;
content: "";
left: 0;
top: -50px;
width: 55px;
height: 55px;
background-image: linear-gradient(30deg, #27EEF1, #3759E4);
transform: translateY(100px);
border-radius: 50%;
animation: circle1 5s infinite ease-in-out;
opacity: 0.6;
box-shadow: 0 0 4px rgba(10, 10, 20, 0.4);
}
@keyframes circle1{
0%{
  transform: translateY(10px);
}
50%{
  transform: translateY(0px);
    }

100%{
  transform: translateY(10px);
  transition: 0.5s;
}
}



#principal .carousel-caption p{
color:  #000;
font-weight: bold;
}
#principal #menu ul{
background: #073a68;
}

#principal #menu ul li{
padding: 8px;
border-bottom: 1px solid lightgrey;
text-align: center;
color: #fff;
transition: all 0.5s;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}

#principal #menu ul li:hover{
background: #54a4ee;
color: #fff;
}
#principal .accordion-body{
background: #f4ac07;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#principal .accordion-body a{
text-decoration: none;
color: #fff;
}
#principal .admission{
background: #54a4ee;
border: 1px solid #54a4ee;
height: 60px;
justify-content: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-radius: 6px;
cursor: pointer;
animation: mirrorflip 3s 0s infinite;
}

#principal .admission:hover{
transition: 0.3s;
animation:none; 
}


@keyframes mirrorflip {
0% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
}
50% {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}
100% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
}
#principal .admission .admission-para{
font-weight: bold;
padding: 10px;
color: #fff;
font-size: 20px;
}
#principal .news-head{
font-weight: 700;
text-transform: uppercase;
}
/*principal message stylle end*/      


/*promotion style start*/
#assesment{
  padding-top: 3%;
  padding-bottom: 10%;
}

#assesment .assesment-promotion .header{
  color: #073a68;
  font-weight: 400;
  font-family: poppins;
  text-transform: uppercase;
  }
  #assesment .assesment-promotion .header-two{
    color: #54a4ee;
    font-family: poppins;
    text-transform: uppercase;
  }
  #assesment .assesment-promotion .header-border{
    border-bottom: 2px solid #ffc107; 
    display: inline-block;
  }



/*promotion style end*/
/*withdraw style start*/

#withdraw{
padding-top: 3%;
padding-bottom:10%;
}
#withdraw .withdraw-dismissals .header{
  color: #073a68;
  font-weight: 400;
  font-family: poppins;
  text-transform: uppercase;
  }
  #withdraw .withdraw-dismissals .header-two{
    color: #54a4ee;
    font-family: poppins;
    text-transform: uppercase;
  }
  #withdraw .withdraw-dismissals .header-border{
    border-bottom: 2px solid #ffc107; 
    display: inline-block;
}


/*withdraw style end*/
/*curriculam style start*/
#curriculum{
padding-top: 3%;
padding-bottom: 10%;
}

#curriculum .curricular-area .about-area .header{
  color: #073a68;
  font-weight: 400;
  font-family: poppins;
  text-transform: uppercase;
  }
  .about-area .header-two{
    color: #54a4ee;
    font-family: poppins;
    text-transform: uppercase;
  }
  .about-area .header-border{
    border-bottom: 2px solid #ffc107; 
    display: inline-block;
  }


/*curricular style end*/


/*admission style start*/
#admission{
padding-bottom: 16%;
position: relative;
}
#admission .header-border{
border-bottom: 2px solid #ffc107; 
padding: 3px;
display: inline-block;
}
#admission .class-header{
color: #073a68;
font-weight: 600;
}
/*#admission::before{
position: absolute;
content: "";
right:0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/tr1.png) no-repeat 100% 0;
background-size: 50% auto;
opacity: 0.1;  
z-index: -12;
}
#admission::after{
position: absolute;
content: "";
left:0;
bottom: 0;
width: 50%;
height: 50%;
background: url(../images/tr2.png) no-repeat ;
background-size: 100% auto;
opacity: 0.1; 
z-index: -10;
}*/


/*.admission-process{
background: url('../images/tr.jpg') no-repeat;
background-size: 100% 100%;
background-position: cover;
background-attachment: fixed;
}*/
/*#admission .card{
box-shadow: none;
}



#admission .card .card-body{
position: relative;
height: 400px;
overflow: auto;
padding-top: 8%;
z-index: 1;
width: 100%;
height: 400px;
background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)),url('../images/ad.jpg');
background-attachment: fixed;
background-size: 100% 100%; 
}

#admission .card-header{
background-image: linear-gradient(to top,#0FA9F7, #96CCE7);
position: relative;
}
#admission .card-header::after{
position: absolute;
content: "";
bottom: -40px;
left: 40px;
width: 60px;
height: 40px;
background-image: linear-gradient(to top,#96CCE7,#0FA9F7);
z-index: 10;
clip-path: polygon(100% 0, 0 0, 49% 100%);
}*/

#admission .card .card-header h1{
color: #fff;
font-weight: 600;
font-family: 'Playfair Display', serif;
}
#admission .process-area img{
width: 50px;
height: 40px;
color: #fff;
margin-top: 5px;
margin-right: 10px;
}

#admission .process-head{
font-weight: 600;
word-spacing: 10px;
letter-spacing: 1px;
}
#admission .card-body-text{
color: #000;
font-weight: 600;
font-size: 17px;
line-height: 1.5;
padding-left: 10px;
/*font-weight: bold;*/
}
#admission .card-body-area{
margin-top: 10px;
}


#admission .card-body-area .fa-square-check{
margin-top: 7px;
color:#0FA9F7;
font-size: 17px;
}
#admission .online-btn-area{
text-transform: uppercase;
border:1px solid #000 !important;
justify-content: center;
display: flex;
align-items: center;
color: #EDC210;
height: 50px;
transition: 0.5s all;
}
#admission .online-btn-area:hover{
background:#17a2b8;
color: #fff;
border:none !important;
font-weight: 600;
}
#admission .carousel-caption p{
color:  #000;
font-weight: bold;
}
#admission #menu ul{
background: #073a68;
}

#admission #menu ul li{
padding: 8px;
border-bottom: 1px solid lightgrey;
text-align: center;
color: #fff;
transition: all 0.5s;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}

#admission #menu ul li:hover{
background: #54a4ee;
color: #fff;
}
#admission .accordion-item{
  background-color: transparent;
}
#admission .accordion-item li{
  background: #073a68;
  justify-content: center;
  display: flex;
  align-items: center;
}
#admission .accordion-body{
background: #f4ac07;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#admission .accordion-body a{
text-decoration: none;
color: #fff;
}
#admission .admission{
background: #54a4ee;
border: 1px solid #54a4ee;
height: 60px;
justify-content: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-radius: 6px;
cursor: pointer;
animation: mirrorflip 3s 0s infinite;
}

#admission .admission:hover{
transition: 0.3s;
animation:none; 
}


@keyframes mirrorflip {
0% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
50% {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}
100% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
}
#admission .admission .admission-para{
font-weight: bold;
padding: 10px;
color: #fff;
font-size: 20px;
}
#admission .news-head{
font-weight: 700;
text-transform: uppercase;
}
/*admission style end*/	

/*dresscode area style start*/

#dresscode-area{
position: relative;
padding-top: 2%;
padding-bottom: 20%;
}

#dresscode-area .dress-header{
color: #ffc107;
font-weight: bold;
border-bottom: 2px solid #ffc107;
display: inline-block;
}
#dresscode-area .dress-img{
width: 100%;
height: 250px;
overflow:hidden;
border:5px solid #fff;
box-shadow: 0 0 10px #666;
position: relative;
border-radius: 9px;
}
#dresscode-area .dress-img img{
width: 100%;
height: 100%;
object-fit: cover;  
}
#dresscode-area .dress-img-para{
line-height: 1.7;
}

#dresscode-area .fa-check-to-slot{
margin-top: 7px;
padding-right: 10px;
color: #ffc107;
font-size: 20px;
}


#dresscode-area .carousel-caption p{
color:  #000;
font-weight: bold;
}
#dresscode-area #menu ul{
background: #073a68;
}

#dresscode-area #menu ul li{
padding: 8px;
border-bottom: 1px solid lightgrey;
text-align: center;
color: #fff;
transition: all 0.5s;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}

#dresscode-area #menu ul li:hover{
background: #54a4ee;
color: #fff;
}
#dresscode-area .accordion-body{
background: #f4ac07;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#dresscode-area .accordion-body a{
text-decoration: none;
color: #fff;
}
#dresscode-area .admission{
background: #54a4ee;
border: 1px solid #54a4ee;
height: 60px;
justify-content: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-radius: 6px;
cursor: pointer;
animation: mirrorflip 3s 0s infinite;
}

#dresscode-area .admission:hover{
transition: 0.3s;
animation:none; 
}


@keyframes mirrorflip {
0% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
}
50% {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}
100% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
}
#dresscode-area .admission .admission-para{
font-weight: bold;
padding: 10px;
color: #fff;
font-size: 20px;
}
#dresscode-area .news-head{
font-weight: 700;
text-transform: uppercase;
}

#dresscode-area .rules-area .check-para{
line-height: 1.8;
color: #000;
font-weight: bold;
}
#dresscode-area .rules-area .fa-check-to-slot{
margin-top: 5px;

}
/*dresscode area style end*/


/*Affiliation style start*/
#affiliation{
padding-top: 2%;
padding-bottom: 15%;
position: relative;
}

#affiliation::before{
position: absolute;
top: 0;
right: 0;
content: "";
background: url(../images/af1.png) no-repeat;
background-size: 100% auto;
width: 50%;
height:50%;
z-index: -1;
opacity: 0.1;
}
#affiliation::after{
position: absolute;
bottom:0;
left: 0;
content: "";
background: url(../images/af2.png) 100% 100% no-repeat;
background-size: 100% auto;
width: 70%;
height:70%;
opacity: 0.1;
z-index: -1;
}
#affiliation .address-para{
font-weight: 500;
}

#affiliation .header-border{
border-bottom: 2px solid #ffc107; 
padding: 3px;
display: inline-block;
}
#affiliation .class-header{
color: #073a68;
font-weight: 600;
}
#affiliation .main-img{
width: 100%;
min-height: 250px;
overflow:hidden;
border:5px solid #fff;
box-shadow: 0 0 10px #666;  
}

#affiliation .main-img img{ 
width: 100%;
height: 100%;
object-fit: cover;
}
#affiliation #menu ul{
background: #073a68;
}

#affiliation #menu ul li{
padding: 8px;
border-bottom: 1px solid lightgrey;
text-align: center;
color: #fff;
transition: all 0.5s;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}

#affiliation #menu ul li:hover{
background: #54a4ee;
color: #fff;
}
#affiliation .accordion-body{
background: #f4ac07;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#affiliation .accordion-body a{
text-decoration: none;
color: #fff;
}
#affiliation .admission{
background: #54a4ee;
border: 1px solid #54a4ee;
height: 60px;
justify-content: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-radius: 6px;
cursor: pointer;
animation: mirrorflip 3s 0s infinite;
}

#affiliation .admission:hover{
transition: 0.3s;
animation:none; 
}


@keyframes mirrorflip {
0% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
}
50% {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}
100% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
}
#affiliation .admission .admission-para{
font-weight: bold;
padding: 10px;
color: #fff;
font-size: 20px;
}
#affiliation .news-head{
font-weight: 700;
text-transform: uppercase;
}



/*Affiliation style end*/

/*Rules & regulation start start*/

#rules{
padding-top: 3%;
padding-bottom: 13%;
position: relative;
}
#rules::before{
position: absolute;
top: 0;
right: 0;
content: "";
background: url(../images/rules1.png) no-repeat;
background-size: 100% auto;
width: 50%;
height:50%;
z-index: -1;
opacity: 0.2;
}
#rules::after{
position: absolute;
bottom:0;
left: 0;
content: "";
background: url(../images/rules2.png) 100% 100% no-repeat;
background-size: 100% auto;
width: 70%;
height:70%;
opacity: 0.2;
z-index: -1;
}
#rules .header-border{
border-bottom: 2px solid #F1C40B;
display: inline-block;

}
#rules .fa-square-check{
margin-top: 4px;
font-size: 18px;
color: #F4AF10;
}
#rules .guide-para{
margin-left: 20px;
font-size: 17px;
word-spacing: 3px;
line-height: 1.5;
color: #000;
font-weight: 600;
}
#rules .attitude-head{
font-size: 33px;
font-weight: 600;
color: #1C4CB4;
text-shadow: 2px 2px #1C4CB4;
}
#rules .card{
box-shadow: none;
}




#rules .carousel-caption p{
color:  #000;
font-weight: bold;
}
#rules #menu ul{
background: #073a68;
}

#rules #menu ul li{
padding: 8px;
border-bottom: 1px solid lightgrey;
text-align: center;
color: #fff;
transition: all 0.5s;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}

#rules #menu ul li:hover{
background: #54a4ee;
color: #fff;
}
#rules .accordion-body{
background: #f4ac07;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}
#rules .accordion-body a{
text-decoration: none;
color: #fff;
}
#rules .admission{
background: #54a4ee;
border: 1px solid #54a4ee;
height: 60px;
justify-content: center;
display: flex;
align-items: center;
text-transform: uppercase;
border-radius: 6px;
cursor: pointer;
animation: mirrorflip 3s 0s infinite;
}

#rules .admission:hover{
transition: 0.3s;
animation:none; 
}


@keyframes mirrorflip {
0% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  
}
50% {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
}
100% {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
}
#rules .admission .admission-para{
font-weight: bold;
padding: 10px;
color: #fff;
font-size: 20px;
}
#rules .news-head{
font-weight: 700;
text-transform: uppercase;
}

/*Rules & regulation style end*/


/*Application style start*/ 

.application{
padding-top: 5%;
padding-bottom: 30%;
background: #245066;
}
.legend{
width: 200px;
height: 200px;
justify-content: center;
display: flex;
align-items: center;
position: relative;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px #000;

}
.prev,
.next {
	position: fixed;
	top: 0;
	width: 15%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	z-index: 999;
	color: rgba(255,255,255,.5);
	font-size: 8rem;
	font-family: monospace;
	transition: all .2s;
}

.prev:hover,
.next:hover {
	color: rgba(255,255,255,.8);
}

.prev {left: -25%;}
.next {right: -25%;}

.active .prev {left: 0;}
.active .next {right: 0;}

.photogallery-area .photo-area .header{
color: #073a68;
font-weight: 400;
font-family: poppins;
text-transform: uppercase;
}
.photogallery-area .photo-area .header-two{
  color: #54a4ee;
  font-family: poppins;
  text-transform: uppercase;
}
.photogallery-area .photo-area .header-border{
  border-bottom: 2px solid #ffc107; 
  display: inline-block;
}


.gall-contain {
	margin: 10vh auto;
	max-width: 80%;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-auto-rows: 250px;
	grid-auto-flow: dense;
}

.gall-contain div {
	text-align: center;
	padding: 1rem 0;
	color: white;
	font-size: 3rem;
	text-transform: uppercase;
	background: rgba(0,0,0,.2);
	overflow: hidden;
	padding: 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.gall-contain div img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	transition: all .5s;
}

.gall-contain div.show::before {
	content: '';
	display: block;
	position: fixed;
	z-index: 555;
	width: 100vw;
	height: 100vh;
	top: 0; left: 0;
	background: rgba(0,0,0,.6);
}

.gall-contain div.show img {
	position: fixed;
	top: 0; left: 0;
	margin: 30px;
	align-self: center;
	-o-object-fit: contain;
	   object-fit: contain;
	z-index: 666;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	filter: drop-shadow(0 3px 15px black);
	cursor: url(close-button.png), -webkit-grab;
	cursor: url(close-button.png), grab; /* custom cursor to signal close on click */
}

.gall-contain div:not(.show):hover img {
	cursor: pointer;
	transform: scale(1.3);
}


.horizontal {
	grid-column: span 2;
}

.vertical {
	grid-row: span 2;
}

.big {
	grid-column: span 2;
	grid-row: span 2;
}

.gall-contain .active div:not(.show) img {
	filter: blur(3px);
}
/********* about area********/
.about-us{
  position: relative;
}
.about-us::before{
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background: url(../images/pentop.png) no-repeat;
  background-size: 100% auto;
  width: 100%;
  height:100%;
  z-index: -1;
}
.about-us::after{
  position: absolute;
  bottom:0;
  left: 0;
  content: "";
  background: url(../images/penbottom.png) 100% 100% no-repeat;
  background-size: 100% auto;
  width: 100%;
  height:100%;
  z-index: -1;
}
.about-area{
  padding-top: 5%;
  padding-bottom: 30%;
  position:relative;
}
.about-area .fa-user-graduate{
color: #ffc107;
}
.about-area .header{
color: #073a68;
font-weight: 400;
font-family: poppins;
text-transform: uppercase;
}
.about-area .header-two{
  color: #54a4ee;
  font-family: poppins;
  text-transform: uppercase;
}
.about-area .header-border{
  border-bottom: 2px solid #ffc107; 
  display: inline-block;
}
.about-area .school-img{
  width: 100%;
  height: 250px;
  overflow:hidden;
  border:5px solid #fff;
  box-shadow: 0 0 10px #666;
  position: relative;

}

/**********************brajesh*******************/
#mission-area{
  padding-bottom: 10%;
}
#mission-area .mission-vission .header{
  color: #073a68;
  font-weight: 400;
  font-family: poppins;
  text-transform: uppercase;
  }
  #mission-area .mission-vission .header-two{
    color: #54a4ee;
    font-family: poppins;
    text-transform: uppercase;
  }
  #mission-area .mission-vission .header-border{
    border-bottom: 2px solid #ffc107; 
    display: inline-block;
  }








.yellow-color{
  color: #ffc107;
  }
  .mission-headline{
    font-family: 'Poppins', sans-serif;
    color: #073a68;
    font-weight: 600;
  }
  .mission-box{
  background-color: #cbc9cd;
  padding: 15px 30px 15px 170px;
  position: relative;
  border-radius: 120px;
  color:#222;
  }
  .mission-img-box{
  border-radius: 50%;
  width: 210px;
  height: 210px;
  overflow: hidden;
  position: absolute;
  left: -50px;
  top:0;
  border:5px solid #fff;
  }
  .vision-box{
    background-color: #cbc9cd;
    padding: 15px 170px 15px 30px;
    position: relative;
    border-radius: 120px;
    color:#222;
    }
    .vision-img-box{
    border-radius: 50%;
    width: 210px;
    height: 210px;
    overflow: hidden;
    position: absolute;
    right: -50px;
    top:0;
    border:5px solid #fff;
    }
    .mission-box p, .vision-box p{
     line-height: 30px; 
    }
    .founder {
      width: 50px;
      height: 50px;
      border-radius: 5px;
      display: inline-block;
      background-color: #fd961e;
      transition: 0.5s ease-in-out;
      cursor: pointer;
    }
    .font-weight-700 {
      font-weight: 700 !important;
    }
    .btn-link.text-orange, .text-orange, a.text-orange-hover:hover {
      color: #fd961e !important;
    }
    .founder img {
      margin: 5px;
      display: block;
    }
    .inner-photo-box {
      border: 15px solid #fff;
      box-shadow: 0 0 5px #666;
      overflow: hidden;
      border-radius: 50%;
    }
    .inner-photo-box::before {
      position: absolute;
      content: "";
      background: url(../images/spot1.png) no-repeat 0 0;
      width: 92px;
      height: 92px;
      left: -20px;
      top: 100px;
      animation-name: floating;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
      z-index: 1;
    }







  
	

/**************************** media quaries **********************************/
@media(min-width: 1200px) {
}   
@media(max-width: 1200px){

}
@media(min-width: 981px) and ( max-width: 1024px){
  .notice-sec div.card{
    margin-bottom: 15px; 
   }
}
@media(min-width: 768px) and ( max-width: 980px){
.stat-wrap {
   padding: 50px 50px 0;
    }
.facilites-bg {
  padding-bottom: 200px;
  }

.gallery-area {
    width: 100%;
    position: relative;
}

.school-box-container {
  margin-top: 0;
  } 
.notice-sec div.card{
  margin-bottom: 15px; 
 }
 .princepal-headline {
  margin-top: -100px;
  font-size: 35px;
}
.princepal-headline span {
  color: #fff;
}
.princepal-massage p.sub-line {
  margin-top: 30px;
  }
  .princepal-image {
  height: auto; 
  } 
  .about-sec::before {
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: none;
    display: none;
}
  .about-sec::after {
    position: absolute;
    background: none;
    content: "";
    height:100%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 0;
    display: none;
  } 
  .about-img::before {
  left: -5px;
  top: 0;
  }
  .about-img::after{
    position: absolute;
    content: "";
    border:7px solid #f5b508;
    width:90%; 
    height: 319px;
    right:0;
    bottom:-15px;
    border-radius: 50%;
    z-index: -1;
   } 
   .carousel {
    position: relative;
    height: 95vh;
}
.carousel-inner, .carousel-item {
height: 95vh;
}
.carousel-item img{
 height: 100%; 
 object-fit: cover;
}
.navbar-light .navbar-brand {
width: 70%;
}
.navbar-toggler {
  background-color: #ffd351; 
}

  
  
}

@media(max-width: 767px){
  .carousel {
    position: relative;
    height: 50vh;
}
.carousel-inner, .carousel-item {
height: 50vh;
}
.carousel-item img{
 height: 100%; 
 object-fit: cover;
}
.carousel-control-prev-image {
  /* background-image: url(../images/chevron_prev.png); */
  width: 30px;
  height: 30px;
}
.carousel-control-next-image {
  /* background-image: url(../images/chevron_next.png); */
  width: 30px;
  height: 30px;
}
.navbar-light .navbar-brand {
width: 70%;
}
.navbar-toggler {
  background-color: #ffd351; 
}
.navbar-collapse {
  background: rgba(0, 0, 0, 0.8);
  margin: 0 -16px;
}



  .school-box-container {
  margin-top: 0;
  z-index: 0;
  }
  .school-box {
    margin: 10px -10px 15px;
    width: auto;
}
.school-box h3 {
font-size: 15px;
  
}
.notice-sec div.card{
 margin-bottom: 15px; 
}
  .about-sec::before {
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: none;
    display: none;
}
.about-sec::after {
  position: absolute;
  background: none;
  content: "";
  height:100%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 0;
  display: none;
} 
.about-img::before {
left: -5px;
top: 0;
}
.about-img::after{
  position: absolute;
  content: "";
  border:7px solid #f5b508;
  width:90%; 
  height: 319px;
  right:0;
  bottom:-15px;
  border-radius: 50%;
  z-index: -1;
 }
 .princepal-headline {
  margin-top: -100px;
  font-size: 35px;
}
.princepal-headline span {
  color: #fff;
}
.princepal-massage p.sub-line {
margin-top: 30px;
}
.stat-wrap {
padding: 15px 0 0;
display: block; 
}
.align {
  height: 80vh;
}
.stat-wrap div {
  margin-bottom: 15px; 
}
.facilites-bg {
padding-bottom: 200px;
}
.counter-area {
  background: url(../images/counter_area.png) no-repeat 0 0 ;
  position: relative;
  background-size: cover;
}


}
@media(max-width:400px){

}
@media(max-width:360px) {

}
@media(max-width:320px) {

}

















.readmore-btn {
  display: inline-block;
  background: #ad4252;
  color: #fff;
  text-decoration: none; /* remove underline */
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: 600;

  transition: all 0.3s ease;
  position: relative;
}

/* Arrow animation */
.readmore-btn::after {
  content: " →";
  position: relative;
  left: 0;
  transition: all 0.3s ease;
  opacity: 0;
}

/* Hover state */
.readmore-btn:hover {
  transform: translateY(-3px);
  color: #fff; /* keep text white */
  text-decoration: none; /* no underline */
}

/* Animate arrow */
.readmore-btn:hover::after {
  left: 5px;
  opacity: 1;
}

/* Optional: remove outline on focus */
.readmore-btn:focus {
  outline: none;
  text-decoration: none;
  color: #fff;
}