@font-face {font-family: Poppins-Regular;src: url("../fonts/Poppins-Regular.ttf"); }
@font-face {font-family:GreatVibes-Regular; src:url('../fonts/GreatVibes-Regular.ttf');} 
@font-face {font-family:OpenSans-Regular; src:url('../fonts/OpenSans-Regular.ttf');} 
*{padding:0px;margin: 0px;}
p {font-size: 15px;line-height: 30px;margin: 0px;text-align: justify;}
body {overflow-x: hidden !important;font-family: Poppins-Regular;}
h3{font-size:20px;}
a{text-decoration:none;}
ul{margin:0px;}
ul li{font-size:15px;line-height:25px;}
h1{color: #000;font-weight: bold;font-size: 40px;margin-bottom: 35px;font-family:GreatVibes-Regular; }
.slider_sec{position:relative}
.slider_sec{margin:0;border-top:dashed 1px #d0d0d0;position:relative}
.skitter{position:relative;height:800px}
.skitter.with-dots{margin-bottom:60px}
.skitter.with-thumbs{margin-bottom:60px}
.skitter>a img,.skitter>img{max-width:none}
.skitter ul{/* display:none; */}
.skitter .container_skitter{overflow:hidden;position:relative;height:800px}
.skitter .container_skitter .image_main{width:100%}
.skitter .image{overflow:hidden}
.skitter .image>a img,.skitter .image>img{width:100%;display:none}
.skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.skitter .prev_button{position:absolute;top:50%;left:35px;transform:translateY(-50%);z-index:152;width:42px;height:42px;overflow:hidden;text-indent:-9999em;transition:all .2s}
.skitter .next_button{position:absolute;top:50%;right:35px;transform:translateY(-50%);z-index:152;width:42px;height:42px;overflow:hidden;text-indent:-9999em;transition:all .2s}
.skitter .prev_button:hover,.skitter .next_button:hover{opacity:.5}
.skitter .info_slide{position:absolute;bottom: 20px;z-index:100;background-color:#fff;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;border-radius:5px;opacity:.75;right: 0px;width: 290px;margin: auto;left: 15% !important;}
.skitter .info_slide .image_number{background-color: #c92b16;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;border-radius:2px;transition:all .2s;}
.skitter .info_slide .image_number:hover{background-color:#fff;color:#000}
.skitter .info_slide .image_number.image_number_select{background-color:#fff;color:#000}
.skitter .container_thumbs{position:relative;overflow:hidden;height:50px}
.skitter .info_slide_thumb{height:50px;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0;opacity:1}
.skitter .info_slide_thumb .image_number{overflow:hidden;width:100px;height:50px;position:relative;margin:0;padding:0;border-radius:0;background-size:cover;background-position:center center}
.skitter .info_slide_thumb .image_number.image_number_select{opacity:.4}
.skitter .box_scroll_thumbs{padding:0}
.skitter .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background-color:#ccc;width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;border:0 solid #333}
.skitter .info_slide_dots{position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;border-radius:50px}
.skitter-themes{text-align:center;margin-bottom:10px}
.skitter-themes ul li{display:inline-block}
.skitter-themes ul li a{padding:10px;display:inline-block;color:#000;text-decoration:none;font-size:14px;font-weight:700;text-transform:uppercase;border-radius:2px;border:2px solid;margin:0 5px 10px}
.skitter-themes ul li a.active{color:#999}
.skitter-animations{text-align:center;margin:20px 0 10px}
.skitter-animations h3{text-transform:uppercase;margin:0 0 10px}
.skitter-animations ul li{display:inline-block}
.skitter-animations ul li a{display:inline-block;color:#000;text-decoration:none;font-size:14px;border-bottom:1px solid;margin:0 5px 10px}
.skitter-animations ul li a.active{color:#999}
#myModal .modal-body{padding: 0px 0px;background: url(../images/popup.html) center;background-size: cover;}
#myModal .modal-dialog{max-width: 800px;}
#myModal.modal .btn {color: #fff;background: #e31;border-color: inherit;padding: 5px 15px;margin-right: 10px;display: inline-block;background-color: #006ba1;border-color: #ffffff;color: #fff;border-radius: 0px;outline: none;border-radius: 10px;}
#myModal .modal-content .btn-primary{display: inline-block;background-color: #c52f13;border-color:#ffffff;color: #fff;border-radius: 0px;outline: none;border-radius: 10px;}
#myModal.modal .popup-main{display:flex;}
#myModal.modal .fullwidth{width:100%;}
#myModal.modal .fullwidth img{width:100%;max-width: inherit;}
#myModal .modal-content{/* border-radius:50px; */}
#myModal.modal .data{padding: 0px;}
#myModal.modal .data h1{color:#000;margin: 0px;font-size: 20px;text-align: left;font-family: Poppins-Regular;}
#myModal.modal .data p{text-align: left;margin-top: 10px;margin-bottom: 10px;}
#myModal.modal .modal-header{border: none;}
#myModal .card{border: none;background:inherit;}
#myModal.modal .btn-close{margin:0px;position: absolute;z-index: 9;right: 10px;top: 19px;padding: 15px;}
#myModal .btn-close {background: #ffd400 url(../images/close.png) no-repeat center;opacity: 1;border-radius: 100%;}
#myModal .modal-body img{padding: 0px;height: 650px;object-fit: contain;border: solid 5px #fff;background: #d4ebfc;margin-bottom: 20px;object-fit: fill;}
#myModal .carousel-inner{background: url(../images/popup.html) right no-repeat;background-size: cover;min-height: 440px;padding-bottom: 50px;/* border-radius: 30px; */}
#myModal .popup_main{display:flex;align-items: center;justify-content: center;flex-direction: column;/* flex-wrap: nowrap; *//* align-content: flex-end; */min-height: 400px;padding: 0px 0px;}
#myModal .img-popup{margin: 0px;}
#myModal.modal{background: #ffffff47;z-index: 9999999;}
.carousel-control-next-icon, .carousel-control-prev-icon{background-color: #ffd13b;border-radius: 20px;background-size: cover;}
.slider-sec{margin:0px;padding:0px;}
header{margin:0px;z-index: 9;width: 100%;background: #5fa7f5;}
.menu-sec{display:flex;align-items: center;justify-content: space-around;padding: 5px 0px;}
.logo-sec{margin: 0px;display: flex;align-items: center;}
.logo-sec img{margin: 0px auto;text-align: center;width: 120px;display: block;margin-right: 30px;position: absolute;top: 7px;}
.logo-sec h1{text-align: left;color: #fff;line-height: 35px;letter-spacing: 1px;text-shadow: 0px 2px 4px black;margin: 0px;font-size: 20px;font-weight: normal;font-family: Poppins-Regular;padding-left: 140px;}
.logo-sec h1 span{display: block;font-size: 14px;}
.mother_mary{position: absolute;width: 100px;top: -70px;z-index: 9;}
.mother_mary img{margin:0px;filter: unset;}
.top_menu{background: #5fa7f5;display: flex;align-items: center;justify-content: center;padding: 10px 0px;padding-top: 10px;}
.menu{margin: 0px;text-align: right;display: flex;align-items: center;justify-content: center;position: relative;padding: 0px 0px;}
.menu ul{margin:0px;display: flex;align-items: center;}
.menu ul li{list-style-type: none;color: #fff;padding-right: 20px;letter-spacing: 1px;font-size: 13px;}
.menu ul li a{margin:0px;color: wheat;}
.menu ul li a:hover{color:yellow;}
.menu ul li.prtal{border: solid 1px #fff0;padding: 1px 5px;border-radius: 10px;margin-right: 20px;background: #c52f13;}
.menu ul li.prtal:hover{border: solid 1px yellow;}
.mobile-nav, .close-item { display: none; } .nav {list-style: none;padding: 0;display: flex;border-bottom: solid 1px #ffffff59;padding-bottom: 10px;} .nav .fa { margin-left: 5px; } .nav-item {position: relative;font-size: 16px;} .nav-link, .dp-link {color: #fff;text-decoration: none;display: block;padding: 0px 5px;transition: 0.25s;} .nav-item:hover, .nav-item .active {/* background-color: white; */} /* Dropdown Menu */ .dp-menu {list-style: none;padding: 0;position: absolute;border-left: 3px solid #fde402;z-index: 2;} .dp-item{position: relative;line-height: 35px;} .dp-item:hover, .dp-item:hover > .dp-link {/* background-color: #fff; */color: #fde402;} .level-1 {display: none;background-color: #5fa7f5;width: max-content;padding: 10px 10px;margin-top: 0px;margin-left: 20px;} .level-2 {display: none;width: 200px;top: 0px;left: 100%;font-size: 0.9rem;background-color: #af2207;} .nav-item:hover > .level-1 { display: block; } .dp-item:hover > .level-2 { display: block; }
#description{ padding: 30px 20px; } #description h3{ margin: 16px 0; } #description p{ padding-bottom: 16px; border-bottom: 1px solid #ccc; line-height: 1.4rem; }
.nav-link:hover, .nav-link:focus{color: #fde402;}
.dp-item a{color:#fff;font-size: 14px;}
.dp-item a:hover{color:yellow;}
#carouselExampleControls{position:relative;}
.important-sec{position: absolute;bottom: -120px;right: 0px;left: 0px;margin: auto;}
.important-sec ul{display: flex;/* position:absolute; */z-index:999999;align-items: center;justify-content: center;}
.important-sec ul li{transition:all .5s;list-style-type: none;background: #fff;padding: 10px;text-transform: uppercase;height: 200px;width: 200px;border-radius: 100%;margin: 0px 40px;align-items: center;justify-content: center;text-align: center;display: flex;box-shadow: 0px 10px 35px 2px #238ed5a6;font-size: 18px;}
.important-sec ul li:hover{box-shadow: 0px 10px 0px 2px #1b8ed5;transition:all .5s;}
.important-sec ul li a{color: #000;align-items: center;}
.important-sec ul li img{width: 55px;display:block;margin: auto;margin-bottom: 20px;filter: invert(1);}
.important-sec ul li:nth-child(2){background:#ffffff;}
.important-sec ul li:nth-child(3){background:#ffffff;}
.important-sec ul li:nth-child(4){background:#ffffff;}
.founder-sec{color:#fff;background: -webkit-linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), -webkit-radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);background: -o-linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), -o-radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);background: -moz-linear-gradient(110deg, #a60af3 40%, rgba(0, 0, 0, 0) 30%), -moz-radial-gradient(farthest-corner at 0% 0%, #7a00cc 70%, #c03fff 70%);background: linear-gradient(114deg, #d0ecfd 40%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #e1f1fb 70%, #d0ecfd 70%);min-height: 450px;padding: 60px 340px 40px;display: flex;justify-content: center;align-items: center;}
.founder-sec h1{color: #000;font-weight: bold;font-size: 40px;margin-bottom: 35px;}
.founder-sec h1 span{/* display: block; */}
.founder-sec p{color: #262626;overflow:hidden;display: -webkit-box;/* -webkit-line-clamp: 7; *//* -webkit-box-orient: vertical; */}
.founder-sec article{width: 80%;}
.founder-sec .dta{display:flex;align-items: center;}
.founder-sec .dta img{margin-left: 50px;width: 150px;}
.founder-sec  img{width: 520px;padding: 15px;margin: 0 15px;transition: all .5s}
.founder-sec  img:hover{margin-top:-10px;transition: all .5s}
.founder-sec .row{align-items: center;}
.box { width: 150px; min-height: 40px; background: #c52f13;  align-items: center;text-align: center;line-height: 39px;transition: all .5s}
.box:hover{background: #238ed5;transition: all .5s}
.bottom-left { border-radius: 70px; margin-top: 30px;margin-bottom: 30px;}
.bottom-left .more_btn{color:#fff;}
.about-sec{color:#fff;background: url(../images/events_bg.jpg) repeat;min-height: 450px;padding: 5px 340px 40px;display: flex;justify-content: center;align-items: center;}
.about-sec h1{color: #000;font-weight: bold;font-size: 40px;margin-bottom: 35px;}
.about-sec h1 span{display: block;}
.about-sec p{color: #262626;text-align: left;}
.about-sec article{width: 80%;}
.about-sec .dta{display:flex;align-items: center;}
.about-sec .dta img{margin-left: 50px;width: 150px;}
.about-sec img{width: 520px;padding: 15px;margin: 0 15px;transition: all .5s}
.about-sec img:hover{margin-top:-10px;transition: all .5s}
.about-sec .row{align-items: center;}
.news-events-sec{padding-top: 60px;/* padding-bottom: 60px; */background: url(../images/events_bg.jpg) repeat;min-height: 450px;}
.news-events-sec h1{padding-left: 50px;text-align: center;}
.news-events-sec h1 i{color: #fff;font-size: 15px;background: none;}
.news-events-sec h1 span{font-size: 16px;background: #c92b16;padding: 5px;color: #fff;border-radius: 8px;margin: 10px;margin-top: 0px;}
.news-events-sec h1 i:hover{color: #ab0000;}
.events-sec{align-items: center;justify-content: center;}
#mixedSlider_events{display: flex;align-items: center;justify-content: center;flex-direction: row;}
.events-sec article{margin: 0px auto;padding: 30px;border: solid 1px #f1f1f1;width: 88%;border-top-left-radius: 200px;border-top-right-radius: 200px;display: block;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;position: relative;z-index: 9;background: #fff;}
.events-sec .back-data{transition:.5s;background: #e1f1fb;width: 100%;height: 190px;border-bottom-left-radius: 55px;border-bottom-right-radius: 55px;margin: auto;position: relative;bottom: 150px;}
.events-sec .event-data{position: relative;align-items: center;justify-content: center;margin-left: 30px;}
.events-sec .attach_sec{transition:.5s;background: #000000;width: 45px;height: 45px;border-radius: 100%;color: #fff;align-items: center;display: flex;justify-content: center;right: 0;position: absolute;font-size: 23px;bottom: 0px;}    
.events-sec .attach_sec i{transition:all .5s;}    
.events-sec .date_sec{background: #1b8ed5;width: 50px;height: 50px;position: absolute;left: 0px;color: #fff;display: block;text-align: center;padding: 0px;top: 233px;font-weight: bold;font-size: 19px;line-height: 22px;padding-top: 3px;}    
.events-sec .date_sec span{display:block;font-weight: normal;font-size: 14px;}    
.events-sec p{margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #000;}    
.events-sec p i{color: #fb3812;}    
.events-sec h3{color: #000;text-align: center;padding-right: 50px;font-size: 20px;font-weight: bold;transition:all .5s;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.events-sec img{width: 100%;height: 230px;/* border-radius: 100%; */object-fit: contain;margin: auto;display: block;/* border: solid 10px #fff; */box-shadow: 3px 3px 17px #979797;margin-bottom: 30px;border-top-left-radius: 200px;border-top-right-radius: 200px;padding: 4px;}
.events-sec .item{width: 46%;}
.events-sec article:hover + .back-data{bottom:130px;transition:all .5s;background: #1b8ed5;}
.events-sec article:hover .attach_sec i{transform: rotateY(180deg);transition:all .5s;}
.news-sec{margin:0px;}
.news-sec article{display:flex;margin-bottom: 30px;padding: 10px;border-radius: 100px;padding-top: 10px;align-items: center;padding-left: 23px;padding-top: 17px;box-shadow: 5px 5px 5px #7878784a;transition:all .5s;}
.news-sec article:hover{box-shadow: 5px 5px 5px #000;transition:all .5s;}
.news-sec h3{color: #000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-sec i{margin:0px;font-size: 18px;background: #fff;color: #d10000;border-radius: 10px;padding: 3px;}
.news-sec p{color: #000;overflow: hidden; 
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;}
.news-sec ul{margin:0px;}
.news-sec marquee{height: 600px;}
.news-sec ul li{list-style-type: none;border-radius: 100px;}
.news-sec ul li .date_Sec{margin-right: 10px;background: #ffffff;border-radius: 100%;padding: 20px;width: 80px;height: 80px;align-items: center;text-align: center;font-size: 26px;color: #000;margin-bottom: 20px;border: dotted 2px #00000017;padding-top: 15px;margin-top: 10px;margin-left: 15px;}
.news-sec ul li .date_Sec span{display:block;font-size: 14px;}
.news-sec ul li .data_sec{margin:0px;padding: 0 40px 0 5px;}
.news-sec ul li:nth-child(1) article{background: #fff3d0;}
.news-sec ul li:nth-child(2) article{background: #c8e2ff;}
.news-sec ul li:nth-child(3) article{background: #ffccd1;}
.news-sec ul li:nth-child(4) article{background: #fff3d0;}
.news-sec ul li:nth-child(5) article{background: #c8e2ff;}
.news-sec ul li:nth-child(6) article{background: #ffccd1;}
.news-sec{align-items: end;background: #e1f1fb;padding-top: 30px;}
.shadow_img{width:100%;height: 75px;}
.main{background:#000;}
.msg p{font-family: GreatVibes-Regular;font-size: 25px !important;line-height: 35px !important;text-align: justify !important;}
.message-sec{ position: relative; width: 100%; min-height: 750px;background: linear-gradient(114deg, #d0ecfd 40%, rgba(0, 0, 0, 0) 30%), radial-gradient(farthest-corner at 0% 0%, #e1f1fb 70%, #d0ecfd 70%);overflow:hidden;padding-top: 70px;padding-bottom: 170px;}
.msg-pic{margin-top: 90px;background: #ffffff;width: 27%;padding: 50px;min-height: 510px;border-radius: 70px;}
.msg-pic h3{font-size: 19px;font-family: GreatVibes-Regular;}
.msg-pic h4{margin:0px;font-family: GreatVibes-Regular;}
.msg-pic img{border-radius:100%;width: 250px;height: 250px;transition:all .5s;display: block;object-fit: cover;position: relative;z-index: 9;border: solid 10px #d0ecfd;padding: 0;margin-bottom: 33px;}
.msg-pic img:hover{border: solid 10px #fff;transition:all .5s;}
.msg-data{margin:0px;border: solid 1px #fff;width: 60%;min-height: 510px;border-radius: 70px;margin-left: 70px;padding: 60px;color: #000;background: #fff;transition:all .5s;}
.msg-data:hover{background: #d0ecfd;transition:all .5s;}
.message-sec .wave{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: url(../images/wave.png); background-size: 1000px 100px; }
.message-sec .wave.wave1{ /* animation: animate 30s linear infinite; */ z-index: 1000; opacity: 1; animation-delay: 0s; bottom: 0; }
.message-sec .wave.wave2{ /* animation: animate2 15s linear infinite; */ z-index: 999; opacity: 0.5; animation-delay: -5s; bottom: 10px; }
.message-sec .wave.wave3{ /* animation: animate3 30s linear infinite; */ z-index: 998; opacity: 0.2; animation-delay: 2s; bottom: 15px; }
.message-sec .wave.wave4{ /* animation: animate2 5s linear infinite; */ z-index: 997; opacity: 0.7; animation-delay: -5s; bottom: 10px; } @keyframes animate{ 0%{ background-position-x: 0; } 100%{ background-position-x: 1000px; } } @keyframes animate2{ 0%{ background-position-x: 0; } 100%{ background-position-x: -1000px; } }
.message-sec p{font-family: GreatVibes-Regular;font-size: 25px;line-height: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
.wave-card{display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; position: relative;  border-radius: 10px; overflow: hidden; } .wave-card-shape { position: absolute; width: 400px; height: 400px; z-index: 1; opacity: 0.6; top: -250px; left: -100px; border-radius: 150px; background: #c52f13; animation: rotate 30s linear infinite; } .wave-card-shape:nth-child(1) { top: -245px; left: -98px; opacity: 0.4; z-index: 2; animation: rotate 25s linear infinite; } .wave-card-shape:nth-child(2) { top: -240px; opacity: 0.3; z-index: 3; animation: rotate 32s linear infinite; } .wave-card-subtitle { margin-bottom: 30px; } @keyframes rotate { from { transform: rotate(0); } to { transform: rotate(1turn); } }
.top-scroll-sec { background: #f7f2e2;max-height: 500px;}
.top-scroll-sec .card{background:none;border: none;}
.top-scroll-sec h1 { text-align: center;font-size: 35px; }
.top-scroll-sec h1 a i{ color: #000000; text-decoration: none; }
.top-scroll-sec h1 a i:hover { color: #f0c020; }
.top-scroll-sec .first-bg { background: url(../images/achievement1.png) #ffffff no-repeat center top; padding: 0; height: auto;}
.top-scroll-sec .first-bg .kids-bg { background: url(../images/kids.html) center no-repeat;  align-items: center; justify-content: center; display: flex; width: 100%; }
.top-scroll-sec .first-bg .kids-bg .card { /* padding-top: 25px; */ }
.top-scroll-sec .first-bg .kids-bg  img { width: 250px; margin: auto; border: solid 12px #e1f1fb; height: 250px;object-fit: contain;background: white;border-radius: 50%;padding: 15px;box-shadow: 0px 6px 11px 1px #5d7889;transition:all .5s;}
.top-scroll-sec .first-bg .kids-bg  img:hover {box-shadow: 0px 6px 11px 1px #000;transition:all .5s;}
.top-scroll-sec .first-bg .kids-bg  h5 {text-align: center;font-size: 16px;}
.top-scroll-sec .first-bg .kids-bg  p {text-align: center;font-weight: bold;color: #df0d01;font-size: 14px;}
.top-scroll-sec .second-bg { background: url(../images/achievement1.png) #ffffff no-repeat center top; padding: 0; }
.top-scroll-sec .third-bg {   background: url(../images/birthday_bells.png) #fff bottom 32% right 28%no-repeat;}
.top-scroll-sec .third-bg .birthday-bg { background: url(../images/birthday_bg.png) left 14%top 0% no-repeat; /* height: 475px; */ margin-bottom: 65px;padding: 16px;}
.top-scroll-sec .third-bg .birthday-bg .card { /* padding-top: 50px; */ width: 100%; }
.top-scroll-sec .third-bg .birthday-bg  img { width: 250px; margin: auto;; height: 250px; display: block;border: solid 5px #f3e583;border-radius: 50%;padding: 15px;background: #f4f4be;}
.top-scroll-sec .third-bg .birthday-bg  h5 {text-align: center;font-size: 16px;}
.top-scroll-sec .third-bg .birthday-bg  p {color: #cb0c01;text-align: center;font-size: 15px;}
.new_slid { position: relative; } .new_slid .MS-content { white-space: nowrap; overflow: hidden; }
.new_slid .MS-content .item { display: inline-block; position: relative; vertical-align:top; overflow: hidden;height: 100%; white-space: normal; padding: 0 10px; float: none; /* width: 500px; */}
.new_slid .MS-controls button { border: none; background-color: transparent; outline: 0;font-size:50px; top: 0px; color: rgba(0, 0, 0, 0.4); transition: 0.15s linear; cursor: pointer; }
.new_slid .MS-controls { position: absolute; right: 10px; top: -80px; cursor: pointer; }
.new_slid .MS-controls .MS-left { left: 0px; }
.new_slid .MS-controls .MS-right { right: 0px; }
#basicSlider .MS-controls .MS-left { top: 35px; left: 10px; }
#basicSlider .MS-controls .MS-right { top: 35px; right: 10px; }
.MS-controls i { border: solid 1px #da261d; width: 30px; height: 30px; color: #da261d; font-size: 20px; padding-top: 4px; border-radius: 100%; }
.MS-controls i:hover { background: #ee2022; color: #fff; }
.gallery-sec{margin:0px;}
.gallery-sec .gallery-row{display: flex;justify-content: flex-end;align-items: self-end;flex-wrap: wrap;width: 55%;align-self: self-end;justify-items: flex-end;float: right;}
.gallery-sec article{width: 330px;margin: auto;margin-bottom: 20px;}
.gallery-sec article img{border: solid 10px #fff;height: 195px;object-fit: contain;box-shadow: 10px 10px 10px #adadad;width: 100%;transition:all .5s;BACKGROUND: #fafbdd;border-image: linear-gradient(#ef2c79, #f4f4be) 15 / 10px;}
.gallery-sec article img:hover{box-shadow: 10px 10px 10px #000;transition:all .5s;}
.gallery-sec article h3{margin:0px;}
.gallery-sec{background: url(../images/gallery-bg.png) #ffffff bottom left no-repeat;min-height: 600px;background-size: contain;padding-top: 70px;padding-bottom: 180px;}
.footer-sec{background: #1b8ed5;}
.footer-sec p{color:#fff;}
.footer-sec p a{color:#fff;}
.footer-sec .fotr_dta{display: flex;flex-direction: row;width: 100%;}
.footer-sec .mob-app{position: relative;top: -80px;background: #fff;padding: 30px;min-width: 447px;align-items: center;justify-content: center;border: solid 15px #1b8ed5;}
.footer-sec .mob-app h3{font-size: 15px;font-weight: bold;text-align: center;}
.footer-sec .mob-app h5{font-size: 15px;text-align: center;}
.footer-sec .mob-app .btns{display: flex;align-items: center;margin-top: 25px;justify-content: center;}
.footer-sec .mob-app img{width: 125px;margin: auto;display: block;margin-bottom: 30px;}
.footer-sec .mob-app a{margin:auto;background-color: white;border: none;padding: 0px;align-items: center;justify-content: center;}
.footer-sec .mob-app a img{width: 115px;margin: 0 auto;}
.footer-sec .contact-sec{padding-left: 110px;padding-top: 80px;width: 100%;}
.footer-sec .contact-sec article{border: solid 1px #ffffff57;padding: 10px;min-width: 200px;min-height: 191px;align-items: center;justify-content: center;padding-top: 30px;}
.footer-sec .contact-sec article:hover{border: solid 1px #fff;}
.footer-sec .contact-sec img{width: 37px;margin: auto;display: block;margin-bottom: 10px;}
.footer-sec .contact-sec h3{margin-bottom: 50px;color: #fff;font-size: 27px;}
.footer-sec .contact-sec p{color: #fff;text-align: center;}
.footer-sec .contact-sec p.link{margin-top:10px;font-size: 14px;line-height: 25px;}
.footer-sec .contact-sec p a{color: #fff;text-align: center;display: block;}
.sidebar-toggle{margin-left:-240px; }
.sidebar .sub-menu{font-size:18px;}
.sidebar .sub-menu{font-size:18px;}
.sidebar { width: 240px; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; }
.sidebar #leftside-navigation ul, .sidebar #leftside-navigation ul ul { /* margin: -2px 0 0; */ padding: 0; width: max-content;}
.sidebar #leftside-navigation ul li { list-style-type: none; /* border-bottom: 1px solid rgb(255 255 255 / 28%); */ margin-bottom: 10px;line-height: 8px;padding-top: 12px;}
.sidebar #leftside-navigation ul li.active > a { color: #1abc9c; }
.sidebar #leftside-navigation ul li.active ul { display: block; }
.sidebar #leftside-navigation ul li a { color: #ffffff; text-decoration: none; display: block; padding: 7px 0 5px 20px; font-size: 25px; outline: 0; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; transition: all 200ms ease-in; /* border-left: solid 3px #910e043d; */line-height: 20px;}
.sidebar #leftside-navigation ul li a:hover {color: #ffe400;}
.sidebar #leftside-navigation ul li a span { display: inline-block; }
.sidebar #leftside-navigation ul li a i { width: 20px; }
.sidebar #leftside-navigation ul li a i .fa-angle-left, .sidebar #leftside-navigation ul li a i .fa-angle-right {padding-top:3px;}
.sidebar #leftside-navigation ul ul { display: none; background: #fff;padding-top: 10px;padding-bottom: 10px;}
.sidebar #leftside-navigation ul ul li { background: #ffffff; margin-bottom: 0; margin-left: 0; margin-right: 0;border-bottom:none;padding:0px;padding-right: 20px;}
.sidebar #leftside-navigation ul ul li a { font-size: 15px;    color: #000;}
.sidebar #leftside-navigation ul ul li a:hover {color: #d70f0f;}
.search-wrapper {/* transform: translate(-50%, -50%); */}
.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:450px; border-radius:50px;background:rgba(0,0,0,0.5);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:#FFF;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:#FFF;padding:0px;outline:none;position: relative;z-index: 2;float:right;cursor: pointer;transition: all 0.3s ease-in-out;top: 10px;}
.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: 12px;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:25px; height:25px;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:-50px; transform: rotate(45deg); transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay: 0.5s; }
.search-wrapper .close::before, .search-wrapper .close::after { position:absolute; content:''; background: #FE5F55; border-radius: 2px; }
.search-wrapper .close::before { width: 5px; height: 25px; left: 10px; top: 0px; }
.search-wrapper .close::after { width: 25px; height: 5px; left: 0px; top: 10px; }
.highlights_sec{background: #a2cbf9;width: 100%;position: relative;}
.highlights_sec p{font-size: 15px;margin-bottom: 0px;line-height: 30px;color: #fff;}
.highlights_sec p a{color: #000;}
.highlights_sec h3{color: #fff;position: absolute;z-index: 99999;top: 3px;left: 0px;background: #227fe5;margin: 0px;padding: 4px 20px;}
.highlights_sec h3 i{color: #fff;font-size: 20px;}
.highlights_sec h3 i:hover{color: yellow;}

/******************Inner pages CSS Start****************************/
.inrhgt {min-height: 600px;padding: 40px 65px 40px;margin-bottom: 80px;}
.mary-bg{background-image: url(../images/mary-bg.jpg)!important;}
.vision-bg{background-image: url(../images/vision-bg.jpg)!important;}
.prayer-bg{background-image: url(../images/prayer-bg.jpg)!important;}
.social-bg{background-image: url(../images/social-bg.jpg)!important;}
.anthem-bg{background-image: url(../images/anthem-bg.html)!important;}
.infra-bg{background-image: url(../images/infra-bg.jpg)!important;}
.timing-bg{background-image: url(../images/timing-bg.jpg)!important;}
.adm-bg{background-image: url(../images/adm-bg.jpg)!important;}
.uni-bg{background-image: url(../images/uni-bg.jpg)!important;}
.lib-bg{background-image: url(../images/lib-bg.jpg)!important;}
.lab-bg{background-image: url(../images/lab-bg.jpg)!important;}
.fee-bg{background-image: url(../images/fee-bg.jpg)!important;}
.msg1-bg{background-image: url(../images/msg1-bg.jpg)!important;}
.gal-bg{background-image: url(../images/inner_sld_gallery.jpg)!important;}
.vgal-bg{background-image: url(../images/vgal-bg.jpg)!important;}
.magz-bg{background-image: url(../images/magz-bg.jpg)!important;}
.inr-slider{background-image: url(../images/abt-bg.jpg);background-position: center;background-size: cover;height: 400px;position: relative;overflow: hidden;}
.inr-slider:before {content: "";position: absolute;top: 0;left: 0;height: 100%;background: linear-gradient(to bottom, rgb(0 0 0 / 0%), #1c4d83);width: 100%;}
.inr-slider ol.breadcrumb {margin-bottom: 0px;display: flex;justify-content: flex-start;position: absolute;bottom: 60px;margin: 0 65px;flex-wrap: wrap;}
.inr-slider ol.breadcrumb > li + li:before { padding: 0 5px;  color: #ccc; content: "/\00a0";}
.inr-slider ol.breadcrumb li { display: inline-block; font-size: 15px; color: #fff8f8; font-weight: 500; margin-left: 0px; }
.inr-slider ol.breadcrumb > .active a {color: #ffe400;text-decoration: none;} 
.inr-slider ol.breadcrumb > .active a i { font-size: 15px; margin-bottom: 0; padding: 0;}
.quicklink {list-style: none;text-align: center;margin: 30px 0;padding: 0px 130px 0;}
.quicklink ul { margin-bottom: 0px; }
.quicklink ul li {list-style: none;display: inline-block;padding: 4px 6px;font-weight: 600;margin-bottom: 0px;color: black;}
.quicklink ul li a {list-style: none;display: inline;font-size: 14px;letter-spacing: 0px;color: #7c7c7c;text-decoration: none;font-weight: normal;font-family: 'Poppins-Regular';}
.quicklink ul li a:hover {color: #5fa7f5;}
.quicklink ul li a img {vertical-align: top;width: 16px;filter: invert(1);margin-top: 4px;}
.our-patron{float: right;position:relative;width:30%;margin-left: 50px;margin-bottom: 14px;}
.our-patron .partonimg{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:-39px;top:60px;-webkit-animation:slide-top 5000ms linear infinite alternate;animation:slide-top 5000ms linear infinite alternate;z-index:1}
@keyframes about2-shape-1 {
0%{transform:translateY(-30px)}
100%{transform:translateY(0px)}
}
@keyframes about2-shape-3 {
0%{transform:translateY(-30px)}
100%{transform:translateY(0px)}
}
@keyframes rotate-center {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

@keyframes slide-top {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}
}
section.inrhgt p {text-align: left;font-size: 15px;line-height: 1.82;margin-bottom: 1rem;}
.mainhead { padding-bottom: 11px; line-height: 1; letter-spacing: -1px;  color: #c52f13; font-size: 30px; margin: 0 0 0.25em; margin-bottom: 15px; margin-top: 0; font-family: 'Poppins-Regular';}
.subhead{font-size: 20px;color: #227fe5;margin-bottom:20px;line-height:28px;font-family: OpenSans-Regular;font-weight: 600;}
.mid-img { width: 100%; margin: 0 auto; display: block; height: 450px; margin-bottom: 20px;}
.mid-img img { width: 100%; height: 100%; object-fit: cover; margin-bottom: 0;}
.border1 { border: 1px solid #cdcdcd; padding: 5px;}
.rightimg {  float: right; shape-outside: ellipse(215px 251px at 50% 50%);  width: 475px; height: 500px;}
.rightimg img { width: 100%; height: 100%;}
.founderimg { float: right; width: 420px; height: 500px;  margin-left: 20px;  margin-bottom: 20px;}
.founderimg img{/* width: 100%; *//* height: 100%; */}
.timeline ul { padding-left: 0;display: flex;flex-direction: column;justify-content: space-between;border-left: 2px solid #296092;}
.timeline ul li { padding-left: 29px; position: relative; list-style: none; font-size: 14px; margin: 5px 0px; line-height: 30px; margin-bottom: 10px; letter-spacing: 0;}
.timeline ul li a { color: #212529;}
.timeline ul li:before { content: ""; width: 20px; height: 20px;background: radial-gradient(#f9a73e, #2e5d8a, #ffffff); position: absolute; border-radius: 50%; left: -12px;}
ul.list { padding: 0px 30px 5px;}
ul.list li {  margin: 10px; line-height: 28px; font-size: 15px; list-style-type: none; position: relative; text-align: justify; letter-spacing: unset;}
ul.list li:before { content: "\2726"; font-size: 1.6em; color: #9d1e0a;left: 18px; vertical-align: middle; margin-right: 8px; margin-left: -28px;}
.adm-withd h3 { background: #fbfbfb; padding: 10px 0; text-align: center; box-shadow: 0px 2px 1px #eaa0a0; margin-top: 30px;}
.admission {display: flex; justify-content: space-around; align-items: center; margin-top: 20px; flex-wrap: wrap; flex-direction: row;}
.adm-blk{width: 50%;}
.admission .card {margin-bottom: 15px !important;width: 90%;height: auto;justify-content: center;margin: 0 auto;margin-top: 20px;}
.admission .card .card-body { position: relative;}
.admission .card .card-body h1.card-title {position: absolute;background: #d1def3;padding: 5px 10px;top: -20px;left: -25px;color: #1d468e;font-size: 35px;font-family: 'OpenSans-Regular';}
.admission .card .card-body p.card-text {margin-left: 35px;font-size: 15px;line-height: 28px;text-align: left;}
.admission .card .card-body ul.list { margin-left: 35px;}
.socialimg { margin-top: 15px!important;  width: 1000px;  margin: 0 auto;  display: block;}
.anthem {  flex-wrap: wrap;  display: flex;  flex-direction: row;  justify-content: center;  align-items: center;}
.anthem .anthem-blk {  margin-left: 10px;  width: 48%;  display: flex;  justify-content: center;  flex-direction: column;  align-items: center;}
.player {  position: relative;  width: 100%;  background: #ffffff;  box-shadow: 0 50px 80px rgb(0 0 0 / 25%);}
.player .anthemimage {  position: relative;  width: 100%;  height: 500px;}
.player .anthemimage img {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.player audio { width: 100%;  outline: none;}
.anthem-content { background: #ebebeb; padding: 20px; border: 4px double lightgrey; width: 100%;}
.discipline-blk {border: 1px double #dee2e6!important;border-top: unset!important;padding: 20px;position: relative;margin-top: 30px;height: 300px;display: flex;justify-content: center;align-items: flex-start;BACKGROUND: #f5fbff;}
.discipline-blk h1 {position: absolute;font-size: 3.5rem;color: #b1b1b1;top: -30px;left: 10px;font-family: unset;}
.discipline-img { border: 1px solid #dee2e6!important; width: 100%; height: 270px; margin-top: 20px;}
.discipline-img img { width: 100%; height: 100%;object-fit: cover;}
.discipline-blk p {  font-size: 16px; margin-top: 15px;}
.discipline .col-xl-4.col-lg-6.col-md-6.col-12 { margin-bottom: 24px;}
.color1{color: #d25a97!important;}
.color2{color: #4599b3!important;}
.color3{color: #e5ae12!important;}
.color4{color: #b70000!important;}
.parental .discipline-blk { height: 270px; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.fulwidth { margin: 0px; margin-bottom: 20px;}
.way-the-cross-main { display: flex; flex-wrap: wrap; justify-content: center;}
.way-the-cross { background: #f6fcff; display: flex; align-items: center; border: 1px solid #e3e3e3; padding: 10px; width: 48%; margin-right: 10px; position: relative; margin-top: 30px;}
.way-the-cross .image-blk {  min-width: 142px; width: 142px; height: 183px; min-height: 183px; margin-right: 20px; margin-top: -100px; position: relative;}
.way-the-cross .image-blk img { width: 100%; height: 100%; margin-bottom: 0; border: 4px double #000000; position: relative; object-fit: contain; background: #ededed;}
.way-the-cross .image-blk:before { content: ""; position: absolute; width: 100px; height: 100px; background: #1d4e82; top: -10px; left: -10px;}
.way-the-cross .content-blk p {  color: #646464;}
.subsubhead {font-size: 18px;color: #215d9b;font-weight: 600;margin-bottom: 15px;}
.activity-tab .nav {justify-content: center;border-style: solid;border-width: 1px 0px 1px 0px;border-color: #E4E4E4;margin: 0rem 0rem 10rem 0rem;position: unset!important;width: unset!important;height: unset!important;overflow: unset!important;top: unset!important;transition: 0.25s;z-index: unset!important;background: unset!important;text-align: center;}
.activity-tab .nav li.nav-item {  display: inline-block;  float: none;  margin: 0 20px;  transition-duration: 0.3s;margin: 0px 20px -1px 20px;}
.activity-tab .nav .nav-link {color: #232323; text-transform: uppercase;border-style: solid; border-width: 0px 0px 0px 0px; border-color: #E4E4E4; padding: 30px 40px 28px 40px; text-align: center;border-radius: unset;}
.activity-tab  .nav .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff;}
.activity-tab .nav .nav-link.active {border-bottom: 2px solid #ffc107;transition: 0.5s;}
.act3 img {width: 100%;height: 300px;object-fit: contain;margin-bottom: 15px;padding: 3px;background: #f9f9f9;border: 4px double #e7e7e7;}
.house {display: flex;flex-direction: row;justify-content: center;margin: 0 auto;align-items: center;flex-wrap: wrap;margin-top: 55px;}
.house .house-blk {background: #379b3b;margin-right: 10px;padding: 5px 5px;width: 24%;position: relative;margin-bottom: 95px;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 200px;}
.house .house-blk p {text-align: center;color: white;position: relative;z-index: 9;margin-bottom: 20px;}
.house .house-blk img { position: relative; z-index: 9; width: 114px;  height: 114px; margin-bottom: 0;}
.house .house-blk h5 {text-align: center; font-size: 16px; margin-bottom: 0; color: #a3dcff; position: relative; z-index: 9;}
.house .house-blk:before {content: "";position: absolute;width: 90%;background: #1b521d;height: 100%;transform: translate(-50%, -50%);top: 70%;left: 50%;}
.house .house-blk:after {content: "";position: absolute;width: 80%;background: #628764;height: 100%;transform: translate(-50%, -50%);top: 35%;left: 50%;}
.house .house-blk:nth-child(02) {background: #1a4d9b;}
.house .house-blk:nth-child(02):before {background: #022e72;}
.house .house-blk:nth-child(02):after {background: #5a77a3;}
.house .house-blk:nth-child(03) {background: #ff2d2d;}
.house .house-blk:nth-child(03):before {background: #c00000;}
.house .house-blk:nth-child(03):after {background: #d55454;}
.house .house-blk:nth-child(04) {background: #ff9800;}
.house .house-blk:nth-child(04):before {background: #e87900;}
.house .house-blk:nth-child(04):after {background: #f2b573;}
/*Inner Gallery*/
.gal_new {margin:0px;}
.gal_new .img_sec{background: #efefef;padding: 0px 0px;}
.gal_new .img_sec img{width: 450px;height: 350px;object-fit: contain;margin: auto;display: block;background: #cdcdcd;}
.gal_new .gal_data{font-size: 16px;}
.gal_new .gal_data p {  overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.gal_new .gal_data h3{margin-top: 0px;margin-bottom: 30px;border-bottom: dotted 1px #000;line-height: 40px;font-size: 1.7rem;}
.gal_new .gal_data h4{font-size: 16px;color: #000;}
.gal_new .gal_data h4.catgry_name{color: #c52f13;font-weight: bold;font-size: 20px;line-height: 35px;}
.gal_new .gal_data p{margin:0px;}
.gal_new article:hover img {transform: scale(1.05);}
.gal_new article{/* box-shadow: 1px 1px 9px 0px #b9b9b9; */margin-bottom: 10px;padding: 15px;/* margin-top: 35px; */background: #fff;position:relative;}
.gal_new article .date_gallery{position:absolute;z-index: 9;top: 30px;left: 30px;background: #c92b16;padding: 4px 7px;color: #fff;font-size: 13px;}
.gal_new article img{width: 100%;height: 200px;object-fit: contain;background: #e3e3e3;margin: auto;display: block;border: solid 5px #000;transition: 0.5s;}
.gal_new article .gal-content {background: #b8d9fd;padding: 0px 10px 15px;/* margin-top: -35px!important; */position: relative;margin: 0 auto;/* border: solid 5px #eee; */}
.gal_new article h4{font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.gal_new article p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 14px;height: 99px;}
.gal_new article h4.catgry_name{color: #000000;font-size: 17px;line-height: 32px;height: 35px;border-bottom: 1px dotted black;text-align: center;}
.gal_new article button.read-about {margin: auto;text-align: center;display: block;position: absolute;z-index: 9;top: 180px;right: 19px;border-radius: 0px;padding: 1px 10px;font-size: 14px;}
button.read-about {background: #ffffff;padding: 3px 15px;border: 1px solid #190104;margin-top: 20px;border-radius: 20px;width: max-content;transition: 0.8s;background: linear-gradient(45deg, #000000, #0a58ca);}
button.read-about a{color: #ffffff;}
button i { margin-left: 5px;  color: #ffffff;}
h3.headtitle {padding-left: 12px;font-size: 25px;font-weight: 600;}

/*Gallery Category page*/

.evntdate, .lastdate, .totalphoto {background: #1d4e82;color: #fff;display: block; margin:0px auto 15px auto;box-shadow: 5px 4px 0px 0px #000000;border-radius: 35px 0px 35px 0px;padding: 7px 18px;width: 240px;font-size: 15px;}
.innercate .col p { padding: 0px 5px;}
.evntdate:hover, .lastdate:hover, .totalphoto:hover{color: #fff;}
.zoompic img {  width: 100%;  height: 200px;  object-fit: contain;  object-position: top;  min-height: 200px;  max-height: 200px;  margin: 10px auto 20px auto;  display: block; border: 6px double #d7d7d7;  padding: 15px; background: #bbbbbb;}
.innercate .morecontent div { display: none; }
.innercate .morecontent a {display: inline-block; color: #ef2d39; font-size: 21px;}
.back{  margin: 10px auto 10px auto;  display: block;  text-align: center;}
.back a{background: linear-gradient(45deg, black, #1d4e82);color: #fff;padding: 1em 1.3em;border-radius: 50%;text-align: center;}
.innercate .col h4 { text-transform: uppercase;  padding: 31px 0px 5px 0px!important;  font-weight: 600;}
.morecontent span {  display: none;}
.morelink { display: block;}
/*Magnify pop up*/
 .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.8509803921568627)!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 white;}
.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 i {margin-left: 0!important;font-size: 17px;color: white;}
.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: #0d6efd;}
.magnify-button:hover {color: #fff;    background-color: #e00000;}
.magnify-button-close:hover {background-color: #e00000;}
.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); }}
:full-screen {top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;}
:full-screen .magnify-stage {top: 0; right: 0; bottom: 0; left: 0; border-width: 0; background-color: #000;}
:-webkit-full-screen {top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;}
:-moz-full-screen {top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;}
:-ms-fullscreen {top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;}
:fullscreen {top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;}
:-webkit-full-screen .magnify-stage {top: 0;right: 0;bottom: 0;left: 0; border-width: 0; background-color: #000;}
:-moz-full-screen .magnify-stage {top: 0; right: 0; bottom: 0; left: 0; border-width: 0; background-color: #000;}
:-ms-fullscreen .magnify-stage {top: 0;right: 0;bottom: 0;left: 0; border-width: 0; background-color: #000;}
:fullscreen .magnify-stage {top: 0; right: 0; bottom: 0; left: 0; border-width: 0; background-color: #000;}
.magnify-toolbar.magnify-foot-toolbar button i {  color: #fff;  font-size: 20px;    margin-left: 0;
}
/*Magnify pop up*/
.tc a{position:relative;top:20px}
.tc input:focus{box-shadow:none;border: 1px solid #ad351d;}
.tc label{padding-bottom:5px;}
.shakebutton{background: linear-gradient(45deg, #c52f13, #084298);box-shadow: -6px 0px 0 0 #084298;border-radius:0 0 0 0;padding:1px 17px;text-decoration:none;color:#fff}
.shakebutton:hover{text-decoration:none;color:#fff}
@keyframes wobble-skew-on-hover {
16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}
100%{-webkit-transform:skew(0);transform:skew(0)}
}
.wobble-skew-on-hover{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0)}
.wobble-skew-on-hover:hover,.wobble-skew-on-hover:focus,.wobble-skew-on-hover:active{-webkit-animation-name:wobble-skew-on-hover;animation-name:wobble-skew-on-hover;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
thead{background: #2e659f;color:#fff}
table {border-color: #838383!important;vertical-align: middle!important;margin-bottom: 35px!important;}
table td a {color: #b01a29;font-weight: 600;}
table th.sno { width: 10%;}
tr.bgtable {background: #d3d3d3;border: #ffffff;color: black;}
.innertable{overflow:auto;color:#753400;}
.innertable td{border:solid 1px #d9d9d9;padding:5px;font-size: 14px;color:#333;}
.innertable td img{width:75px;height: 65px;}
.innertable th {background: rgb(31, 131, 236);border: solid 1px #fcf4ff;padding: 5px;color: #fff;font-size: 16px;font-weight: normal;}
.innertable tr:nth-child(even) {background-color: #fffce6;}
.four {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.four-blk {display: flex;flex-direction: row-reverse;justify-content: center;text-align: center;background: #f3f6fb;margin-right: 30px;}
.four-blk h3.num {font-size: 50px;writing-mode: vertical-rl;text-align: center;/* background: #00366c; */border-left: 3px solid#00366c59;font-weight: 600;margin: 0px 0px;margin-left: 15px;color: #88a4c4;height: 100%;}
.four-wdth {width: 46%;height: 150px;margin-bottom: 20px;display: flex;justify-content: flex-start;align-items: center;}
.four-blk p {display: flex;justify-content: center;align-items: center;padding: 10px;text-align: right!important;}
section.history-sec{position: relative; padding-top: 50px; padding-bottom: 50px;  background: url(../images/about.jpg) no-repeat;  background-size: 50% 100%; background-color: #fff;  z-index: -99;background-attachment: fixed;  background-position: right; margin-top: 0;}
section.history-sec:before { content: ""; position: absolute;  top: -42px; left: 0; width: 100%; height: 141%; z-index: 9;}
.circular-blk {display: flex;justify-content: flex-start;align-items: center;text-align: left;transition: 0.5s;padding: 10px;}
.circular-blk:hover { box-shadow: 2px 1px 10px 0px #cdcdcd;}
.circular-img {max-width: 64px;margin: 0 30px 0 0; padding-right: 10px; border-right: 1px solid #dbdbdb;vertical-align: top;}
.circular-img img {width: 100%;height: 100%;}
.content-blk {padding-top: 10px; padding-bottom: 10px;  text-align: left;vertical-align: top;}
.content-blk h3 {font-size: 16px;line-height: 20px;color: #232323;font-weight: 600;margin-bottom: 2px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content-blk p {font-size: 15px;line-height: 22px;} 
.collapsabletab button.accordion-button.collapsed { background: #f9f9f9; padding: 10px 20px;}
.collapsabletab .accordion-item { margin-bottom: 5px;    border: unset;}
.collapsabletab .accordion-button:not(.collapsed) { background: #1d4e83; color: white; padding: 10px 20px;}
.collapsabletab .accordion-button:not(.collapsed)::after { filter: invert(1);}
.collapsabletab .accordion-button:focus { box-shadow: unset; border-color: unset;}
.collapsabletab .accordion-button {font-size: 14px;background: #0091d1!important;border-radius: 5px;padding: 10px 19px!important;font-weight: 400;margin: 15px 10px;box-shadow: 1px 2px 3px 1px #0e0d0d8c!important;color: white;}
.collapsabletab .accordion-button:not(.collapsed) { font-size: 14px; background: #991412!important; border-radius: 5px; padding: 10px 19px!important; font-weight: 400; color: white; margin: 15px 10px; box-shadow: 1px 2px 3px 1px #0e0d0d8c!important;}
.collapsabletab .accordion-body { background: #11425017; height: auto!important; border-left: 2px solid #162740; border-right: 2px solid  #162740; padding: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px;}
.collapsabletab .accordion-button::after { filter: invert(1);}
/*parent Portal and ERP*/
.details img {margin-bottom: 0;}
.details{line-height:37px;font-size:16px;color:#4e4e4e!important}
.details a{color: #2f3177;text-decoration:none}
.imgheading{font-size:18px;text-transform:none;color:#005919;margin-top:0;text-align:center;margin-bottom:20px;text-decoration:none}
.clr25{clear:both;height:25px;margin:0;padding:0;border:0}
.innerhead{font-family:'Lato',sans-serif;color:#194b7b;text-align:left;font-size:18px;margin-top:30px;margin-bottom:15px}
.assistance{background:rgba(68,23,20,0.06);padding:13px;border:solid 1px #ddd}
h4.sub_head1{font-size:20px;margin:13px 0;color: #022e72;font-weight:600}
#myImg,#myImg1,#myImg2{width:100%;border:5px solid rgba(158,158,158,0.1);background:#eaeaea;cursor:pointer;transition:.3s}
#myImg:hover{opacity:.7}
.animodal{display:none;position:fixed;z-index:99999999999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.9)}
.animodal-content{margin:auto;display:block}
#anicaption,#anicaption2,#anicaption3{margin:auto;display:block;text-align:center;color:#fff;padding:10px 0;height:150px;font-size:24px;text-transform:capitalize}
.animodal-content,#anicaption{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}
@-webkit-keyframes zoom {from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}
@keyframes zoom {from{transform:scale(0)}to{transform:scale(1)}}
.close{cursor:pointer;outline:none;position:absolute;top:15px;right:35px;font-size:30px;font-weight:700;transition:.3s;opacity:.5;color:#fff}
/*Year Selection*/
.year_selction_sec {margin-bottom: 40px;}
.dyn-cal { width: 20px; margin-right: 5px;}
.month-selection ul{text-align: center;  padding-left: 0px;}
div[data-trigger] { display: none; }
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;}
.myDiv{display:none;}
.myDiv .headtitle {margin-bottom: 30px;font-size: 20px;}
.selected_year{display: block;}
#ddlYear option {color: white;}
#ddlYear {border: solid 2px #8b1300;color: #fff;height: 30px;padding: 0px 0px 0px 4px;background: #c52f13;font-weight: bold;margin-bottom: 15px;letter-spacing: 1px;width: 6.5em;font-size: 15px;float: right;margin-top: 0;}
.new-high-eve #ddlYear {margin-top: -25px;}
.year_selction_sec select{margin:0px;}
.year_selction_sec select{width:100%;background:#c30038;border:solid 1px #c30038;height:28px;color:#fff;margin-top:15px;}
 .myDiv { height: auto !important;    }
  .ui-tabs-vertical {height: auto !important; min-height: 500px;}
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 13em; margin:0px 15px 0px 0px ; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel {padding: 10px 5px 0px 50px;}
.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 #8b1300;background: #c52f13;}
.month-selection ul li {cursor: pointer;list-style: none;margin: 5px 0px;list-style-image: none;background: #1c4d83;text-transform: capitalize;padding: 3px 10px;flex-direction: row;align-items: center;justify-content: center;border: 1px solid #2e6185;width: 64px;color: white;display: inline-block;TEXT-ALIGN: CENTER;}
.month-selection ul {text-align: LEFT;margin-bottom: 15px;}
.month-selection {margin: 0px;float: left;width: 100%;}
.msg .our-patron { float: left; margin-right: 50px;}
.fulwidth { margin: 0px; margin-bottom: 20px;}
.current-principal { margin: 0 auto; background: #f3f3f3; display: flex; flex-direction: column; position: relative; justify-content: center; align-items: center; width: 400px; padding: 10px; border: 4px double #dfdfdf; margin-bottom: 60px;}
.current-principal img {width: 400px; object-fit: contain; position: relative;}
.current-principal:before { content: ""; position: absolute; width: 100%; height: 100%; background: #001738; top: 10%; left: 70px;}
.current-principal h4 { color: white; position: relative; line-height: 33px; font-size: 18px; margin-bottom: 0;}
.current-principal h5 {position: relative; margin: 0px; text-align: center; font-size: 15px; margin-bottom: 10px; color: #aec4dc;}
.old-principal { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: 10px; justify-content: center; align-items: center;}
.old-principal .old-principal-blk { background: rgb(13 110 253 / 4%);  margin-left: 10px; padding: 10px; border: 4px double #dfdfdf; justify-content: center; align-items: center; display: flex; flex-direction: column; box-shadow: 1px 7px 7px rgb(0 0 0 / 20%); margin-bottom: 20px;}
.old-principal .old-principal-blk img {width: 200px;}
.old-principal h4 { line-height: 33px; font-size: 18px; color: #01193c; font-weight: 600; margin-bottom: 0;}
.old-principal h5 { margin: 0px; text-align: center; font-size: 15px; margin-bottom: 10px;  color: #3e6ea3;}
.headmain {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.headmain .headblk {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 10px;
    background: #ffffff;
    padding: 10px;
    margin-bottom: 30px;
    box-shadow: 0px 7px 14px rgb(0 0 0 / 20%);
    width: 48%;
}

.headblkimg {
    width: 100%;
    height: 330px;
}

.headblkimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f3f3f3;
}

.headblk h3 {
    margin: 0;
    text-align: center;
    font-size: 15px;
    color: #043161;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 600;
}

.headblk h4 {
    margin: 0px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 17px;
}
.sidetab-head {background: linear-gradient(45deg, black, #084298);color: white;margin-bottom: 0;text-align: center;padding: 5px 5px;}
.sidetab .nav {width: 300px;background: #e9e9e9;padding: 20px 5px;}
.sidetab .nav-link {background: #ffffff;border-radius: unset;color: black;font-weight: 600;text-align: left;border-bottom: 1px solid #b9b9b9;transition: 0.5s;font-size: 14px;padding: 0.5rem 1rem;}
.sidetab .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .sidetab .nav-pills .nav-link:hover {background: #1b8ed5!Important;color: white;border-bottom: 1px solid #e3e3e3;}
.sidetab  div#side-tabContent { width: 100%;}
.sidetab h3.subhead { border-bottom: 4px double; margin-bottom: 20px;}
.schcabinet .headmain .headblk { width: 23%;}
.friends-logo {float: right;width: 250px;margin-left: 20px;}
.friends-logo img { width: 100%; height: 100%;}
.maryimage { float: right; right: 0; width: 500px; border: 1px solid #e7e7e7; padding: 5px;}
.maryimage img { width: 100%;  height: 100%;}
.marymain { display: flex; flex-direction: column; height: 670px; align-items: center; justify-content: center; float: left;}
.marydetailblk a { display: flex; justify-content: center; align-items: center; flex-direction: row; position: relative;}
.marydetailblk a .marydetailimage { width: 100px; height: 100px; margin-right: 15px;}
.marydetailblk a .marydetailimage img { width: 100%; height: 100%; margin-bottom: 0;}
.marydetailblk a h4 { font-size: 18px; line-height: 28px; color: #7c7c7c; margin-top: 15px;}
.marydetailblk a h4 span { font-size: 15px; color: #c52f13;}
.marydetailblk a .maryarrow {left: 116px;color: #ff9e1f;font-size: 22px;position: absolute;top: 0;}
.marydetailblk { background: #f9f9f9; padding: 5px 20px; margin-bottom: 15px;}
.comngal {width: 100%;height: 250px;object-fit: contain;border: 1px solid #c9c9c9;padding: 0px;background: #f9f9f9;margin-bottom: 20px;}
.friends h4 {font-size: 18px;text-align: center;color: #000000;}
.com-img { height: 250px;  width: 100%;  margin-bottom: 15px;  object-fit: contain;transition: 0.5s;background: #f9f9f9;}
.com-img:hover {filter: grayscale(1);}

#data tr {display: none;}
#nav {margin-left:15px;text-align: center;}
#nav a{color: #247cd8;font-weight: bold;border: solid 1px #ddd;padding: 0px 5px;font-size: 13px;margin-right: 2px;}
#nav a.active {background: #247cd8;color: #fff;}
.gallery_sec img{object-fit: cover;width:100%;height: 264px;margin-bottom: 0px;-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;object-position: top;outline:1px solid rgba(255, 255, 255, 0);outline-offset: -12px;}
.gallery_sec img:hover {outline: 1px solid white;outline-offset: -12px;}
.gallery_sec img{object-fit: fill;width:100%;height: 264px;margin-bottom: 0px;-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;object-position: top;outline:1px solid rgba(255, 255, 255, 0);outline-offset: -12px;}
.gallery_sec img:hover {outline: 1px solid white;outline-offset: -12px;background: red;}
.img_sec{position:relative;margin-bottom: 11px;background-image: url(../images/f6.html);padding: 4px;border: 1px solid #c7c7c7;}
.img_sec:hover .overlay{opacity:1;} 
/*Inner event and news section*/
.event-column { margin-bottom: 15px;}
.inr-event-blk {display: flex;flex-direction: row;position: relative;height: 100%;border-radius: 5px;background-color: #fff;box-shadow: 0 0 20px 0px rgb(0 0 0 / 25%);}
.inr-event-img {min-width: 250px;height: auto;margin-right: 5px;overflow: hidden;will-change: transform;}
.inr-event-img img {width: 250px;height: 180px;transition: all 1.5s cubic-bezier(0, 0, .2, 1);will-change: transfrom;object-fit: contain;background: #dddddd;}
.inr-event-content {overflow: hidden;padding: 10px 15px;word-break: break-word;position: relative;}
.inr-event-content:before {display:none; position: absolute;content: "";height: 100%;width: 98%;background: linear-gradient(45deg, #eddfeb, #fff4da);transform: skewX(70deg);top: 0;left: 0;}
.inr-event-content h6.date {font-size: 13px;line-height: 22px;font-weight: 400;color: #960417;margin-bottom: 8px;font-weight: 600;position: relative;}
.inr-event-content h3 {color: #232323;font-size: 16px;line-height: 28px;display: block;margin-bottom: 5px;font-weight: 600;position: relative;}
.inr-event-content p{font-size: 15px;line-height: 28px;color: #383838;padding: 0;margin: 0;position: relative;margin-bottom: 15px!important;}
.inr-event-content h6.loc {font-size: 13px;line-height: 22px;font-weight: 400;color: #6e6e6e;margin-bottom: 8px;position: relative;}
.inr-event-content h6.loc a {color: #6e6e6e;}
.inr-event-content h6.loc span { margin-left: 20px;}
.inr-event-content h6.loc span i {color: #6e6e6e;}
.inr-event-blk:hover .inr-event-img img { opacity: 0.8; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.2, 1.2, 1.2);}
a {text-decoration: none!important;}


/* .flexbox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  flex-wrap: wrap;
} */
.flexbox a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    align-items: baseline;
    height: auto;
    border-radius: 20px;
    margin-bottom: 20px;
}
.flexcard {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  align-items: baseline;
  height: auto;
  border-radius: 20px;
  margin-bottom: 20px;
}

.flexcardNumber {
  min-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin: 10px 0px;
  border-radius: 0px 50px 50px 0px;
  font-family: 'Poppins-Regular';
  color: white;
  text-shadow: 0px 3px 3px black;
  font-weight: 500;
  font-size: 20px;
  position: relative;
}

.flexcardTitle {
  font-family: 'Jost', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: black;
  width: auto!important;
}

.flexcardText {
  margin-bottom: 0!important;
  font-family: 'Jost', sans-serif;
  text-align: center;
  font-weight: 300;
  margin-top: 0px!important;
  color: black;
  width: auto!important;
}

.flexcardNumber:before {
  content: '';
  width: 34px;
  height: 90px;
  position: absolute;
  left: -33px;
  top: 0px;
  border-radius: 50px 0px 0px 50px;
  z-index: -1;
/* background: #95B7A2; *//* background: -webkit-linear-gradient(bottom, #95B7A2, #AED2BC); */
  background: -moz-linear-gradient(bottom, #95B7A2, #AED2BC);
/* background: linear-gradient(to top, #95B7A2, #AED2BC); */;
}

.flexcardNumber:after {
  content: '';
  width: 25px;
  height: 40px;
  position: absolute;
  left: -25px;
  bottom: -40px;
  border-radius: 50px 0px 0px 50px;
  z-index: -1;
}

.flex {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 10px 30px;
}

/* GREEN CARD */

.flexcardGreen {
  background: #f9fbfa;
  box-shadow: 2px 2px 1px #aed2bc;
}

.flexcardNumberGreen {
  background: #FCFCFC;
  background: -webkit-linear-gradient(right, #FCFCFC, #AED2BC);
  background: -moz-linear-gradient(right, #FCFCFC, #AED2BC);
  background: linear-gradient(to left, #ffffff, #AED2BC);
  box-shadow: 0px 2px 2px #AED2BC;
}

.flexcardNumberGreen:before {
  background: #AED2BC;
}

.flexcardNumberGreen:after {
  background: #95b7a2;
}

/* BLUE CARD */

.flexcardBlue {
  background: #f7ffff;
  box-shadow: 2px 2px 1px #92e8eb;
}

.flexcardNumberBlue {
  background: #FDFFFE;
  background: -webkit-linear-gradient(right, #FDFFFE, #92E8EB);
  background: -moz-linear-gradient(right, #FDFFFE, #92E8EB);
  background: linear-gradient(to left, #FDFFFE, #92E8EB);
  box-shadow: 0px 2px 2px #92E8EB;
}

.flexcardNumberBlue:before {
  background: #92E8EB;
}

.flexcardNumberBlue:after {
  background: #71bdbf;
}

/* ORANGE CARD */

.flexcardOrange {
  background: #fdf8f3;
  box-shadow: 2px 2px 1px #f68404;
}

.flexcardNumberOrange {
  background: #FDFFFE;
  background: -webkit-linear-gradient(right, #FDFFFE, #F68404);
  background: -moz-linear-gradient(right, #FDFFFE, #F68404);
  background: linear-gradient(to left, #FDFFFE, #F68404);
  box-shadow: 2px 2px 1px #f68404;
}

.flexcardNumberOrange:before {
  background: #F68404;
}

.flexcardNumberOrange:after {
  background: #d06f02;
}

/* PÄ°NK CARD */

.flexcardPink {
  background: #fffafd;
  box-shadow: 2px 2px 1px #f34eae;
}
.flexcardNumberPink {
  background: #FDFFFE;
  background: -webkit-linear-gradient(right, #FDFFFE, #F34EAE);
  background: -moz-linear-gradient(right, #FDFFFE, #F34EAE);
  background: linear-gradient(to left, #FDFFFE, #F34EAE);
  box-shadow: 0px 2px 2px #F34EAE;
}

.flexcardNumberPink:before {
  background: #F34EAE;
}

.flexcardNumberPink:after {
  background: #d24095;
}
.flexcardattachment {
    font-family: 'Poppins-Regular';
    font-weight: 300;
    color: #767676;
    width: auto!important;
    font-size: 13px!important;}
.flexcardattachment span {margin-left: 5px;}
.clr30{clear:both;height:30px;}
.clr20{clear:both;height:20px;}
.clr{clear:both;height:0px;}


/*Contact us section*/
.contact1 h3 {font-size: 18px;margin-top: 0px;margin-bottom: 10px;font-weight: bold;color: #c52f13;}
.contact1 h3 a {text-decoration: none;color: #c52f13;}
.contact1 h3  a:hover {color: #000000;}
.contact1 i{ color: #b4120c;}
.contact1 p {color: #000; margin-bottom: 0px; line-height: 25px; }
.contact1 p a {color: #000; text-decoration: none;}
.contact1 .input-group-text{ background-color: #fff; border: 1px solid #fff; }
.contact1 .map-sec { padding: 40px 40px 30px 65px; background: #dcdcdc;}
.contact1 .map-sec iframe {height: 445px;}
.contact1 .contactblk{background: #ffffff; border: 2px solid #e0e0e0; padding: 10px 10px; text-align: center;  min-height: 230px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 30px;}
.contact1 .contblk { position: relative; transform: translate(-50%, -50%); top: 53%; left: 56%;}
.contact1 .contblk i{font-size: 65px;color: #20305a;}
.contact1 .form-sec { background: #dcdcdc; padding: 30px;}
.contact1 .form-sec input[type="submit"]:hover, .contact1 .innerpage .write input[type="submit"]:hover { background: #000; border: solid 1px #000;}
.contact1 .form-sec input[type="submit"], .contact1 .innerpage .write input[type="submit"], .contact1 .innerpage .career input[type="submit"] {
    width: 175px;
    height: 40px;
    margin-top: 20px;
    background: #c52f13;
    color: #fff;
    font-size: 14px;
    border: solid 1px #701200;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    margin-right: 20px;
}
.contact1 .form-sec input[type="reset"] {
    width: 175px;
    height: 40px;
    margin-top: 20px;
    background: #fff;
    color: #000;
    font-size: 14px;
    border: solid 1px #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}
.contact1 a { color: #427c30; font-weight: 600;}

.selectdata {display: flex;flex-direction: column;}
.selectdata.input-group > .form-control, .input-group > .form-select{ width: 100%!important;}
.radioselect { display: flex; flex-direction: column;}
.radioselect .input-group-text .form-check {  margin-left: 15px;}

/****Magazine Page css******/
.magazine-sec article{margin-bottom:20px;border: solid 1px #dbdbdb;padding: 10px;}
.magazine .magzine_txt {color: #ec2b42;font-size: 14px;font-weight: 500;height: 45px;overflow: hidden;}
.magazine .magzine_year { color: #000000; font-size: 14px; font-weight: 400; }
.magazine .magzine_date b { color: #000; }
.magazine .mgn_view span { display: block; }
.magazine .mgn_down span { display: block; }
.magazine .mgn_view, .magazine .mgn_down {color: #ec2b42;font-size: 14px;display: block;float: left;text-align: center;margin-top: 10px;text-decoration: none;margin-bottom: 0px;}  
.magazine a.mgn_down { float: right !important; }
.magazine .imgmag {max-width: 100%;height: 250px;margin: 0 auto;min-width: 100%;min-height: 250px;max-height: 250px;background: #e7e7e7;margin-bottom: 10px;object-fit: contain;padding-top: 10px;}
.magazine { display: flex; justify-content: center; align-items: center; }
.content-search{float: left;height: 40px;width: 50px;font-size: 0;margin: 0;background-color: transparent;background-image: url(../images/search.png);background-position: center center;background-repeat: no-repeat;background-size: 19px;}
.search-box {display: flex;align-items: center;width: 50px;cursor: pointer;justify-content: center;}
.search-box img{width: 20px;margin-top: 11px;}
.back-school{height:50px;}
ul.searchList {position: absolute;left: 50%;width: 100%;background: #fff;padding-left: 0px !important;padding: 10px 20px;top: 100%;border-radius: 2px;transform: translate(-50%, -0%);box-shadow: 0px 0px 7px 1px #000;flex-direction: column;min-height: 50px;z-index: 9;}
ul.searchList li {list-style: none;padding: 10px 1px;text-transform: capitalize;display: none;}
ul.searchList input {width: 100%;border: 0px;border-bottom: 1px solid #000;padding: 0px 10px;background: url(../images/search.png) no-repeat;background-size: 20px;background-position: right center;margin-bottom: 20px;font-size: 15px;margin-top: 25px;outline: none;}
ul.searchList li a {text-decoration: none;display: block;font-size: 16px;opacity: 1;padding: 0 !important;color: black !important;line-height: 18px;font-style: normal;border: none !important;}
.search{position: absolute;top: 0%;left: 50%;width: 100%;max-width: 400px;height: 50px;transform: translateX(-50%) translateY(-50%);}
/****Toppers css******/
.toppers_sec article{border: solid 2px #eee;padding: 25px;-webkit-transition-duration: .5s;transition-duration:.5s;margin-top: 90px;}
.toppers_sec article:hover{-webkit-transition-duration: .5s; transition-duration: .5s;box-shadow: -9px 8px 17px 5px #efefef;}
.toppers_sec article img{width: 130px;height: 130px;border-radius: 100%;margin-top: -100px;border: 5px solid #eeeeee;}
.toppers_sec article p{margin:0px;}
.toppers_sec article h3{color: #00609b;text-align:center;font-size:17px !important;line-height:35px !important;background:#eee;margin-top:20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 33px;}
.toppers_sec article h4{text-align:center;font-size:14px;line-height: 15px;}
.toppers_sec article h5{text-align:center;font-size:16px;line-height:35px;position:absolute;bottom:60px;right:110px;color:#ff0006;}
.achievement { display: flex;}
.achievement .data-img { float: left; margin-right: 20px; margin-bottom: 10px; min-width:300px; height: 200px; border: 1px solid #dddddd; padding: 3px;}
.achievement .data-img img { width: 100%; height: 100%; object-fit: contain; background: #efefef; margin-bottom: 0;}
.achievement h3 { color: #1d4e83;}
.achievement p {margin-bottom: 5px!important;}
.online-reg{position:absolute;left: 0px;background: #fff;padding: 10px 10px;border-top: dashed 2px #ffffff;background: linear-gradient(160deg, #fca240 80%, #fc9638 60%);z-index: 999;padding-top: 10px;bottom: 50px;border-radius: 20px;}
.online-reg{animation: blinker 2s linear infinite;background: linear-gradient(160deg, #ffffff 80%, #57aaf1 60%);}@keyframes blinker { 50% {background: linear-gradient(160deg, #c92b16 80%, #ffe140 60%);}}
.online-reg img{width: 40px;margin-right: 10px;}
.online-reg i{font-size: 17px;color: #ffffff;background: #c10000;border-radius: 20px;margin-left: 20px;padding: 8px;}
.online-reg a{color:#000;font-weight:bold;}
.online-reg a{animation: blinker2 2s linear infinite;color:#000;}@keyframes blinker2 { 50% { color:#fff;}}
.erp_links {right: 0px;position: fixed;bottom: 19px;z-index: 9999999;}
.erp_links img { width: 120px; }
.achievements_sec article{background: #f3f2ec;margin-bottom: 20px;padding: 10px;}
.achievements_sec .data{float:left;width: 63%;margin-left: 1%;padding: 11px;height: 200px;overflow-y: auto;}
.achievements_sec .data_img{float:left;width: 200px;}
.achievements_sec .data_img img{width:100%;height: 200px;border: solid 5px #fff;cursor: pointer;object-fit: contain;background: #e3e3e3;}
.achievements_sec h3{color: #000;line-height: 30px;margin-bottom: 7px;font-size: 16px;/* height: 55px; */}
.achievements_sec p{overflow: hidden;font-size: 15px;margin-bottom: 5px!important;}
.achievements_sec .new-sec-achive .data_img{display: flex;float: none;width: auto;margin-bottom: 20px;align-items: center;justify-content: center;}
.achievements_sec .new-sec-achive img{width: 220px;margin-right: 10px;}
.achievements_sec .new-sec-achive .data{width: 100%;overflow: inherit;margin: 0px;height: auto;}
/*Media Query*/
@media all and (max-width:1800px){.founder-sec{padding: 150px 250px 40px;}.gallery-sec article:nth-child(5){display:none;}.gallery-sec article:nth-child(4){display:none;}}
@media all and (max-width:1600px){.important-sec{bottom:-120px;}.schcabinet .headmain .headblk { width: 31%;}.mid-img { height: 340px;}.way-the-cross .image-blk {  margin-top: -150px;}.about-sec{padding: 5px 120px 40px;}.footer-sec .fotr_dta{display:flex;flex-direction:row;width:100%;}.important-sec ul li{width:160px;height:160px;font-size:15px;}.sidebar #leftside-navigation ul li{margin-bottom:5px;}.sidebar #leftside-navigation ul li a{font-size:21px;}.footer-sec .mob-app{min-width:330px;}.gallery-sec .gallery-row{width:60%;}.founder-sec {padding: 150px 150px 40px;}}
@media all and (max-width:1550px){.logo-sec h1{padding-left:0px;}.logo-sec img{position:inherit;}}
@media all and (max-width:1400px){.logo-sec img { width: 90px;}.top_menu { padding: 0px 0px;}.mid-img { height: 275px;}.four-wdth { height: 200px;}.way-the-cross {width:100%;margin-bottom: 40px;}.way-the-cross .image-blk { margin-top: -50px;}.inrhgt {padding: 20px 100px 40px;}.quicklink { padding: 0px 100px 0px;}.about-sec{padding:5px 40px 40px;}}
@media all and (max-width:1350px){.important-sec ul{padding: 20px 0px;}.important-sec{/* position:inherit; */}.events-sec .item{width:100%;}.mother_mary{/* position:inherit; */}.founder-sec {padding:100px 100px 40px;}}
@media all and (max-width:1199px){.schcabinet .headmain .headblk { width: 48%;}.mid-img { height: auto;}.house .house-blk { width: 31%;}.way-the-cross .image-blk { margin-top: -100px;}.our-patron { width: 40%;}.quicklink { padding: 0px 70px 0px;}.footer-sec .contact-sec article{margin-bottom:20px;}.gallery-sec .gallery-row{width:95%;}.gallery-sec article{width:250px;}.top-scroll-sec{max-height:inherit;}.events-sec .item{width:46%;}.msg-data{width:100%;margin: 0px;padding-top: 20px;}.msg-pic{width:100%;margin-bottom: 0px;padding-bottom: 0px;}.slider-container{height:70vh;}.important-sec{margin:25px 0px;position: inherit;bottom: inherit;}.important-sec ul{position:inherit;}.menu-sec{flex-direction: column;}.founder-sec {padding:150px 50px 40px;}}
@media (max-width:1100px){.sidetab .nav {height: unset;width: 360px;display: inherit;position: unset;}.mobile-nav {display: block;text-align: right;padding: 10px 15px;margin-bottom: 0px;padding-bottom: 0px;} .mobile-btn {color: #eee;background-color: #555;box-shadow: 0 0 6px rgba(0, 0, 0, 1);border: none;padding: 2px 10px;border-radius: 5px;font-size: 14px;transition: 0.25s;} .mobile-btn:hover {cursor: pointer;background-color: #c92b16;} .nav {display: block;position: fixed;width: 100%;height: 100vh;overflow: auto;top: 0;transition: 0.25s;z-index: 99;background: #57aaf1;} #main-nav {left: -100%;padding-left: 20px;} li.close-item { display: block; padding: 20px 18px; text-align: right; } .dp-menu { width: 100%; position: static; border: none; } .level-1 > .dp-item > .dp-link { padding-left: 28px; background-color: #444; } .level-2 > .dp-item > .dp-link { padding-left: 38px; background-color: #555; } .dp-menu a:hover{ color: #ccc; } .fa-caret-right { transform: rotate(90deg); } }
@media all and (max-width:992px){#myModal .modal-body{padding:10px;}#myModal .carousel-inner{height: auto;}#myModal .popup_main{padding-bottom: 20px;flex-direction: column;}#myModal .modal-body img{width: 300px;height: auto;margin-bottom: 20px;background: none;border: solid 5px #fbeded;}.flexcard { width: 90%; margin-top: 20px; margin: 0 auto;}.maryimage {float: unset;right: unset;margin-bottom: 20px!important;margin: 0 auto;}.marymain { height: unset; float: unset; margin-top: 20px;}.sidetab .nav {width: 100%;margin-bottom: 20px;display: inherit;height: auto;position: unset;}.sidetab { flex-direction: column;}.four-wdth { width: 100%;}.parental .discipline-blk { height: auto!important;}.house .house-blk { width: 48%;}.activity-tab .nav .nav-link {padding: 20px 10px 20px 10px;}.way-the-cross .image-blk {margin-top: -30px;margin-bottom: 15px;}.way-the-cross { flex-direction: column;}.anthem .anthem-blk { width: 100%;    margin-left: unset; margin-bottom: 15px;}.anthem {  flex-direction: column;}.adm-blk { width: 100%;}.our-patron { width: 45%;}.footer-sec .contact-sec{padding:0px;}.footer-sec .fotr_dta{flex-direction: column;}.message-sec{min-height:inherit;padding-bottom: 40px;}.about-sec{flex-direction:column;padding: 5px 20px 20px;}.important-sec ul li{width:140px;height:140px;}.important-sec ul li img{width:40px;}.important-sec ul li{margin-bottom:20px;}.important-sec ul{flex-wrap: wrap;}.founder-sec img{width:300px;}.founder-sec {padding:50px 20px 20px;flex-direction:column;}}
@media all and (max-width:767px){.skitter .info_slide{display: none !important;}.achievements_sec .data_img { float: unset; margin: 0 auto;}.achievements_sec .data { float: unset; width: 100%; margin-left:unset;}.inr-event-blk { flex-direction: column;}.current-principal { width: 75%;}.msg .our-patron { float: unset; margin-right: 0;  margin: 0 auto 20px auto;}.four-blk h3.num { height: auto;}.socialimg { width: 100%;}.founderimg { float: unset; width: 100%;  height: auto; margin-left: unset;  display: block;}.inrhgt {padding: 20px 15px 50px;}.mainhead { font-size: 24px; line-height: 33px;}.our-patron { width: 80%; float: none; margin: 0 auto 20px auto;}
.quicklink {padding: 0px 15px 0px;}.inr-slider { height: 250px;}.inr-slider ol.breadcrumb {margin:0 20px;line-height: 28px;}.inr-slider ol.breadcrumb > .active a i { font-size: 14px;}.inr-slider ol.breadcrumb li {font-size: 13px;margin-bottom: -29px;}.gallery-sec{padding:0px;}.gallery-sec article img{height:195px;}.gallery-sec article{width: 48%;}.events-sec .item{width:100%;}.slider-container{height:300px;}.mother_mary{width:70px;top: -50px;}.logo-sec h1 span{font-size:10px;}.logo-sec img{width: 85px;}.logo-sec h1{font-size: 20px;line-height:25px;}.menu ul li:nth-child(n+1){display:none;}.menu ul li:nth-child(n+2), .menu ul li:nth-child(n+3) {display:block;font-size: 10px;}.menu ul li:nth-child(n+4){display:none;}.menu ul li:nth-child(n+5) {display:block;}}
@media all and (min-width: 992px){}
@media all and (max-width:576px){ .achievements_sec .data_img { float: unset; width: 100%; margin: 0 auto; height: auto;} .flexcard { width: 80%;.comngal {height: auto;}.maryimage {width: 100%;}.friends-logo {width: 100%; margin: 0 auto; float: unset; margin-left: unset; margin-bottom: 20px;}.schcabinet .headmain .headblk { width: 100%;}.headmain .headblk {width: 100%;}.four-wdth { height: auto;}.house .house-blk {width: 100%;}.house { flex-direction: column;}}g