@media (min-width: 1200px){
    .container {
        max-width: 1220px;
    }
}
body {
    font-family: Helvetica Neue, sans-serif;
    color: #555;
    overflow-x: hidden;
    
}
a{
    text-decoration: none !important;
}
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #282471;
    z-index: 1;
    color: white;
}
.back-to-top:hover {
    color: #D98E05;
}
#floating-social {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 999;
}
.floating-link {
    display: block;
    margin-bottom: 10px;
}
#floating-social i.fa.fa-phone-alt {
    font-size: 18px;
    color: white;
    background: green;
    padding: 8px 10px;
    border-radius: 5px;
}
#floating-social i.fab.fa-viber {
    font-size: 22px;
    padding: 8px;
    color: white;
    background: rebeccapurple;
    border-radius: 5px;
}
#floating-social i.fab.fa-whatsapp {
    color: white;
    padding: 6px 9px;
    border-radius: 5px;
    font-size: 22px;
    background: limegreen;
}
#floating-social i.far.fa-envelope {
    color: white;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 22px;
    background: #D54B3E;
}
#floating-social i.fab.fa-facebook {
    color: white;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 22px;
    background: #1877F2;
}

#floating-social img {
    padding: 2px 0;
    border-radius: 5px;
    height:40px;
}

#myModal {
    padding: 0 !important;
}
.modal-dialog {
    max-width: 720px;
    margin: 3rem auto;
}
.modal-header{
    padding: 3px 10px;
}
.modal-body{
    padding: 0;
}

/*header starts*/

header{
    background: #f3f3f3;
}
#header {
    position: relative;
    box-shadow: 0 0 6px #00000029;
}
#navmenu {
    position: relative;
    padding: 10px 0 0;
}
#siteLogo{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.logo-img {
    width: 160px;
    height: auto;
    background: white;
    padding: 15px 1px;
    border-radius: 0px 0px 25px 25px;
    box-shadow: 0 0 5px #00000030;
}
.top-contact {
    padding-right: 16px;
}
.top-contact, .top-contact a{
    font-size: 14px;
    color: #605F5F;
}
.top-contact a:hover{
    color: #D98E05;
}
.top-location:hover, .top-call:hover{
    color: #D98E05;
    cursor: default;
}
.top-contact .fa {
    background: white;
    padding: 5px;
    border-radius: 7px;
    margin-right: 5px;
}
.top-contact .fab{
    background: white;
    padding: 8px 10px;
    border-radius: 50%;
    margin: 5px;
    transition: all 1s ease;
}
.top-contact .fab:hover{
    transform: rotate(360deg);
}
.top-call {
    margin-bottom: 5px;
}
ul#menuBar{
    margin-bottom: 0;
}
#desktopNav li.nav-item {
    display: inline-block;
    margin: 0 3px 10px;
}
#desktopNav a.nav-link {
    color: #605F5F;
    position: relative;
    font-size: 15px;
    padding: 8px 16px;
}
a.nav-link:hover {
    color: #333;
}
a.nav-link.active {
    color: #333;
    font-weight: 600;
}
#desktopNav a.nav-link:before {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#desktopNav a.nav-link:before {
  bottom: 0;
  display: block;
  height: 3px;
  left: 0;
  width: 0%;
  content: "";
  background-color: #D98E05;
}
#desktopNav a.nav-link:hover:before,
#desktopNav a.nav-link.active:before {
  opacity: 1;
  width: 100%;
}
#desktopNav .dropdown-menu {
    z-index: 1000;
    padding: 20px;
    margin: 18px 0px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 5px 10px;
    clear: both;
    font-weight: 400;
    color: #282471;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
}
#desktopNav .dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}
 #desktopNav .dropdown:hover>.dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}
#desktopNav .dropdown-submenu {
    position: relative;
}
#desktopNav .dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-left: 13px;
    margin-right: .1rem;
}
.mega-dropdown {
    position: unset;
}
.mega-dropdown-menu {
    width: 82%;
    margin-left: auto !important;
    top: 30px;
    right: 10px;
}
.mega-dropdown-menu ul {
    list-style-type: none;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #D98E05;
    text-decoration: none;
}
.menu-img-block{
    display: flex;
    justify-content: space-between;
    background: #f5f5f5;
    padding: 10px;
}
.menu-img-block img{
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.left-block-link a{
    display: inline-block;
    background: #D98E05;
    padding: 10px 16px;
    color: white;
    margin: 8px 0;
}
.left-block-link a:hover{
    background: #b76d02;
}
.left-block-text{
    font-size: 30px;
    font-weight: 600;
    color: #282471;
    line-height: 30px;
}
.menu-img-block{
    padding: 20px;
}
.navbar{
    padding: 0;
}
#mobileNav a.nav-link{
    padding: 4px 10px;
    color: #333;
    font-size: 15px;
}
#mobileNav .dropdown-item{
    text-align: right;
    font-size: 15px;
    color: #333;
    font-weight: 300;
}
@media only screen and (max-width: 992px){
    #desktopNav{
        display: none;
    }
}
@media only screen and (min-width: 992px){
    #mobileNav{
        display: none;
    }
}

/*header ends*/

/*footer starts*/

.footer-top{
    background: #f3f3f3;
    padding: 40px 0;
    margin-top: 30px;
}
ul.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.footer-links li{
    margin-bottom: 5px;
}
ul.footer-links a{
    color: #555;
}
ul.footer-links a:hover{
    color: #D98E05;
}
.footer-social .fab{
    background: white;
    padding: 10px 13px;
    border-radius: 50%;
    color: #555555;
    margin-right: 5px;
    margin-bottom: 10px;
    transition: all 1s ease;
}
.footer-social .fab:hover{
    transform: rotate(360deg);
}
.footer-social .fab:hover{
    color: #D98E05;
}
.footer-location, .footer-phone, .footer-mail{
    margin-bottom: 5px;
}
.footer-location:hover, .footer-phone:hover, .footer-mail:hover{
    color: #D98E05;
    cursor: default;
}
.footer-contact .fa{
    color: #D98E05;
    width: 20px;
}
.footer-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.quick-links{
    text-align: right;
}
.copyright{
    padding: 20px 0;
    color: #333333;
}
.copyright a{
    color: #333;
}
.copyright a:hover{
    color: #D98E05;
}
/*footer ends*/

/*homepage CSS starts*/

/*For Large Desktops*/

@media (min-width: 1500px) {
    img.homeslider-img {
        height: 650px !important;
    }
}

img.homeslider-img {
    height: 500px;
    object-fit: cover;
}
#homeSlider .owl-nav {
    position: absolute;
    width: 100%;
    top: 42%;
}
#homeSlider .fa {
    color: white;
    font-size: 24px;
    padding: 11px 16px;
    border: 2px solid white;
    border-radius: 50%;
}
#homeSliderSection .owl-theme .owl-nav [class*=owl-]{
    border-radius: 50%;
    outline: none;
}
#homeSliderSection .owl-theme .owl-nav [class*=owl-]:hover{
    background: #33333360;
}
#homeSlider .owl-prev{
    position: absolute;
    left: 50px;
}
#homeSlider .owl-next{
    position: absolute;
    right: 50px;
}
#homeSlider .item{
    position: relative;
}
#homeSlider .slider-caption{
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
    background: #D98E0565;
    color: white;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0;
    text-transform: uppercase;
}
.home-section{
    padding: 50px 0;
}
#since2000Section{
    background: #f3f3f3;
}
#since-block {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: -120px;
    padding-top: 60px;
    z-index: 0;
}
.gradient-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg, rgba(243,243,243,0) 30%, rgba(243,243,243,1) 47%);
    z-index: -1;
}
.since2000-block {
    padding: 40px 150px 60px 40px;
    background: #fff;
}
.since-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
}
.title-bar {
    display: block;
    width: 180px;
    height: 3px;
    background: #555;
    margin: 15px 0;
}
.since-text {
    margin-bottom: 10px;
}
.learn-more-btn a {
    display: inline-block;
    color: #555;
    border: 2px solid #555;
    padding: 16px 22px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}
.learn-more-btn a:hover {
    color: #d98e05;
    border: 2px solid #d98e05;
}
.section-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}
.section-tagline {
    font-size: 17px;
    margin-bottom: 40px;
}
.gradient-overlay2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 47%);
    z-index: -1;
}
.principal-message-block {
    padding: 40px 90px 60px 40px;
    background: #f5f5f5;
}
.news-title-bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.news-card-img{
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.news-title, .announcement-title{
    font-size: 24px;
    color: #555;
    font-weight: 600;
}
.announcement-title-bar {
    width: 70px;
    height: 2px;
    background: #555;
    margin: 2px 0 20px;
}
.see-all a{
    color: #D98E05;
}
.see-all a:hover{
    text-decoration: underline !important;
}
.news-section {
    padding-right: 40px;
}
.news-block-text {
    padding: 20px 20px 30px;
    background: #F5F5F5;
}
.news-card-heading {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
}
.news-card-demo-text {
    font-size: 14px;
    margin-bottom: 20px;
}
.news-card-btn a {
    text-transform: uppercase;
    color: #555;
    border: 1px solid;
    padding: 12px 15px;
    font-size: 13px;
    font-weight: 600;
}
.news-card-btn a:hover {
    color: #D98E05;
    border: 1px solid #D98E05;
}
.single-news-img{
    width: 100%;
    height: 410px;
    object-fit: cover;
    margin-bottom: 20px;
}
.home-gallery-section{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.gallery-img-wrap{
    width: 100%;
    height: 320px;
    overflow: hidden;
}
.gallery-img-wrap img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    transition: all 0.5s ease;
}
.gallery-img-wrap:hover img{
    transform: scale(1.1);
}
img.partner-img {
    height: 160px;
    object-fit: contain;
}
.why-block{
    padding: 20px;
}
.why-block-icon{
    width: 110px;
    height: 110px;
    object-fit: contain;
    padding: 20px;
    background: #4C4C5012;
    border-radius: 50%;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}
.why-block-icon:hover{
    transform: translateY(-5px);
}

/*homepage CSS ends*/

#pageBanner{
    position: relative;
    height: 430px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-text{
    position: absolute;
    width: 100%;
    top: 45%;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 3px 6px #00000029;
    text-align: center;
    z-index: 1;
}
.banner-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #26242250;
}
#breadcrumb{
    background: #f3f3f3;
    padding: 8px 0;
    font-size: 14px;
}
.history-img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: center;
}
.content-heading{
    font-size: 18px;
}
.content-heading-bar{
    width: 40px;
    height: 2px;
    background: #555;
    margin: 8px 0 20px;
}
.content-text{
    font-size: 14px;
}
#about-section{
    padding: 50px 0;
}
.CBSE-img{
    width: 100%;
    object-fit: cover;
}
.whyrai-img{
    width: 100%;
    object-fit: cover;
    height: 500px;
}
#cbse-section {
    padding: 50px 0;
}
#principal-section, #chairman-section{
    padding: 30px 0;
}
#chairman-block {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    height: 520px;
    padding-top: 150px;
    z-index: 0;
}
.chairman-block-box {
    padding: 30px 30px 30px 70px;
    background: #f5f5f5;
    font-size: 32px;
}
.message-line{
    width: 180px;
    height: 2px;
    background: #555;
    margin: 10px 0;
}
#principal-block {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    height: 520px;
    padding-top: 100px;
    z-index: 0;
}
.principal-block-box{
    padding: 30px 30px 30px 70px;
    background: #f5f5f5;
    font-size: 24px;
}
.profile-img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: top;
}
.profile-block{
    position: relative;
    margin: 15px 10px;
}
.profile-detail {
    position: relative;
    width: 90%;
    padding: 15px 5px;
    text-align: center;
    background: #f3f3f3;
    margin-top: -18px;
    z-index: 1;
}
.studentprofile-msg {
    background: white;
    padding: 6px;
    font-size: 14px;
}
.affiliation-img {
    width: 100%;
    object-fit: contain;
    height: 500px;
}
.section-heading{
    font-size: 20px;
}
#announcementSection, #newsSection{
    padding: 30px 0;
}
.news-card{
    margin-bottom: 20px;
    transition: all 0.3s ease-out;
}
.news-card:hover{
    box-shadow: 0 0 7px #00000050;
}
.news-banner-img{
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center;
}
#singleNewsBanner{
    margin-bottom: 40px;
}
.news-heading{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.news-content{
    font-size: 15px;
    margin-bottom: 50px;
}
#beyondAcademics{
    padding: 40px 0;
}
.singlepage-heading{
    font-size: 22px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
}
.singlepage-content{
    font-size: 15px;
}
.singlepage-heading-bar{
    width: 80px;
    height: 2px;
    background: #555;
    margin-bottom: 20px;
}
a.download-btn {
    border: 1px solid #555;
    padding: 10px 20px;
}
.form-download, .form-download a{
    color: #555;
}
#studentPage{
    padding: 40px 0;
}
.studentprofile-block{
    margin-bottom: 25px;
}
.studentprofile-img{
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: top;
}
.studentprofile-detail {
    background: #f5f5f5;
    font-size: 15px;
    text-align: center;
    padding: 15px;
}
.studentprofile-name{
    font-weight: 600;
    font-size: 16px;
}
.academicbanner-img, .servicebanner-img{
    width: 100%;
    height: 450px;
    object-fit: cover;
}
#academicSection{
    padding: 50px 0;
}
.academic-img, .service-img{
    width: 100%;
    height: 530px;
    object-fit: cover;
}
.gallery-slider-img{
    height: 460px;
    object-fit: cover;
}
#gallerySlider .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 10px;
}
#gallerySlider .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 5px;
}
.gallery-slider-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #26242230;
}
#gallerySection{
    padding: 50px 0;
}
.gallery-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.gallery-img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: all 0.5s ease;
}
.gallery-img:hover{
    transform: scale(1.02);
}
#html5-watermark {
    display: none !important;
}
.lightbox iframe {
  min-height: 390px;
}
.pagination {
    justify-content: center;
    margin: 30px 0;
}
.beyond-img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}
#calenderSection{
    padding: 50px 0;
}
.admission-logo{
    width: 100%;
}
.admission-title{
    font-size: 32px;
    font-weight: 600;
    color: #10016F;
}

.alert{
  text-align:center;
  margin-bottom: 0;
}
#preview{
    width:100px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    padding:5px;
    border: 2px solid #ddd;
    margin-bottom: 5px;
}
#img_container{
  border-radius:5px;
  width:100%;
}
.input-group{
  width:100%;
}
.imgInp{
  width:100%;
  background-color:#d3d3d3;
}
.loading{
   animation:blinkingText ease 2.5s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    50%{   color: #transparent; }
    99%{    color:transparent;  }
    100%{ color:#000; }
}
.custom-file-label{
  cursor:pointer;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px;
  font-size: 13px;
  height: auto;
  text-align: left;
}
.custom-file-label::after{
    padding: 5px 7px;
}
.online-form.text-center {
    padding: 10px;
    border: 2px solid #ccc;
}
.form-body{
    padding: 10px;
}
.form-div {
    text-align: left;
    margin-bottom: 10px;
}
#admissionForm input[type="text"], #admissionForm input[type="date"], #admissionForm input[type="number"], #admissionForm input[type="email"] {
    width: 100%;
    padding: 5px;
}
#admissionForm input[type="radio"]{
    margin: 5px;
}
.form-label {
    font-weight: 600;
}
.form-section-headline{
    font-size: 19px;
    font-weight: 600;
    text-align: left;
    padding-top: 8px;
    text-transform: uppercase;
}
.form-bar{
    width: 50px;
    height: 3px;
    background: #aaa;
    margin: 8px 0;
}
#admissionForm textarea{
    width: 100%;
    text-align: left;
    padding: 5px;
}
#contactForm input, #contactForm textarea{
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
}
#contactForm button {
    border: none;
    padding: 10px 20px;
    background: #282471;
    color: white;
    transition: all 0.3s ease;
}
#contactForm button:hover {
    transform: skewX(-5deg);
}
.map-location iframe {
    width: 100%;
    height: 490px;
}
img.video-img {
    width: 100% !important;
    height: 450px;
    object-fit: cover;
    border: 5px solid #ddd;
}
img.video-gallery-img {
    width: 100% !important;
    height: 200px;
    object-fit: cover;
    border: 4px solid #ddd;
}
.video-item .fa {
    position: absolute;
    left: 40%;
    top: 40%;
    color: #282471;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 20px;
}
.subject-block {
    padding: 1.5rem;
    background: #f5f5f5;
    margin-bottom: 2rem;
}
.subject-img{
    width: 100%;
    margin-bottom: 0.8rem;
    transition: all 0.3s ease;
}
.subject-block:hover .subject-img{
    transform: scale(1.04);
}
.subject-block-title {
    text-align: center;
}
#faqSection {
    padding: 4rem 0;
    background: #fbfbfb;
}
.card-header {
    padding: 0;
    background: #282471;
    color: #fff;
}
.card-header a{
    display: block;
    text-align: left;
    padding: .8rem 1rem;
    cursor: pointer;
}
.faq-list{
    margin-bottom: 2rem;
}

#magazine{
	width: 800px;
	height: 400px;
}
#magazine .turn-page{
	background-color:#ccc;
}
.modal-dialog {
    max-width: 1110px;
    
}
.modal.show .modal-dialog{
    width: 100%;
}
.link-blue{
    color: #10016f !important;
    font-weight: 600;
}