body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    color: #555555;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}





.all_padding{padding: 35px 0;}
.page_color1{background-color:#fff;}
.page_color2{background-color:#ecf5ff;}
.heading_h1{color: #fff; font-size: 60px; line-height: 1em;font-weight: 700;font-family: "Poppins", sans-serif; text-shadow: 2px 2px 8px rgba(0,0,0,0.5);}
.heading_h33{font-size: 35px !important;}
.heading_h3{font-size: 40px; color:#44425A; font-weight: 600;line-height: 1em;font-family: "Poppins", sans-serif;}
.heading_h5{color: #000;font-size: 18px; font-weight: 500;font-family: "Poppins", sans-serif;}
small{font-family: "Poppins", sans-serif; color: #f26a21; font-size: 14px; font-style: italic;}
.span_clr{color: #e26a00;}
.all_para{font-size: 15px;}
.all_icon{font-size: 15px; color: #fff;}
.overflow_section{overflow: hidden;}
.heda_title{display: flex; flex-direction: column; z-index: 1; width: 70%;margin: 0 auto; align-items: center; justify-content: center; text-align: center; margin-bottom: 45px;}


a{color: #fff; text-decoration: none; font-size:15px;}
a:hover{color: #fff;}
.btn_1{background-color: #e26a00; padding: 10px 30px; border-radius: 20px; font-size: 13px;  color: #fff !important;transition: all 0.5s ease;}
.btn_1:hover{background-color: #1e4f7a; color: #fff;}
.btn_2{background-color: #2766a3; padding: 10px 30px; border-radius: 20px; width: max-content; font-size: 13px; color: #fff;transition: all 0.5s ease;}
.btn_2:hover{background-color: #333; color: #fff;}


.title_ribbon{position: relative;}
.title_ribbon:before{background: #2d3e50 none repeat scroll 0 0;bottom: 0;content: "";height: 2px;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;width: 230px;}
.title_ribbon:after{background-image: url(../img/cap-dark.jpg);background-repeat: no-repeat;bottom: -8px;color: #1bb4b9;content: "";font-size: 14px;height: 20px;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;width: 40px;z-index: 999;}


.curriculum_box{background-color: #fff;box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%);border-radius: 10px; border: 1px solid #ccc; text-align: center;}
.class_number{display: inline-block; background-color: #e26a00; padding: 5px 15px;border-radius: 20px;font-size: 14px;margin-bottom: 10px; color: #fff;}
.curriculum_header{position: relative; font-style: italic; background-color: #fff8f4; color: #e26a00;border-radius: 10px; padding: 20px; height: 125px;border-bottom: 1px solid #ccc; text-align: left;}
.class_star{position: absolute; top: 20px; right: 10px; font-size: 50px; color: #e26a0017;}
.curriculum_body{padding:10px 20px; text-align: left;}
.body_para{border-bottom:1px dashed #ccc;}
.offered{display: flex; justify-content: space-between; color: #444; font-weight: 600;}
.curriculum_header_last_child{height: 170px;}




/*....................//header-Start//......................*/

main{position:sticky; top: 0; z-index: 999;}
header{padding: 5px; background: rgb(39 102 163);}
.header_info{float: right; text-align: right;}
.header_info a{font-size: 12px;}
.media{float: right; list-style: none; margin: 0 15px; padding: 0;cursor: pointer;}
.media li{display: inline-block; width: 25px; height: 25px; background-color: #ccc; border-radius: 50%; text-align: center; transition: all 0.5s ease;}
.media li a{font-size: 12px;}
.media li:nth-child(1){background-color: #3b5998;}
.media li:nth-child(2){background-color: #00acee;}
.media li:nth-child(3){background-color: #d32f2f;}
.media li:hover{background-color: #7D7D7D;}

/*....................//header-End//......................*/




/*....................//nav-Start//......................*/

nav{background-color: #ffffff;box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%); position: relative;}
.menu_icon{font-size: 13px; float: right; margin-top: 3px;}
.sub_icon{margin: 0 6px;}
.logo img{height: 110px; object-fit: contain; margin-top: 10px;}

.Main_Nav{display: flex; justify-content: space-between; align-items: center; height: 60px;}
.Main_Nav .menu ul{list-style: none; margin: 0; padding: 0;}
.Main_Nav .menu ul li{display: inline-block; margin: 0 5px; padding: 0; position: relative;}
.Main_Nav .menu ul li a{display: block; text-transform: capitalize; font-weight: 500; color: #2c3e50; font-size: 14px;transition: all 0.5s ease; position: relative;}
.Main_Nav .menu ul li a:hover{color: #e26a00;}
.Main_Nav .menu .acctive{color: #e26a00;}

.Main_Nav .menu ul li a::after{content: "";position: absolute;bottom: -17px;left: 50%;transform: translateX(-50%);border: 6px solid;border-color: transparent transparent #e26a00 transparent;opacity: 0;transition: all 0.5s ease;}
.Main_Nav .menu ul li a::before{content: "";position: absolute;left: 0;bottom: -19px;transform: translateX(-50%);width: 100%;height: 2px;background-color: #e26a00;opacity: 0;transition: all 0.5s ease;border-radius: 50px;}

.Main_Nav .menu ul li a:hover::after{opacity: 1;}
.Main_Nav .menu .acctive::after{opacity: 1;}

.Main_Nav .menu ul li:last-child a:hover::after{display: none;}
.Main_Nav .menu ul li:last-child a:hover::before{display: none;}

.Main_Nav .menu ul li a:hover::before{opacity: 1;transform: translateX(0%);}
.Main_Nav .menu .acctive::before{opacity: 1; transform: translateX(0%);}


.Main_Nav .menu ul li .sub_menu{position: absolute; background: #ffffff; box-shadow: 0 10px 25px rgba(0,0,0,0.10); transform: translateY(10px); margin: 0;padding: 0;top:40px; left: 0;  width: max-content; opacity: 0; visibility: hidden; z-index: 999;transition: all 0.5s ease;}
.Main_Nav .menu ul li .sub_menu li{display: block; margin: 0;transition: all 0.5s ease;}
.Main_Nav .menu ul li .sub_menu li a:hover{background-color: #333; color: #fff;padding-left: 25px;}
.Main_Nav .menu ul li .sub_menu li a{display: block; color: #000;font-size: 13px; padding: 12px 18px; border-bottom: 1px solid #eee; display: block; text-transform: capitalize;}
.Main_Nav .menu ul li .sub_menu li:last-child a{border-bottom: none;}
.Main_Nav .menu ul li:hover .sub_menu{opacity: 1; visibility: visible;transform: translateY(0);}

.Main_Nav .menu ul li .sub_menu li a:hover::before{display: none;}
.Main_Nav .menu ul li .sub_menu li a:hover::after{display: none;}

.Main_Nav .menu ul li .sub_menu .add_menu li a{border-bottom: 1px solid #f1f1f1;}
.Main_Nav .menu ul li .sub_menu .add_menu li:last-child a{border-bottom: none;}

.Main_Nav .menu ul li .sub_menu .add_menu{position: absolute; left: 100%;opacity: 0; visibility: hidden; top: 0;transform: translateY(10px);}
.Main_Nav .menu ul li .sub_menu li:hover .add_menu{opacity: 1; visibility: visible;transform: translateY(0);}

/*....................//nav-End//......................*/





/*....................//banner_home-Start//......................*/

.banner_home{overflow: hidden; position: relative;}
.banner_home {height: 600px; width: 100%; overflow: hidden; position: relative; z-index: 9;background-color: #2766a3;}
.banner_other .banner {height: 100%; width: 100%; display: block;}
.banner_home .banner {height: 100%; width: 100%; display: -webkit-box; position: relative; left: -100%; transition: all 0.5s;}
.banner .banner_img {height: 100%; width: 100%; overflow: hidden; position: relative;}

.banner .banner_img img, .banner .banner_img iframe {height: 100%; width: 100%; object-fit: cover; opacity: 1;}
.banner_home .bnnrSlide {position: absolute;  top: 50%; transform: translateY(-50%); z-index: 900; height: 40px; width: 50px; border-radius:2px; background-color: #333; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.5s;}
.banner_home .bnnrSlide img {transform: scale(0.6); opacity: 0.9;}
.banner_home .bnnrRight {right: 0;border-radius: 50px 0 0 50px;}
.banner_home .bnnrLeft {left: 0;border-radius: 0px 50px 50px 0px;}
.banner_home .bnnrRight:hover, .banner_home .bnnrLeft:hover {opacity: 0.8;}
.banner_other iframe {width: 100%; height: 100%;}

.banner_home:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;
    background: linear-gradient(rgb(0 0 0 / 85%), rgb(255 255 255 / 48%));
}

/*.text{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: grid; align-content: center; text-align: center;padding: 0 100px;z-index: 1;}
.para_highlite{background-color: #fff8f4; width: max-content; margin: auto; padding: 8px; border-left: 8px solid #e26a00; border-Right: 8px solid #e26a00; margin-bottom: 20px; color: #444; font-style: italic;}

#text-box{opacity: 1;transform: translateY(0);transition: all 0.8s ease;}
#text-box.fade-out{opacity: 0;transform: translateY(30px);}*/


.banner_text{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: grid; align-content: center; text-align: left;z-index: 1; padding: 0px 150px 0px 120px; color: #fff;}
.rank_box{display: flex;width:max-content; grid-gap: 20px;}
.rank_name{background-color: #e26a00; color: #fff; border-radius: 7px; padding: 10px; height: 45px; border: 1px solid #fff;box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%);}
.text_para{font-size: 17px; font-style: italic;}




/*....................//banner_home-End//......................*/



/*....................//admission-Start//......................*/

.admission{position: relative; margin-top: -30px; z-index: 900;}
.admission_para{background-color: #e26a00; height: 100%; padding: 15px 25px;border-top-left-radius: 10px;border-bottom-left-radius: 10px; display: flex; align-items: center;}
.admission_online{background-color: #2766a3; height: 100%;border-top-right-radius: 10px;border-bottom-right-radius: 10px;padding: 15px 25px; display: flex; align-items: center; justify-content: center;}
.admission_para h3{color: #fff; font-size: 30px;}
.brdr{border: 1px solid #fff9f8; border-radius: 7px; padding:5px; background-color: #ffffff6e;}
.down_btn{background-color: #fff; color: #000;}


/*....................//admission-End//......................*/




/*....................//highhlite_point-Start//......................*/

.highhlite_box{background-color: #fff8f4;padding: 10px;border-radius: 10px;border: 1px solid #ccc;box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%);margin-bottom: 15px;}
.highhlite__prod{display: flex;grid-gap: 10px;align-items: center;}
.highhlite_img{width: 80px;height: 80px;background-color: #fff;border-radius: 50%;border: 2px solid #e26a00;}
.highhlite_img img{width: 100%;height: 100%;border-radius: 7px;object-fit: cover; padding: 15px;}
.highhlite_content{width: calc(100% - 100px);}



.note_img{width: 50px; margin-right:10px;}
.notice-board{width: 100%; height: 95%; background: #ffffff;border-left: 4px solid #e26a00;box-shadow: 0 4px 12px rgba(0,0,0,0.15);transition: all 0.4s ease;z-index: 9999;border-radius: 6px 0 0 6px;background: linear-gradient(rgba(40, 120, 235, 0.05), rgba(40, 120, 235, 0.05)), url(../img/holy-trio-mark.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.notice-header{background: #e26a00;color: #fff;padding: 5px 10px;font-size: 18px;font-weight: bold;}
.notice-bg{overflow: hidden;}
.notice-list{list-style: none;padding: 10px;animation: scroll-up 12s linear infinite;cursor: pointer;}
.notice-list li{padding: 8px 0;border-bottom: 1px solid #ccc;}
.notice-list{list-style: none;}
.notice-list li:last-child{border: none;}

@keyframes scroll-up {
    0% { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}
.notice-list:hover{animation-play-state: paused;}

/*....................//highhlite_point-End//......................*/




/*....................//histroic_concept-Start//......................*/

.histroic_main{margin: 8px 0;}
.histroic_images{border: 4px double #ccc; text-align: center;background: linear-gradient(rgba(40, 120, 235, 0.05), rgba(40, 120, 235, 0.05)), url(../img/water-mark5.jpeg);background-size: cover;background-position: center;background-repeat: no-repeat;height:300px;}
.histroic_images img{height: 100%; object-fit: cover;}

.histroic_quote blockquote{margin: 0px;padding: 0px; font-size: 12px; border-right: 8px solid #f28d2d9e;}
.histroic_quote blockquote::before{display: none;}
.histroic_quote blockquote::after{display: none;}

/*....................//histroic_concept-End//......................*/




/*....................//about-Start//......................*/
.vission_mission{display: flex; justify-content: space-between; grid-gap: 20px;}
.content_vission_mission{border: 1px solid #f7b67a; border-radius: 2px; width: 100%; padding: 10px; text-align: center;}
.vission_mission_text h5, .vission_mission_text p{color: #000;}
.content_vission_mission:nth-child(1){background-color: #ff945c;}
.content_vission_mission:nth-child(2){background-color:#ffe4e0;}
.vission_mission_img{width: 60px; height: 60px; border-radius: 50%; margin: auto; margin-bottom: 15px;}
.vission_mission_img img{width: 100%; height: 100%; object-fit: contain;}
blockquote{font-size: 16px;width: 100%;margin: 30px auto;font-style: italic;color: #444;padding: 1.2em 30px 1.2em 40px;border-left: 8px solid #f28d2d9e;line-height: 1.6;position: relative;background-color: #fef3f17a;text-align: center;}
blockquote::before{font-family: Arial;content: "\201C";color: #f28d2d9e;font-size: 4em;position: absolute;left: 5px;top: -10px;}
blockquote::after{font-family: Arial;content: "\201D";color: #f28d2d9e;font-size: 4em;position: absolute;bottom: -48px;}
blockquote span{color: #d35400;}


.video-section{position: relative;text-align: center;}
.video-thumbnail{position: relative;display: inline-block;cursor: pointer;overflow: hidden;border-radius: 10px;}
.video-thumbnail img{width: 100%;height: auto;display: block;}
.play-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #e26a00;color: #fff;border-radius: 50%;width: 75px;height: 75px;display: grid;align-content: center;justify-content: center;font-size: 30px;transition: background 0.3s;}


.video-modal{display: none;position: fixed;z-index: 1050;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.85);align-items: center;justify-content: center;}
.video-content{position: relative;width: 80%;max-width: 800px;height: 450px;background: #000;box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.video-content iframe{width: 100%;height: 100%;}
.video-modal .close{position: absolute;top: -20px;right: -20px;font-size: 28px;background-color: #e26a00;color: #fff;width: 50px;height: 50px;display: grid;align-content: center;justify-content: center;border-radius: 50%;cursor: pointer;}
.play-icon::after{content: "";position: absolute;height: 100%;width: 100%;top: 0;left: 0;z-index: -1;background-color: #e26a00;border-radius: 50px;animation: ripple-wave 1s linear infinite;-webkit-transform: scale(1);transform: scale(1);transition: all 0.5s ease-in-out;}
@keyframes ripple-wave
{
  0% {
    opacity: 0.8;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

/*....................//about-End//......................*/




/*....................//certificate_section-Start//......................*/

.certificate_section{background: rgb(0 0 0 / 66%);height: 450px;position: relative;}
.certificate_section:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-image: url(../img/Background.png); background-position: center top -200px; background-size: cover; background-repeat: no-repeat; /*background-attachment:fixed*/;}
.wst_dec{margin-top: 10px;height: 1px;background: rgba(255, 255, 255, 0.5);position: relative;background-color: #ffc7a9;}
.wst_dec:before{content: '';position: absolute;right: 0;bottom: 0;width: 20px;height: 1px;z-index: 2;background-color: #e26a00;}


.certificate_copy{position: relative; margin-top: -200px;}
.msdl{padding: 0 10px;}
.certificate_products{width: 100%;padding: 8px; text-align: center; border: 1px solid #fcefe3; position: relative; border-radius: 2px;}
.certificate_products:after{position: absolute; content: ""; width: 100%; border-radius: 2px; height: 100%;top: 0; left: 0; z-index: -1; background-image: url(../img/water-mark6.jpeg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.certificate_images{width: 100%;border: 4px double #492e3d;}
.certificate_images img{height: 100%; width: 100%; object-fit: contain;}
.certifi_text h3{color: #fff;}
.certifi_para p{color: #fff;} 

/*....................//certificate_section-End//......................*/




/*....................//event_program-Start//......................*/

.event_box{margin:8px 0; border:1px solid #ccc;box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%); padding: 40px;border-radius: 10px;background:url(../img/layer-bg.jpg);background-size: cover; background-position: center; background-repeat: no-repeat;}
.event_products{display: flex; height: 100%; grid-gap: 30px; align-items: center;}

.event_images{width: 180px; height: 180px;clip-path: polygon(
    10% 0%, 30% 5%, 50% 0%, 70% 8%, 90% 0%,
    100% 20%, 95% 40%, 100% 60%, 90% 80%, 100% 100%,
    80% 95%, 60% 100%, 40% 95%, 20% 100%, 0% 90%,
    5% 70%, 0% 50%, 5% 30%, 0% 10%
  );
}
.event_images img{width: 100%; height: 100%; object-fit:cover; border-radius: 10px;display: block;}
.event_content{width: calc(100% - 180px);}

/*....................//event_program-End//......................*/




.donation{
    background: linear-gradient(rgba(40, 120, 235, 0.05), rgba(40, 120, 235, 0.05)), url(../img/water-mark5.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}
.signature{font-family: "Segoe Script", "Lucida Handwriting", cursive; color: #555555; font-weight: bold;}






/*....................//feedback_section-Start//......................*/
.msdl{margin: 0 2px;}
/*.feedback_section{background-color:#f5f5f5;}*/
.feedback_box{background-color: #eee; border:1px solid #ccc;box-shadow: -1px 3px 20px 0px rgb(82 90 101 / 10%); border-radius: 7px; position: relative; text-align: left;}
.feedback_products{padding: 50px;}
.fed_flex{display: flex;grid-gap: 20px;align-items: center;}
.fed_flex h5{font-style: italic;}
/*.feedback_images{width: 80px; height: 80px; border-radius: 50%; background-color:#681114; overflow: hidden; padding: 2px;}*/
.feedback_images img{width:70px; height: 70px; object-fit: contain; border-radius: 50%; border: 2px solid #ffcb00;}
.checked{color: #ffcb00;}
.fed_flex span{color: #e26a00;}
.icon_content{position: absolute;  bottom: 0; right: 50px;}
.icon_content i{font-size: 100px; color: #ccc; opacity: 0.3; font-size: 70px;}
.review_img{display: grid; align-content: center; height: 100%;}
.review_img img{width: 100%; height: 100%;}
/*....................//feedback_section-End//......................*/




/*....................//holy_trio_page-Start//......................*/

/*.srvices_main{text-align: center;}
.stckey{display: grid;grid-gap: 20px;}
.stckey .srvices_main{position: sticky;top: -1400px;}
.holy_trio_images{width: 300px; height: 200px; background-color: #7a1e1e; border-top-right-radius: 50px; border-top-left-radius: 50px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);}
.holy_trio_images img{width: 100%; height: 100%;border-top-right-radius: 50px; border-top-left-radius: 50px; object-fit: contain;}
.holy_trio_content{background-color: #fff; text-align: left; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); padding: 50px; width: 100;border-top-right-radius: 50px;border-bottom-right-radius: 50px;background: linear-gradient(rgba(40, 120, 235, 0.05), rgba(40, 120, 235, 0.05)), url(../img/holy-trio-mark.png);background-attachment: fixed;}*/

.holy_trio_images
{
  background-color: #492e3d;
  padding: 40px 30px; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center;
  row-gap: 25px; 
  font-style: italic; 
  text-align: center;
}
.images_frame {
    width: 280px;
    height: 300px;
    border-radius: 5px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
    background-color: #fff8f4;
}

.portrait {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.images_frame_text h3,
.images_frame_text h5 {
    color: #fff;
}

.years {
    margin-top: 10px;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    color: #fff;
}


.timeline {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
}
.timeline::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #e0d6c2;
}

.timeline_item {
    position: relative;
    margin-bottom: 25px;
}

.timeline_item::before {
    content: "";
    position: absolute;
    left: -36px;
    top: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #8b6b4d;
    border: 3px solid #f9f7f2;
    box-shadow: 0 0 0 3px #e0d6c2;
}

/*....................//holy_trio_page-End//......................*/




/*....................//vision_mission_page-Start//......................*/

.vision_mission_page{background-color: #fff; position: relative; z-index: 1;}
.vision_mission_page:after{position: absolute; content: ""; width: 100%; height: 100%; opacity: 0.2; top: 0; left: 0; z-index: -1; background-image: url(../img/steptodown.com732007.png);background-repeat: no-repeat; background-size: cover;}
.vision_mission_page2{background-color: #e4f2ff;position: relative; z-index: 1;}
.vision_mission_page2:after{position: absolute; content: ""; width: 100%; height: 100%; opacity: 0.2; top: 0; left: 0; z-index: -1; background-image: url(../img/steptodown.com7320072.png);background-repeat: no-repeat; background-size: cover;}
.misn_list{list-style: none;}
.misn_list li{display: flex;}
.misn_list li i{margin:3px;}
.vission_mission_images img{width: 100%;height: auto;display: block; border-radius: 7px;}

/*....................//vision_mission_page-End//......................*/




/*....................//historical_background_page-Start//......................*/

.historical_images{height: 300px; background-color: #f5f5f5;}
.historical_images img{height: 100%; width: 100%; object-fit: contain;}
.hist_title{background-color: #ff945c; padding: 20px; color: #fff; font-style: italic;}

/*....................//historical_background_page-End//......................*/




/*....................//administration_page-Start//......................*/

.administration_box{margin-bottom:30px; height: 200px; position: relative; z-index: 1; background-color: #fff8f4; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); color: #555555; border-radius:20px; display: grid; align-content: center; padding: 30px; text-align: right; overflow: hidden;}
.administration_flex{display: flex; align-items: center; font-style: italic}
.administration_img{width: 130px; height: 130px; background-color: #fff; border-radius: 50%; border:2px solid #f26a21;}
.administration_img img{width: 100%; height: 100%; object-fit: contain;border-radius: 50%;}
.administration_info{width: calc(100% - 130px); padding: 20px;}
.administration_social{float: right;}
.administration_box:after{position: absolute; content: ""; width: 100%; height: 100%; opacity: 0.3; top: 0; left: 0; z-index: -1; background-image: url(../img/water-mark2.jpg);background-repeat: no-repeat; background-size: cover;}
.administration_info span{color: #e26a00;}

/*....................//administration_page-End//......................*/


/*....................//mistress_desk-Start//......................*/

.disk_main{height: auto;}
.disk_flex{display: flex;align-items: center; flex-direction: column; text-align: center;}
.disk_social{float: none;}
.disk_info{width:100%;}

/*....................//mistress_desk-End//......................*/




/*....................//primary_page-Start//......................*/

.primary_page{position: relative; z-index: 1;}
.primary_page:after{position: absolute; content: ""; width: 100%; height: 100%; opacity: 0.1; top: 0; left: 0; z-index: -1; background-image: url(../img/water-mark5.png);background-repeat: no-repeat; background-size: cover; background-position: center;}
.Primary_images img{width: 100%;height: auto;display: block; border-radius: 7px;}

/*....................//primary_page-End//......................*/




/*....................//admission-Start//......................*/
.admission_flex{display: flex;}
/*....................//admission-End//......................*/




/*....................//games-sports-Start//......................*/

.games_box{height: 100%;display: block;border-radius: 3px;overflow: hidden;position: relative;}
.sports_img{height: 220px;width: 100%;overflow: hidden;position: relative;}
.sports_info{padding: 15px;height: 100%;background-color: #eee;color: #777777;text-align: center;transition: all 0.5s; color: #555555;}
.sports_img img{height: 100%;width: 100%;object-fit: cover;}

/*....................//games-sports-End//......................*/




/*....................//school_timings_page-Start//......................*/
.time_box{background-color: #e4f2ff;box-shadow: 0 3px 30px 0 #00000012;border-radius: 7px 7px 0px 0px; padding: 10px; border: 1px solid #46525d;}
.time_box table{border-collapse: collapse;width: 100%; font-size:14px; border: 1px solid #eee;}
.time_box thead{background: rgb(39 102 163); color: #fff;}
.time_box th{width: 1px;}
.time_box th, td{padding: 10px;}
.time_box table tr:nth-child(even){background-color:#46525d; color: #fff;}

.mandatory_grid{display: grid; grid-template-columns: repeat(3, 1fr); background-color: #eee;color: #000;}
.mandatory_item{padding: 20px;}
.mandatory_item:nth-child(1){background-color: #ff945c;border-bottom-left-radius: 7px; border-top-left-radius: 7px;}
.mandatory_item:nth-child(2){background-color: #ffe4e0;}
.mandatory_item:nth-child(3){background-color: #ff945c;border-bottom-right-radius: 7px; border-top-right-radius: 7px;}

.art_ut th{padding: 0px; width: max-content}
.art_ut td, th{border: 1px solid #ccc;text-align: left;padding: 8px;}
.art_ut table tr:nth-child(even){background-color:transparent; color: #000;}
.time_box small{font-weight: bold; color: #7a1e1e;}

.table_bg {background: linear-gradient(rgba(40, 120, 235, 0.05), rgba(40, 120, 235, 0.05)), url(../img/bg-image.jpg);background-attachment: fixed;}
/*....................//school_timings_page-End//......................*/contact_page




/*....................//contact_page-Start//......................*/

.form_main{padding: 40px;background: #fff;border-radius: 12px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);}
.form_title{text-align: center; margin-bottom: 25px;}
.form_title h5{font-size: 25px; color: #44425A; font-weight:bold;}
.form_main label{font-size: 14px;color:#555555;display: block; margin-bottom: 8px;}
.form_main input, .form_main select, .form_main textarea{width: 100%; padding: 12px 14px;border: 1px solid #ddd;border-radius: 8px; font-size: 15px;transition: all 0.3s ease;background: #fafafa;}
.form_main textarea{height: 130px;resize: none;}

.form_main input:focus, textarea:focus, select:focus{border-color: #27408b;background: #fff; outline: none;box-shadow: 0 0 0 3px rgba(39,64,139,0.15);}
.form_group button{width: 100%; outline: none; border: none; padding: 14px; background-color: #2766a3; color: #fff;transition: all 0.5s ease; font-size: 14px;}
.form_group button:hover{background-color: #1e4f7a;color: #fff;}


.contact_info{padding: 20px;background: #fff;border-radius: 12px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);}
.info_flex{display: flex; grid-gap: 5px;}
.info_icon{width: 30px; height: 30px;background-color: #fafafa; border: 1px solid #ddd; display: grid; align-content: center; text-align: center; font-size:18px; margin: 6px;}
.info_icon i{color: #2766a3;}
.info_text{width: calc(100% - 50px); display: grid;}
.info_text a{color:#555555;}
.info_map{padding: 20px;background: #fff;border-radius: 12px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);}
.info_map iframe{height: 270px;}
/*....................//contact_page-End//......................*/









/*....................//all_page_banner-Start//......................*/
.all_page_banner{position: relative;}
.page_banner{display: block;height: 300px;overflow: hidden;position: relative;}
.pages_image{height: 100%;width: 100%;position: relative;z-index: 20;background-color: #fff;background: linear-gradient(90deg, #c4c4c4 30%, #fff 76%);}
.pages_image img{height: 100%;width: 100%;object-fit: cover;}
.page_link{position: absolute; z-index: 20; top: 0; left: 0; bottom: 0; right: 0; display: grid; align-content: center; text-align: center; background: linear-gradient(90deg, #c4c4c42e 30%, #ffffff85 76%);}
.page_link a{color: #000; font-weight:bold;}
.page_link h3{color: #000;text-shadow: 2px 2px 4px rgb(255 255 255);}
/*....................//all_page_banner-End//......................*/




/*....................//footer-Start//......................*/
footer{background: rgb(39 102 163); padding: 100px 0; position: relative;}
.ft_lgo{height: 100px; display: block;}
.ft_lgo img{height: 100%; object-fit: contain;}
.ftabout_para p{font-size: 12px; color: #fff;}
.footer_services{padding-left:80px;}
.footer_services ul{list-style: none; margin: 0; padding: 0;}
.footer_services ul li{margin: 0; padding: 0; line-height:26px;}
.menu_flex{display: flex; grid-gap: 50px;}
.ft_menu small{color: #f8ff00;}
.footer_services ul li a{display: block; color: #fff; text-decoration: none; font-size: 14px; font-weight: 500;transition: all 0.5s ease;}
.ft_flex{display: flex;grid-gap: 10px; color: #fff;}
.flex_icon{float: left; width: 100%; text-align: left;}
.ft_flex i{color: #fff;}
.ft_title{color: #fff;}
.footer_services ul li a:hover{color: #f8ff00;}

.brdr_btm{width: 60px;height: 1px;background-color: #fff;display: block;margin-bottom: 18px;position: relative;}
.brdr_btm:before{content: '';position: absolute;left: 45px;bottom: -2px;width: 10px;height: 4px;border-radius: 10px;background-color: #fff;-webkit-animation: linear infinite;-webkit-animation-name: run;-webkit-animation-duration: 5s;}

@keyframes run 
{
    0% 
    {
      left: 2px;
    }
  50% 
  {
    left: 48px;
  }
  100%
  {
    left: 2px;
  }
}
.footer_bottom{padding: 10px 15px;text-align: center;background-color: #f26a21;color: #fff;}
.footer_bottom p{font-size: 12px;color: #fff;}
.botom_pra{color: #f8ff00;}
.water_markr{position: absolute; bottom: 0; right: 50px;}
.water_markr{height: 200px;  display: block;}
.water_markr img{height: 100%; width: 100%; object-fit: contain;}
/*....................//footer-End//......................*/





.open{display: none;}
.md_layer{display:none;}
.md_icon{opacity: 0;}
@media only screen and (max-width: 991px)
{
    .heda_title{width: 100%;}
    .footer_services{padding-left: 0;}
    .media{margin: 0 8px;}
    .text{padding: 0px;}



    .open{display: block; padding-right: 20px;}
    .Main_Nav .menu{position: fixed; background-color: #fff8f4; overflow-y: auto; left: -100%; top: 0; z-index: 999; width: 100%; height: 100vh; transition: all 0.5s ease;}
    .Main_Nav .menu ul li{display:block; margin: 0px;}
    .Main_Nav .menu ul li a{padding:12px 18px; border-bottom: 1px solid #eee;}

    .md_layer{width: 100%; height: 80px; background-color: #e26a00; display: block; display: flex; justify-content: space-between; align-items: center;}
    .md_layer img{height: 100%;}
    .close2{padding-right: 20px; font-size: 25px; color: #fff;}
    .Main_Nav .menu ul li a::after{display: none;}
    .Main_Nav .menu ul li a::before{display: none;}
    .md_icon{opacity: 1; float: right; margin-top: 3px;}

    .menu.active{left: 0;}      
    .btn_1{width: max-content; margin: 12px 18px;}

    .Main_Nav .menu ul li .sub_menu{width: 100%; position: inherit; top: 0; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden;background-color: #ffc696; box-shadow: none;}
    .Main_Nav ul li:hover .sub_menu {opacity: 1; visibility: visible; top: 100%; max-height: 1000px;}

    .Main_Nav .menu ul li .sub_menu .add_menu{position: inherit; width: 100%; left: auto !important;top: auto !important; overflow: hidden;max-height: 0;background-color: #fff;}
    .Main_Nav .menu ul li .sub_menu li:hover .add_menu {max-height: 1000px;}

}




@media only screen and (max-width: 767px)
{
    
}




@media only screen and (max-width: 576px)
{
    .mrg_btn{margin: 40px 0;}
    header{height: 100px;}
    .header_info{display: flex; flex-direction: column; align-items: center; float: none;}
    .media{margin-top: 6px;}
    
    .banner_text{padding: 0 60px;}
    .rank_box{display: flex;width: max-content; flex-direction: column; grid-gap: 20px; width: 100%;}
    .heading_h1{font-size: 26px;}

}

@media only screen and (max-width: 480px)
{
    .vission_mission{display: flex;justify-content: space-between;grid-gap: 20px; flex-direction: column;}
    .certificate_copy{position: relative;margin-top: -128px;} 
    .event_box{padding: 20px;}
    .event_products{display: flex;height: 100%;grid-gap: 30px; flex-direction: column;}
    .event_images {width: inherit;}
    .event_content{width: inherit;}
}