﻿@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

a:hover {    text-decoration: none}
body {    margin: 0;    padding: 0; background: #fff2d8;  font-family: Roboto, serif; font-size: 16px;   height: 100%;    width: 100%;       text-align: justify;  }
::selection {    background: #ffc000;    color: #020181;    text-shadow: none;}
html {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}

* {    outline: none;}
img {    border: none;}
a {    text-decoration: none;}
html {    -webkit-text-size-adjust: 100%;}
ul, p {    margin: 0;    padding: 0;    list-style: none;}
*, :before, :after {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
body, html {    width: 100%;    height: 100%;    margin: 0;    padding: 0;}
img {    max-width: 100%;    outline: none;}
 .mobile-menu { display: none;}
.header .nav li a.logo-name {background: #fff; text-align: center;    width: 130px;    margin: 0px auto;       height: 105px;       border-radius: 0px 0px 65px 65px; display: inline-block;}
.header .nav li.logo-name1 { margin-top: -10px;}
.welcome{text-align: center;    width: 100%;    position: absolute;    z-index: 8;    top: 70%;}
.heading { width: 100%; color: #FFF;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;}
 
.add,.affiliated{color: #000;
font-family: Montserrat, serif;
font-size: 11px;
font-style: normal;
font-weight: 300;
line-height: normal; 
    border-radius: 10px;
}
.affiliated { font-weight: 500; 
background: linear-gradient(263deg, #800000 3.05%, #174579 93.41%), #FFF5F0; color: #fff; padding: 3.398px 6.796px;}
.call3 {color: #000;
font-family: Montserrat;
font-size: 10.073px;
font-style: normal;
font-weight: 600;
line-height: normal;  }
.call3 svg { position: relative;    top: 3px;    margin-right: 4px;}
.add svg{position: relative;    top: 2px;    margin-right: 4px;}

.hdr-name { display: flex;justify-content: center;    align-items: center;    width: 100%;gap: 15px; background: url(/images/Ellipse1.png) top center no-repeat;margin-top: 4px;
    padding-bottom: 0px;}
.add{   font-weight: 600;}
.s-logo { display: none;}
.girl .container{border-radius: 21px;
background: linear-gradient(263deg, #800000 3.05%, #174579 93.41%), #E4526B; height: 103px;border-bottom: 5px solid #fff; max-width: 1040px;
    padding: 0px 30px;}
.talent { display: flex;gap: 30px;} 
.girl-left { color: #fff; display: flex; flex-direction: column;}
.girl-left h2{color: #FFF;
font-family: "Samsung Sharp Sans"; margin: 0; margin-top: 10px;
font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: normal;}
.girl-left h3 { color: #FFF;
font-family: "Samsung Sharp Sans";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;}
.girl-left a{display: flex;
width: 93.188px;
height: 26.25px;
padding: 6.563px;
justify-content: center;
align-items: center;
gap: 6.563px;
border-radius: 26.906px;
background: #FFF;
box-sizing: border-box;
flex-direction: row;color: #000;
font-family: "Samsung Sharp Sans", serif;
font-size: 10.5px;
font-style: normal;
font-weight: 700;
line-height: normal;}
.girl-left a:hover { background: #800000; color: #fff;}
.girl-right { color: #fff; display: flex;flex-direction: column;     margin-top: 8px;}
.girl-right h1{color: #FFF;
font-family: Inter;
font-size: 52.5px;
font-style: normal;
font-weight: 800;
line-height: 50.75px; /* 96.667% */}
.girl-right p{color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 18px; /* 90% */}
.girl-img {    margin-top: -119px;}
.girl-img img { max-width: none;}
 

    @font-face {
    font-family: 'Samsung Sharp Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Samsung Sharp Sans Regular'), url('/css/fonts/samsungsharpsans.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Samsung Sharp Sans Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Samsung Sharp Sans Medium'), url('/css/fonts/samsungsharpsans-medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Samsung Sharp Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Samsung Sharp Sans Bold'), url('/css/fonts/samsungsharpsans-bold.woff') format('woff');
    }
.icon-bg{
  padding: 50px 0 50px 0;
}
ul.icon-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #000;
  width:100%;
  margin: auto !important;
}
ul.icon-ul li {
  padding: 0 15px;
  margin-bottom: 50px;
  position: relative;
}
ul.icon-ul li:before {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  background: #000;
  border-radius: 50%;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -56px;
}
ul.icon-ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  width: 146px;
  height: 112px;
  transition: all 0.2s; 
}
ul.icon-ul li a.active{
  border: 1px solid #46a85b;
  border-radius: 18px;
  position: relative;
  transition: all 0.5s;
}
ul.icon-ul li a.active:before{
  content: '';
  width: 45px;
  height: 45px;
  position: absolute;
 
 
  margin: auto;
  left: 0;
  right: 0;
  bottom: -73px;
  background-image: url('../images/Group77.png');
  background-repeat: no-repeat;
  display: flex;
 
}
ul.icon-ul li a:hover ::before {
  content: '';
  width: 45px;
  height: 45px;
  position: absolute;

 
  margin: auto;
  left: 0;
  right: 0;
  bottom: -73px;
  background-image: url('../images/Group77.png');
  
  background-repeat: no-repeat;
  display: flex;
 
}
ul.icon-ul li a:hover {
   
  
  position: relative; background: url(/images/Rectangle18.png) no-repeat;background-size: cover;
}
ul.icon-ul li a span {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.icon-ul li a p {
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-weight: 400;
  padding: 6px 0 0 0;
  margin: 0px;
}
    #videoPlayer,#video { width: 100%; height: 100%; float: left;} 
    .glry-h {background: linear-gradient(263deg, #800000 3.05%, #174579 93.41%); padding: 20px 0;}
    .m-svg {display: inline-block;
    position: relative;
    top: 12px;
    border-right: 1px solid #fff;
    line-height: 0;
    padding-right: 15px;
    margin-right: 14px;}
.slick-arrow:before { display: none;}
.news-box { 
    padding: 98px 30px 28px 30px;
border-radius: 16px;
background: #FFEAA6;
box-sizing: border-box; margin-top: 44px;}
.row2 .slick-prev { background: url(/images/arrow-l.svg) no-repeat;margin-top: 11px;}
.row2 .slick-next { background: url(/images/arrow-r.svg) no-repeat;margin-top: 11px;}
.nWrap { background: #1c2f4f; display: flex;    flex-direction: row; padding: 8px;gap: 10px;border-radius: 20px;position: relative;}
.nWrap .date {display: flex;    flex-direction: column;    text-align: center;justify-content: center;align-items: center;}
.nWrap .date .day{color: #1C2F4E;text-align: center;font-family: Montserrat, serif;font-size: 32px;font-style: normal;font-weight: 500;line-height: 26px; background: #feda60; border-radius: 16px 16px 0px 0px;padding: 3px 19px; width: 100%;}
.nWrap .date .year1 {display: flex;padding: 10px 11px;justify-content: center;align-items: center;gap: 10px;align-self: stretch;border-radius: 0 0 16px 16px;background: #866700;box-sizing: border-box;flex-direction: row;color: #FFDA60;
text-align: center;font-family: Montserrat, serif;font-size: 12px;font-style: normal;font-weight: 500;line-height: 13px;}
.col-md-62x { padding: 22px 8px 0px 8px;}
.latestTag{left: 94px;    top: -20px;}

 
.n-right,.n-right a{color: #FFDA60;font-family: "Marcellus SC", serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;}
a.view-all{display: inline-flex;padding: 12px 24px;justify-content: center;align-items: center;gap: 8px;border-radius: 8px;background: linear-gradient(0deg, #052354 0%, #052354 100%), #FFF;box-sizing: border-box;flex-direction: row;color: #FFDA60;
font-family: Montserrat, serif;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20px;}
a.view-all span { position: relative; top: 2px;}
.mt-30  { margin-top: 30px;}
a.view-all:hover { color: #fff;    background: #ffc000;}
a.view-all:hover svg path{ stroke: #fff; }
a.view-all1 { background: #feda60; color: #1C2F4E;} 
a.view-all1 span { position: relative; top: 0px;}
.about-us { background: url(/images/Frame41.png) top center no-repeat; background-size: cover; height: 1205px; padding-top:20px ;}
/* .about-us:after { content: ""; background: url(/images/school-building.png) top center no-repeat; background-size: cover; width: 100%; height: 829px; float: left; } */
/* .about-us { background: url(/images/school-building.png) top center no-repeat; background-size: cover;} */
.about-us1 {font-family: Roboto, serif;font-size: 14px;margin-top: 643px;}
.about-us1 p{ color: #fff;}
.about-us1 p.about-text{align-self: stretch;color: #FFDA60;font-family: Roboto, serif;font-size: 14px;font-style: italic;font-weight: 500;line-height: 25px;}
.message p{align-self: stretch;color: #1A1818;font-family: Roboto, serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;}
.gallery { background: url(/images/Frame60.png) repeat-x;  padding-bottom: 70px; background-size: contain;}
.color1 { color: #FFC000;}
#homephotog_LBPhoto { display: flex; flex-direction: row;  float: left;    width: 100%;position: relative; gap: 50px;}
#glry { width: 100%; max-width: 750px; float: left; position: relative;}
.switcher,.tab-nav {display: flex; flex-direction: row;gap: 20px;}
.container { max-width: 1232px;}
.glry-right { width: 100%; max-width: 450px; text-align: left;}
.tab-nav li a { display: block;width: 214px;height: 170px;border-radius: 8px; overflow: hidden;display: flex; }
.tab-nav li a img { width: 100%; height: 100%;    object-fit: fill;}
#glry .flex-direction-nav a:before  { display: none;}
#glry .flex-direction-nav .flex-prev {background: url(/images/arrow-left.png) no-repeat; height: 24px; width: 24px;}
#glry .flex-direction-nav .flex-next {background: url(/images/arrow-right.png) no-repeat;height: 24px; width: 24px;}
#glry .flex-direction-nav {    position: absolute;    bottom: 30px;    right: 0;    width: 60px;}
.b_gyr { text-align: right; margin-top: 15px;}
#glry .slides img { width: 100%;}
.head_pho_in {color: #FFDA60;font-family: Roboto, serif;font-size: 24px;font-style: normal;font-weight: 500;line-height: 30px;    margin: 20px 0 10px 0;}
.date_pho{align-self: stretch;color: #CFCFCF;font-family: Roboto, serif;font-size: 12px;font-style: normal;font-weight: 400;line-height: 14px;    margin: 0px 0 10px 0;}
.content_in{display: flex;flex-direction: column;justify-content: center;align-self: stretch;color: #FFF;font-family: Roboto, serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 25px;    margin-bottom: 20px;}
.read-m { text-align: right;}
.read-m a {color: #FFDA60;font-family: Montserrat, serif;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20px;}
.switcher {    margin-top: 174px;}
#AchievementHome_lblAchievement { position: relative; padding: 0 35px;}
#homeslider { position: relative;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.tpr-sld .slick-slide img { display: inline-block;min-height: 187px;}
.tpr-sld .slick-prev { background: url(/images/arrow-l.svg) no-repeat; }
.tpr-sld .slick-next { background: url(/images/arrow-r.svg) no-repeat; }
#TopperX_lblTopperX,#TopperXII_lblTopperXII { display: block; padding: 0px 50px;}
.class{color: #1C2F4E;text-align: center;font-family: Montserrat, serif;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20px;    margin-bottom: 15px;}
.infrs_up_img { height: 201px; overflow: hidden; display: block;border-radius: 16px; display: flex;}
.infrs_up_img img { height: 100%; width: 100%;object-fit:contain;}
.tname,.slideTxt p {color: #1C2F4E;text-align: center;font-family: Montserrat, serif;font-size: 16px;font-style: normal;font-weight: 600;line-height: 20px; margin: 0;    margin-top: 10px;}
.tclass, .slideTxt p.dd{color: #866700;text-align: center;font-family: Montserrat, serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: 20px;}
.our-faci p b {align-self: stretch;color: #000;text-align: center;font-family: Montserrat, serif;font-size: 18px;font-style: normal;font-weight: 700;line-height: 30px;letter-spacing: 0.9px;text-transform: capitalize;}
.our-faci p {color: #000;font-family: Montserrat, serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;letter-spacing: 0.9px;}
.Facilities-sld { padding: 0px 40px;}
.Facilities-sld ul li{ padding: 0px 12px; position: relative;}
.Facilities-sld ul li img{ border-radius: 16px;}
.Facilities-sld ul li p {color: #FFDA60;text-align: center;font-family: Montserrat, serif;font-size: 18px;font-style: normal;font-weight: 700;line-height: 30px;letter-spacing: 0.9px;text-transform: capitalize;opacity: .8;position: relative;  top: -41px;}
 .btn-wrap .prev-btn,.btn-wrap .next-btn{ display: inline-block; cursor: pointer; margin: 0px 10px;}
 .big-icon { background: url(/images/Section.jpg) top center no-repeat; background-size: cover; height: 668px;      margin: 60px 0 10px 0;}
 .big-icon h3{ margin-top: 90px; color: #FFF;font-family: Montserrat, serif;font-size: 32px;font-style: normal;font-weight: 700;line-height: 40px;letter-spacing: 0.9px;text-transform: capitalize;}
.big-icon p {align-self: stretch;color: #FFF;text-align: justify;font-family: Montserrat, serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: 0.9px;text-transform: capitalize; width: 75%;}
.links { display: flex; flex-direction: row; margin-top: 70px;}
.links li { text-align: center;border-left: 1px solid #fff;}
.links li:first-child { border: 0;}
.links li a{ text-align: center;align-self: stretch;
color: #FFF;
text-align: center;
font-family: Montserrat, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.9px;
text-transform: capitalize; display: block; min-width: 136px;}
.links li a span { display: block; text-align: center;}
.links li a p{ text-align: center; width: 100%;    margin-top: 10px;}
.girl{   position: relative;
    z-index: 8;    margin-top: -121px;}
.links li a:hover,.links li a:hover p { color: #FFC000;}
 
.links li.vt a:hover svg path{fill:#FFC000  }
.links li:last-child a svg path {  }
.links li:last-child a:hover svg path {    stroke: #ffc000 !important;}
.bdy-bg {background: url(/images/bdy-bg.jpg) top center no-repeat; background-size: cover; height: 501px; }
.thought-bg {background: url(/images/thought-bg.jpg) top center no-repeat; background-size: cover;height: 501px; }
.bdy-bg1 { width: 100%; max-width: 200px; margin: 0px auto;margin-top: 130px;}
.std_name { color: #fff; margin-top: 10px;color: #FFF;text-align: center;font-family: Aleo, serif;font-size: 12.571px;font-style: normal;font-weight: 600;line-height: 15.714px;text-transform: uppercase;}
.std_no { color: #fff;color: #FFF;text-align: center;font-family: Aleo, serif;font-size: 10px;font-style: normal;font-weight: 400;line-height: 15.714px;text-transform: uppercase;}
.footer { border-top: 5px solid #ffd960; background: #1c2f4f; padding: 70px 0; margin-top: 170px;}
.footer-left { float: left;   }
.footer-link { margin-top: 32px;   display: flex;flex-direction: column;gap: 20px;}
.footer-link li a { display: flex;color: #FFF;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.41);font-family: Roboto, serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;}
.footer-link li a span { margin-right: 10px;}
.footer-link li:last-child a {    white-space: nowrap;}
.footer-center   {    display: inline-block;margin-top: 0px; width: 600px;}
.footer-right { display: flex; gap: 30px;}
.f-heading{color: #FFF;font-family: Roboto, serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 22.5px; margin-bottom: 18px;}
.footer-box { display: flex; flex-direction: row;}
.folinkg { display: flex; gap: 6px;    flex-direction: column; }
.folinkg li a{display: flex;padding: 8px 16px;justify-content: center;align-items: center;gap: 10px;align-self: stretch;border-radius: 16px;border: 1px solid #FFDA60;box-sizing: border-box; color: #FFDA60;flex-direction: row; white-space: nowrap;}
.folinkg li a:hover {     border: 1px solid #fff;    box-sizing: border-box;    color: #fff;}
.f-right img,.footer-center img { max-width: none;}
.foo-last { background: #feda60; padding: 10px;display: flex;
 text-align: center;
flex-direction: row;gap: 5px;
justify-content: center;
flex-shrink: 0;
color: #070B99;
text-align: center;
font-family: Roboto, serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 25px;}
.foo-last a {color: #070B99;}
.foo-last a:hover {color: maroon;}
#headtitle{color: #052354;
    text-align: left;
    font-family: Righteous, serif;
    position: relative;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;    margin-top: 100px;
    background: #ffc000;
    padding: 6px 15px;
    margin-bottom: 25px;}
    .innerImg {
  float: right;
  margin-left: 20px;
}

.innerImg img {
  border: 1px solid #b5bacc;
}
.innerImg2 {
  float: left;
  margin-right: 20px;
}.innerImg2 img {
  border: 1px solid #b5bacc;
}
.innerH3
{color: #146733;
    font-weight: bold;
}
.innerImg2 img {
  border: 1px solid #b5bacc;
}

.accordionHeader_Y {
  width: 100%;
  text-align: left;
  background: #020181 url(/images/ajax-arrow1.png) no-repeat 1% center;
  color: #ffffff;
  border: 1px solid #020181 ;
  margin: 8px 0px 0px 0px;
  font-size: 18px;
  padding: 10px 15px 10px 40px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
}

.accordionHeaderSelected {
  width: 100%;
  text-align: left;
  background: #ffc000 url(/images/ajax-arrow.png) no-repeat 1% center;
  color: #ffffff;
  border: 1px solid #ffc000;
  margin: 8px 0px 0px 0px;
  font-size: 18px;
  padding: 10px 15px 10px 40px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
}

.accordionContent_Y {
  background-color: #fff;
  padding: 25px;
  padding-top: 22px;
  border: 1px solid #d6b75c;
}
ul.innerUl li {
  padding-left: 25px;
  background: url(/images/ulbg.png) 0px 4px no-repeat;
  margin-bottom: 12px;
}

.innerTbl {
  width: 100%;
}

.innerTbl tr td {
  padding: 5px;
}

.tpr tr td {
  text-align: center;
  vertical-align: top;
  padding: 0 5px 20px 5px;
}

.innerTbl1 {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
}

.innerTbl1 tr td,
.innerTbl1 tr th {
  border: 1px solid #b5bacc;
  padding: 4px 5px;
}

.innerTbl1 tr:first-child {
  background: #d1d5e3;
}

table.innerTbl tr td img {
  border: 5px solid #3ac67e;
  width: 136px;
  height: 159px;
}
