html,body
{
    margin:0px;
    padding:0px;
  x-overflow:hidden;
   
}

/*  navbar toggle button png 

.navbar-toggler-icon {
    background-image: url(image/CANCEL/CANCEL.png);
}
*/



/*dropdown menu teer remove */
.dropdown-toggle::after {
    display: none !important;
  }
  
  /*dropdown when click then show blue color */

#item_12:active {
    color: black;
    text-decoration: none;
    background-color: white;
}
    

  /*dropdown hover effect  */
    .dropdown:hover .dropdown-menu 
    {
       
      display: block;
      margin-top: 0; 
    }
  /*navabar menu hover */
.navbar-light .navbar-nav #nav-link:hover
{
    color:#ff871c;
}
/*navabar menu */

    /* navbar menu */
    .navbar-light .navbar-nav #nav-link 
    {
     font-size: 17px;
    font-weight: 600;
    color: rgb(0 0 0);
    font-family: "Oswald", sans-serif;
}
/* navbar right push */
.navbar-nav
{
    margin-right:98px;
}

/* navbar home menu  */
.navbar-light .navbar-nav #nav-link2 {
    color: rgb(0 0 0);
    font-family: "Oswald", sans-serif;
     FONT-SIZE: 17PX;
    FONT-WEIGHT: 600;
   

}
/* Space between navbar items */
    .navbar-nav .nav-item + .nav-item {
      margin-left: 21px; 
    }
    
    /* Optional: Set font size for dropdown items */
  .dropdown-menu .dropdown-item {
      font-size: 18px; 
     color: black;
    font-weight: 500;
}
     
    


#mu-menu .navbar-default .navbar-nav li .dropdown-menu {
    border-top: 2px solid #ff871c;
}   

.bg-animated {
 background: linear-gradient(rgb(8 38 255), rgb(8 255 221 / 95%), rgb(227 18 18 / 92%));

  
}

/* @keyframes bgAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
*/
/* heaader adjustemnet  */


#header {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgb(255 250 250 / 78%), rgb(255 255 255 / 63%)), url(image/banner.jpg) center center / cover no-repeat;
}

 /* crousel height */
 .carousel-inner {
      width: 400px;
      height: 400px;
      margin: auto;
    }
    .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover; 
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      width: 33%;
      height: 9%;
      border-radius: 10px;
    }
   /* leader card  and notice card css*/ 
.bordershadow
{
    box-shadow: 5px 5px 5px 5px #ccc;
}
  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
div.box-shadow, article.box-shadow {
    box-shadow: 5px 5px 5px 5px #ccc;
}
 .text-justify {
      line-height: 1.8em;
      font-size: 1.08em;
    } 
   /* leader card */ 
     .card-body_1 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.msg_1
{
  color:Black;
    font-family: sans-serif;
    font-weight: bolder;

    text-decoration:none;
}
.msg_1:hover
{
    color:Red;
}
/* leader card hover css */
 .card-body_1:hover 
 {
      transform: scale(1.1);
        transition: transform 0.6s ease-in-out;
 }

 /* facilities  section css  */
.img-container {
  position: relative;
  width: 100%;
}

.img-container img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(191 21 21 / 77%); 
  border-radius: 50%; 
}

.img-container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
   background: linear-gradient(rgb(8 38 255), rgb(255 54 8 / 47%), rgb(255 70 70 / 72%));
     border-radius: 5px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: -5px 0 1px rgba(153, 153, 153, 0.2),
    -10px 0 1px rgba(153, 153, 153, 0.2),
    inset 0 0 20px rgba(255, 255, 255, 0.3),
    inset 0 0 5px rgba(255, 255, 255, 0.5), 0 5px 5px rgba(0, 0, 0, 0.082);
  position: absolute;
  transform: translate(-50%, -50%);
  font-weight:600;
  text-align: center;
}


/* some moments css */
.after-gap
{
    background-color:Red;
    height:2px;
    width:66px;
}


/* owl crousel css */
/* Style contact element */

#contact 
{
    margin-top:13px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgb(8 38 255), rgb(255 70 70 / 72%)), url(image/banner.jpg) center center / cover no-repeat;
}
/* owl crousel css */
.owl-nav
{
    display:none
}

/* ul li quick link css */
#quick {
            width: 200px;
            margin-top:15px;
        }
        #ul_link {
            list-style: none;
            font-family: math;
            font-style: italic;
            padding: 0;
            margin: 0;
        }
        #ul_link li {
            margin-bottom: 10px;
             
                transform: translateX(10px);
        }
        #ul_link a {
            text-decoration: none;
            
            
            padding: 10px;
            transition: background-color 0.3s;
        }
        #ul_link li a:hover 
        {
               transition: transform 0.3s ease-in-out;
             
            
            background-color:#C8130A;
            
        }
#footer_p a:hover
{
  background: rgb(0,3,36);
background: linear-gradient(90deg, rgba(0,3,36,1) 9%, rgba(171,14,14,1) 59%, rgba(0,3,36,1) 89%);
  
}
/* heading png style section */
/* styles.css */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:-47px;
}

.animated-image {
    width: 200px;
    transition: filter 0.5s ease-in-out, transform 1s ease-in-out;
}

/* Change color */
.animated-image:hover {
    
    transform: scale(1.1);
}


/* styles.css div gap line ka */

.after-gap {
    height: 4px;
    width: 50px;
    background-color: yellow;
    animation: change 2s infinite alternate;
}

@keyframes change {
    0% {
        width: 50px;
        background-color: yellow;
    }
    100% {
        width: 100px;
        background-color: red;
    }
}
/*about image */


   .card-img-top:hover
    {
        cursor:pointer;
        transform: scale(1.1); 
       transition:1s;
    }
    #card
    {
        overflow:hidden;
    }
/* button read more css*/
#btn_1 {
  --color: #0077ff;
  font-family: inherit;
  display: inline-block;
  width: 6em;
  height: 2.6em;
  line-height: 1.5em;
  overflow: hidden;
  cursor: pointer;
  margin: 20px;
  font-size: 17px;
  z-index: 1;
  color: var(--color);
  border: 2px solid var(--color);
  border-radius: 6px;
  position: relative;
}

#btn_1::before {
  position: absolute;
  content: "";
  background: var(--color);
  width: 150px;
  height: 200px;
  z-index: -1;
  border-radius: 50%;
}

#btn_1:hover {
  color: white;
}

#btn_1:before {
  top: 100%;
  left: 100%;
  transition: 0.3s all;
}

#btn_1:hover::before {
  top: -30px;
  left: -30px;
}
/*table mandetotry */
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
/*table mandetotry  right button hover*/
 #btn_danger
{
    background-color:#dc3545;
    color:White;
    border-color:#dc3545;
}
 #btn_danger:hover
{
color:yellow;
}
/*table mandetotry  td a hover*/
td a
{
    text-decoration:none;
}


td a:hover
{
    color:Red;
    text-decoration:none;
}
    /*vision page css*/
#mu_test{
background-attachment: fixed;
    background-image: url(image/b8.jpg);
    
    background-position: center center;
    background-size: cover;
    display: inline;
    float: left;
    padding: 117px 0;
    position: relative;
    width: 100%;
    z-index: 10;
}
#mu_test::after{
background-color: rgba(0, 0, 0, 0.6);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    }
#mu_test .text_mu
{
        display: inline;
    float: left;
    position: relative;
    width: 100%;
    z-index: 99;
    text-align: center;
    color: #ffffff;
}
/*vision strong word*/
.str_p
{
        font-family: math;
    font-weight: bolder;
    font-style: italic;
    font-size: larger;
}
/*managing desk css */
 .mas_h {
    font-size: 30px;
    color: #222533;
    height: 42px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "Roboto Slab", Slab;
    text-align: center;
}
.style9 {
    font-family: Georgia;
    font-size: large;
    color: #990000;
}
.style7
{
    
font-family: 'Poppins';
}    

/*career */
.spn_1
{
    font-weight: 700;
    color:Blue;
}

/*social icon css */
 
.card 
{
    background: linear-gradient(rgb(8 38 255), rgb(255 70 70 / 72%));
  max-width: fit-content;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  gap: 1rem;
  backdrop-filter: blur(15px);
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.192),
    inset 0 0 5px rgba(255, 255, 255, 0.274), 0 5px 5px rgba(0, 0, 0, 0.164);
  transition: 0.5s;
}

.card:hover {
  animation: ease-out 5s;
  background: rgba(173, 173, 173, 0.05);
}

.card ul {
  padding: 1rem;
  display: flex;
  list-style: none;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}

.card ul li {
  cursor: pointer;
}

.svg {
  transition: all 0.3s;
  /* if you find some problems change w - h : 30px*/
  padding: 1rem;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  color: rgb(255, 174, 0);
  fill: currentColor;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3),
    inset 0 0 5px rgba(255, 255, 255, 0.5), 0 5px 5px rgba(0, 0, 0, 0.164);
}

#text {
  opacity: 0;
  border-radius: 5px;
  padding: 5px;
  transition: all 0.3s;
  color: white;
  font-weight:600;
   background: linear-gradient(rgb(8 38 255), rgb(255 54 8 / 47%), rgb(255 70 70 / 72%));
  position: absolute;
  z-index: 9999;
  box-shadow: -5px 0 1px rgba(153, 153, 153, 0.2),
    -10px 0 1px rgba(153, 153, 153, 0.2),
    inset 0 0 20px rgba(255, 255, 255, 0.3),
    inset 0 0 5px rgba(255, 255, 255, 0.5), 0 5px 5px rgba(0, 0, 0, 0.082);
}

/*isometric prooyection*/
.iso-pro {
  transition: 0.5s;
}
.iso-pro:hover a > .svg {
  transform: translate(15px, -15px);
  border-radius: 100%;
}

.iso-pro:hover #text {
  opacity: 1;
  transform: translate(25px, -2px) skew(-5deg);
}

.iso-pro:hover .svg {
  transform: translate(5px, -5px);
}

.iso-pro span {
  opacity: 0;
  position: absolute;
  color: #1877f2;
  border-color: #1877f2;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3),
    inset 0 0 5px rgba(255, 255, 255, 0.5), 0 5px 5px rgba(0, 0, 0, 0.164);
  border-radius: 50%;
  transition: all 0.3s;
  height: 60px;
  width: 60px;
}

.iso-pro:hover span {
  opacity: 1;
}

.iso-pro:hover span:nth-child(1) {
  opacity: 0.2;
}

.iso-pro:hover span:nth-child(2) {
  opacity: 0.4;
  transform: translate(5px, -5px);
}

.iso-pro:hover span:nth-child(3) {
  opacity: 0.6;
  transform: translate(10px, -10px);
}
.spn
{
    font-weight: 800;
}
.p_1
{
        font-family: math;
}
/* registration css */
 @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }

        .blink_me {
            display: inline;
            animation: blink 1s infinite;
        }


 #Button1 {
        color: white;
        background-color: #FF3300;
        font-weight: 700;
        width: 325px;
        font-family: 'Poppins';
        box-shadow: 5px 6px #a39090;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

 #Button1:hover {
        background-color: #FF6633;
        box-shadow: 5px 6px #8c7b7b;
    
 }
 
 /*test */
p
{
        font-family: 'Oswald';
    text-align: justify;
}

/* Enquery login page */
.login-container {
  background-color:#fdeaead4;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 300px;
  margin-left: -10px;
}
.login-container h2 {
  text-align: center;
  margin-bottom: 20px;
}
.login-container label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.login-container input[type="text"],
.login-container input[type="password"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}
.login-container button {
  width: 100%;
  padding: 10px;
  background-color: #e70e74;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.login-container button:hover {
  background-color: #a80247;
}

textarea{
  border-color: #8c7b7b;
}
/* MEDIA QUERY */
@media (max-width: 302px) {
  .mas_h {
    font-size: 22px;
    color: #222533;
    height: 42px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "Roboto Slab", Slab;
    text-align: center;
  }
 #mang-img{
  height:220px;
 }
}