@font-face{font-family:Montserrat-VariableFont_wght;src:url(../fonts/Montserrat-VariableFont_wght.ttf)} @font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.ttf)} ol,ul{padding-left:0} body,html{width:100%;height:100%;} *{margin:0;padding:0;outline:none} body{font-family:Roboto-Regular;overflow-x:hidden;font-weight:500;color:#676767} li{list-style: none;color: #505050;font-size: 16px;line-height: 35px;text-align: justify;font-family: 'Roboto-Regular';font-weight: 500;} a{text-decoration:none} h1,h2,h3,h4{font-family:Montserrat-VariableFont_wght;} h1{text-align:center;color:#020334;padding-bottom: 20px;font-size: 41px;font-weight: 600;margin-bottom: 0px;line-height: 1.17em;} h1 span{color:#fa2126;} h1 span a i{padding: 0 4px;font-size: 33px;} h1 span i{color:#020334} h1 span a i:hover {padding: 0 4px;font-size: 33px; color: #fa2149;} h3{font-weight:600;font-size:25px;margin-top:0;margin-bottom:14px;color: #061259;} p{color: #505050;font-size: 16px;line-height: 33px;text-align:justify;font-family: 'Roboto-Regular';font-weight: 500;} p span{color:#a70202;font-weight:600;} /* ------------------------------------ left hex ---------------------------------------*/ .no-pad {padding: 0;} .leftbg{padding:25px 25px 10px;background-image: linear-gradient(to bottom,#2f5678 60%,#D92121,#FFAA1D,#3cc,#4997D0,#2ab74d,#b58276,#F86,#BF8FCC,#c3b93d);height: 100vh;} .leftbg h3{color:#fff;text-align:center;margin-bottom:25px} .right{float:right} .left{float:left} .hex{margin-top:23px;width:124px;height:70px;background-color:#fff;border-color:#fff;position:relative;display:inline-block;box-shadow:6px 4px 6px #00000066} .hex:before{content:" ";width:0;height:0;border-bottom:30px solid;border-color:inherit;border-left:62px solid transparent;border-right:62px solid transparent;position:absolute;top:-30px} .hex:after{content:"";width:0;position:absolute;bottom:-30px;border-top:30px solid;border-color:inherit;border-left:62px solid transparent;border-right:62px solid transparent} .hex h4{color:#000;text-align:center;font-size: 14px;display:flex;align-items:flex-end;align-content:center;justify-content:space-around;vertical-align:bottom;margin-bottom:0;margin-top:5px;line-height:15px;font-weight:700} .hex img{width:34px;margin:0 auto} .Villa-navlink {color: #000000;background: #0000001f !important;margin: 5px;} /* ------------------------------------ Navigation Sec ---------------------------------------*/ .active { color: #3b3288 !important; } ul.mainlist li a{color:#a70202;} .nav-sec{background: #fff9f9;} .menu-main i{font-size: 12px;display: none;} .menu-main{ margin-bottom:0px} .header{display: block;width: 100%;position: relative;z-index: 99;text-align: center;background: #011A27;} .header .item-left{flex: 0 0 40%;} .header .logo a{ font-size: 30px; color:#000000; font-weight: 700; text-decoration: none; } .header .item-center{flex: 0 0 60%;line-height: 111px;} .header .item-right{ flex: 0 0 10%; display: flex; justify-content: flex-end; } .header .item-right a{ text-decoration: none; font-size: 16px; color:#555555; display: inline-block; margin-left: 10px; transition: color 0.3s ease; } .header .menu > ul > li{display: inline-block;line-height: 50px;margin-left: 15px;font-weight: bold;} .header .menu > ul > li > a{font-size: 15px;position: relative;transition: color 0.3s ease;color: #E6DF44;font-weight: 600;text-transform: uppercase;font-family: 'Roboto-Regular';letter-spacing: 1px;} .header .menu > ul > li .sub-menu{position: absolute;z-index: 500;box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);padding: 20px 30px;transition: all 0.5s ease; margin-top:25px; opacity:0;visibility: hidden;list-style: none;background: linear-gradient(45deg, white, #fdfdfd);border-top: 5px solid #3e7095;} .header .mega-menu-column-3 { max-width: 1100px; width: 100%; display: flex; flex-wrap: wrap; padding: 20px 15px;transform: translate(-50%); left: 50%;} .header .list-mega-menu {text-transform: capitalize;flex: 0 0 33%;  padding: 0 5px;  text-align: left;} .header .list-mega-menu ul li a {  color: black;} .header .mega-menu-panel { display: flex; justify-content: center; align-items: flex-start;} .header .mega-menu-panel .col:nth-child(01) { padding: 1.75em 1.5em 1.75em 0.5em; box-sizing: border-box; background-color: #f0f0f0;} .header .mega-menu-panel .col:nth-child(02) { text-align: left; color: #5e5e5e; background-color: #fff;box-sizing: border-box;} .header .content-mid {display: flex;justify-content: center;align-items: flex-start;padding: 0px 20px;} .header .mega-menu-panel .first-col {min-width: 23%;height: 100%;max-width: 20%!important;} .header .list-mega-menu ul li a { color: #5e5e5e;} .header .list-mega-menu ul li a:hover {color: #d5b51f;} .header .content-mid h4 {font-size: .875em;color: #295d85;padding: 0 0 2.25em;margin: 0 0 0.75em;position: relative;font-weight: 900;letter-spacing: .1em;text-transform: uppercase;line-height: 1.1;} .header .content-mid h4:before {content: "";display: block;position: absolute;left: 2.5em;bottom: 0;height: 22px;width: 1px;border-right: 1px solid #e3c30b;} .header .brief-description {line-height: 1;color: #2b2b2b;font-size: 34px;margin: 0 0 0.25em;text-align: left;} .header .col.last-col {width: 30%;max-width: 30%;} .header h6.long-description { text-align: left; color: #5e5e5e; background-color: #fff; padding: 0.8em 1.875em 1.875em 0;  box-sizing: border-box;line-height: 28px;} .header .content-image {vertical-align: middle;} .header .mega-menu-panel .col:nth-child(03) {display: flex;justify-content: center;align-items: center;height: 375px;} .header .sub-menu-desktop{display: flex;justify-content: center;align-items: center;} .header .sub-menu-mobile{display: none;} .header .content-link ul{display: flex; list-style: none; position: relative; z-index: 8201; margin: 0; padding: 0;flex-wrap: wrap;} .header .content-link ul li{ margin-bottom: 5px; background: #022e72;padding: 0px 20px;width: max-content;display: flex;justify-content: center;align-items: center;margin-right: 5px;} .header .content-link ul li a {color: white;} @media(min-width: 992px){ .header .menu > ul > li.menu-item-has-children:hover .sub-menu{margin-top: 25px;visibility: visible;opacity: 1;} } .header .menu > ul > li .sub-menu > ul > li{line-height: 1;list-style: none;text-align: left;transition: 0.5s;} .header .menu > ul > li .sub-menu > ul > li > a{display: inline-block;padding: 10px 0;font-size: 16px;color: #555555;transition: color 0.3s ease;text-decoration: none;text-transform: capitalize;transition: 0.5s;} .header .menu > ul > li .single-column-menu{ min-width: 280px; max-width: 350px; } .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{ line-height: 1; display: block; } .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a { padding: 15px 0; display: inline-block; font-size: 17px; color: #000000; transition: color 0.3s ease; } .header .menu > ul > li .sub-menu.mega-menu{ left: 50%; transform: translateX(-50%); } .header .menu > ul > li .sub-menu.mega-menu-column-4{ max-width: 1100px; width: 100%; display: flex; flex-wrap: wrap; padding:20px 15px; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{ flex:0 0 25%; padding:0 15px; text-align: left;} .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{ font-size: 16px; color: #e77918; font-weight: 500; line-height: 1; padding:10px 0; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{ text-align: center; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{ max-width: 100%; width: 100%; vertical-align: middle;  border: 10px solid #ebebeb;} .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover, .header .menu > ul > li .sub-menu > ul > li > a:hover, .header .item-right a:hover, .header .menu > ul > li:hover > a{color: #295d85;} /* banner section */ .mobile-menu-head,.mobile-menu-trigger{display: none;} /*responsive*/ @media(max-width:1199px){ .header .content-link ul li { padding: 10px 20px;} .header .sub-menu-desktop{ flex-direction: column;} .header .mega-menu-panel .first-col { min-width: 100%; height: auto; max-width: 100%!important; margin-bottom: 25px;} .header .list-mega-menu ul li{line-height:28px} .header .col.last-col { width: 100%; max-width: 100%;} .header h6.long-description {padding: 0px;} .header .item-center{ order:3; flex:0 0 100%; } .header .item-left, .header .item-right{ flex:0 0 auto; } .v-center{ justify-content: space-between; } .header .mobile-menu-trigger{ display: flex; height: 30px; width: 30px; margin-left: 15px; cursor: pointer; align-items: center; justify-content: center; color: white;} .header .mobile-menu-trigger span{ display: block; height: 2px; background-color: #ffffff; width: 24px; position: relative; } .header .mobile-menu-trigger span:before, .header .mobile-menu-trigger span:after{ content: ''; position: absolute; left:0; width: 100%; height: 100%; background-color: #fffefe; } .header .mobile-menu-trigger span:before{ top:-6px; } .header .mobile-menu-trigger span:after{ top:6px; } .header .item-right{align-items: center;background: #2c3e51;padding: 6px;} .header .menu{ position: fixed; width: 320px; background-color:#ffffff; left:0; top:0; height: 100%; overflow: hidden; transform: translate(-100%); transition: all 0.5s ease; z-index: 1099; } .header .menu.active{ transform: translate(0%); } .header .menu > ul > li{ line-height: 1; margin:0; display: block; } .header .menu > ul > li > a{ line-height: 50px; height: 50px; padding:0 50px 0 15px; display: block; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: left;} .header .menu > ul > li > a i{ position: absolute; height: 50px; width: 50px; top:0; right: 0; text-align: center; line-height: 50px; transform: rotate(-90deg); } .header .menu .mobile-menu-head{ display: flex; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.1); justify-content: space-between; align-items: center;  z-index: 501; position: sticky; background-color: #ffffff; top:0; } .header .menu .mobile-menu-head .go-back{ height: 50px; width: 50px; border-right: 1px solid rgba(0,0,0,0.1); cursor: pointer; line-height: 50px; text-align: center; color:#000000; font-size: 25px; display: none; } .header .menu .mobile-menu-head.active .go-back{ display: block; } .header .menu .mobile-menu-head .current-menu-title{ font-size: 15px; font-weight: 500; color:#000000; } .header .menu .mobile-menu-head .mobile-menu-close{ height: 50px; width: 50px; border-left: 1px solid rgba(0,0,0,0.1); cursor: pointer; line-height: 50px; text-align: center; color:#000000; font-size: 25px; } .header .menu .menu-main{ height: 100%; overflow-x: hidden; overflow-y: auto; } .header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu{ visibility: visible; opacity: 1; position: absolute; box-shadow: none; margin:0; padding:15px; top:0; left:0; width: 100%; height: 100%; padding-top: 65px; max-width: none; min-width: auto; display: none; transform: translateX(0%); overflow-y: auto; } .header .menu > ul > li .sub-menu.active{display: block;} @keyframes slideLeft{ 0%{ opacity:0;transform: translateX(100%);} 100%{opacity:1;transform: translateX(0%); }} @keyframes slideRight{0%{ opacity:1;transform: translateX(0%);    }100%{ opacity:0;transform: translateX(100%);}} .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{ margin-top:0; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{ margin-bottom: 20px; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{ margin-bottom:0px; } .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{ flex: 0 0 100%; padding: 0px; } .header .menu > ul > li .sub-menu > ul > li > a, .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{ display: block; } .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul { margin-bottom: 15px; } .menu-overlay{ position: fixed; background-color: rgba(0,0,0,0.5); left:0; top:0; width: 100%; height: 100%; z-index: 1098; visibility: hidden; opacity:0; transition: all 0.5s ease; } .menu-overlay.active{ visibility: visible; opacity:1; } } /* ------------------------------------ About ---------------------------------------*/ .popup .carousel-control-prev-icon { background: url('../images/lefticn.png') no-repeat !important; } .popup .carousel-control-next-icon { background: url('../images/righticn.png') no-repeat !important; } .popup  .carousel-control-next, .popup .carousel-control-prev{ width: auto; } .popup  .carousel-control-next { right: -15px; } .popup .modal-dialog{min-width: 800px;} .carousel-item .modal-header{background: #0a4685;padding:13px 0 0} .popup .modal-dialog img{width:100%;object-fit: contain;background: #ffffff;min-height: 400px;} .carousel-item .modal-body h1{ padding-bottom: 0;text-align: center; font-size: 17px; color: #343131; overflow: hidden; font-weight: 600; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 10px; line-height: 28px; } .carousel-item .modal-dialog .modal-header .btn-close{color:#fff;padding-right:31px} .carousel-item .modalcard .card-body{padding:10px} .carousel-item .modalcard .card-body p{line-height: 35px;/* overflow:hidden; *//* display:-webkit-box; *//* -webkit-line-clamp:2; *//* -webkit-box-orient:vertical; */text-align:center;padding-top:10px;line-height: 26px;} .carousel-item .modalcard{border:none} .carousel-item .modal-body{padding: 0px 2rem;} .popup .modal-content{padding:0 0 10px} .carousel-item button.btn-close:focus{box-shadow:none} .carousel-item a.btn.btn-primary.btn-sm{background: #182b3c;border: 1px solid #182b3c;margin:0 10px} .carousel-item a.btn.btn-primary.btn-sm:focus{box-shadow:none;border: 1px solid #182b3c;} .carousel-item button.btn-close {position: absolute;z-index: 999;background-color: #152f43;right: 0;} .carousel-item .btn-close { background: url(../Images/closeicn.png) no-repeat; opacity: 1; padding: 10px; background-position: center; border-radius: 0; } .modal-bottom {display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 30px;} .erp_links {left: 10px;position: fixed;bottom: 150px;z-index: 999} .OnlineR a {color: #fff;} a.parantlogo {padding: 12px 10px;} .OnlineR{position:fixed;right: 0;z-index: 9;text-align:center;color:#fff;top: 250px;font-family: Open Sans,sans-serif;} @keyframes bounce1 { 0%{background-color:#295d85;} 33%{background-color: #dc3545;} 66%{background-color: #295d85;} 100%{background-color: #dc3545;} } .bounce1{border-radius: 25px;color:#fff;font-size:14px;font-weight:700;-webkit-animation:colorchange 20s infinite alternate;z-index:99;text-align:center;animation:bounce1 1s infinite;-moz-animation:bounce1 1s infinite;-webkit-animation:bounce1 1s infinite;padding: 12px;} .AlumniR{position:fixed;right: 0;z-index: 9;text-align:center;color:#fff;top: 190px;font-family: Open Sans,sans-serif;} .AlumniR a {color: #fff;} .about-sec h1{text-align: left;color: #23252a;font-family: Montserrat-VariableFont_wght;padding-bottom: 11px;font-size: 40px;font-weight: 900;line-height: 56px;/* text-transform: capitalize; */} .about-sec h3{font-size: 18px;line-height: 30px;font-family: 'Montserrat-VariableFont_wght';margin-bottom: 10px;color: #07294d;font-weight: 800;} .aboutarea {display: flex;align-items: center;} .about-image {width: 40%;} .about-con {width: 60%;margin: 0px auto;margin-left: 30px;} .about-image img{padding-left: 20px;} .about-sec {padding-top: 50px;padding-bottom: 70px;/* background: #f3f8f9; */} .section{overflow:hidden} .readmore{font-size: 15px;font-weight: 600;line-height: 17px;background-color: #E6Df44;padding: 17px 30px;width: fit-content;color: black;letter-spacing: 1px;} .readmore:hover { color: #fff; background-color: #07294d; } .about-con h4 {margin-top: 40px;} .about-con p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} /* ------------------------------------ Top Bar ---------------------------------------*/ div.top-nav-right {margin-left: 0px;} div.top-nav-right .top-block {padding-left: 15px;} div.top-nav-right .top-block {padding-left: 0px;display: inline-block;margin-bottom: 0;margin-top: 2px;} div.top-nav-right .top-block li a {font-size: 15px;} div.top-nav-right .top-block li a:hover {color: #ecd25b;} .smartlib-top-navbar{background: #063852;color:#777777;transition: all 0.4s linear;line-height: 1;} .top-nav-right {position: absolute;margin-left: 90px;margin-top: 5px;} .top-block > li {float: left;padding-right: 15px;list-style: outside none none;} .top-block a { color: #fff; } .top-social {float: right;position: relative;margin-top: 6px;padding-right: 116px;} .social-block > li {float: left;/* margin: 2px; */list-style: outside none none;} .social-block a { color: #fff; } .social-block li i:hover {color: #ecd25b;} .social-block li i{padding: 9px;border-radius: 50px;font-size: 14px;} .top-rightside{display: flex;justify-content: right;flex-direction: row;} .topbar-number li{list-style:none;display:inline;padding: 15px 4px;} .topbar-number li i{ padding-right:5px;} .topbar-number ul{ margin-bottom: 0px;color: white;} .erplogin {background: #E6DF44;padding: 1px 23px;border-radius: 50px;font-weight: 700;line-height: 34px;margin: 5px 0px 5px 5px;} .topbar-number li a {color: white;} .topbar-number {line-height: 45px;font-size: 17px;} .erplogin a{color: black;font-size: 14px;letter-spacing: 2px;} .topbar-number:nth-child(1) .bi-whatsapp{background: #02c404;width: 30px;height: 30px;display: block;text-align: center;line-height: 30px;border-radius: 14px;float: left;color: white;margin: 6px 0px 0px;} .topbar-number:nth-child(2) .bi-telephone-fill {background: red; width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; border-radius: 14px; float: left; color: white;margin: 6px 0px 0px; } /* ------------------------------------ Our Facilities ---------------------------------------*/ .facilities{ background:#f1eeee; height: 600px; background-image: url("../Images/facilities.jpg") } .facilities-area{background: #001e36d1;height: 600px;} .facilities-area-container{/* background: red; */padding: 50px;width: 73%;} .facilities-area-container h1{color: white;padding-bottom: 40px;} .facilities-area-box{/* background:white; */height: 120px;margin-bottom: 20px;display: flex;} .facilities-area-box h3{color: #ffffff;margin-bottom: 4px;font-size: 22px;} .facilities-area-box img {padding-right: 30px;} .facilities-area-box p{color: white;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 4em;text-overflow: ellipsis;} .facilities-area-box-img {width: 15%;width: 100px;height: 100px;} .facilities-area-box-con {width: 85%;} .testimonial-section-four{ position: relative; overflow: hidden; padding: 60px 0px 60px; background-color:#f6f6f6; } .testimonial-section-four .icon-layer-one{ position: absolute; left:90px; top: 170px; width:118px; height:109px; background-repeat: no-repeat; } .testimonial-section-four .icon-layer-two{ position:absolute; right:90px; bottom:100px; width:118px; height:109px; background-repeat:no-repeat; } .testimonial-section-four .top-pattern-layer{ position:absolute; left:0px; top:-30px; right:0px; height:63px; background-position:center center; background-repeat:repeat-x; } .testimonial-section-four .bottom-pattern-layer{ position:absolute; left:0px; bottom:-30px; right:0px; height:63px; background-position:center center; background-repeat:repeat-x; } .testimonial-section-four .inner-container{ position:relative; } .testimonial-section-four .inner-container .circle-pattern-layer-one, .testimonial-section-four .inner-container .circle-pattern-layer-two{ animation-name: rotateme; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; } .testimonial-section-four .inner-container .circle-pattern-layer-one{ position: absolute; left: -105px; top: -3px; width:373px; height:335px; background-repeat: no-repeat; } .testimonial-section-four .inner-container .circle-pattern-layer-two{ position:absolute; right:-90px; bottom:0px; width:373px; height:335px; background-repeat:no-repeat; } .testimonial-block-four{ position:relative; margin-bottom:30px; } .testimonial-block-four .inner-box{ position:relative; text-align:center; padding:40px 30px 75px; background-position:center center; background-repeat:no-repeat; } .testimonial-block-four .inner-box .author-image{ position:relative; display:inline-block; } .testimonial-block-four .inner-box .author-image .quote-icon{ position: absolute; z-index:1; left: -50px; top:25px; width: 70px; height: 70px; color:#ffffff; line-height: 70px; border-radius:50px; display: inline-block; background-color: #396f97; } .testimonial-block-four .inner-box .author-image .image{ position: relative; border-radius:50%; overflow: hidden; } .author-image .image img{object-fit: contain;background: #f8f8f8;width: 150px;height: 150px;} .testimonial-block-four .inner-box h4{margin: 0px 15px;text-transform: capitalize;position: relative; color:#0c0d24;font-weight: 600;font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 15px 15px 0px 15px;} .testimonial-block-four .inner-box .designation{    margin: 0px 15px;position:relative; color:#0c0d24; font-size:16px; opacity:0.80; margin-bottom:18px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 0px 15px 0px 15px;} @keyframes rotateme { 0% { transform: rotate(0deg); opacity: 1; } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); opacity: 1; } } /* ------------------------------------ Event Sec ---------------------------------------*/ h2 {margin-bottom: 15px;font-size: 20px;color: #9e9ea1;/* text-transform: uppercase; */letter-spacing: 1px;font-weight: 700;text-transform: capitalize;} .event-sec{background-image: url(../images/bg.png);background-repeat: no-repeat;background-size: cover;background-position: bottom;padding: 0px;} .event-sec-bg{background: #ffffff;padding-right: 0px;padding: 100px 0;} .eventbox-footer{background: #204e72d4;position: relative;width: 100%;margin-top: -71px;} .eventbox-footer i{background: #ecd25b;width: 65px;float: left;color: white;text-align: center;line-height: 65px;margin-right: 8px;font-size: 27px;} .eventbox-footer h4{    padding-left: 5px;color: white; line-height: 65px; text-overflow: ellipsis; font-size: 19px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right: 5px; text-align: left;} .head2{text-align: left;font-weight: 700;margin-bottom: 10px;color: #000000;font-size: 35px;text-transform: uppercase;} .eventbox{margin-bottom: 8px;position: relative;width: 100%;} .eventbox img{width: 100% !important;height: 350px !important;display: block;object-fit: contain;background: #ede7e7;padding: 7px;object-position: center;object-position: top;} .eventbox .overlay {z-index: 999;position: absolute;bottom: 0;left: 0;right: 0;background-color: #2a5578;overflow: hidden;width: 100%;height: 0;transition: .5s ease;} .eventbox:hover .overlay {height: 100%;} .overlaytext{color: white;font-size: 20px;position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;width: 100%;padding: 18px;} .overlaytext h3 {font-size: 20px; color: #fff; text-transform: uppercase; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .overlaytext p {font-size: 16px;color: #fff;font-weight: normal;text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;line-height: 30px;} .overlaytext h5 {font-size: 14px;color: #fff;padding-bottom: 11px;font-weight: normal;} .overlaytext h5 i{font-size: 15px;color: #ffffff;padding-right: 4px;} .overlaytext h6 {font-size: 14px;color: #fff;font-weight: normal;} /***************************************************** Video gallery ****************************/ .video-btn--play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);} .video-btn--play-btn{display:inline-block;width:90px;height:90px;line-height: 94px;text-align:center;font-size: 25px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;color:#2a6df5;border-color:#fff} .video-btn{position:relative;top: 50%;} .video-btn--play-btn::before{content:"";height:120px;width:120px;position:absolute;left:-15px;top:-15px;border: 1px solid rgb(236 210 91);border-radius:50%;animation:videoBtnAnim 3s linear infinite;display:block;} .video-btn--play-btn::after{content:"";position:absolute;width:100%;height:100%;background-color: #ecd25b;top:0;left:0;border-radius:50%;transition:all .3s ease-in-out;} .video-btn--play-btn i{z-index:2;position:relative;font-size: 53px;color: #ffffff;padding: 5px;} @keyframes videoBtnAnim { 0%{-webkit-transform:scale(0.8);transform:scale(0.8)} 25%{-webkit-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(1.2);transform:scale(1.2)} 75%{-webkit-transform:scale(1);transform:scale(1)} to{-webkit-transform:scale(0.8);transform:scale(0.8)} } img.m-img.image-background.img-fluid {width: 100%;height: 600px; padding: 0.25rem; background-color: #fff;border: 1px solid #dee2e6;border-radius: 0.25rem;object-fit: cover;} .title-sperator-sec { background-color: #c5ae3c; display: inline-block; height: 3px; margin-bottom: 9px; margin-top: 0; position: relative; width: 42px; } .list li{list-style: none;} .list{padding-left: 15px;} .list li::before { content: "\2022"; color: #2a5578; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } /* ------------------------------------ News Sec ---------------------------------------*/ .rs-latest-events h2{text-align: left;font-weight: 700;color: #000000;font-size: 35px;text-transform: uppercase;} .rs-latest-events.bg-wrap {position: relative;} .pt-100 { padding-top: 100px;} .pr-65 { padding-right: 65px; } .pt-24 { padding-top: 24px; } .mb-42 { margin-bottom: 42px; } .sec-title .sub-title.primary {margin-bottom: 10px;font-size: 20px;color: #9e9ea1;letter-spacing: 1px;font-weight: 700;text-transform: capitalize;} .sec-title .sub-title {  line-height: 28px; } .home-style2 h2{ color: #112958; } .rs-latest-events.style1 .single-img { z-index: 1; position: relative; } .rs-latest-events.style1 .single-img img { border-radius: 3px; } .rs-latest-events.bg-wrap:after { position: absolute; content: ''; top: 0; right: 0; width: 63%; height: 100%; background: #f3f8f9; } .rs-latest-events.style1 .event-wrap { z-index: 1; position: relative; } .rs-latest-events.style1 .event-wrap .events-short { overflow: hidden; background: #ffffff; padding: 31px 30px; border-radius: 3px; } .mb-30 { margin-bottom: 30px; } .rs-latest-events.style1 .event-wrap .events-short .date-part.bgc1 { background: #dcf1fd; } .rs-latest-events.style1 .event-wrap .events-short .date-part { width: 100px; float: left; text-align: center; padding: 11px 0 22px; border-radius: 3px; margin-right: 25px; } .rs-latest-events.style1 .event-wrap .events-short .content-part a .categorie  { color: #505050; } .rs-latest-events.style1 .event-wrap .events-short .content-part .title { line-height: 1.5; } .home-style2 h4 { color: #112958; } .rs-latest-events.style1 .event-wrap .events-short .content-part a .title {text-transform: capitalize;color: #01050e;font-weight: 700;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 3em;text-overflow: ellipsis;font-size: 18px;} .rs-latest-events.style1 .event-wrap .events-short .date-part.bgc2 { background: #e9fbd5; } .rs-latest-events.style1 .event-wrap .events-short .date-part.bgc3 { background: #fee2c0; } .mt-55 { margin-top: 55px; } .rs-latest-events.style1 .event-wrap .btn-part a { text-transform: uppercase; font-weight: 700; font-size: 16px; color: #000000; position: relative; display: inline-block; } .rs-latest-events.style1 .event-wrap .events-short .date-part .month {text-transform: capitalize; margin-bottom: 4px; display: block; } .rs-latest-events.style1 .event-wrap .events-short .date-part .date {font-size: 44px;font-family: 'Nunito', sans-serif;color: #112958;font-weight: 700;line-height: 39px;} .rs-latest-events.style1 .event-wrap .events-short .date-part { width: 100px; float: left; text-align: center; padding: 11px 0 22px; border-radius: 3px; margin-right: 25px; } /*****Gallery Sec*****/ .parallax{background-color: #295d85;position:relative;overflow:hidden} .parallax .parallax-image{position:absolute;z-index:11;left:0;right:0;top:0;bottom:0;background-size:cover;background-position:50%;background-attachment:fixed;opacity:.1} .parallax .parallax-content{position:relative;z-index:22} .parallax-mercy h2{font-family:'Playfair Display',serif;font-weight:400;margin-bottom:10px;color:#fff;font-size: 45px;} .parallax-mercy h3{color:#fff;font-size: 25px;font-weight:400;margin-bottom:40px;line-height: 33px;} .parallax-mercy h3 strong{font-weight:700;color: #f26c6d;} .parallax-mercy .link-more{color:#fff} .gallery-grid{    --bs-gutter-x: 0;margin:0;padding:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .gallery-grid > li{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%} .why-mercy-grid .gallery-grid-item{display:block;position:relative;overflow:hidden} .gallery-grid .gallery-grid-item .image-holder{padding-bottom:120%} .gallery-grid .gallery-grid-item .title{overflow: hidden;text-transform: capitalize;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;position:absolute;z-index:22;padding-left:50px;padding-top:40px;left:0;right:0;top:0;color:#fff;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);transition:all .35s;font-weight:700;font-size: 18px;text-shadow: -2px 1px #000000;text-transform: uppercase;text-align: left;line-height: 25px;} .gallery-grid .gallery-grid-item .hover-content{padding:30px 50px;position:absolute;z-index:22;left:0;right:0;bottom:0;background-color:rgba(24,36,102,0.85);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);transition:all .35s} .gallery-grid-item .gallery-grid-item .hover-content h5{color:#fff} .gallery-grid .gallery-grid-item .hover-content .link-more{color: #ecd25b;} .gallery-grid .gallery-grid-item .hover-content{padding:30px 50px;position:absolute;z-index:22;left:0;right:0;bottom:0;background-color:rgba(24,36,102,0.85);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);transition:all .35s} .gallery-grid .gallery-grid-item .hover-content h5{color:#fff;overflow: hidden;font-weight: 600;text-transform: capitalize;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .gallery-grid .gallery-grid-item .hover-content .link-more{color: #ecd25b;overflow: hidden;text-transform: capitalize;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .gallery-grid .gallery-grid-item{display:block;position:relative;overflow:hidden} .gallery-grid .gallery-grid-item{display:block;position:relative;overflow:hidden} .gallery-grid .gallery-grid-item:hover .hover-content{-ms-transform:translateY(0%);transform:translateY(0%)} .gallery-grid .gallery-grid-item .hover-content{padding:30px 50px;position:absolute;z-index:22;left:0;right:0;bottom:0;background-color: rgb(42 85 120);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);transition:all .35s} .image-holder{display:block;position:relative;z-index:10;overflow:hidden} .image-holder-bg{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f8faff;background-size: cover;background-position:50%;/* height: 600px; */background-repeat: no-repeat;} .link-more{display:inline-block;background-color:transparent;outline:none;border:0;padding:6px 0;font-size:14px;position:relative} .link-more:before{width: 30%;} .link-more:before,.link-more:after{content:"";position:absolute;left:0;bottom:0;background-color:#dadada;height:1px} .link-more:after{width:20%;transition:all .3s;background-color: #c5ae3c!important;} .link-more:before{width:30%} .parallax-mercy .link-more:hover{color: #f9cc00;} .link-more:hover:after{width:30%} .link-more:after{width: 15%;transition:all .3s;background-color: #c5ae3c;} .link-more{display:inline-block;background-color:transparent;outline:none;border:0;padding:6px 0;font-size:14px;position:relative} .blackcol {color: black;font-weight: 600;} .blackcol:hover{color: #e4bc04;} .parallax-content-gal {padding: 80px 0 80px !important;} #gallery-slider li.lslide {margin-right: 0px !important;} /* Footer */ .back-footer.back-footer-dark { background: #ffffff; } .back-footer .footer-top { padding: 80px 0 35px; } .back-footer .footer-top .footer-widget.footer-widget-2 { padding-left: 70px; } .back-footer .footer-top .footer-widget .footer-title { margin-bottom: 10px; color: #000; font-size: 24px; } .back-footer .footer-top .footer-menu li {position: relative;  margin-bottom: 5px; line-height: 28px; } .back-footer .footer-top .footer-menu li a {text-transform: capitalize;    display: inline-block; color: #000000 !important; font-size: 15px; } .back-footer .footer-top .footer-widget .footer-address li {width: 100%;font-size: 15px;margin-bottom: 24px;display: inline-flex;color: #000000;text-align: left;} .back-footer .footer-top .footer-widget .footer-address li i { color: #1b2940; font-size: 16px; margin-right: 4px; } .back-footer .footer-top .footer-widget .footer-address li:last-child { margin-bottom: 0; } .back-footer.back-footer-dark .copyright { background: #275373; } .back-footer .copyright { text-align: center; border-top: 1px solid rgba(15,22,41,0.102); padding: 10px 0; } .back-footer .copyright .back-copy-left { font-size: 13px; margin-bottom: 0; color: #fff; font-weight: 400; letter-spacing: 1px; } .back-footer.back-footer-dark .copyright .back-copy-left a { color: White; } .back-footer .footer-top .footer-widget .footer-address li a { color: #000000; margin-left: 10px; line-height: 1.1; display: contents; } .back-footer .footer-top .footer-widget .footer-address li a:hover { color: #1c2666; } .back-footer.back-footer-dark .footer-top .footer-menu li a:hover { color: #2a5578 !important; } .back-footer.back-footer-dark .footer-top .footer-menu li a::after { background: #2a5578; } .back-footer .footer-top .footer-menu li a:after { content: ""; display: block; position: relative; z-index: 1; top: auto; bottom: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 0; height: 1px; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; background-color: #2a6df5; } .back-footer .footer-top .footer-menu li a:hover:after { width: 100%; } /***********Light Slider*************/ li.lslide {margin: 0px; } .lSSlideOuter {overflow: hidden;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; } .lightSlider:before, .lightSlider:after {content: " ";display: table; } .lightSlider {overflow: hidden;margin: 0; } .lSSlideWrapper {max-width: 100%;overflow: hidden;position: relative; } .lSSlideWrapper > .lightSlider:after {clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade {position: relative; } .lSSlideWrapper .lSFade > * {position: absolute !important;top: 0;left: 0;z-index: 9;margin-right: 0;width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active {z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active {opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg {margin: 10px 0 0;padding: 0;text-align: center; } .lSSlideOuter .lSPager.lSpg > li {cursor: pointer;display: inline-block;padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a {background-color: #7e7373;border-radius: 30px;display: inline-block;height: 8px;overflow: hidden;text-indent: -999em;width: 8px;position: relative;z-index: 99;-webkit-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;} .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #ffc600;} .lSSlideOuter .media {opacity: 0.8; } .lSSlideOuter .media.active {opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery {list-style: none outside none;padding-left: 0;margin: 0;overflow: hidden;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; } .lSSlideOuter .lSPager.lSGallery li {overflow: hidden;-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img {display: block;height: auto;max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {content: " ";display: table; } .lSSlideOuter .lSPager.lSGallery:after {clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a {width: 32px;display: block;top: 50%;height: 32px;background-image: url("../img/controls.html");cursor: pointer;position: absolute;z-index: 99;margin-top: -16px;opacity: 0.5;-webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > a:hover {opacity: 1; } .lSAction > .lSPrev {background-position: 0 0;left: 10px; } .lSAction > .lSNext {background-position: -32px 0;right: 10px; } .lSAction > a.disabled {pointer-events: none; } .cS-hidden {height: 1px;opacity: 0;filter: alpha(opacity=0);overflow: hidden; } /* vertical */ .lSSlideOuter.vertical {position: relative; } .lSSlideOuter.vertical.noPager {padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery {position: absolute !important;right: 0;top: 0; } .lSSlideOuter.vertical .lightSlider > * {width: 100% !important;max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a {left: 50%;margin-left: -14px;margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext {background-position: 31px -31px;bottom: 10px;top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev {background-position: 0 -31px;bottom: auto;top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl {direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {padding-left: 0;list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% {left: 0; } 50% {left: -15px;} 100% {left: 0; }} @keyframes rightEnd { 0% {left: 0; } 50% {left: -15px;} 100% {left: 0; }} @-webkit-keyframes topEnd { 0% {top: 0; } 50% {top: -15px;} 100% {top: 0; }} @keyframes topEnd { 0% {top: 0; } 50% {top: -15px;} 100% {top: 0; }} @-webkit-keyframes leftEnd { 0% {left: 0; } 50% {left: 15px;} 100% {left: 0; }} @keyframes leftEnd { 0% {left: 0; } 50% {left: 15px;} 100% {left: 0; }} @-webkit-keyframes bottomEnd { 0% {bottom: 0; } 50% {bottom: -15px;} 100% {bottom: 0; }} @keyframes bottomEnd { 0% {bottom: 0; } 50% {bottom: -15px;} 100% {bottom: 0; }} .lSSlideOuter .rightEnd {-webkit-animation: rightEnd 0.3s;animation: rightEnd 0.3s;position: relative;} .lSSlideOuter .leftEnd {-webkit-animation: leftEnd 0.3s;animation: leftEnd 0.3s;position: relative;} .lSSlideOuter.vertical .rightEnd {-webkit-animation: topEnd 0.3s;animation: topEnd 0.3s;position: relative;} .lSSlideOuter.vertical .leftEnd {-webkit-animation: bottomEnd 0.3s;animation: bottomEnd 0.3s;position: relative;} .lSSlideOuter.lSrtl .rightEnd {-webkit-animation: leftEnd 0.3s;animation: leftEnd 0.3s;position: relative;} .lSSlideOuter.lSrtl .leftEnd {-webkit-animation: rightEnd 0.3s;animation: rightEnd 0.3s;position: relative;} /*/  GRab cursor */ .lightSlider.lsGrab > * {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab; } .lightSlider.lsGrabbing > * {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing; } .sliderbg {background: #1d4b6e;display: flex;flex-direction: row;justify-content: center;align-items: center;height: 150px;} .breadcrumblist ul {display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 0;flex-wrap: wrap;} .breadcrumblist ul li { padding: 0px 10px;} .breadcrumblist li { position: relative; } .breadcrumblist li:after { width: 100%; position: absolute; top: 0; left: 0; content: ' / '; } .breadcrumblist li:first-child::after{ content: '  '; } .innersec { padding: 40px 0px 80px 0px; min-height: 600px; background: url(../images/bg.png) repeat center center, linear-gradient(#295d851f, #295d851f); background-size: auto; } .breadcrumblist ul li { color: #fff; } .breadcrumblist ul li a { color: #ffed97; } .innercontainer { width: calc(100% - 300px); margin: 0 auto; } .founderdesc { padding: 50px; float: left; margin-right: 40px; width: 70%; background: #f1f1f1; text-align: center; border-right: 4px solid #1d4b6e; } .founderimg img { text-align: center; margin: 0 auto; display: block; } h1.innerheading { margin-bottom: 30px; } h3.smallhead { font-size: 31px; line-height: 40px; text-transform: capitalize; } .founderbox{ display: flex; flex-direction: row; justify-content: center; align-items: center; } .founderdesc p{text-align: center;} .ruleheading { font-size: 25px; color: #393185; font-weight: bold; margin-bottom: 15px; text-transform: capitalize; } ul.mainlist li { position: relative; font-family: 'Roboto-Regular'; padding-left: 25px; text-transform: capitalize; } ul.mainlist li:after { position: absolute; top: 0; left: 0; content: ' \F270 '; font-family: 'bootstrap-icons'; color: #2c2479; } .managementtable tr th { background: #1d4b6e; color: #fff; border: 1px solid #fff; } .managementtable tr td img { width: 85px; height: 85px; object-fit: contain; background: #ccc; } .managementtable tbody tr { background: #fff; } .managementtable tbody tr td { border: 1px solid #ccc; vertical-align: middle; } .slidemarq { position: relative; } .highlights a {color: #fff;font-size: 17px;line-height: 30px;text-transform: capitalize;} .highlights {width: 100%;display: flex;background: #295d85;justify-content: center;align-items: center;position: absolute;} .highlights  i { color: #fff; } .highlights p{color: #fff;margin-bottom: 0;} .year_selction_sec h3{width:11em;background:#ef2d39;padding:8px 11px;color:#fff;box-shadow:-2px 5px 4px 2px #ef2d396e;clear:both;font-size:21px;line-height:27px} .month-selection .active_month{border:solid 1px #dd522a} div[data-trigger]{display:none} .myDiv{display:none} .selected_year{display:block} .year_selction_sec select{margin:0;width:100%;background:#c30038;border:solid 1px #c30038;height:28px;color:#fff;margin-top:15px} .myDiv{height:auto!important} .year_selction_div{float:right;width:79%} .clr{clear: both;} .accordin h3{font-size:14px;background: #295d85fc;border-radius: 3px;padding:10px 19px;color:#fff;font-weight:400;cursor: pointer;} .ui-accordion-content{background: #1d4b6e29;height:auto!important;border-left: 2px solid #1d4b6e;border-right: 2px solid #1d4b6e;padding:20px;margin-bottom:20px;margin-left:20px;margin-right:20px} .ui-state-active .ui-icon, .ui-button:active .ui-icon {background-image: url(../images/accroicn.png);} .ui-icon-triangle-1-s {background-position: -65px -16px;} .ui-icon, .ui-widget-content .ui-icon {background-image:  url(../images/accroicn.png);} .ui-icon {width: 16px;height: 16px;float: right;} .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-icon-triangle-1-e {  background-position: -65px -16px;} .achievementimg.achievementmulti a { width: 30%; margin: 0px 10px 15px 10px; } .achievementimg.achievementmulti { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .achievementdetails { flex-wrap: wrap; display: flex; justify-content: space-between; background: #d59e582b; padding: 10px; align-items: center; flex-direction: row; margin-bottom: 10px; border-radius: 3px; } .achievementdetails p { margin-bottom: 0; } .achievementimg { width: 30%; margin-right: 25px; } .achievementdesc {display: flex;flex-direction: row;width: 100%;flex-wrap: wrap;} .achievementpgh { width: 64%; } .achievementimg img {height: 280px;width: 100%;object-fit: contain;border: 5px solid #2c5f86;border-radius: 5px;background: #fff;} .magnify-modal{position:fixed!important;z-index:999999999!important;padding-top:10px!important;left:0!important;top:0!important;width:100%!important;height:100%!important;overflow:auto!important;background-color:rgba(0,0,0,0.8509803922)!important} .magnify-header .magnify-toolbar{float:right;position:relative;z-index:9} .magnify-stage{position:absolute;top:40px;right:10px;bottom:40px;left:10px;z-index:1;background:#0000000a;overflow:hidden} .magnify-image{position:relative;display:inline-block;border:5px solid #fff} .magnify-image.image-ready{max-width:100%;max-height:100%} .magnify-footer{position:absolute;bottom:0;z-index:2;width:100%;height:40px;color:#fff;text-align:center} .magnify-footer .magnify-toolbar{display:inline-block} .magnify-button{display:inline-block;width:40px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:10px;font-size:16px;color:#fff;text-align:center;border-width:0;border-radius:0;cursor:pointer;outline:none;background:#000} .magnify-loader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;background-color:rgba(0,0,0,0.3);color:#333} .magnify-loader::before{content:'';display:inline-block;position:relative;width:36px;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(255,255,255,0.5);border-radius:100%;-webkit-animation:magnifyLoading 1s infinite linear;animation:magnifyLoading 1s infinite linear} .magnify-loader::after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden} @-webkit-keyframes magnifyLoading { 0%{-webkit-transform:rotateZ(0deg) translate3d(0,0,0);transform:rotateZ(0deg) translate3d(0,0,0)} 100%{-webkit-transform:rotateZ(360deg) translate3d(0,0,0);transform:rotateZ(360deg) translate3d(0,0,0)} } @keyframes magnifyLoading { 0%{-webkit-transform:rotateZ(0deg) translate3d(0,0,0);transform:rotateZ(0deg) translate3d(0,0,0)} 100%{-webkit-transform:rotateZ(360deg) translate3d(0,0,0);transform:rotateZ(360deg) translate3d(0,0,0)} } .anthembox h3 { text-align: center; } .anthembox p { text-align: center; } .morningprayer {    display: flex; flex-direction: row; text-align: center; justify-content: space-between; align-items: center;} .morningprayerdiv h3, .morningprayerdiv p { color: #000; text-align: left; } .morningprayerdiv { width: 48%; } .videodiv { width: 48%; border: 5px solid #fff; padding: 5px; border-radius: 5px; } .schoolbuildingbox { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .schoolbuildingimg { width: 100%; margin: 5px 10px; } .schoolbuildingimg img { width: 100%;  object-fit: cover; border: 10px solid #f1f1f1; border-radius: 6px; } .facilitiestab .tab-content { background: #fff; padding: 50px 20px; } .facilitiestab { display: flex; flex-direction: row; } .facilitiestab button { background: #1d4b6e !important; border: 2px solid #fff!important; border-radius: 0px !important; width: 100% !important; padding: 8px 40px; color: #fff; } .facilitiestab button:hover { color: #fff; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #000; background-color: #ffed97 !important; border: 2px solid #ffed97 !important; } .maintable thead tr { background: #1d4b6e; color: #fff; text-transform: capitalize; text-align: center; } .maintable thead tr th { border: 1px solid #fff; } .maintable tbody { background: #fff; text-transform: capitalize; } .maintable tbody td { border: 1px solid #ccc; text-align: center; vertical-align: middle; } .time-table .smallheading { margin-bottom: 25px; } .principalimg { margin-left: 25px; width: 30%; float: right; border: 3px solid #fff; padding: 7px; border-radius: 5px; } .principalimg img { width: 100%; height: 325px; object-fit: contain; background: #fff; } .name span { display: block; } .name { font-size: 18px; color: #333; text-transform: capitalize; } .aboutimg{float:left;position:relative;width: 28%;margin-right:45px;margin-bottom:50px} .aboutimg .aboutimg1{width:100%;height:400px;object-fit:cover;object-position:top;box-shadow:0 0 25px rgb(0 0 0 / 13%);border-radius:20px;position:relative;z-index:22} .back__shape__1{position:absolute;left:0;top:60px;-webkit-animation:slide-top 5000ms linear infinite alternate;animation:slide-top 5000ms linear infinite alternate;z-index:-1} .back__shape__2{position:absolute;right:-77px;bottom:50px;-webkit-animation:slide-top 5000ms linear infinite alternate-reverse;animation:slide-top 5000ms linear infinite alternate-reverse;z-index:-1} @keyframes slide-top { 0%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)} } ul.aboutli li { list-style-type: circle; } .schoolmotto { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } .schoolmottodiv { width: 30%; background: #1e5a87; margin-bottom: 20px; padding: 15px 10px; margin-right: 10px; border-left: 5px solid #0b3555; box-shadow: 0px 0px 7px 3px #00000042; } .schoolmottodiv h3 { color: #fff; font-size: 20px; margin-bottom: 0; } .schoolmottodiv p { font-size: 18px; color: #fff; margin-bottom: 0; } .imgheading a { color: #20488a; text-align: center; width: 100%; display: block; font-size: 20px; padding: 10px 0; } #myImg:hover { opacity: .7; } #myImg, #myImg1, #myImg2 { width: 100%; border: 5px solid rgb(191 185 188); background: #cbcaca; cursor: pointer; transition: .3s; } .erppopup .modal-body h5 { color: #000; text-align: center; padding-top: 20px; } .erpbox { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 100%; } .erpboxdesc { width: 72%; } .erpboximg { width: 26%; } .erpboxdescpopup { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } .erppopup { width: 30%; margin: 10px; } .erp_sec .guideheading{text-align:left} .erp_sec h4{text-align:center;line-height:40px;font-size:17px;margin-bottom:0;margin-top:15px;font-weight:700} .erp_sec a{color:#000} .assistance{background:rgba(68,23,20,0.06);padding:13px;border:solid 1px #ddd} .erp_sec p{line-height:40px!important;margin-bottom:0;    font-size: 16px;} .addressdesc { width: 90%; } .year_selction_sec h3{width:11em;background:#ef2d39;padding:8px 11px;color:#fff;box-shadow:-2px 5px 4px 2px #ef2d396e;clear:both;font-size:21px;line-height:27px} .month-selection .active_month{border:solid 1px #dd522a} .month-selection ul li{float:left;list-style:none;margin:5px 0;list-style-image:none;background:#6666664a;text-transform:capitalize;padding:5px 15px;line-height:20px;font-size:14px;border:1px solid #eee;margin:0 1px 5px 1px} .month-selection ul{text-align:center} .month-selection{margin:0;float:left;width:100%;margin-bottom:30px} .month-selection ul{text-align:center;padding-left:0} .month-selection .active_month{border: solid 1px #1d4b6e;} div[data-trigger]{display:none} .myDiv{display:none} .selected_year{display:block} #ddlYear{border: solid 1px #1d4b6e;color:#fff;height:40px;padding:5px 0 5px 10px;margin-top:-10px;background: #1d4b6e;font-weight:700;margin-bottom:7px;letter-spacing:1px;width:9em;font-size:18px;margin-bottom:15px;float: right;} #ddlYear1 { border: solid 1px #1d4b6e; color: #fff; height: 40px; padding: 5px 0 5px 10px; margin-top: -10px; background: #1d4b6e; font-weight: 700; margin-bottom: 7px; letter-spacing: 1px; width: 9em; font-size: 18px; margin-bottom: 15px; float: right; } #ddlYear2 { border: solid 1px #1d4b6e; color: #fff; height: 40px; padding: 5px 0 5px 10px; margin-top: -10px; background: #1d4b6e; font-weight: 700; margin-bottom: 7px; letter-spacing: 1px; width: 9em; font-size: 18px; margin-bottom: 15px; float: right; } .year_selction_sec select{margin:0;width:100%;background:#c30038;border:solid 1px #c30038;height:28px;color:#fff;margin-top:15px} .myDiv{height:auto!important} .year_selction_div{float:right;width:79%} div[data-trigger]:before {content: "No Data Found";width: 100%;height: 100%;left: 0;top: 70px;display: flex;align-items: center;justify-content: center;font-size: 60px;z-index: -1;} .blankDiv:before {background: transparent !important;font-size: 0px !important; display: none !important;} .photo-gallery { position: relative; } .gall_date { position: absolute; top: 0; background: #1d4b6e; padding: 5px 10px; border-radius: 1px; } .gall_date p { margin-bottom: 0; font-size: 14px; color: #ffff; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .photogal-container { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; } .photogal-details { width: 22%; margin: 15px 10px; box-shadow: 0px 0px 9px 3px #0600002b; } .photo-gallery img { width: 100%; height: 220px; object-fit: contain; background: #f1f1f1a1; } .photo-desc { display: flex; flex-direction: row; justify-content: space-between; background: #ccc6; } .photo-title { display: flex; flex-direction: column; padding: 10px; width: 100%; } .photo-desc h3 {font-size: 18px;color: #333;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;} .photo-gal-date {width: 51px;background: #1d4b6e;padding: 10px;display: flex;align-items: center;justify-content: center;color: #fff;} .photo-title span {font-size: 15px;color: #333;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;} .photo-gal-date p {color: #fff;margin-bottom: 0;line-height: 24px;font-size: 18px;text-align: center;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;} .photo-gal-date p span { display: block; font-size: 18px; font-weight: bold; } .datedetails { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; background: #f1f1f1; border: 1px solid #ccc; border-radius: 25px; } .datedetails span{position: relative;padding: 5px 10px;} .datedetails span:before { position: absolute; width: 100%; height: 80%; top: 4px; left: 0; border-right: 1px solid #bbb0b0; content: ' '; } .datedetails span:last-child:before{ border-right: 0px solid #bbb0b0; content: ' '; } .back { padding-right: 20px; } .back { padding-right: 20px; } .fulldesc { margin-top: 30px; word-break: break-all; } .fulldesc h3{ text-align: left; font-size: 24px; line-height: 34px; } .back a { color: #7f6c27; font-size: 20px; font-weight: bold; position: relative; } .gallerydetails { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; } .gallerydesc { width: 19%; margin: 10px 5px 10px 5px; } .gallerydesc img {width: 100%;height: 225px;object-fit: contain;background: #ccc;padding: 0px 10px;border: 5px solid #fff;border-radius: 4px;} .magnify-modal{position:fixed!important;z-index:999999999!important;padding-top:10px!important;left:0!important;top:0!important;width:100%!important;height:100%!important;overflow:auto!important;background-color:rgba(0,0,0,0.8509803922)!important} .magnify-header .magnify-toolbar{float:right;position:relative;z-index:9} .magnify-stage{position:absolute;top:40px;right:10px;bottom:40px;left:10px;z-index:1;background:#0000000a;overflow:hidden} .magnify-image{position:relative;display:inline-block;border:5px solid #fff} .magnify-image.image-ready{max-width:100%;max-height:100%} .magnify-footer{position:absolute;bottom:0;z-index:2;width:100%;height:40px;color:#fff;text-align:center} .magnify-footer .magnify-toolbar{display:inline-block} .magnify-button{display:inline-block;width:40px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0px;font-size: 23px;color:#fff;text-align:center;border-width:0;border-radius:0;cursor:pointer;outline:none;background:#000;line-height: 28px;} .magnify-button:hover{color:#fff;background-color: #0a58ca;} .magnify-button-close:hover{background-color: #0a58ca;} .magnify-loader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;background-color:rgba(0,0,0,0.3);color:#333} .magnify-loader::before{content:'';display:inline-block;position:relative;width:36px;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(255,255,255,0.5);border-radius:100%;-webkit-animation:magnifyLoading 1s infinite linear;animation:magnifyLoading 1s infinite linear} .magnify-loader::after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden} @-webkit-keyframes magnifyLoading { 0%{-webkit-transform:rotateZ(0deg) translate3d(0,0,0);transform:rotateZ(0deg) translate3d(0,0,0)} 100%{-webkit-transform:rotateZ(360deg) translate3d(0,0,0);transform:rotateZ(360deg) translate3d(0,0,0)} } @keyframes magnifyLoading { 0%{-webkit-transform:rotateZ(0deg) translate3d(0,0,0);transform:rotateZ(0deg) translate3d(0,0,0)} 100%{-webkit-transform:rotateZ(360deg) translate3d(0,0,0);transform:rotateZ(360deg) translate3d(0,0,0)} } .events-container { display: flex; flex-direction: column; width: 100%; } .events-details {display: flex;flex-direction: row;width: 100%;background: #fff;margin: 0px 0px 20px 0px;} .events-img {width: 18%;position: relative;padding: 20px;} .events-desc { width: 78%; margin: 0px 0px 0px 10px; padding: 15px 0px; } .events-desc h3 {color: #333;font-size: 22px;margin-bottom: 5px;text-transform: capitalize;} .events-time p span {font-size: 15px;margin: 10px 50px 0px 0px;color: #1d4b6e;} .events-desc p { word-break: break-all; } .attachment:hover{color:#fff;} .events-img img {width: 100%;height: 200px;object-fit: contain;background: #f1f1f1;} .attachment {left: 0;position: absolute;top: 0;background: #1d4b6e;padding: 5px 10px;font-size: 16px;color: #fff;border-radius: 5px;} .news-date {width: 10%;box-shadow: 1px 1.732px 40px 0px rgb(0 0 0 / 8%);text-align: center;padding: 2rem 3rem 3rem 3rem;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px;background: #fff;} .news-date h3 {margin-bottom: 0;position: absolute;color: #9e42b2;font-size: 22px;top: 0;left: 0;/* transform: translate(-50%, 0); */background-color: #1d4b6e;height: 40px;width: 40px;line-height: 40px;text-align: center;box-shadow: 1px 1.732px 40px 0px rgb(0 0 0 / 8%);color: #fff;border-radius: 15px 0px 15px 0px;padding: 5px;} .news-container { display: flex; flex-direction: column; justify-content: center; } .news-details {display: flex;flex-direction: row;background: #ffffff9e;margin-bottom: 35px;box-shadow: 0px 0px 4px 2px #0100002e;border-radius: 25px 10px 10px 10px;} .news-date h5 {font-size: 20px;color: #333;padding-top: 30px;text-transform: capitalize;} .news-desc { width: 90%; padding: 20px; word-break: break-all; } .news-desc h3 { font-size: 22px; text-transform: capitalize; color: #333; margin-bottom: 5px; line-height: 32px; } .news-desc p { font-size: 18px; } .tcblock { flex-wrap: wrap; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } form .tc { width: 49%; margin-bottom: 30px; } .tcblock iframe { width: 49%; } .tc label { color: #000; width: 100%; margin-bottom: 0; } .tc label p { margin-bottom: 0px; } .tc .form-group { margin-bottom: 20px; } .form-control:focus { box-shadow: none; border: 1px solid #ccc; } a.viewdetailsbtn { color: #fff; font-size: 14px; } .viewdetailsbtn {background: #1d4b6e;padding: 10px;text-decoration: none;color: #fff;border-radius: 5px;margin-bottom: 20px;} .viewdetailsbtn:hover {background: #123957;} .mainimgdiv { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 30px; } .mainimg { position: relative; background: #fff; } .mainimgdetails { background: #275373; color: #333; font-size: 14px; margin-bottom: 0px; text-align: center; padding: 10px 15px 15px 10px; } .mainimgdetails p { text-transform: capitalize; margin-bottom: 0px; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; color: #fff; } .mainimgdetails a { color: #ffed97; font-weight: bold; } .imgstripe { background: #275373; color: #fff; position: absolute; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; top: -20px; width: 85%; padding: 5px 7px; left: 18px; text-align: center; border-radius: 3px 3px 0px 0px; } .mainimgbox { width: 17%; /* background: #fff; */ margin-bottom: 50px; margin-right: 10px; } .mainimgbox img { width: 100%; height: 225px; padding: 0px 10px; object-fit: contain; background: #f1f1f1; } .contactusform { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .address { width: 49%; padding: 40px 15px; background: #f1f1f1; } .contactusfrm { width: 49%; padding: 20px 20px; } .contactusfrm input[type="submit"]:hover { background: #092941; color: #000; } .contactusfrm input[type="submit"] { background: #1d4b6e; border: 0; padding: 7px 15px; color: #fff; margin-top: 20px; margin-bottom: 20px; border-radius: 3px; transition: all 3s ease-in; } .contactusfrm .input-group { margin-bottom: 10px; } .contactusform { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; background: #fff; margin-top: 50px; } .addressleft { margin-right: 10px; background: #fff; margin-bottom: 15px; border-radius: 80px; padding: 10px; width: 55px; height: 55px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .addressbox { display: flex; } .addressbox h3 { font-size: 18px; font-weight: bold; } .addressleft i { font-size: 25px; color: #1d4b6e; } .addressright a { color: #333; } .videodetails span { font-size: 14px; } .videodetails a i {font-size: 40px;color: #ff0000;margin-right: 20px;} .videodetails a { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #333; } .videocontainer { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; } .videodetails {width: 44%;background: #fff;margin: 10px 10px;padding: 10px;border-radius: 3px;} .videodesc { width: 90%; } .mediabox { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .videodesc h3 { -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; font-size: 20px; } .admission img{ width: 60px; height: 50px; margin-bottom: -19px; margin-top: -25px; } .resulttable thead tr { background: #1d4b6e; color: #fff; } .resulttable td { border: 1px solid #ccc; } .resulttable td i { text-align: center !important; display: block; color: #393185; font-size: 18px; } .summaryresult { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .summaryresultimg img { width: 100px; height: 100px; margin-bottom: 25px; } .summaryresultdesc p { text-align: center; font-size: 25px; color: #000; } .summaryresultdesc p span { display: block; margin-top: 0; font-size: 18px; } .summaryresultbox { width: 28%; background: #fff; padding: 50px 10px; margin: 10px; display: flex; flex-direction: column; justify-content: center; text-align: center; border-radius: 8px; } .summarytable { display: flex; flex-direction: row; flex-wrap: wrap; } .summarytablebox { width: 48%; margin: 10px; } .topperrow { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; } .toppercol { background: #f1f1f1; display: flex; flex-direction: row; justify-content: center; margin: 10px; width: 30%; box-shadow: 5px 5px 8px 0px #cdcdcd; } .topperesid { float: none !important; display: block; } .toppersimgsec { width: 40%; padding: 10px; } .newssec-area-box-con span { color: #fff; } .toppersdetails { width: 60%; background: #f1f1f1; padding: 10px; } .toppersimgsec img { width: 100%; height: 180px; object-fit: contain; background: #fff; padding: 3px; } .toppercol h5 { font-size: 20px; font-weight: bold; } .toppercol p { font-size: 18px; } .toppercol p .perpos { display: block; font-size: 18px; } .topperyear { color: #b80c13; text-align: center; font-size: 30px; margin-bottom: 30px; margin-top: 30px; } .superiordiv { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } .superiorbox {width: 23%;margin: 10px 10px 20px 10px;box-shadow: 0px 6px 10px 4px #323f5a42;background: #323f5a;} .superiorimg img { width: 100%; height: 250px; object-fit: contain; background: #f1f1f1; } .superiordesc {background: #fff;padding: 5px 10px;} .superiordesc p span {display: block;padding-top: 0;color: #1d4b6e;} .superiordesc p {color: #000;font-size: 16px;text-align: center;margin-bottom: 0;line-height: 28px;} .maintable tbody td a{color: #000;} .main-galbtn {position: absolute;top: 0;padding: 1px 13px;/* border-radius: 0px 30px 0px 30px; */color: #fff;font-size: 15px; text-transform:capitalize;} .preprimarybtn{background: #4285f4!important;} .primarybtn{background: #ea4335 !important;} .secondarybtn{background: #f1b301 !important;} .innertab { margin-bottom: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; } .innertab { border-bottom: 0px; } .innertab button { margin: 10px 20px; padding: 0px 20px; width: 96%; } .erp_links img { width: 100px; height: 100px; } .innertab .nav-item.show .nav-link, .innertab  .nav-link.active {color: #495057;border-color: transparent !important;background-color: #4285f4!important;} .innertab .nav-link:focus, .innertab .nav-link:hover { border-color: transparent; outline: 0 !important; box-shadow: none; } .innertab li button { text-transform: capitalize; color: #fff !important; } /*********Media quiry*****************/ @media (max-width:1600px){ .mainimgbox {width: 19%;} .header .menu > ul > li > a {font-size: 14px;} .header .menu > ul > li { margin-left: 7px;font-weight: bold;} } @media (max-width:1500px){ .innercontainer {width: calc(100% - 200px);    } .mainimgbox {width: 23%;} } @media (max-width:1399px){ .header .item-left {flex: 0 0 31%;} .header .item-center { flex: 0 0 69%;} .header .menu > ul > li > a {font-size: 13px;} } @media (max-width:1499px){ .hex{margin-top:15px;float:none;width:100%;padding:5px;height:auto;min-height: 90px;} .hex:before,.hex:after{content:none} .leftbg {height: auto;} } @media (max-width: 1199.98px) {.OnlineR{top:120px; z-index:99} .AlumniR{top:170px; z-index:99}.header .item-left, .header .item-right {flex: 0 0 auto;} .morningprayer { flex-wrap: wrap; } .morningprayerdiv { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .videodiv { width: 100%; } .toppercol { width: 45%; } .superiorbox { width: 30%; } .gallerydesc { width: 23%; } .photogal-details { width: 30%; } .mainimgbox img { height: 185px; } .mainimgbox { width: 23%; } .schoolbuildingimg { width: 46%; } .innercontainer { width: calc(100% - 150px); } .facilities-area-container { width: 100%; } .top-rightside {justify-content: center;border-top: solid 1px #33465a;margin: 6px;} .top-social {padding-right: 0px;} .erplogin {padding: 1px 16px;} .menu-main i {display: block;} .about-image { width: 45%;} .about-con {width: 55%;} .about-con h1 {font-size: 35px;} h1{font-size: 35px;} .parallax-mercy h2 {font-size: 35px;} .back-footer .footer-top .footer-widget .footer-title { margin-bottom: 20px;font-size: 25px;  margin-top: 20px;} .back-footer .footer-top .footer-widget.footer-widget-2 {padding-left:0px;} } @media (max-width: 991.98px) {.OnlineR{position: unset;top: unset;margin-bottom: 25px;margin-top: 15px;} .AlumniR{position: unset;top: unset;margin-top: 15px;margin-bottom: 25px;} .top-rightside {flex-direction: column; align-items: center;}.popup .modal-dialog { min-width: 100%; padding: 0px 15px; margin: 0; } .superiorbox { width: 44%; } .gallerydesc { width: 31%; } .mainimgbox { width: 29%; } .about-image { width:100%; margin: 0 auto;} .about-con {width: 100%;margin: 0 auto;} .aboutarea {display: grid;} .gallery-grid > li { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%;flex: 0 0 50%;} .rs-latest-events.style1 .event-wrap { margin-bottom: 30px; margin-top: 30px; } .rs-latest-events.style1 .single-img { text-align: center; } .pr-65 { padding-right: 15px; } .pt-100 { padding-top: 40px; } .rs-latest-events h2 { position: relative; z-index: 99; } .innercontainer { width: calc(100% - 50px); } .schoolmottodiv { width: 48%; } .aboutimg .aboutimg1 { width: 100%; height: 330px; } .aboutimg { width: 44%; } .achievementimg.achievementmulti a { width: 45%; } .schoolbuildingimg { width: 44%; } .principalimg { width: 50%; } .erppopup { width: 44%; } } @media (max-width:767px){ .toppercol { width: 100%; } .superiorbox { width: 100%; } .summarytablebox { width:100%; } .summaryresultbox { width: 100%; } .gallerydesc { width: 47%; } .photogal-details { width: 45%; } .videodetails { width: 100%; } .mainimgbox { width: 44%; } .event-sec-bg {padding:50px 0;} .schoolmottodiv { width: 100%; } .aboutimg .aboutimg1 { height: 400px; } .aboutimg { width: 100%; float: none; } .achievementimg.achievementmulti a { width: 100%; } .achievementimg { width: 100%; margin-right: 0; margin-bottom: 15px; } .schoolbuildingimg { width: 100%; } .founderdesc { float: none; margin-bottom: 20px; width: 100%; } .founderbox { flex-direction: column; } .erpboxdesc {width: 100%;} .erpboximg {width: 100%;} .address { width: 100%; } .contactusfrm { width: 100%; } .datedetails { flex-direction: column; align-items: flex-start; } .datedetails span:before { border-right: 0; } .rs-latest-events.bg-wrap:after { width: 100%;} } @media (max-width:640px) { .sliderbg {height: 100px;} h1.innerheading {margin-bottom: 5px;font-size: 25px;} .eventbox img {height: 300px !important;} .testimonial-section-four .icon-layer-two{display:none;} .testimonial-section-four .inner-container .circle-pattern-layer-one,  .testimonial-section-four .inner-container .circle-pattern-layer-two{display:none;} .topbar-number li {display: block; padding: 0;text-align:center} .gallerydesc { width: 100%; } .photogal-details { width: 100%; } .mainimgbox { width: 100%; } .erppopup { width: 100%; } .facilitiestab { flex-direction: column; } .principalimg { width: 100%; margin-bottom: 15px; margin-left: 0; } } @media (max-width: 575.98px) { h3.smallhead {font-size: 20px; line-height: 34px;} .addressright p {text-align: left;} .news-details {display: flex;flex-direction: column;} .news-date {width: 100%;padding: 0;} .news-date h5 {padding-top: 10px;} .gallery-grid > li  { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%;flex: 0 0 100%;} .about-con h1 {font-size:28px;text-align: center;} .about-con h2 {text-align: center;} h1{font-size:30px;} .parallax-mercy h2 {font-size: 30px;} .head2{font-size: 25px;} .back-footer .footer-top .footer-widget .footer-address li {margin-bottom: 10px;} .top-social {display: none;} div.top-nav-right {margin-left: 0px; position: inherit;text-align: center;} .top-rightside {display: block;} .erplogin {width: fit-content; margin: 0 auto;} .back-footer .footer-top {padding: 20px 0 10px;} .rs-latest-events h2 { font-size: 25px; } .facilities-area-container { padding: 50px 15px; } .facilities-area-container h1{ font-size: 28px; } .facilities-area-box h3{ font-size: 20px; } } .searchyearblk { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;} .search-wrapper.active {position: relative;} .search-wrapper .input-holder{height: 50px;width:70px;overflow:hidden;background: rgba(255,255,255,0); border-radius:6px;position: relative;transition: all 0.3s ease-in-out;} .search-wrapper.active .input-holder {width: 300px;border-radius:50px;background: rgb(235 233 233);transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);} .search-wrapper .input-holder .search-input { width:100%;height: 30px; padding:0px 70px 0 20px;opacity: 0;position: absolute; top:0px; left:0px;background: transparent;box-sizing: border-box; border:none; outline:none; font-family:"Open Sans", Arial, Verdana;font-size: 16px;font-weight: 400;line-height: 20px;color: #000;transform: translate(0, 60px);transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition-delay: 0.3s;} .search-wrapper.active .input-holder .search-input { opacity: 1; transform: translate(0, 10px);} .search-wrapper .input-holder .search-icon {width: 40px;height: 40px; border:none; border-radius:6px;background: #e5e5e5;padding: 0px;outline:none;position: relative;z-index: 2;float:right;cursor: pointer;transition: all 0.3s ease-in-out;top: 0px;} .search-wrapper.active .input-holder .search-icon {width: 30px;height: 30px; margin:10px;border-radius:30px;top: 0px;} .search-wrapper .input-holder .search-icon span {width: 18px;height:22px;display:inline-block;vertical-align:middle;position:relative;transform: rotate(45deg);transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);} .search-wrapper.active .input-holder .search-icon span { transform: rotate(-45deg); } .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after{position:absolute;content:'';} .search-wrapper .input-holder .search-icon span::before {width: 4px;height: 11px;left: 5px;top: 13px;border-radius: 2px;background: #c52f13;} .search-wrapper .input-holder .search-icon span::after { width: 14px; height: 14px; left: 0px; top: 0px; border-radius: 16px; border: 4px solid #c52f13; } .search-wrapper .close {position: absolute;z-index: 99999;top: 10px;right: -340px;width: 30px;height: 30px;cursor: pointer;transform: rotate(-180deg);transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition-delay: 0.2s;} .search-wrapper.active .close {right: 10px;transform: rotate(45deg);transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition-delay: 0.5s;background: white;border-radius: 100%;padding: 6px;} .search-wrapper .close::before, .search-wrapper .close::after { position:absolute; content:'';background: #b71b0e;border-radius: 2px;} .search-wrapper .close::before {width: 4px;height: 22px;left: 11px;top: 5px;} .search-wrapper .close::after {width: 22px;height: 4px;left: 2px;top: 14px;} .show:before {display: none !important;} .achievementmenu {position: relative;transition: 0.5s;} .achievementmenu-content {display: none;position: static;left: 170px;top: 0px;background-color: #fff;min-width: 300px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;transition: 0.5s;} .achievementmenu-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .achievementmenu-content a:hover {background-color: #f1f1f1;} .achievementmenu:hover .achievementmenu-content { display: block; } .achievementmenu:hover .dropbtn { background-color: #3e8e41; }