header {position: fixed;top: 0;left: 0;right: 0;z-index: 111;background: #fff;transition: all 0.5s ease;padding: 15px 0;box-shadow: 0 5px 30px -12px rgb(0 0 0 / 50%);}
.main-slider.owl-carousel.owl-theme.owl-loaded.owl-drag {margin: 107px 0 0 0;}
.main-slider .mask { position: absolute; top: 50%; transform: translateY(-50%); }
.main-slider .mask h1 {color: #fff;white-space: pre-line;font-size: 45px;font-weight: 600;line-height: 50px;}
.main-slider .mask p {white-space: pre-line;font-weight: 700;font-size: 20px;color: #231F20;line-height: 29px;margin: 20px 0 0 0;}
.main-slider .mask p.white {color: #fff;font-size: 32px;line-height: 40px;margin: 0;}
.main-slider .owl-dots { content: ''; bottom: 25px; margin: auto; text-align: center; left: 0; right: 0; position: absolute; }
.main-slider button.owl-dot { background: #fff; border-radius: 50% !important; margin: 0 5px; padding: 8px !important; transition: all 0.5s ease; border: 0; }
.main-slider button.owl-dot.active { background: #89d1f1; }
/* about scssn */
.about { text-align: center; }
.title h2 {color: #fff;font-weight: 700;font-size: 35px;}
.title p {color: #fff;font-size: 18px;font-weight: 500;margin: 15px auto 15px auto;}
.title.dark h2 { color: #231F20; }
.title.dark p { color: #231f20; }
.about a.read_more {color: #231F20;font-weight: 600;background: #DFE0E1;padding: 12px 23px;border-radius: 25px;font-size: 16px;display: table;margin: 25px auto 20px auto;transition: all 0.5s ease;}
.about a.read_more:hover { color: #fff; background: #7ac6c2; letter-spacing: 0.5px; }
.about a.read_more i { margin: 0 0 0 5px; }
/* top drawer scssn */
.top_drawer { position: relative; text-align: center; width: 100%; }
.top_drawer:before, .curriculum_scssn:before { position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/bg-img.png) no-repeat; top: 0; left: 0; }
.top_drawer .title p {}
.top_drawer_accordan { position: relative; z-index: 1; }
.top_drawer_accordan .top_drawer_box { position: relative; margin-bottom: 55px; }
.top_drawer_accordan .top_drawer_box a.tab_nav {width: 150px;height: 150px;background: #ffffff;border-radius: 100%;display: flex;padding: 40px 13px;white-space: pre-line;align-items: center;justify-content: center;margin: 0 auto;font-size: 17px;font-weight: 700;position: relative;color: #000000;transition: 0.4s all;line-height: 23px;}
.top_drawer_accordan .top_drawer_box a.tab_nav:before { content: ''; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border-radius: 50%; z-index: -1; background: rgb(59,149,23); background: -moz-linear-gradient(90deg, rgba(59,149,23,1) 15%, rgba(23,131,58,1) 50%, rgba(7,131,116,1) 100%); background: -webkit-linear-gradient(90deg, rgba(59,149,23,1) 15%, rgba(23,131,58,1) 50%, rgba(7,131,116,1) 100%); background: linear-gradient(90deg, rgba(59,149,23,1) 15%, rgba(23,131,58,1) 50%, rgba(7,131,116,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b9517", endColorstr="#078374", GradientType=1);
border: 0px solid #ffffff00; transition: 0.4s all; }
.top_drawer_accordan .top_drawer_box a.tab_nav:hover {/* border-color: #ffffff; */ background: transparent; color: #ffffff; }
.top_drawer_accordan .top_drawer_box a.tab_nav:hover:before { border: 11px solid #ffffff; }
.top_drawer_accordan .accordian_content {background-color: #ffffff;width: 100%;height: auto;position: absolute;display: none;left: 0;z-index: 1;top: 113%;box-shadow: 0 8px 20px -5px rgb(0 0 0 / 15%);/* border-top: 2px solid #dee1e6; *//* min-width: 310px; */width: 100%;padding: 10px 15px}
.top_drawer_accordan .accordian_content ul li {padding: 6px 0 6px 20px;text-align: left;white-space: pre-line;position: relative;font-size: 14px;border-bottom: 1px solid #b5abab61;/* color: #fff; */font-weight: 500;}
.top_drawer_accordan .accordian_content ul li:last-child {border-bottom:0;}
.top_drawer_accordan .accordian_content ul li:before { content: '\f101'; font-family: 'FontAwesome'; left: 0; position: absolute; }
.top_drawer_accordan .accordian_content:before {content: '';position: absolute;left: 50%;transform: translateX(-50%);top: -11px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 18px solid #ffffff;transition: all 0.5s ease;}
/* management scssn */
.management_box { display: block; position: relative; padding: 20px 20px; text-align: center; }
.management_box:hover img { transform: translateY(-10px); }
.management_box img { transition: 0.4s all; transform: translateY(0px); }
.management_box h4 {font-weight: 700;font-size: 35px;margin-bottom: 20px;}
.management_box p { font-size: 17px; font-weight: 500; margin-bottom: 40px; }
.management_box a { margin: 35px auto 0; display: block; padding: 10px 30px; color: #000000; font-size: 18px; font-weight: 600; background: transparent; border: 3px solid #000000; border-radius: 50px; transition: 0.5s all; width: 170px; }
.management_box.management a { border-color: #ccd545; }
.management_box.teachers a { border-color: #7ac6c2; }
.management_box.students a { border-color: #7ee3fd; }
.management_box.management:hover a { background-color: #ccd545; }
.management_box.teachers:hover a { background-color: #7ac6c2; }
.management_box.students:hover a { background-color: #7ee3fd; }
/* curriculum scssn */
.curriculum_scssn { display: block; position: relative; }
.curriculum_scssn:before { background: url('../images/dotted_pattern.png'); }
.curriculum_box {position: relative;margin: 100px 0 0 0;padding: 5px 25px 25px 25px;background: rgb(255 255 255 / 75%);text-align: center;border: 3px solid #ffffff;border-radius: 50px;display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;height: 305px;margin-bottom: 45px;}
.curriculum_icon {width: 185px;height: 185px;margin: -110px auto 30px auto;padding: 40px;border-radius: 50%;background: #CCD545;text-align: center;display: flex;justify-content: center;align-items: center;border: 5px solid #ffffff;}
.curriculum_box h4 {font-size: 25px;font-weight: 600;display: block;position: relative;padding-bottom: 14px;margin-bottom: 14px;}
.curriculum_box h4:before { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 70%; height: 1px; background: #000000; }
.curriculum_box img.img-fluid {transition: all 0.5s ease;width: 85px;}
.curriculum_box:hover img.img-fluid { filter: invert(1); }
.curriculum_box a { display: block; padding: 12px 30px; color: #000000; font-size: 17px; font-weight: 600; background: #BBD22E; border-radius: 50px; transition: 0.5s all; width: 170px; position: absolute; border: 3px solid #bbd22e; bottom: -25px; left: 50%; margin: 0; transform: translateX(-50%); }
.curriculum_box p {font-size: 19px;font-weight: 600;margin-bottom: 30px;white-space: pre-line;}
.curriculum_box:hover a { background: #ffffff; }
/* curriculum scssn end */
/* about esense scss */
.aboutesense_box {/* overflow: hidden; */ border-radius: 50px; background: #ffffff; position: relative; }
.aboutesense_box:before { content: ''; position: absolute; left: -3px; top: -3px; bottom: -3px; right: -3px; z-index: -1; border-radius: 50px; background: rgb(187,210,47); background: -moz-linear-gradient(90deg, rgba(187,210,47,1) 15%, rgba(42,186,215,1) 100%); background: -webkit-linear-gradient(90deg, rgba(187,210,47,1) 15%, rgba(42,186,215,1) 100%); background: linear-gradient(90deg, rgba(187,210,47,1) 15%, rgba(42,186,215,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbd22f", endColorstr="#2abad7", GradientType=1);
}
.about_esense_img { overflow: hidden; height: 100%; border-radius: 50px 0px 0px 50px; }
.about_esense_img img { height: 100%; object-fit: cover; width: 100%; }
.home_esense_content { position: relative; padding: 25px 30px; display: block; }
.home_esense_content img { margin-bottom: 35px; max-width: 35%}
.home_esense_content p { font-size: 16px; font-weight: 500; margin-bottom: 35px; line-height: 27px; }
.home_product_box { border: 2px solid #231F20; border-radius: 50px; height: 95%; position: relative; margin-bottom: 25px; }
.home_product_box img { margin-bottom: 25px; max-width: 30% }
.home_product_box p { font-size: 16px; font-weight: 500; margin-bottom: 30px; }
.home_product_box a.know-more { position: absolute; left: 50%; bottom: -26px; transform: translateX(-50%); }
/* about esense scss end */
/*footer*/
.footer { background: rgb(186,209,49); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(186,209,49,1) 0%, rgba(107,184,101,1) 23%, rgba(28,177,148,1) 53%, rgba(28,177,148,1) 53%, rgba(45,186,217,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(186,209,49,1) 0%, rgba(107,184,101,1) 23%, rgba(28,177,148,1) 53%, rgba(28,177,148,1) 53%, rgba(45,186,217,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(186,209,49,1) 0%, rgba(107,184,101,1) 23%, rgba(28,177,148,1) 53%, rgba(28,177,148,1) 53%, rgba(45,186,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad131', endColorstr='#2dbad9', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 80px 0 20px 0; }
.footer .card { background: transparent; border: 0; flex-direction: row; }
.footer .card .card-body p { color: #fff; font-size: 12px; letter-spacing: 2px; line-height: 25px; text-align: justify; }
.footer .card img.img-fluid { height: 100px; margin: 0 40px 0 0; }
.footer h3 { color: #fff; font-size: 18px; font-weight: 600; margin: 30px 0 40px 0; }
.footer_nav h4 { font-size: 16px; color: #fff; font-weight: 700; }
.footer_nav p { font-size: 13px; color: #fff; line-height: 24px; white-space: pre-line; margin: 0; }
.footer_nav h5 { color: #fff; font-size: 21px; font-weight: 700; margin: 0 0 5px 0; }
.footer_nav h5 a, .footer_nav h6 a, .footer_nav p span a { color: #fff; transition: all 0.5s ease; }
.footer_nav h5 a:hover, .footer_nav h6 a:hover, .footer_nav p span a:hover { color: #000; }
.footer_nav h6 { font-size: 20px; color: #fff; }
.footer_nav ul li a { transition: all 0.5s ease; }
.footer_nav ul li a i { width: 40px; height: 40px; background: #fff; text-align: center; line-height: 40px; font-size: 20px; border-radius: 50%; color: #009F51; margin: 0 5px 0 0px; transition: all 0.5s ease; }
.footer_nav ul li a:hover i { background: #009F51; color: #fff; }
.footer_nav ul li { display: inline-block; }
.footer_nav p span { display: block; }
.footer_btm { border-top: 1px solid #000; margin: 40px 0 0 0; }
.footer_btm p { padding: 25px 0; margin: 0; color: #fff; font-size: 17px; }
