.nav_header{
    background-color: #ed6309;
}
.heading{
    color: white
}
.icon p{
    color: white;
    font-size:20px;
    display: flex;
    font-weight: bold;

}
.icon p{
    display: flex;
    align-items: center;
    
}

.top_nav{
    background: black
 }
 .nav-link{
     margin-right:13px;
     font-size: large;
     font-weight: bold;
     color: white;
     border-right:3px solid white;

 }
 .nav-link:hover{
    background-color: #cfedf7;
     border-radius:4px;
     color: black;
     
 }

     .navbar-expand-lg{
     background-color: #ed6309;
     border-top:3px solid white;
     box-shadow: 3px -1px 6px 0px gray;
  
    }


 
/* facilities */
.icon_fac{
    border: 7px solid black;
    padding: 50px;
    transition: transform 0.5s;

   
}
.icon_fac i:hover{
    transform: translateY(-24px);
}

.icon_fac p{
    font-size: 50px;
    display: flex;
    justify-content: center;
}
.icon_para{
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    margin-top:20px
}
.icon_box{
    padding: 20px;
    box-shadow: 0px 0px 8px gray;
    display: flex;
    flex-direction: column;
} 
.icon_btn{
    border-radius: 7px;
}
.about_btn{
    padding: 10px ;
    background-color:#b6500e;
    color: white;
    border-radius: 4px;
    margin-left: 4px;
    font-weight: bold;
}
.about_btn:hover{
    background-color:#ed6309;
    color: white;
}
    
 /* Footer Css */

.footer_cstm_bg{
    background-color: black;
    border-top: 3px solid var(--primary-color);
}

.footer_list{
    list-style: none;
    padding: 0px;
    color: white;
    font-weight:500 ;
    font-size: 18px;
}

.cstm_color{
    color: white;
    font-weight: bold;
   
}

.text_content{
    font-size: 15px;
    color: white;
    font-weight: 500;
    font-size: 18px;
}

.footer_list li a{
    color: var(--white-color);
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    transition: all 0.4s;
}

.footer_list li a:hover{
    padding-left: 10px;
}

.footer_sub{
    background-color: #b6500e;
 
}

.footer_conatiner {
     background-color:  #ed6309;
}
.btn_footer{
    background-color: #ed6309;
}
.btn_footer:hover{
    background-color: #9fd7ea;
}
.facilities{
    background-color: #f0eced;
    padding: 30px;
}



.public_dis{
    background-color:  #cfedf7;
    color: black;
    font-weight: bold;
    padding: 30px;
}



.public_btn{
padding: 10px;
border-radius: 4px;
margin-left: 500px;
background-color: black;
color:#cfedf7; 
}
.public_btn:hover{
background-color: aqua;
color: black;
}



.about_heading{
    font-weight: bold;
}
.table{
    color: black;
}


.facts-item{
    padding: 20px;
    background-color: 
    #b6500e;

    transition: transform 0.5s;

}

.facts-item:hover{
   
    transform: translateY(-24px);
    background-color: #ed6309;;

}



.facts-text{
    color: white;
}
.facts-item i{
    color:white;
}
.sec_enquiry{
    background-color: #f0eced;
}

.heading1{
    font-weight: bold;
    text-shadow: #cfedf7;
    color: #403268;
}
/* .heading2{
    color: #403268;
} */


@media only screen and (max-width: 1225px) {
    .heading {
      font-size:15px;
      
    }
  }
  @media only screen and (max-width: 1225px) {
    .icon p {
      font-size:15px;
      
    }
  }
@media only screen and (max-width: 1225px) {
    .heading1 {
      font-size:20px;
      
    }
  }


  @media only screen and (max-width: 1225px) {
    .heading2 {
      font-size:15px;
    }
  }
  @media only screen and (max-width: 1225px) {
    .logo_img {
    width:100px;
    }
  }
  @media only screen and (max-width: 465px) {
    .heading2{
      font-size:10px;
    }
}
@media only screen and (max-width: 465px) {
    .heading1 {
      font-size:15px;
    }
  }
  @media only screen and (max-width: 1225px) {
    .logo_img {
    width:100%;
    }
  }
  @media only screen and (max-width: 375px) {
    .logo_img {
    width:60px;
    }
  }
/* gallery */
    .projects{
        background-color:  #f0eced; 
        padding: 30px;
        box-shadow:  1px 3px 10px gray;
    }

    .zoom {
       
        transition: transform .2s; /* Animation */
        width: 300px;
        height: 250px;
        margin: 0 auto;
      }

    .zoom:hover{
        transform: scale(1.5);
    }


    /* devin message */
    .msg_decine{
        border: #403268;
        background-color: #f0eced;
        box-shadow: 1px 3px 10px gray;
    }

    .msg_decine h5,p{
        display: flex;
        justify-content: center;
      
    }
    .msg_decine:hover{
        background-color: #ed6309;
    }
    .fac_sec{
        background-color:#b6500e;
        display: flex;
        justify-content: center;
        padding: 8px;
        color: white;
    }

    .fac_sec:hover{
        background-color:#ed6309;
      
    }
    .facili_sec{
        box-shadow: 1px 3px 10px gray;
    }


    .facili_sec{
        background-color: #f0eced;
        padding:30px;
    }
    .news{
        background-color:#b6500e;
        margin-top: 7px;

            height: 750px
       
         
    }
    .school_news{
        background-color: white;
        padding: 50px;
        border-radius: 3px;
        margin-top: 80px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
 .msg_icon{
    box-shadow: 1px 2px 3px gray;
 }
 .about_btn a{
      text-decoration: none;
      color: white;
 }
 .img_fac{
    border-radius: 4px;
 }
 .para{
    text-align: justify;
 }

 .photo_marquee{
    margin: 10px;
 }
.image_size {
    border-radius: 5%;
    height:600px;
}
.icon_size{
width:392px;
height:390px;
}

/* call & whatsapp btn */
.Whatsapp_btn {
    position: fixed;
    bottom: 55px;
    left: 20px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }

  .Whatsapp_icon {
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    box-shadow: 0 0 0 0 #00833b;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
  }

  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    80% {
      box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
  }

  .Phone_btn {
    position: fixed;
    bottom: 55px;
    right: 20px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }
  
  .Phone_icon {
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    box-shadow: 0 0 0 0 #327ff3;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
  }

@media only screen and (max-width: 768px) {
    .counter_span {
    font-size: 20px !important;
    }
  }
  
@media  screen and (max-width: 400px) {
    .counter_span {
    font-size: 15px !important;
    }
  }
  @media  screen and (max-width: 768px) {
    .font_span{
    font-size: 20px !important;
    }
  }
  @media  screen and (max-width: 400px) {
    .font_span{
    font-size: 15px !important;
    }
  }

  @media  screen and (max-width: 768px) {
    .plus{
    font-size: 20px !important;
    }
  }
  @media  screen and (max-width: 400px) {
    .plus{
    font-size: 15px !important;
    }
  }