* {
  box-sizing: border-box;
}

:root {
  font-size: 18px;
  font-family: -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif;
  font-weight: 300;
  line-height: 1.55;
}

html,
body,
main {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}

h1 {
  font-size: 4rem;
}

header {
  position: sticky;
  top: 0;
  background-color: white;
 /*  box-shadow: 0 16px 16px -8px #0001; */
}

button {
  padding: 12px 16px;
  color: white;
  background-color: black;
  border: none;
  border-radius: 6px;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-col {
  flex-direction: column;
}

section.fle-sec {
  height: 100%;
  background-color: transparent;
}

.slide-data {
  gap: 2rem;
}

.slide-data * {
  margin: 0;
}

.big-white-sheet-of-paper {
  background-color: white;
}

.slide-bg {
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: center;
  left: 0;
  z-index: -1;
}

.slide-bg > video,
.slide-bg > img {
  height: 100%;
  object-fit: cover;
}





* {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

img {
  max-width: 100%;
  height: auto;
}


/* HEADER STYLES
Ã¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œ */
.page-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  /* padding: 10px 0 10px 0; */
  z-index: 1;
  background: linear-gradient(to bottom,  rgba(51,51,51,0.3) 0%,rgba(51,51,51,0) 100%) !important;
  background: none;
  box-shadow: 0;
  width: 100%;
  height: 200px;
}

.page-header nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-header button {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 20px;
  border-radius: 10px;
  color: white;
  background: #08a6df;
  transition: background 0.3s;
}

.page-header button svg {
  flex-shrink: 0;
  margin-left: 5px;
  fill: currentColor;
}

.page-header button:hover {
  background: #0ab8f6;
}

/* SECTION STYLES
Ã¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œ */

section .text {
  max-width: 700px;
  margin: 0 auto 50px;
}

.team img {
  border-radius: 15px;
  background: whitesmoke;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* STICKY STYLES
Ã¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œ */
.page-header.is-sticky {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  padding: 8px 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-animation: slideDown 0.35s ease-out;
          animation: slideDown 0.35s ease-out;
  background: #02366f !important;
  height: auto !important;
  z-index: 99999;
}

.page-header.is-sticky img {
  max-width: 80%;
}

.page-header.is-sticky button {
  font-size: 14px;
  padding: 7px 10px;
}

@-webkit-keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* FOOTER STYLES
Ã¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œÃ¢â‚¬â€œ */
.page-footer {
  position: fixed;
  right: 0;
  bottom: 50px;
  display: flex;
  align-items: center;
  padding: 5px;
  z-index: 1;
  background: white;
}

.page-footer a {
  display: flex;
  margin-left: 4px;
}
.nav-boxx .bg-light{
  background: none !important;
}
.navbar-light .navbar-nav .nav-link{
  color: #ffffff;
  font-size: 16px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
  color: #ffffff;
}
.nav-boxx{
  float: right;
  /* padding-top: 18px; */
}
.new-list li {
    line-height: 25px;
    padding-left: 30px;
    font-size: 16px;
    color: #000000;
    list-style: none;
    background-image: url(../images5/lis.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    margin-bottom: 10px;
    text-align: justify;
    font-weight: 500 !important;
}
.new-list {
    padding: 0;
    margin: 0;
}
.new-list li a{
  color: #003adb;
}
.new-list li a:hover{
  color: #A22D35;
}
.nav-boxx .dropdown-toggle::after{
  display: none;
}
.ddd2:hover .dropdown-menu {
  display:block;
  border-radius: 0;
  margin: 0;
  width: 230px;
}
.nav-boxx .dropdown-item{
  white-space:normal;
  font-size: 16px;
}
.nav-boxx nav{
  padding: 0;
}
.blinking{
    animation:blinkingText 1.2s infinite;
    font-size: 16px;
    padding-top: 5px;
    padding-right: 10px;
}
@keyframes blinkingText{
    0%{     color: yellow;    }
    49%{    color: yellow; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: yellow;    }
}
.dfdfdf h1{
  font-size: 55px !important;
  line-height: 65px;
  text-shadow: 2px 2px #333333;
  color: #ffffff !important;
}
.pt-60{
  padding-top: 60px;
}
.pb-60{
  padding-bottom: 60px;
}
.psdff a{
  background: #f5e236;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%);
  color: #02366f;
  padding: 10px 50px 10px 50px;
  font-size: 25px;
  font-family: "Lato", serif;
  font-weight: 500;
  transition: all 0.5s ease-in-out 0s;
}
.esse h2{
  font-size: 35px;
}
.pb-30{
  padding-bottom: 30px;
}
a:hover{
  text-decoration: none;
}
.psdff a:hover{
  background: #034EA2;
  transition: all 0.5s ease-in-out 0s;
  color: #fff;
}
.team{
  background: #02366f;
}
.rr-col{
  position: relative;
}
.rr-col:after{
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
  bottom: 0;
  opacity: 0.52;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  border-radius: 15px;
}
.rr-col2{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
}
.rr-col2 h4{
  color: #ffffff;
  font-size: 21px;
  margin-bottom: 0;
}
.rr-col2 p{
  color: #ffffff;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 18px;
}
.container-fluid{
  padding-left: 55px;
  padding-right: 55px;
}
@media only screen and (max-width: 767px) {
.container-fluid{
  padding-left: 15px;
  padding-right: 15px;
}
}
.rr-col2 p{
  position: relative;
}
.rr-col3 .rr-col2 p:after{
background: url(../images5/r1.png);
background-repeat: no-repeat;
transition: all 0.5s ease-in-out 0s;
height: 26px;
width: 45px;
position: absolute;
content: "";
top: -15px;
right: 29px;
}
.rr-col3:hover .rr-col2 p:after{
  background: url(../images5/r2.png);
  transition: all 0.5s ease-in-out 0s;
}
.rr-col3:hover .rr-col img {
  transform: scale(1.1) !important;
transition: all 0.5s ease-in-out 0s;
}
.rr-col3 .rr-col img{
  transform: scale(1.0) !important;
transition: all 0.5s ease-in-out 0s;
}
.rr-col5{
  overflow: hidden;
  border-radius: 15px;
}
.text-white{
  color: #ffffff !important;
}


.post-slide{
    background: #fff;
    margin: 0px 15px 20px;
    padding-top: 1px;
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.2s linear;
}
.post-slide:hover .post-img img{
    transform: scale(1.1,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) 0%, rgba(45,112,253,0.6) 100%);
    transition:all 0.50s linear;
}
.post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
}
.post-slide .over-layer i{
    position: relative;
    top:45%;
    text-align:center;
    display: block;
    color:#fff;
    font-size:25px;
}
.post-slide .post-content{
    background:#fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}
.post-slide .post-title a{
    font-size:15px;
    font-weight:bold;
    color:#333;
    display: inline-block;
    text-transform:uppercase;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    text-decoration: none;
    color:#3498db;
}
.post-slide .post-description{
    line-height:24px;
    color:#808080;
    margin-bottom:25px;
}
.post-slide .post-date{
    color:#a9a9a9;
    font-size: 14px;
}
.post-slide .post-date i{
    font-size:20px;
    margin-right:8px;
    color: #CFDACE;
}
.post-slide .read-more{
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196F3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}
.post-slide .read-more:hover{
    background: #3498db;
    text-decoration:none;
    color:#fff;
}
.owl-controls .owl-buttons{
    text-align:center;
    margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev {
    background: #fff;
    position: absolute;
    top: -13%;
    right: 75px;
    padding: 0px 19px 0 19px !important;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
    margin: 0 !important;
    line-height: 48px;
}
.owl-controls .owl-buttons .owl-next{
    background: #fff;
    position: absolute;
    top:-13%;
    right: 15px;
    padding: 0px 19px 0 19px !important;
    border-radius: 50px;
    box-shadow: 3px 14px 25px -10px #92b4d0;
    transition: background 0.5s ease 0s;
    margin: 0 !important;
    line-height: 48px;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
    content:"\f104";
    font-family: FontAwesome;
    color: #333;
    font-size:28px;
}
.owl-controls .owl-buttons .owl-next:after{
    content:"\f105";
}
@media only screen and (max-width:1280px) {
    .post-slide .post-content{
        padding: 0px 15px 25px 15px;
    }
}
.newsss{
    background: #f4f4f4 !important;
    position: relative;
}
.eve-box7{
      box-shadow: 0 0 10px rgb(0 0 0 / 15%), 0 3px 3px rgb(0 0 0 / 15%);
    color: #2E2D29;
    overflow: hidden;
    padding: 0;
    position: relative;
    background: #fff;
    font-size: 10px;
    transition: box-shadow .3s ease-in;
    height: 100%;
}
.eve-box{
  position: relative;
}
.eve-box5{
  padding: 20px 20px 20px 20px;
  background: #ffffff;
}
.eve-box3{
  position: relative;
  padding-left: 15px;
}
.eve-box6{
    padding: 10px;
  background: #ED1C24;
  position: absolute;
  line-height: 20px;
  text-align: center;
  font-weight: 500;
  top: -66px;
}
.eve-box6 span{
  color: #ffffff; 
}
.eve-box3 span{
  font-size: 18px;
}
.eve-box5 h4{
  font-size: 21px;
  text-align: center;
  margin-bottom: 0;
}
.fw500{
  font-weight: 600 !important;
}
.spacex1{
  padding-top: 20px !important;
}
.spacex2{
  padding-top: 26px !important;
}
.spacex3{
  padding-top: 52px !important;
}
.spacex5{
  padding-top: 75px !important;
}
.spacex6{
  padding-top: 24px !important;
}
.spacex7{
  padding-top: 50px !important;
}
.spacex8{
  padding-top: 50px !important;
}
.spacex9{
  padding-top: 53px !important;
}
.spacex10{
  padding-top: 22px !important;
}
.spacex11{
  padding-top: 49px !important;
}
.spacex12{
  padding-top: 49px !important;
}
.spacex13{
  padding-top: 49px !important;
}
.spacex14{
  padding-top: 57px !important;
}
.spacex15{
  padding-top: 21px !important;
}
.spacex16{
  padding-top: 108px !important;
}
.dsfdsfds .owl-controls .owl-buttons{
  display: none;
}
.bffg{
  background: #ffffff;
}
.white-ss{
  background: #ffffff;
}



.ad5 {
    position: relative;
}
.ad6 {
    position: fixed;
    left: 0px;
    top: 35%;
    background: #ffffff;
    padding: 7px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 999;
}
.ad6 ul {
    margin-bottom: 0;
}
.ad6 ul li {
    list-style: none;
    margin-bottom: 5px;
}
.ad6 ul li a {
    color: #ffffff;
    font-size: 18px;
}
.cc1 {
    background: #1773EA;
    padding: 23px 13px 0px 13px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc2 {
    background: #007AB5;
    padding: 9px 10px 10px 12px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc3 {
    background: #F70000;
    padding: 22px 11px 0px 11px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc5 {
    background: #45C153;
    padding: 9px 11px 10px 13px;
    border-radius: 50%;
    line-height: 15px;
}
.cc6 {
    background: #6542B8;
    padding: 22px 11px 0px 13px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc7 {
    background: #000000;
    padding: 9px 11px 10px 12px;
    border-radius: 50%;
    line-height: 15px;
}
.cc8 {
    background: #4AC557;
    padding: 9px 11px 10px 13px;
    border-radius: 50%;
    line-height: 15px;
}
.lifeat{
 background: url(../images5/f1.jpg); 
 background-size: cover;
 background-position: center center;
}
.lifeat2{
  background: rgba(2,54,111,0.8);
  padding-top: 50px;
  padding-bottom: 50px;
}
.footer-dark .footertext{
  color: #f5c200;
}
.ad6 i{
  font-size: 16px;
}
.nds li{
  width: 100%;
}
.nds li a{
  text-align: center;
}
.nds .btn-success{
  width: 100%;
  background: none;
  border: 1px solid #333333;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.nds .btn-success:hover{
  color: #ED1C24;
  border: 1px solid #ED1C24;
}
.cc7 img{
  width: 14px;
  height: 14px;
}




audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none;
}
audio::-webkit-media-controls,
video::-webkit-media-controls {
    display: none;
}
.tfyear{
  display: block;
  max-width: 125px;
}

@media only screen and (max-width: 767px) {
.nav-boxx{
  display: none;
}
.logo-box img{
  width: 230px !important;
}
.tfyear{
  display: none !important;
} 
.ad5{
  display: none !important;
}
.dfdfdf h1 {
    font-size: 25px !important;
    line-height: 35px;
}
div.ruby-wrapper {
  top: -55px;
  }
  ul.ruby-menu > li > a{
    color: #333333;
  }
.dsfdsfds5 .owl-controls .owl-buttons{
  display: none;
}  
.esse h2{
  font-size: 25px;
}
.footer-top{
  padding-bottom: 50px;
}
.page-header.is-sticky button{
  top: -7px;
}
div.ruby-menu-demo-header{
  padding-top: 0;
}
}
.breakingNewsHolder {
    width: 100%;
    position: fixed;
    z-index: 99;
    bottom: 0px;
    margin-top: 30px;
    background: rgb(252 196 37);
}
.breakingNewsHolder marquee {
    width: 100%;
    color: rgb(2 54 111);
    height: 36px;
    font-weight: 600;
    margin-top: -6px;
    padding: 13px;
    font-size: 16px;
}

.breakingNewsHolder marquee ul li a{
  color: rgb(2 54 111);
}
.breakingNewsHolder ul li{
  list-style: none;
  margin-left: 10px;
  display: inline-block;
}
.ep1{
padding-right: 0px;
}
.ep1 a{
  color: rgb(2 54 111);
}

.single-high-school-study-educamb-box {
    position: relative;
    display: block;
}

.single-high-school-study-educamb-box .img-box {
    position: relative;
    display: block;
    border: 3px solid #0c497a;
    border-radius: 6px;
    overflow: hidden;
}

/* .single-high-school-study-educamb-box .img-box:before {
    position: absolute;
    content: '';
    background-color: #000000;
    top: 0;
    left: 0px;
    bottom: 0px;
    right: 0px;
    transition: all 500ms ease;
    opacity: 0.30;
    z-index: 1;
} */

.single-high-school-study-educamb-box .img-box .inner {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-high-school-study-educamb-box .img-box .inner img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transform: scale(1.0);
    transition: all 0.5s ease-in-out 0s;
    cursor: zoom-in;
}

.single-high-school-study-educamb-box:hover .img-box .inner img {
    transform: scale(1.1) rotate(1deg);
    transition: all 0.5s ease-in-out 0s;
}

.single-high-school-study-educamb-box .img-box .overlay-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 40px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transform: perspective(400px) translateY(0px) scale(1.0);
    transform-style: preserve-3d;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin: bottom center;
}

.single-high-school-study-educamb-box:hover .img-box .overlay-icon {
    transform: perspective(400px) translateY(0px) scale(0);
    transform-origin: bottom center;
}

.single-high-school-study-educamb-box .img-box .overlay-icon span {
    position: relative;
    display: block;
    line-height: 0;
}

.single-high-school-study-educamb-box .img-box .overlay-icon span:before {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 60px;
    line-height: 60px;
}

.single-high-school-study-educamb-box .img-box .title-box {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    background-color: #02366f;
    z-index: 6;
    transition: all 500ms ease;
    padding: 0px 10px;
    text-align: center;
}

.single-high-school-study-educamb-box:hover .img-box .title-box {
    right: 0;
}

.single-high-school-study-educamb-box .img-box .title-box h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    display: ruby-text;
    color: #fcc425;
}

.single-high-school-study-educamb-box .img-box .title-box h3 a {
    position: relative;
    top: 18px;
    color: var(--thm-black);
    transition: all 500ms ease;
}

.single-high-school-study-educamb-box .img-box .title-box h3 a:hover {
    color: #034ea2;
}

.single-high-school-study-educamb-box .img-box .btn-box {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 7;
    transform: perspective(400px) rotateY(0deg) translateX(80px);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-high-school-study-educamb-box:hover .img-box .btn-box {
    transform: perspective(400px) rotateY(0deg) translateX(0px);
    transition: all 500ms ease;
    transition-delay: 0.3s;
}

.single-high-school-study-educamb-box .img-box .btn-box a {
    position: relative;
    display: block;
    line-height: 0;
}

.single-high-school-study-educamb-box .img-box .btn-box a span {
    position: relative;
    display: block;
    line-height: 0;
    right: 10px;
    bottom: 13px;
}

.single-high-school-study-educamb-box .img-box .btn-box a span:before {
    color: #034ea2;
    font-size: 17px;
    line-height: 20px;
}
.prooff{
  background:url(../img/about/ww.jpg);
  background-size: cover;
  position: relative;
}
.prooff2{
  padding-top: 30px;
  background: rgba(2,54,111,0.8);
  z-index: 99;
  padding-bottom: 30px;
}
.scroll-top-arrow .feather{
    font-family: feather!important;
}    
.prooff2 h6{
  text-align: left;
  color: #ffffff;
  padding-left: 15px;
  margin-bottom: 0;
}
.prooff2 .post-slide{
  background: none;
}
.footer-top{
  padding-bottom: 60px;
}
.page-header .container-fluid{
  padding-left: 15px;
  padding-right: 15px;
}
.essdd{
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 400;
  margin-bottom: 0;
}
.dsfdsfds .eve-box5{
  padding: 20px 20px 20px 20px;
}
.news{
  padding-top: 50px;
  padding-bottom: 50px;
  background: #02366f;
}
.news2 .owl-buttons{
  display: none;
}
.news2 .eve-box5{
  padding: 10px;
  border-radius: 8px;
}
.news2 .eve-box5 h4{
  margin-bottom: 0;
}
.news3{
  padding: 10px 10px 0px 10px;
  background: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.news2 .eve-box7{
  border-radius: 8px;
  border-radius: 8px;
}
.news2 .post-slide{
  border-radius: 8px;
}
.ratings{
  padding-top: 50px;
  padding-bottom: 50px;
}
.ranss h4{
  font-size: 21px;
  text-align: center;
  font-weight: 600;
}
.ranss h5{
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #02366f;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.erersdfsdfdsf{
  display: none;
}
.recuter-mob [class^="icon-"], 
.recuter-mob [class*=" icon-"]{
  font-family: feather!important;
}
.program-mob .owl-buttons{
  display: none;
}
}
.dffghe55 img{
  border-radius: 5px;
}
.bru-sec{
  background:url(../img/bg/b1.jpg);
  background-size: cover;
}
.bru-sec3 .bru-sec{
  background:url(../images5/b2.jpg);
  background-size: cover;
}
.bru-sec5 .bru-sec{
  background:url(../images5/b3.jpg);
  background-size: cover;
}
.bru-sec6 .bru-sec{
  background:url(../images5/b5.jpg);
  background-size: cover;
}
.bru-sec7 .bru-sec{
  background:url(../images5/b6.jpg);
  background-size: cover;
}
.bru-sec8 .bru-sec{
  background:url(../images5/b7.jpg);
  background-size: cover;
}
.bru-sec9 .bru-sec{
  background:url(../images5/b8.jpg);
  background-size: cover;
}
.bru-sec10 .bru-sec{
  background:url(../images5/b9.jpg);
  background-size: cover;
}
.bru-sec11 .bru-sec{
  background:url(../images5/b10.jpg);
  background-size: cover;
}
.bru-sec12 .bru-sec{
  background:url(../images5/b11.jpg);
  background-size: cover;
}
.bru-sec13 .bru-sec{
  background:url(../images5/b12.jpg);
  background-size: cover;
}
.bru-sec14 .bru-sec{
  background:url(../images5/b13.jpg);
  background-size: cover;
}
.bru-sec15 .bru-sec{
  background:url(../images5/b14.jpg);
  background-size: cover;
}
.bru-sec16 .bru-sec{
  background:url(../images5/b15.jpg);
  background-size: cover;
}
.bru-sec17 .bru-sec{
  background:url(../images5/b16.jpg);
  background-size: cover;
}
.bru-sec18 .bru-sec{
  background:url(../images5/b17.jpg);
  background-size: cover;
}
.bru-sec19 .bru-sec{
  background:url(../images5/b18.jpg);
  background-size: cover;
}
.bru-sec20 .bru-sec{
  background:url(../images5/b19.jpg);
  background-size: cover;
}
.bru-sec21 .bru-sec{
  background:url(../images5/b20.jpg);
  background-size: cover;
}
.bru-sec h2{
  text-align: left;
  font-size: 35px;
  color: #ffffff;
  line-height: 45px;
  text-shadow: 2px 2px #333333;
}
.page-ur{
  position: relative;
  text-align: left;
  float: left;
  left: 0;
}
@media (min-width: 992px){
.page-ur:after {
    content: '';
    position: absolute;
    left: calc(100% + 0.5rem);
    top: 1.7rem;
    width: 5rem;
    height: 0.17rem;
    background: #fff000;
}
}
.bru-sec2{
  background: rgba(51,51,51,0.3);
  padding-top: 150px;
  padding-bottom: 30px;
}
.fsdfdsf{
  font-size: 16px;
  line-height: 26px;
}
.inner-sddd p{
 font-size: 16px;
  line-height: 26px;
  font-weight: 400; 
}
.dfsdgf table{
 font-size: 16px;
  line-height: 26px;
  font-weight: 600;  
}
.dfsdgf table h5{
  font-size: 16px;
  font-weight: 500;
}
.dfsdgf .new-list{
  font-weight: 500;
}
.dfsdgf a{
  color: rgba(2,54,111,0.8);
}
.dfsdgf .nowrap{
  white-space: nowrap;
}
.pb-20{
  padding-bottom: 20px;
}
.curveds img{
  position: relative;
  border-radius: 20px;
}
.curveds2 h4{
  text-align: center;
  margin-bottom: 0;
  font-size: 21px;
  color: #ED1C24;
  font-weight: 700;
  padding-top: 10px;
}
.curveds2 p{
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
.pt-30{
  padding-top: 30px;
}
.bg-whi-sec{
  background: #02366f !important;
}
.bg-whi-sec p{
  color: #ffffff;
}
.bg-whi-sec h4{
  color: #ffffff;
}
.pt-20{
  padding-top: 20px;
}
.dfdhdf .mainbody{
  padding-top:30px !important;
  padding-bottom: 30px !important;
}
.sdd{
  padding: 10px;
  background: #02366f !important;
}
.sdd p{
  text-align: center;
  color: #ffffff;
  padding-bottom: 0;
  margin-bottom: 0;
}
.eve-sd{
  background: #f2f2f2;
}
.eve-sd2{
  padding: 15px;
}
.eve-sd2 h4{
  font-size: 21px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 0;
  color: #02366f;
}
.eve-sd2 p{
  padding-bottom: 0;
  margin-bottom: 0;
}
.dsfd{
  background: #f2f2f2;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  transition: all 0.5s ease-in-out 0s;
}
.dsfd:hover{
  background: #dddddd;
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  transition: all 0.5s ease-in-out 0s;
}
.dsfd h5{
  font-size: 18px;
  margin-bottom: 0;
  color: #02366f !important;
  padding-bottom: 5px;
}
.fdsfgg h5{
  color: #ffffff !important;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  background: #ED1C24 !important;
}
.link5{
  color: #ED1C24 !important;
}
.link5:hover{
  color: #ED1C24 !important;
}
.color1{
  color: #ED1C24 !important;
}
.adsfds{
  padding-left: 30px;
}
.modal-header{
  padding: 0;
  margin: 0;
}
.modal-header .close {
    padding: 5px 10px 5px 10px !important;
    position: absolute;
    right: 0;
    background: red;
    opacity: 1;
    color: #ffffff;
    border-radius: 50%;
}    
.link1{
  color: #02366f !important;
  font-weight: 600;
}

#main {
  margin: 20px 0;
}

#main #faq .card {
  margin-bottom: 20px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #005AA5;
  color: #ffffff;
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #02366f !important;
  color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
  background: #f2f2f2;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #f2f2f2;
  line-height: 30px;
  color: #222;
}
/* faqq */
#main #faqq .card {
  margin-bottom: 20px;
  border: 0;
}

#main #faqq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faqq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #005AA5;
  color: #ffffff;
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
}

#main #faqq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faqq .card .card-header .btn-header-link.collapsed {
  background: #02366f !important;
  color: #fff;
}

#main #faqq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faqq .card .collapsing {
  background: #f2f2f2;
  line-height: 30px;
}

#main #faqq .card .collapse {
  border: 0;
}

#main #faqq .card .collapse.show {
  background: #f2f2f2;
  line-height: 30px;
  color: #222;
}
.sdffds p{
  font-size: 16px;
}
.sdffds .btn{
  text-transform: capitalize;
}
.f21{
  font-size: 21px;
}
.linkdff{
  color: #A22D35;
}
.linkdff:hover{
  color: #A22D35;
}

.list ul {
  margin: 1em 0;
  list-style-type: none;
}

.list li {
  margin: 1em;
  margin-left: 3em;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 1.56em;
  text-align: justify;
  color: #000000;
}

.list li:before {
  content: '\f005';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: left;
  margin-left: -1.5em;
  color: #d51422;
  font-size: 20px;
}

@media (max-width: 768px) {
  .program-mob .active h4 {
    color: #000000;
  }
  .quote-box {
    margin-left: 0px;
  }
}

.faculty-card 
{
  box-shadow: 1px 1px 5px #b1b1b1;
  text-align: center;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  line-height: 1.5;
  padding: 5px 5px;
  margin-bottom: 10px;
  cursor:pointer;
  display: inline-block;
  vertical-align: top;
  border-radius: 12px;
  width: 100%;
}

.faculty-card:hover 
{
  box-shadow: 1px 1px 5px 0;
  text-align: center;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  line-height: 1.5;
  /* padding:2px 2px; */
  cursor:pointer;
  /* transform:scale(1.05); */
}

.faculty-name
{
    color:black;
    font-size: 14px;
    font-weight:bold;
    padding-top: 10px 0 0 0;
    text-align: center;
    font-family: "Segoe UI";
    text-indent:0;
    padding-top:10px;
}

.faculty-designation {
  color: #006adf;
  font-size: 13px;
  padding-top:0;
  font-weight:bold;
  text-align: center;
  font-family: "Segoe UI";
  text-indent:0;
}

.faculty-contact
{
    color:black;
    font-size: 12px;
    padding-top:0;
    font-family: "Segoe UI";
    text-align: center;
    text-indent:0;
}


.faculty-profile-button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color:#002B91;
  text-align: center;
  cursor: pointer;
  width: 70%;
  font-size: 18px;
  font-family: "Segoe UI";
  text-indent:0;
}

.faculty-card a {
  text-decoration: none;
  font-size: 14px;
  color: white;
  width:75%;
  font-family: "Segoe UI";
  text-indent:0;
}

.faculty-card faculty-profile-button:hover, .faculty-card a:hover {
  
  background-color: #FFE700;
  color:#000;
  text-decoration:none;
  font-weight:bold;
}

.faculty-card-img
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align:center;
    width: 70%;
    display: inline-block;
    margin: 0 auto;
    padding: 3px 3px 3px 3px;
}

.faculty-card-img img
{
    width:100%;
    height:100%;
}

.management .faculty-card {
    background-color: #02366f;
}

.management .faculty-name {
  font-size: 16px;
  color: #fcc425;
}
.management .faculty-designation {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.fs-30{
  font-size: 30px;
}
.important-list ul {
  margin: 10px 0;
  list-style-type: none;
}

.important-list li {
  margin-left: 2.5em;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 1.56em;
  text-align: justify;
  color: #ffffff;
}

.important-list li:before {
  content: '\f005';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: left;
  margin-left: -1.5em;
  color: #fcc425;
  font-size: 20px;
}

.department-card-img img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  border-radius: 15px;
}

.deparment-button a {
  background-color: #02366f;
  color: #fcc425;
  padding: 10px;
  border-radius: 5px;
}

.coe {
  margin-bottom: 15px;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.coe img{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.coe1 img {
  height: 240px;
}

.coe-tittle {
  background-color: #02366f;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.coe-tittle h4 {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  color: #ffffff;
  padding: 5px;
  margin-bottom: 0;
}

.coe-tittle h5 {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  color: #fcc425;
  padding: 5px;
  margin-bottom: 0;
}

.img-h {
  width: 100%;
  height: 200px;
  object-fit: cover;
  padding-bottom: 20px;
}

.fpic img {
    max-width: 150px !important;
}

.foot_ul_sidebar {
  margin-left: 0px;
  list-style-type: none;
  padding-left: 0px;
}
.foot_ul_sidebar li a {
  border-bottom: 1px solid #fff;
  width: 100%;
  display: inline-block;
  padding: 8px 15px;
  text-decoration: unset;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(89deg, #02366f 8.63%, #E9DE4D 95.43%), #ffffff;
  color: #fff;
  transition: .8s all-linear ease;
}
.foot_ul_sidebar li a:hover, .foot_ul_sidebar li a:focus, .foot_ul_sidebar li.active a {
  background: #02366f !important;
  color: #E9DE4D;
  outline: 0px;
}