@import "https://fonts.googleapis.com/css2?family=Figtree:wght@300&display=swap";
@import "https://fonts.googleapis.com/css2?family=Merriweather&display=swap";
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
* { padding: 0; margin: 0; }
body { overflow-x: hidden !important; font-family: "Poppins", sans-serif; }
p { font-size: 16px; line-height: 30px; margin: 0; text-align: justify; font-family: "Figtree", sans-serif; }
h1 { position: relative; padding: 0; margin: 0 0 20px; color: #000; transition: all 0.4s ease 0s; font-weight: 400; font-size: 29px; letter-spacing: 1px; font-family: "Merriweather", serif; line-height: 40px; }
h2 { font-family: "Merriweather", serif; }
h3 { font-size: 20px; }
h6 a { color: #890505; font-family: "Figtree"; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; }
ul li { font-size: 14px; line-height: 25px; list-style-type: none; }
input, textarea { outline: none; }
.clr { clear: both; }
.top-sec a:hover { color: #f7b94e; }
a, img, i, article, h5, ul, h3, li, input { transition: all 0.5s; }
a:hover, img:hover, i:hover, article:hover, h5:hover, ul:hover, h3:hover, li:hover, input:hover { transition: all 0.5s; }
/******Modal*******/
#galleryModal h5{color: white;font-size: 17px;padding: 12px;}
.modal-dialog { min-width: 750px; }
.modal-dialog .modal-header {background: #cb1107;padding: 0px 7px;}
.modal-dialog img { width: 100%; height: 432px; object-fit: contain; background: #f1f1f1; object-position: center; }
.modal-dialog h1 {margin-bottom: 0;letter-spacing: 0;text-align: center;font-size: 16px;color: #fff;overflow: hidden;text-overflow: ellipsis;font-weight: bold;padding: 0;}
.modal-dialog .carousel-control-next, .modal-dialog .carousel-control-prev { top: 77px; }
.modal-dialog .modal-header .btn-close { color: #fff; padding-right: 31px; }
.modalcard .card-body p {margin-bottom: 15px;line-height: 24px;padding-top: 15px;text-align: center;}
.modalcard { border: none; }
.modal-body { padding: 0 1rem; background: #fff; }
.card-body a { margin-right: 5px; }
.modal { background: #000000ba; z-index: 99999; }
.modal-content { animation-name: zoom; animation-duration: .6s; }
@keyframes zoom { from { transform: scale(.1); } to { transform: scale(1); } }
/******Erp*******/
.erp_links { left: 0px; position: fixed; bottom: 110px; z-index: 99; }
.erp_links img { width: 80px; }
span.bounce1 img { width: 22px; }
a.parantlogo { padding: 12px 10px; }
.OnlineR a { color: #fff; }
.OnlineR { position: fixed; right: 0; z-index: 99; text-align: center; color: #fff; top: 690px; font-family: Open Sans, sans-serif; }
@keyframes bounce1 { 
  0% { background-color: #dd2320; } 
  33% { background-color: #000000; } 
  66% { background-color: #dd2320; } 
  100% { background-color: #000000; } 
}
.bounce1 { border-radius: 25px 0px 0px 25px; color: #fff; font-size: 14px; font-weight: 700; z-index: 99; text-align: center; animation: bounce1 1s infinite; -moz-animation: bounce1 1s infinite; -webkit-animation: bounce1 1s infinite; padding: 12px; -webkit-animation: colorchange 20s infinite alternate; }
.clr { clear: both; }
/******Admission Enquiry*******/
.regbtn a {color: #fff;}
.regbtn a:hover {color: #fff;}
a.parantlogo {padding: 12px 10px;}
.regbtn {position: fixed; right: 0;z-index:99;text-align: center;color: #fff;top:300px;}
@keyframes bounce1 {
0% {background-color: #d9281f;}
33% {background-color: #951f00;}
66% {background-color: #d9281f;}
100% {background-color: #951f00;}
}
.bounce1 {border-radius: 25px 0px 0px 25px;color: #fff;font-size: 14px;font-weight: 700;-webkit-animation: colorchange 20s infinite alternate;z-index: 99;text-align: center;animation: bounce1 1s infinite;-moz-animation: bounce1 1s infinite;-webkit-animation: bounce1 1s infinite;padding: 12px;}
/******OnlineR *******/
.OnlineR a {color: #fff;}
a.parantlogo {padding: 12px 10px;}
.OnlineR {position: fixed; right: 0;z-index:99;text-align: center;color: #fff;top: 350px;font-family: Open Sans, sans-serif;}
/******Modal*******/
/******mobilemenu*******/
.mobilemenu ul { list-style-type: none; padding: 0; margin: 0; }
.mobilemenu li { padding: 10px; }
.mobilemenu a { text-decoration: none; color: #ffffff; display: block; }
.mobilemenu { display: none; }
/* Media Gallery */
.mediagallerycontainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.mediagallerydetails {
    width:22%;
    margin: 10px;
}

.mediagallerydetails img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    background: #ededed;
}

.mediagallerydesc {
    text-align: center;
    padding-bottom: 10px;
    background: #ededed;
}

.mediagallerydesc h3 {
    margin-bottom: 10px;
    font-size: 15px;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    text-overflow: ellipsis;
    /* margin-right: 6px; */
    height: 45px;
    text-align: center;
}

.mediagallerydesc span {
    font-size: 13px;
    color: #cb1107;
}
/* Media Gallery */
/******why Choose *******/
.why-modern {
  padding: 80px 0;
  background: linear-gradient(135deg, #f3f4f7, #ffffff);
  font-family: 'Poppins', sans-serif;
}

/* Grid layout */
.modern-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}



/* Section heading */
.modern-content h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #111;
}

.modern-content h2 span {
  color: #dc2320;
}

/* Subtitle paragraph */
.modern-content .subtitle {
  font-size: 17px;
  color: #555;
  margin-bottom: 30px;
  line-height: 1.7;
}

/* Feature list */
.modern-features {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

/* Icon styling */
.feature-item .icon {
  font-size: 24px;
  color: #dc2320;
  margin-top: 4px;
  flex-shrink: 0;
}

/* Feature content */
.feature-item .info h4 {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 6px;
  color: #222;
}

.feature-item .info p {
  font-size: 15px;
  color: #555;
  margin: 0;
  line-height: 1.5;
}
/******top-sec*******/
.top-sec { margin: 0px; background: #cb1107; }
.top-sec .container { display: flex; align-items: center; justify-content: space-between; }
.top-sec .left-links { margin: 0px; display: flex; align-items: center; }
.top-sec .left-links p { width: max-content; margin: 0px; color: #fff; background: #115586; padding: 0px 9px; line-height: 27px; text-align: center; }
.top-sec .left-links ul { display: flex; }
.top-sec .left-links ul li { margin-right: 10px; }
.top-sec a { color: #fff; }
.top-sec .right-links ul { display: flex; padding-left: 0; }
.top-sec .right-links ul li { margin-right: 10px; border-right: solid 1px #fff; padding-right: 10px; }
.top-sec .right-links ul li:last-child { border: none; }
.top-sec .right-links ul li:last-child {margin-right: 0px; }
/******header*******/
.header-sec { margin: 0px; position: relative; z-index: 999; background: #cb1107; }
.header-sec img { width: 400px; background: #fff; margin-bottom: 20px; }
.header-sec .container { justify-content: space-between; }
.navbar-nav>li>.dropdown-menu { border-top-left-radius: 4px; border-top-right-radius: 4px; width: 930px; left: inherit; right: 0px; top: 100%; border: 0; background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/patterns.jpg) no-repeat #fff; background-position: right bottom; }
.navbar-default .navbar-nav>li>a { width: 200px; font-weight: bold; }
.navbar-brand img { width: 380px; }
.navbar-collapse { flex-basis: inherit !important; flex-grow: inherit !important; }
.list-group a { font-size: 13px; position: relative; }
.list-group a:before { content: "\00BB"; position: absolute; left: -2px; }
.list-group a:hover { color: red; }
.shadow { box-shadow: inherit !important; justify-content: center; position: relative; }
.mega-dropdown { position: static !important; width: 100%; }
.mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; }
.mega-dropdown-menu:before { content: ""; border-bottom: 15px solid #fff; border-right: 17px solid transparent; border-left: 17px solid transparent; position: absolute; top: -15px; left: 285px; z-index: 10; }
.mega-dropdown-menu:after { content: ""; border-bottom: 17px solid #ccc; border-right: 19px solid transparent; border-left: 19px solid transparent; position: absolute; top: -17px; left: 283px; z-index: 8; }
.mega-dropdown-menu>li>ul { padding: 0; margin: 0; }
.mega-dropdown-menu>li>ul>li { list-style: none; }
.mega-dropdown-menu>li>ul>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #999; white-space: normal; }
.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus { text-decoration: none; color: #444; background-color: #f5f5f5; }
.mega-dropdown-menu .dropdown-header { color: #428bca; font-size: 18px; font-weight: bold; }
.mega-dropdown-menu form { margin: 3px 20px; }
.mega-dropdown-menu .form-group { margin-bottom: 3px; }
.btn-primary { color: #000; background-color: #ffeb5e; border-color: #ffee47; }
.btn-primary:hover { background-color: #620004; border-color: #ffee47; color: #fff; }
.navbar-dark .navbar-nav .nav-link { color: #fff; font-size: 14px; margin-left: 5px; border-radius: 10px; position: relative; }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover { color: #f5d832; }
a:hover { color: #000; }
.list-group-item { border: none; }
.navbar-nav img { height: 280px; object-fit: cover; border: solid 7px #ffe3e6; width: auto; position: inherit; border-radius: 0px; padding: 0px; margin: 0px; }
.texts, .menu_texts { display: flex; align-items: center; flex-direction: column; justify-content: center; }
.navbar-nav p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.dropdown-menu[data-bs-popper] { top: 100%; right: 0; margin-top: 0.125rem; width: 60%; left: inherit; }
/******Notification Panel*******/
#notificationPanel { padding-top: 3rem; padding-bottom: 3rem; }
#notificationPanel .card { text-align: center; border-radius: 10px; height: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease; color: white; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); }
#notificationPanel .card:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); cursor: pointer; }
#notificationPanel .card * { color: #fff; text-decoration: none; }
#notificationPanel .card .card-body { padding: 10px 5px; }
.cardImg { height: 50px; width: 50px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 5px auto; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.cardImg img { max-width: 26px; transition: transform 1s ease; }
.card:hover .cardImg img { transform: rotate(360deg); }
.card-title a { font-size: 14px; font-weight: 600; margin-top: 0.5rem; line-height: 1.1; }
#notificationPanel .col:first-child .card { background: #051f42; }
#notificationPanel .col:nth-child(2) .card { background: #F1C14F; }
#notificationPanel .col:nth-child(3) .card { background: #B5D46D; }
#notificationPanel .col:nth-child(4) .card { background: #E96F65; }
#notificationPanel .col:last-child .card { background: #D1282E; }
/* Notification Panel */
/* #additionalCardsSection { padding-bottom: 3rem; }
#additionalCardsSection .additional-card { background: #fff; border-radius: 16px; height: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.08); transition: box-shadow 0.35s ease, transform 0.35s ease; text-align: center; padding: 20px; border: 1px solid transparent; }
#additionalCardsSection .additional-card:hover { box-shadow: 0 18px 40px rgba(0,0,0,0.15); transform: translateY(-8px); border-color: #dc2320; cursor: pointer; }
#additionalCardsSection .cardImg { height: 120px; width: 120px; margin: 0 auto 2rem auto; border-radius: 50%; overflow: hidden; border: 3px solid #d3d3d3; box-shadow: 0 6px 18px rgba(74,144,226,0.35); transition: box-shadow 0.35s ease, border-color 0.35s ease; background: #ddd; display: flex; align-items: center; justify-content: center; }
#additionalCardsSection .additional-card:hover .cardImg { box-shadow: 0 10px 28px #dc232063; border-color: #dc2320; }
#additionalCardsSection .cardImg img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease; border-radius: 50%; display: block; max-width: 100%; padding:2px; box-sizing: border-box; }
#additionalCardsSection .additional-card:hover .cardImg img { transform: scale(1.1) rotate(5deg); }
#additionalCardsSection .card-title a { font-size:17px; font-weight: 700; color: #272727; text-decoration: 
none; transition: color 0.3s ease; display: inline-block; }
#additionalCardsSection .additional-card:hover .card-title a { color: #dc2320; }
*/

#additionalCardsSection { 
  padding-bottom: 3rem; 
}

#additionalCardsSection .additional-card { 
  background: #fff; 
  border-radius: 16px; 
  height: 100%; 
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); 
  transition: box-shadow 0.35s ease, transform 0.35s ease; 
  text-align: center; 
  padding: 20px; 
  border: 1px solid transparent; 
  position: relative;
  overflow: hidden; 
  z-index: 1; /* Ensure the content is above the pseudo-element */
}

/* Pseudo-element for background image */
#additionalCardsSection .additional-card::before { 
  content: ""; 
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  background: url('../public/Images/bg-img.jpg') center/cover no-repeat; 
  opacity: 0.1;  /* Adjust the opacity of the background image */
  z-index: -1;  /* Ensure the background image is behind the content */
  transition: opacity 0.35s ease;
}

/* Hover effects for card */
#additionalCardsSection .additional-card:hover { 
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15); 
  transform: translateY(-8px); 
  border-color: #dc2320; 
  cursor: pointer; 
}

/* Card Image Styling */
#additionalCardsSection .cardImg { 
  height: 120px; 
  width: 120px; 
  margin: 0 auto 2rem auto; 
  border-radius: 50%; 
  overflow: hidden; 
  border: 3px solid #d3d3d3; 
  box-shadow: 0 6px 18px rgba(74, 144, 226, 0.35); 
  transition: box-shadow 0.35s ease, border-color 0.35s ease; 
  background: #ddd; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  position: relative;  /* Make sure card image is on top of the background */
  z-index: 1;  /* Make sure it's above the background */
}

/* Hover effect for card image */
#additionalCardsSection .additional-card:hover .cardImg { 
  box-shadow: 0 10px 28px #dc232063; 
  border-color: #dc2320; 
}

/* Card Image Inside */
#additionalCardsSection .cardImg img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
  object-position: center; 
  transition: transform 0.6s ease; 
  border-radius: 50%; 
  display: block; 
  max-width: 100%; 
  padding: 2px; 
  box-sizing: border-box; 
}

/* Hover effect for image on hover */
#additionalCardsSection .additional-card:hover .cardImg img { 
  transform: scale(1.1) rotate(5deg); 
}

/* Card Title Styling */
#additionalCardsSection .card-title  { 
  font-size:17px; 
  font-weight: 700; 
  color: #272727; 
  text-decoration: none; 
  transition: color 0.3s ease; 
  display: inline-block; 
}

/* Hover effect for title on hover */
#additionalCardsSection .additional-card:hover .card-title a { 
  color: #dc2320; 
}

/* Card Body */
.mission-card .card-body {
  position: relative;  /* Ensure content is above the background */
  z-index: 2;  /* Ensure it's above the background */
  color: #333; /* Optional: Adjust text color */
}

.threesec { background-color: #f7f9fc; padding-top: 3rem; padding-bottom: 3rem; }
.about-school { background-color: #ffffff; border-radius: 1rem; padding: 25px 20px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); height: 100%; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.about-school:hover { transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0,0,0,0.1); }
.about-school h1 { font-size: 25px; font-weight: 700; margin-bottom: 20px; color: #000; text-align: center; }
.about-school p { font-size: 0.95rem; text-align: justify; margin-top: 1rem; -webkit-margin-before: 0em; -webkit-margin-after: 0em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: black; }
.readmore-btn { margin: 0 auto; }
.readmore-btn a { display: inline-block; margin-top: 1.5rem; padding: 0.5rem 1rem; background-color: #115586; color: #fff; border-radius: 0.5rem; text-decoration: none; font-weight: 500; transition: background-color 0.3s ease; font-size: 14px; }
.readmore-btn a:hover { background-color: #003080; }
.about-school img { max-width: 100%; border-radius: 0.75rem; margin-bottom: 1rem; max-height: 270px; object-fit: cover; }
.about-school h2 a { display: inline-block; margin-top: 1rem; font-size: 1rem; font-weight: 600; color: #115586; text-decoration: none; border: 2px solid #115586; padding: 0.4rem 0.8rem; border-radius: 0.5rem; transition: all 0.3s ease; }
.about-school h2 a:hover { background-color: #115586; color: #fff; }
.about-school h3 { font-size: 16px; font-weight: 700; margin-bottom: 12px; color: #000; text-align: center; }
.noticeBoard { background: #fff; height: 400px; }
/* noticeBoard */
.noticeBoard .notiseBoardTitle { max-width: 100%; margin: 0 auto 1.2rem; background: #115586; clip-path: polygon(0 0, 100% 0, 94% 100%, 6% 100%); padding: 7px 0; }
.noticeBoard .notiseBoardTitle h3 { font-size: 20px; text-transform: uppercase; color: #fff; font-weight: 700; text-align: center; margin: 0; }
.noticeBoard marquee { height: 280px; padding: 0 1.5rem; font-size: 1.2rem; overflow: hidden; }
.noticeBoard ul { list-style: none; margin: 0; padding: 0; }
.noticeBoard li p {font-size: 15px;font-weight: bold;text-align:left;}
.noticeList li p { position: relative; padding-left: 20px; }
.noticeList li p::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background-color: black; border-radius: 50%; display: inline-block; }
.noticeBoard li:nth-child(1) p { color: #0f6ecd; }
.noticeBoard li:nth-child(2) p { color: #000; }
.noticeBoard li:nth-child(3) p { color: rgb(192, 80, 77); }
.dateAndDownload { display: flex !important; align-items: center !important; gap: 0.5rem; position: relative; background: rgba(12, 88, 162, 0.5); max-width: 65%; padding: 5px; }
.dateAndDownload h3 { font-size: 14px; color: #333 !important; margin: 0; padding: 0px 2px; display: inline-block; }
.newTag { position: absolute; right: -24px; max-width: 40px; transform: rotate(-10deg); border-radius: 2rem; }
.dateAndDownload a { color: #115586; font-weight: 600; font-size: 12px; }
.dateAndDownload a:hover { text-decoration: underline; }
.viewAllBtn .btn { color: #fff; font-size: 14px; text-transform: uppercase; background: #115586; padding: 7px; font-weight: bold; width: 50%; transition: all 0.3s ease; }
.viewAllBtn .btn:hover { background: #054c8f; color: #fff; transform: scale(1.05); }
.viewAllBtn { margin-top: 18px; text-align: center; }
/* circulararea */
.circulararea { margin-top: 20px; display: flex; flex-direction: column; }
.circular-item { display: flex; align-items: center; justify-content: space-between; background: #fff; margin-bottom: 0px; padding: 0px; border-radius: 10px; transition: box-shadow 0.3s ease; overflow: hidden; }
.circular-date { text-align: center; font-size: 15px; font-weight: bold; color: #fff; background-color: #cb1107; padding: 10px; border-radius: 8px; }
.circular-date .day { font-size: 19px; font-weight: 600; line-height: 0px; }
.circular-date .year, .circular-date .month { font-size: 14px; font-weight: normal; }
.circular-info { flex-grow: 1; padding: 10px; }
.circular-title { font-size: 18px; font-weight: 600; color: #272727; text-align: left; -webkit-margin-before: 0em; -webkit-margin-after: 0em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-align: left !important; }
.circular-desc { font-size: 16px !important; margin-top: 8px !important; text-align: left; -webkit-margin-before: 0em !important; -webkit-margin-after: 0em !important; display: -webkit-box; -webkit-line-clamp: 2 !important; }
hr { border: 0; height: 2px; background: #919090; margin: 20px 0; }
.center { text-align: center; margin-top: 20px; }
marquee { display: block; margin-top: 10px; }
.circular-info p a{ color: #0c0c0c;}
.circular-info p  i{ color: #ff0000;}
/******Testimonials*******/
.feedback-card {
  border: none;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  align-items: center;  /* Ensure the image and text are vertically centered */
  gap: 1.5rem;
  word-wrap: break-word;
  flex-direction: row; /* Ensure text is left and image is right */
}

.feedback-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.feedback-img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}

.feedback-card h5 { 
  color: #212529; 
  font-size: 17px; 
  font-weight: bold; 
}

.feedback-card h6 { 
  color: #6c757d !important; 
  font-size: 16px; 
}

.feedback-card p { 
  color: #495057; 
}

.testimonialarea {
    display: contents;
}
.testimonialarea a{ color:#cb1107 ! IMPORTANT;}
.testimonialarea a:hover{ color:#000000 ! IMPORTANT;}
/******header*******/
.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 .container_skitter {
  overflow: hidden;
  position: relative;
  height: 800px;
  width: auto !important;
  height: auto !important;
}

.skitter-large {
  width: auto !important;
  height: auto !important;
}

.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 0.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 0.2s;
}

.skitter .prev_button:hover,
.skitter .next_button:hover {
  opacity: 0.5;
}

.skitter .info_slide {
  position: absolute;
  bottom: 20px;
  z-index: 100;
  color: #fff;
  font: bold 11px arial;
  padding: 5px 0 5px 5px;
  border-radius: 5px;
  opacity: 0.75;
  right: 0px;
  width: max-content;
  margin: auto;
  left: auto !important;
}

.skitter .info_slide .image_number {
  background-color: #e9274e;
  float: left;
  margin: 0 5px 0 0;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  text-align: center;
  padding-top: 4px;
  border: solid 1px #fff;
}

.skitter .info_slide .image_number:hover {
  background-color: #fff;
  color: #000;
}

.skitter .info_slide .image_number.image_number_select {
  background-color: #fff;
  color: #000;
}

#image_n_1_0 {
  background-color: #00adef;
}

#image_n_2_0 {
  background-color: #ff7b00;
}

#image_n_3_0 {
  background-color: #3fb51b;
}

#image_n_4_0 {
  background-color: #9f0da9;
}

#image_n_5_0 {
  background-color: #1a119b;
}

#image_n_6_0 {
  background-color: #00adef;
}

#image_n_7_0 {
  background-color: #ff7b00;
}

#image_n_8_0 {
  background-color: #3fb51b;
}

#image_n_9_0 {
  background-color: #9f0da9;
}

#image_n_10_0 {
  background-color: #1a119b;
}

.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: 0.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;
}

.label_skitter p {
  color: #ffffff;
  padding: 0px;
  margin: 0;
  font-size: 55px;
  text-align: center;
  text-shadow: 1px 2px 0px black;
}

.label_skitter p span {
  font-size: 25px;
  line-height: 50px;
  color: #ffffff;
}

.label_skitter {
  z-index: 150;
  position: absolute;
  bottom: 35px;
  line-height: 35px;
  text-align: center;
  margin: auto;
  left: 0px;
  right: 0px;
}

.about-sec {
  margin-top: 50px;
}

.about-sec article {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border: solid 1px #d9d9d9;
  padding: 19px;
  border-radius: 10px;
  transition: all 0.5s ease-in;
}

.about-sec article:hover i {
  transform: rotate(360deg);
}

.about-sec .link_one:nth-child(1) article:hover {
  background: linear-gradient(180deg, #fff 60%, #06a69a9c 40%);
  /* transition: all .5s; */
}

.about-sec .link_one:nth-child(2) article:hover {
  background: linear-gradient(180deg, #fff 60%, #f7b94eab 40%);
  transition: all 0.5s;
}

.about-sec .link_one:nth-child(3) article:hover {
  background: linear-gradient(180deg, #fff 60%, #93c524b3 40%);
  transition: all 0.5s;
}

.about-sec .link_one:nth-child(4) article:hover {
  background: linear-gradient(180deg, #fff 60%, #28a8e3a8 40%);
  transition: all 0.5s;
}

.about-sec article h3 {
  margin: 20px 0px;
}

.about-sec article p {
  text-align: center;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.about-sec article i {
  width: 100px;
  height: 100px;
  font-size: 50px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-sec article i:hover {
  background: #000;
  cursor: pointer;
}

.about-sec article img {
  margin: 0px;
}

.about-sec .shadwo_news {
  height: 10px !important;
  width: 95% !important;
  margin: auto;
  display: block;
}

.about-sec .link_one:nth-child(1) article i {
  color: #06a69a;
  border: solid 1px #06a69a;
}

.about-sec .link_one:nth-child(1) article i:hover {
  background: #06a69a;
  color: #fff;
}

.about-sec .link_one:nth-child(1) article h3 {
  color: #06a69a;
}

.about-sec .link_one:nth-child(2) article i {
  color: #f7b94e;
  border: solid 1px #f7b94e;
}

.about-sec .link_one:nth-child(2) article i:hover {
  background: #f7b94e;
  color: #fff;
}

.about-sec .link_one:nth-child(2) article h3 {
  color: green;
}

.about-sec .link_one:nth-child(3) article i {
  color: #93c524;
  border: solid 1px #93c524;
}

.about-sec .link_one:nth-child(3) article i:hover {
  background: #93c524;
  color: #fff;
}

.about-sec .link_one:nth-child(3) article h3 {
  color: green;
}

.about-sec .link_one:nth-child(4) article i {
  color: #28a8e3;
  border: solid 1px #28a8e3;
}

.about-sec .link_one:nth-child(4) article i:hover {
  background: #28a8e3;
  color: #fff;
}

.about-sec .link_one:nth-child(4) article h3 {
  color: green;
}

.about-sec {
  margin-top: 50px;
}

.admission-sec {
  background: #efefef;
  margin-top: 80px;
}

.admission-sec h1 {
  line-height: 150px;
  color: #000;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.admission-sec h1 span {
  display: block;
}

.admission-sec .button {
  font-size: 15px;
  background: #000000;
  padding: 10px;
  border-radius: 20px;
  color: #fff;
  margin-left: 20px;
  display: block;
  width: max-content;
  line-height: 25px;
}

.admission-sec .button:hover {
  background: #e11d20;
}

.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;
}

.new_slid .MS-controls button {
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 0px;
  color: #fff;
  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;
  border-right: solid 1px #ffffff78;
  line-height: 0px;
  padding-right: 10px;
}

.new_slid .MS-controls .MS-right {
  right: 0px;
  padding-left: 8px;
}

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}

.MS-controls i {
  color: #ffffff;
  font-size: 29px;
  padding-top: 4px;
  border-radius: 100%;
}

.MS-controls i:hover {
  font-size: 32px;
}

.MS-controls i:hover {
  font-size: 35px;
}

.news-sec {
  margin-top: 60px;
  position: relative;
  margin-bottom: 50px;
}

.news-sec article {
  margin: 0px;
  padding: 40px;
}

.news-sec article img {
  border-radius: 30px;
  margin-bottom: 30px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.news-sec article h3 {
  margin-bottom: 10px;
  font-weight: bold;
  margin-top: -80px;
  background: #fff;
  position: relative;
  text-align: center;
  line-height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-sec article p {
  text-align: left;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 40px;
}

.news-sec article h4,
.inner a {
  font-size: 13px;
  margin-top: 10px;
  text-decoration: underline;
}

.news-sec article h4 {
  color: #000;
  display: flex;
  justify-content: space-between;
}

.news-sec article h4 span {
  float: right;
  text-decoration: underline;
}

.inner {
  background: #f1f1f1;
  padding: 0px 20px 20px 20px;
  position: relative;
  border-radius: 5px;
  margin: 20px 10px 40px 10px;
}

.date {
  position: relative;
  top: -25px;
  width: max-content;
  padding: 8px 10px;
  left: 0px;
  color: #fff;
  border-radius: 0px 0px 4px 4px;
}

.date:after {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 2px;
  right: -8px;
  content: " ";
  transform: rotate(337deg);
  z-index: -1;
}

.date:before {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 3px;
  left: -8px;
  content: " ";
  transform: rotate(385deg);
  z-index: -1;
}

.inner:nth-child(3n + 1) .date {
  background: #22a699;
}

.inner:nth-child(3n + 1) .date:before {
  border-top: 32px solid #11746b;
}

.inner:nth-child(3n + 1) .date:after {
  border-top: 32px solid #11746b;
}

.inner:nth-child(3n + 2) .date {
  background: #f2be22;
}

.inner:nth-child(3n + 2) .date:before {
  border-top: 32px solid #a7810e;
}

.inner:nth-child(3n + 2) .date:after {
  border-top: 32px solid #a7810e;
}

.inner:nth-child(3n + 3) .date {
  background: #df2420;
}

.inner:nth-child(3n + 3) .date:before {
  border-top: 32px solid #a3100d;
}

.inner:nth-child(3n + 3) .date:after {
  border-top: 32px solid #a3100d;
}

.inner h4 {
  font-weight: bold;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: -15px;
  font-size: 20px;
}

.inner a {
  font-size: 10px;
  margin-top: 0;
}

.inner p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-sec marquee {
  height: 355px;
  margin: 50px 10px;
}

.news-sec h1 {
  font-size: 29px;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}

.topper-sec {
  background: url(/public/Images/toppers-bg.jpg) fixed center;
  background-size: 100% 100%;
}

.topper-sec .bg {
  background: #000000d6;
  padding: 100px 50px;
}

.topper-sec h1 {
  font-size: 29px;
  color: #fff;
}

.topper-sec h1 span {
  font-size: 15px;
  display: block;
  color: #f7b94e;
}

.toppers-part article .percentage {
  position: absolute;
  background: #e51520;
  padding: 5px 10px;
  line-height: 14px;
  top: -15px;
  color: #fff;
  font-size: 13px;
}

.toppers-part article {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.toppers-part article h3 {
  color: #fff;
  font-size: 17px;
}

.toppers-part article h4 {
  color: #fff;
  font-size: 15px;
}

.toppers-part article img {
  width: 150px;
  height: 150px;
  /* border-radius: 100%; */
  margin-bottom: 20px;
  border: solid 1px #ffffff6b;
  padding: 15px;
}

.birthday-part article {
  background: #fff;
  height: 450px;
  position: relative;
  background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/birthday-bg.jpg);
}

.birthday-part article img {
  width: 150px;
  height: 150px;
  margin: auto;
  display: block;
}

.birthday-part article h3 {
  color: #000;
  text-align: center;
}

.birthday-part article h4 {
  color: #000;
  text-align: center;
  font-size: 15px;
}

.birthday-part .new_slid .MS-content .item {
  margin-left: 5px;
}

.birthday-part h1 {
  color: #fff;
  background: #e11d20;
  text-align: center;
  line-height: 60px;
}

.birthday-part .birthday_ani {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 200px;
}


.msgbossin {
  display: block;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 33px;
  color: #000000bf;
  margin-bottom: 15px;
}

.msgbossin div {
  margin-bottom: 15px;
}



.gallery-sec {
  background: #f7f9fc;
  padding: 50px 40px;
}

.gallery-sec h1 {
  text-align: center;
}

.gallery-sec h1 span {
  display: block;
  font-size: 15px;
}

.gallery-sec article {
  margin: 0px;
}

.gallery-sec article img {
  width: 250px;
  height: 200px;
  margin: auto;
  display: block;
  margin-bottom: 20px;
  /* border-radius: 30px; */
  border-bottom: solid 5px #272727;
  background: #fff;
  padding: 10px;
  background-size: cover;
}

.gallery-sec .item:nth-child(2) article img {
  border-bottom: solid 5px #06a69a;
}

.gallery-sec .item:nth-child(3) article img {
  border-bottom: solid 5px #f7b94e;
}

.gallery-sec .item:nth-child(4) article img {
  border-bottom: solid 5px #93c524;
}

.gallery-sec .item:nth-child(5) article img {
  border-bottom: solid 5px #28a8e3;
}

.gallery-sec article img:hover {
  border-radius: 20px;
}

.gallery-sec article h3 {
  text-align: center;
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.visitor-count {
  margin: 0px;
  background: #e51520;
  padding: 8px 8px;
  width: max-content;
  margin-top: 20px;
  border-radius: 5px;
}

.visitor-count h3 {
  font-size: 17px;
  margin: 0px !important;
}

.fb_iframe_widget span {
  height: 450px !important;
}

.fb_iframe_widget iframe {
  height: 450px !important;
  border-radius: 20px;
}

.visitor-count h3 span {
  margin: 0px;
}


.appmobile img {
  width: 100px;

  margin-right: 10px;
}

.appmobile {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.footer-sec article {
  padding: 0 10px;
  font-family: "Figtree", sans-serif;
}

.footer-sec article p {
  color: #fff;
  margin-bottom: 20px;
  text-align: left;
}

.footer-sec p a {
  color: #fff;
}

.footer-sec h4 {
  color: #f5bc3e;
  margin-bottom: 20px;
  font-size: 17px;
  text-align: center;
  font-style: italic;
  margin-top: 20px;
}

.footer-sec p.texts {
  font-size: 15px;
  font-style: italic;
  width: 85%;
  margin: auto;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer-sec ul {
  padding: 0;
}

.footer-sec h3 {
  color: #fff;
}

.footer-sec {
  background: linear-gradient(#115586, #0a4c8ddb), url(https://webapi.entab.info/api/image/GDGGB/public/Images/footerbg.JPG) no-repeat center top;
  padding: 70px 0px 0px 0px;
  background-size: 100% 100%;
}

.footer-sec li a {
  line-height: 30px;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
}

.footer-sec li a:hover {
  margin-left: 5px;
  color: #f5bc3e;
}

.footer-sec i {
  color: #fff;
  font-size: 10px;
  margin-right: 5px;
}

.footer-sec i:hover {
  color: #f5bc3e;
}

.footer-sec .social_links i {
  font-size: 15px;
}

.footer-sec .ftr-copy {
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-top: 40px;
  width: auto;
  padding-bottom: 10px;
  line-height: 24px !important;
}

.footer-sec .ftr-logo {
  position: absolute;
  right: -150px;
  width: 400px;
}

.facilities-sec {
  background: url(/public/Images/toppers-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.facilities-sec .item {
  padding-left: 15px !important;
}

.facilities-sec .bg {
  background: #000000d6;
  padding: 3rem 0;
}

.facilities-sec h1 {
  font-size: 29px;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}

.facilities-sec h1 span {
  font-size: 15px;
  display: block;
  color: #f7b94e;
}

.imp-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.imp-link article {
  width: 23%;
  color: #fff;
  margin-bottom: 40px;
}

.imp-link article:hover img {
  transform: rotate(360deg);
}

.imp-link article img {
  width: 50px;
  background: #fff;
  padding: 10px;
  margin: auto;
  display: block;
  border-radius: 10px;
}

.imp-link article h3 {
  margin: 0px;
  color: #fff;
  text-align: center;
  margin-top: 15px;
  font-size: 15px;
}

.navbar-nav {
  position: relative;
}

.facilities-sec-main {
  margin: 0px;
}

.facilities-sec-main article {
  margin-bottom: 20px;
}

.facilities-sec-main article img {
  height: 200px;
  border: solid 5px #fff;
  width: 100%;
  margin-bottom: 10px;
  object-fit: cover;
}

.facilities-sec-main article h3 {
  text-align: center;
  color: #fff;
}

.facilities-sec-main article p {
  color: #fff;
  text-align: left;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.facilities-sec-main article a {
  color: #fff;
  text-align: center;
  display: block;
  font-size: 14px;
  margin-top: 20px;
  display: block;
  /* text-decoration: underline; */
  font-family: "Figtree", sans-serif;
}

.video-sec-home {
  position: relative;
}

.play-btn {
  width: 100px;
  height: 100px;
  background: radial-gradient(rgb(233 9 31) 60%, rgba(255, 255, 255, 1) 62%);
  border-radius: 50%;
  position: absolute;
  display: block;
  margin: auto;
  box-shadow: 0px 0px 25px 3px rgb(233 9 31);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75),
      0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75),
      0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}

.clr-btn {
  display: flex;
}

.innersec {
  min-height: 500px;
  padding: 50px 0px;
}

.innerslidebg {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 45px 0px;
  background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/breadcrumb.png),
    #af0000;
}

ul.breadcrumblist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  justify-content: center;
}

ul.breadcrumblist li {
  padding: 10px 5px;
  color: #fff;
  text-transform: capitalize;
}

.innerslidebg h1 {
  color: #fff;
}

.innertable table tr td {
  border: 1px solid #ccc;
}

.innertable table thead tr th {
  border: 1px solid #ccc;
  background: #d9281f;
  border-bottom: 0px;
  color: #fff;
}

.innertable table thead tr {}

.innersec h3 {
  padding: 10px 0px;
}

.mainlist li {
  font-size: 15px;
  line-height: 35px;
  color: #000000b5;
  position: relative;
  font-family: "Poppins", sans-serif;
}

ul.mainlist li:after {
  content: "\f560";
  position: absolute;
  top: 0;
  left: -20px;
  font-family: "FontAwesome";
  color: #d1271f;
}

.mainlist {
  padding-left: 20px;
  margin-bottom: 10px;
}

.mainbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.box span {
  position: absolute;
  top: -15px;
  background: linear-gradient(144deg,
      #520606 0%,
      rgb(175 5 5) 50%,
      #520606 100%);
  padding: 10px 15px;
  left: 0px;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
}

.box p {
  margin-top: 20px;
}

.box {
  width: 47%;
  margin: 10px 10px 20px 10px;
  background: #f1f1f1;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 12px 0px #ccc;
  position: relative;
}

.factbox {
  background: #fff;
  margin-bottom: 20px;
  padding: 10px;
  border-image: linear-gradient(to bottom, #d9281f, rgb(0 0 0)) 1 100%;
  border-width: 4px;
  border-style: solid;
  border-right: 0;
  box-shadow: 0px 0px 6px 2px #ccccccd4;
  border-radius: 0px 5px 5px 0px;
}

.maintable th {
  border: 1px solid #fff;
  color: #fff;
  font-weight: normal;
}

.maintable thead {
  background: linear-gradient(144deg,
      #520606 0%,
      rgb(175 5 5) 50%,
      #520606 100%);
}

.maintable td {
  border: 1px solid #ccc;
  background: #f1f1f14a;
  font-family: "Poppins", sans-serif;
}

.innerslidebg h1:after {
  background: #fff;
  width: 2px;
  height: 30px;
  position: absolute;
  z-index: 99;
  content: " ";
  left: 50%;
  top: 38px;
  transform: translate(-50%, 0%);
}

.innersec p {
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 33px;
  color: #000000bf;
  margin-bottom: 15px;
}

ul.breadcrumblist li a {
  color: #fff;
}

.name span {
  display: block;
  font-size: 18px;
  color: #d9281f;
  line-height: 38px;
}

.msgimg {
  margin-left: 25px;
  border: 2px solid #f1f1f1;
  padding: 5px;
  border-radius: 5px;
}

.innersec h4 {
  font-size: 20px;
  padding: 15px 0px 0px 0px;
  line-height: 30px;
  color: #000;
  margin-bottom: 5px;
}

.faciimg:before {
  position: absolute;
  content: " ";
  width: 95%;
  height: 95%;
  bottom: -10px;
  left: -15px;
  background: #f5bdba;
  z-index: -1;
}

.faciimg {
  float: right;
  margin-left: 40px;
  width: 40%;
  position: relative;
  margin-bottom: 20px;
}

.faciimg:after {
  position: absolute;
  content: " ";
  width: 95%;
  height: 95%;
  top: -10px;
  right: -15px;
  background: #d9281f;
  z-index: -1;
}

.table-responsive.maintable {
  margin-top: 20px;
  margin-bottom: 10px;
}

.stripe ul {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 15px;
  align-items: center;
  justify-content: center;
}

.stripebreadcrumb {
  background: #d9d4d4;
  padding: 1px;
}

.stripe {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}

.stripe h5 {
  margin-bottom: 0;
  font-size: 30px;
  margin-right: 40px;
  color: #d9281f;
}

.stripe ul li {}

.stripe ul li a {
  font-size: 14px;
  color: #000;
  padding: 0 10px;
}

.contactform {
  background: #f1f1f1;
  border-radius: 5px;
  box-shadow: 0px 0px 7px 1px #ccc;
  display: flex;
}

.contactscddiv {
  width: 65%;
}

.contactfstdiv {
  width: 35%;
}

.contactscddiv {
  padding: 50px;
}

.form-group {
  margin-bottom: 10px;
}

.form-group input,
.registrationform select {
  font-size: 13px;
  padding: 10px;
  border-radius: 5px;
}

.form-group input:focus {
  border: 1px solid #ccc;
  box-shadow: none;
}

.contactscddiv h3 {
  text-align: center;
  font-size: 30px;
  color: #d9281f;
  margin-bottom: 20px;
}

.form-group textarea {
  resize: none;
  padding-left: 10px;
}

input[type="submit"] {
  background: linear-gradient(45deg, #d9281f, #7c201b);
  color: #fff;
  padding: 10px 40px;
  border-radius: 4px;
  border: 0px solid #f00;
  display: block;
  text-align: center;
  margin: 40px auto 0px auto;
  transition: all 0.2s ease-in;
}

.contactinfo {
  display: flex;
  background: #fff;
  margin-top: 60px;
  margin-bottom: 20px;
  justify-content: space-around;
}

.contactinfobox a {
  color: #000;
  font-size: 14px;
  line-height: 26px;
}

.contactinfobox i {
  color: #d9281f;
  margin-bottom: 20px;
  font-size: 40px;
  margin-top: -70px;
  background: #fff;
  padding: 20px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 4px 1px #ccc;
}

.contactinfobox {
  border-radius: 5px;
  width: 32%;
  padding: 20px;
  background: #f5f4de;
  box-shadow: 0px 0px 6px 1px #ccc;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 7px 20px 7px;
}

.video-gallery {
  padding: 20px;
  box-shadow: 0px 0px 5px 0px #ddd;
  margin-bottom: 20px;
  border-radius: 10px;
}

.video-gallery a {
  display: flex;
  color: inherit;
  align-items: center;
}

.video-gallery a img {
  width: 52px;
  margin-right: 10px;
}

.video-gallery a h3 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 100;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.video-gallery p {
  font-size: 12px;
  margin-bottom: 0;
}

.syllabustab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
  padding-left: 0;
}

ul.syllabustab li.tabactive {
  background: #d9281f;
  color: #fff;
}

ul.syllabustab li {
  padding: 10px 10px;
  width: 190px;
  text-align: center;
  background: #f1f1f1;
  border-radius: 3px;
  cursor: pointer;
}

.syllabus {
  display: none;
}

.selectshow {
  display: block;
}

.tcblock {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.tc {
  width: 49%;
  margin-bottom: 30px;
}

.tcblock iframe {
  width: 49%;
}

.tc label {
  color: #000;
  width: 100%;
  margin-bottom: 0;
}

.tc label p {
  margin-bottom: 0px;
}

.tc .form-group {
  margin-bottom: 20px;
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid #ccc;
}

a.viewdetailsbtn {
  color: #fff;
  font-size: 14px;
}

.viewdetailsbtn {
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  border: none;
  background: linear-gradient(45deg, #d9281f, #7c201b);
  transition: all 0.2s ease-in;
}

.viewdetailsbtn:hover {
  background: linear-gradient(45deg, #d9281f, #7c201b);
}





.row.tabs-dynamic p {
  margin-bottom: 0;
}

.row.tabs-dynamic select {
  width: 100%;
  border: 0px;
  background: transparent;
  padding: 8px 5px;
  border-bottom: 1px solid #b6b6b6;
}

.row.tabs-dynamic input {
  padding: 9px 5px;
  width: 100%;
  border: 0px;
  border-bottom: 1px solid #b6b6b6;
  background: transparent;
}

.count-val p {
  margin-bottom: 0px;
}
.count-val p a{
 color: black;
}

.gallery-title h3 {
  font-size: 19px;
  line-height: 30px;
  color: #d9281f;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  padding: 0px;
}

.gallery-title p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 26px !important;
  font-size: 16px !important;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
}

.gallery-content {
  /* padding: 20px 15px; */
}

.gallery-content h3 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
}

.gallery-content p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}



a.view-more {
  font-size: 14px;
  color: #666;
  background: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 20px;
  display: block;
  width: max-content;
  margin: auto;
  text-decoration: none;
  margin-top: 20px;
}

.years {
  display: none;
}

.showYear {
  display: flex;
}

.load-more .next {
  background: #d9281f;
  width: max-content;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  margin: auto;
  margin-top: 20px;
}

.gallery-blk a {
  color: inherit;
}

.sub-gall .gallery-blk {
  height: 180px;
  margin-bottom: 20px;
}

.gallery-blk .gallery-title h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.toZoom {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

@keyframes zoom {
  from {
    transform: scale(0.1);
  }

  to {
    transform: scale(1);
  }
}

.news-head {
  display: flex;
  align-items: center;
}

.news-head h2 {
  padding-right: 20px;
  border-right: 1px solid #c5c5c5;
  margin-right: 20px;
}

.news-blk {
  margin-bottom: 50px;
  padding-right: 30px;
  padding-bottom: 30px;
  width: 97%;
  border-radius: 10px;
  box-shadow: 9px 11px 5px 0px #dddddd3d;
  position: relative;
  overflow: hidden;
  padding: 20px;
  box-shadow: 0px 0px 12px 0px #e7e7e7;
}

.attachment {
  background: #ffc107;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 5px;
}

.news-content p {
  margin-bottom: 6px;
  max-height: 160px;
  overflow-y: scroll;
}

.news-content p::-webkit-scrollbar {
  width: 0;
}

.news-blk:hover::before {
  top: -100px;
}

.news-head h2 span {
  display: block;
  color: #153168;
  font-size: 18px;
  text-align: center;
}

.newsCount:nth-child(4n + 1)>div {
  border-left: 3px solid #04a63f;
}

.newsCount:nth-child(4n + 2)>div {
  border-left: 3px solid #27156b;
}

.newsCount:nth-child(4n + 3)>div {
  border-left: 3px solid #cd0600;
}

.newsCount:nth-child(4n + 4)>div {
  border-left: 3px solid #f07607;
}

.faculty {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  flex-wrap: wrap;
}

.facultyinfo h5 {
  font-size: 16px;
  text-align: center;
  line-height: 26px;
  color: #d9281f;
  margin-bottom: 0;
}

.facultyinfo p {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
}

.facultyinfo {
  margin-top: 20px;
}

.facultybox {
  width: calc(25% - 20px);
  box-shadow: 0px 0px 12.61px 0.39px rgb(0 0 0 / 14%);
  margin: 15px 10px 20px 10px;
  padding: 10px;
  position: relative;
  transition: all;
}

.facultyimg {
  /* margin-top: -50px; */
  background: #f1f1f1;
}

.facultybox:hover:after {
  transform: scaleY(1) translateZ(0) translateY(0px);
}

.facultybox:hover:after {
  opacity: 1;
}

.facultybox:hover p,
.facultybox:hover h5 {
  color: #fff;
}

.facultybox:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background: linear-gradient(45deg, #d9281f, #7c201b);
  width: 100%;
  transition: all 0.3s ease 0s;
}

.facultyimg img {
  object-fit: cover;
  width: 100%;
  height: 248px;
  object-fit: contain;
}

.laboratoriesimg {
  border: 10px solid #f7f5c9;
  box-shadow: 0px 0px 9px 1px #a9a9a9;
  border-radius: 4px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.radioimg {
  border-radius: 4px;
  border: 10px solid #f7f5c9;
  margin-top: 25px;
  box-shadow: 0px 0px 9px 1px #a9a9a9;
}

.safetysec {
  display: flex;
  flex-wrap: wrap;
}

.safetybox {
  width: 48%;
  margin: 10px;
  background: #f1f1f1;
  padding: 30px;
  border-radius: 4px;
  position: relative;
  box-shadow: 0px 1px 6px 0px #ccc;
}

.safetybox:after {
  content: " ";
  position: absolute;
  width: 133px;
  height: 90px;
  top: -3px;
  left: -3px;
  background: linear-gradient(45deg, #d9281f, #d9281f, #272727, #d9281f);
  z-index: -99;
  opacity: 0;
  transition: all 0.5s ease-in;
}

.safetybox:before {
  content: " ";
  position: absolute;
  width: 133px;
  height: 90px;
  bottom: -3px;
  right: -3px;
  background: linear-gradient(45deg, #d9281f, #d9281f, #272727, #d9281f);
  z-index: -99;
  opacity: 0;
  transition: all 0.5s ease-in;
}

.safetybox:hover.safetybox:before {
  opacity: 1;
}

.safetybox:hover.safetybox:after {
  opacity: 1;
}

.erp_sec .guideheading {
  text-align: left;
}

.erp_sec h4 {
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  margin-bottom: 0;
  margin-top: 15px;
  font-weight: 700;
}

.assistance {
  background: rgb(229 21 32 / 8%);
  padding: 13px;
  border: solid 1px #ddd;
  margin-top: 20px;
}

.erpbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.erpboxdesc {
  width: 72%;
}

.erpboximg {
  width: 26%;
}

.erpboxdescpopup {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.erppopup {
  width: 30%;
  margin: 10px;
}

.imgheading a {
  color: #20488a;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 20px;
  padding: 10px 0;
}

.erppopup .modal-body h5 {
  color: #000;
  text-align: center;
  padding-top: 20px;
}

#myImg,
#myImg1,
#myImg2 {
  width: 100%;
  border: 5px solid rgb(191 185 188);
  background: #cbcaca;
  cursor: pointer;
  transition: 0.3s;
}
/* .modal {
  background: #0000008a;
  z-index: 99999;
} */
.pressgallery .gallery-blk {
  margin-bottom: 0;
  height: 185px;
  box-shadow: 0px 0px 3px 1px #ccc;
  border-radius: 4px 4px 0px 0px;
}

.pressgallery .gallery-blk-desc {
  background: #f1f1f1;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 0px 3px 1px #ccc;
}

.pressgallery .gallery-blk-desc p {
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 0;
}

.innersec .event-img {
  position: relative;
  margin-bottom: 30px;
  background: #e5e5e5;
}

.innersec .event-img img {
  height: 280px;
  object-fit: contain;
  width: auto;
  margin: auto;
  display: block;
  position: relative;
}

.innersec .blur-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  filter: blur(5px);
  opacity: 0.5;
  background-size: 100% !important;
  background-position: center !important;
}

.innersec .event-content p {
  line-height: 28px;
  margin-bottom: 0;
}

.innersec .event-blk {
  height: 100%;
  box-shadow: 0px 0px 5px 0px #ddd;
  position: relative;
}

.innersec .event-content {
  padding: 0 20px;
}

.innersec .event-time {
  position: absolute;
  right: 0;
  bottom: 0;
}

.innersec .event-time p {
  margin-bottom: 0;
  background: #ffffffeb;
  padding: 1px 9px;
  box-shadow: -1px 0px 5px 3px #ffffff87;
  border-radius: 14px 0 0 0;
}

.innersec .landmark {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 10px;
}

.innersec .landmark p {
  font-size: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.innersec .eventCount {
  margin-bottom: 30px;
}

.innersec .event-date {
  padding: 0 20px;
}

.innersec .event-blk .attachment {
  padding: 0;
  width: 30px;
  background: #fff;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.innersec .event-blk .attachment a {
  color: #022939;
}

.innersec .event-date h6 {
  color: #747474;
  margin-bottom: 10px;
}

.innersec .event-blk .landmark span {
  color: black;
  font-weight: 600;
}

.innersec .event-content,
.landmark {
  padding: 0px 20px;
}

.innersec .landmark {
  margin-bottom: 20px;
}

.innersec .event-content h3 {
  margin-bottom: 16px;
  padding: 0px;
}

.innersec .event-date {
  position: absolute;
  top: -7px;
  left: -5px;
  z-index: 9;
}

.innersec .event-date h3 {
  font-size: 16px;
  margin-bottom: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* color: #ffffff; */
  background: #ffffff;
  padding: 6px 20px;
  border-radius: 5px;
  box-shadow: 4px 7px 5px 0px #00000087;
  /* font-family: 'Roboto', savbps-serif; */
}

.innersec .event-time {
  position: absolute;
  right: 0;
  bottom: 0;
}

.innersec .event-time p i.bi.bi-calendar3 {
  margin-right: 7px;
}

a {
  color: inherit;
}

.eventCount:nth-child(4n + 1)>div {
  border-bottom: 3px solid #df2121;
}

.eventCount:nth-child(4n + 2)>div {
  border-bottom: 3px solid #e3791b;
}

.eventCount:nth-child(4n + 3)>div {
  border-bottom: 3px solid #05a744;
}

.eventCount:nth-child(4n + 4)>div {
  border-bottom: 3px solid #2a186a;
}

.visionbox {
  display: flex;
  margin-bottom: 25px;
  flex-wrap: wrap;
}

.visionimg {
  width: 50%;
}

.visiondesc {
  width: 50%;
  background: #af0000;
  margin: 20px 0px 20px -40px;
  padding: 40px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 14px 0px #ccc;
}

.visiondesc p {
  color: #fff;
}

.aboutimg {
  margin-left: 25px;
  margin-bottom: 20px;
}.aboutimg {
    border-radius: 50%; /* Makes the image round */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Adds shadow for a modern look */
    border: 3px solid #fff; /* Optional: adds a white border around the image */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover transition */
    width: 380px;
    height: 380px;
  }

  .aboutimg:hover {
    transform: scale(1.05); /* Slight zoom effect on hover */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); /* Enhance the shadow on hover */
  }

.objectiveimg {
  box-shadow: 0px 0px 7px 0px #ccc;
  margin-top: 20px;
  border-radius: 4px;
}

.visionimg img {
  height: 100%;
}

a.tabactive {
  color: #af0000 !important;
}

.readmorebtn a {
  color: inherit;
  font-size: 17px;
  text-align: center;
}

.readmorebtn {
  display: block;
  width: max-content;
  color: #fff;
  text-align: center;
  background-size: 300% 100%;
  border-radius: 5px;
  transition: all 0.4s ease-in-out;
  margin: 0 auto;
  padding: 4px 20px;
  font-family: "Figtree", sans-serif;
  border: 1px solid #fff0;
  background-color: black;
}

.readmorebtn:hover {
  background-position: 100% 0;
  transition: all 0.4s ease-in-out;
}



.topper-sec .readmorebtn a {
  color: #fff;
}

.gallery-sec .MS-content {
  margin-bottom: 10px;
}

.followlink article {
  text-align: center;
}

.laboratoriesimgdesc p {
  margin-bottom: 0;
  text-align: center;
}

.laboratoriesimgdesc {
  background: #f7f5c9;
  padding: 5px 5px;
}

.factbox p {
  margin-bottom: 0;
}

.magnify-modal {
  position: fixed !important;
  z-index: 999999999 !important;
  padding-top: 10px !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
  background-color: rgba(0, 0, 0, 0.8509803922) !important;
}

.magnify-header .magnify-toolbar {
  float: right;
  position: relative;
  z-index: 9;
}

.magnify-stage {
  position: absolute;
  top: 40px;
  right: 10px;
  bottom: 40px;
  left: 10px;
  z-index: 1;
  background: #0000000a;
  overflow: hidden;
}

.magnify-image {
  position: relative;
  display: inline-block;
  border: 5px solid #fff;
}

.magnify-image.image-ready {
  max-width: 100%;
  max-height: 100%;
}

.magnify-footer {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  color: #fff;
  text-align: center;
}

.magnify-footer .magnify-toolbar {
  display: inline-block;
}

.campus-logo {
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 99;
}

.campus-logo img {
  width: 100px;
  height: 100px;
}

.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: #055a91;
}

.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);
  }
}

.gall-num h6,
.gallery-date h6 {
  font-size: 14px;
  line-height: 26px;
  color: #666;
  margin-bottom: 0;
}

.smtcl {
  width: 100%;
}

.list-group-item.active {
  background: transparent;
  color: #a80101;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #af0000;
}

.labtab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.tabs.tabs-content.col {
  width: 100%;
  background: #f1f1f159;
  margin-left: 35px;
  margin-top: 30px;
}

.tabs-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #000000;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
  width: 315px;
  flex: initial;
}

.tabs-nav a {
  position: relative;
  padding: 10px 15px;
  text-align: left;
  width: 100%;
  cursor: pointer;
  background: #af0000;
  border-bottom: 1px solid #ccc;
  margin-bottom: 4px;
  color: #fff !important;
}

.tabs-nav a:hover,
.tabs-nav a.selected {
  background: linear-gradient(93deg, #af0000, #272727);
  color: #fff !important;
}

.tabs .content {
  padding: 20px 20px 20px 25px;
  position: relative;
  color: #343232;
  transition: opacity 0.1s linear 0s;
  display: none;
}

.tabs .content.visible {
  display: block;
}

.tabs .content p {
  padding-bottom: 2px;
}

.tabs .content p:last-of-type {
  padding-bottom: 0px;
}

.content h4 {
  color: #a1060f;
  font-size: 20px;
  margin: 10px 0px 20px 0px;
  text-align: center;
}

#showthistab {
  display: block;
}

.showtoppers {
  display: none;
}

.showtoppers .tabs-nav {
  display: inline-block;
  flex-direction: row;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.showtoppers .labtab {
  flex-direction: column;
}

.showtoppers .tabs-nav {
  width: 100%;
}

.showtoppers .tabs.tabs-content.col {
  margin-left: 0;
}

.topperyear {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-bottom: 25px;
}

.showtoppers article img {
  border: 1px solid #932121;
}

.showtoppers article h3 {
  color: #333;
  padding: 0;
  font-size: 16px;
}

.showtoppers article h4 {
  color: #000;
  padding: 0;
  margin: 0;
}

.showtoppers .subject {
  color: #333;
  font-size: 16px;
}

.showtoppers article {
  margin-bottom: 20px;
}

.homeslide .item {
  height: auto;
  position: relative;
}

.homeslide .item img {
  width: 100%;
  /* height: 100%; */
  /* object-fit: cover; */
}

.homeslide .item .cover {
  padding: 75px 75px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  /* background: rgba(0, 0, 0, 0.6); */
  display: flex;
  align-items: flex-end;
  bottom: 0;
}

.homeslide .item .cover .homeslide-content {
  position: relative;
  padding: 10px;
  overflow: hidden;
  width: max-content;
}

.homeslide .item .cover .homeslide-content h1:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0;
  position: absolute;
  border-bottom: 5px solid #dd23208c;
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

.homeslide .item .cover .homeslide-content h2 {
  font-weight: 300;
  font-size: 25px;
  color: #fff;
  text-shadow: -1px 0px 4px #000;
}

.homeslide .item .cover .homeslide-content h1 {
  font-size: 29px;
  font-weight: 600;
  margin: 5px 0 20px;
  background: #ffffffa3;
  word-spacing: 3px;
  color: #000;
  /* text-shadow: -1px 0px 4px #000; */
  padding: 14px 20px;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.homeslide .item .cover .homeslide-content h4 {
  font-size: 23px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
  text-shadow: -1px 0px 4px #000;
}

.homeslide .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.homeslide .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.homeslide .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

.homeslide .owl-item.active h1:before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

.homeslide .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.homeslide .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}

.homeslide .owl-nav .owl-prev:focus {
  outline: 0;
}

.homeslide .owl-nav .owl-prev:hover {
  background: #000 !important;
}

.homeslide .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.homeslide .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}

.homeslide .owl-nav .owl-next:focus {
  outline: 0;
}

.homeslide .owl-nav .owl-next:hover {
  background: #000 !important;
}

.homeslide:hover .owl-prev {
  left: 0px;
  opacity: 1;
}

.homeslide:hover .owl-next {
  right: 0px;
  opacity: 1;
}

.homeslide .owl-theme .owl-nav {
  margin: 0;
}

.div {
  display: none;
}

.selectedyear {
  display: block;
}

select#yearselect {
  float: right;
  margin-bottom: 20px;
  background: #f1f1f1;
  padding: 10px 20px;
  border-radius: 4px;
}

.toppers-part h1 {
  text-align: center;
  margin-bottom: 40px;
}

.topper-sec .readmorebtn {
  margin-top: 50px;
}

.videogallery article {
  background: #f1f1f1;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 1px #ccc;
}

.videogallery article img {
  width: 100%;
  object-fit: contain;
}

.videogallery article h3 {
  font-size: 15px;
  margin-bottom: 0px;
  line-height: 30px;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 0px;
}

.videogallery article p {
  font-size: 12px;
}

.qrcode {
  width: 70%;
  margin: 0 auto;
  display: block;
}



.form-group.checkboxinput input {
  width: auto;
  margin-right: 5px;
}

.registrationform form {
  background: #ae000014;
  padding: 50px 20px;
  border-radius: 4px;
}

.registrationform form>div {
  display: flex;
  flex-wrap: wrap;
}

.registrationform .form-group {
  width: 44%;
  margin: 10px;
}

.registrationform form input:focus,
.registrationform form textarea:focus {
  border: 0px;
}

.registrationform form textarea::placeholder,
.registrationform form input::placeholder,
.registrationform form select::placeholder {
  color: #000;
}

.registrationform form textarea::placeholder {
  font-size: 12px;
  padding-top: 10px;
}

.registrationform form input,
.registrationform form textarea,
.registrationform select {
  width: 100%;
  border: 0px;
  background: #fff;
}

.registrationform [type="submit"] {
  width: auto;
  color: #fff;
  margin: 0 auto;
  background: #000;
  box-shadow: none;
}

.registrationform h6 {
  text-align: center;
  color: #fff;
  padding-bottom: 10px;
}

.registrationform p#closebtn {
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
}

.registrationform p {
  padding-left: 20px;
  padding-bottom: 20px;
}

/* Homepage New design style sheet */

.slidersec img {
  width: 100%;
  /* Makes the image take up full width */
  height: auto;
  /* Maintains aspect ratio */
  min-height: 400px;
  /* Ensures a minimum height */
  border-radius: 0px 0px 10px 10px;
  /* Rounded corners at the bottom */
}

.carousel-caption.custom-caption {
  bottom: 0;
  background-color: #d05252;
  width: 100%;
  left: 0;
  padding: 10px;
  border-radius: 0px 0px 10px 10px;
}

.carousel-caption.custom-caption h5 {
  color: white;
  margin: 0;
  font-size: 18px;
  text-align: center;
}
.topper_bg{  
  padding: 50px 100px; 
  position: relative;
}
.toppertaj{ 
  padding: 0px 10px 10px 10px;
  width: 80%;
  margin: 20px auto 10px auto;
}
.toppertaj img {
  width: 130px;
  height: 130px;
  background: #fff;
  object-fit: contain;
  border-radius: 50%;
  margin: auto;
  border: 5px solid #F2D568;
}
.topperdiv.birthday {
  margin-top: 50px;
}
.topperdiv {
  text-align: center;
  position: relative;
}
.topperdivbg {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -50%);
}
.gallery-sec.gallery-sec-home.topper {
  background: #ff00000a;
}
.topper h5 {
  text-align: center;
}
.topperdiv:hover .topperdivbg img {
  scale:1.2;
}
.topperdiv.birthday .toppertaj img { 
  border: 5px solid #A868EB;
}
.birthday .topperdivbg { 
  top: 20px; 
}
.topperdiv.birthday:hover .topperdivbg img {
  scale:1.5;
}
.topperdivbg img {
  transition: 0.3s ease-in;
  scale: 0;
}
.topperdiv .topperdesc p.name { 
  margin-bottom: 6px;
  text-align: center !important;
}

.topperdiv .topperdesc p.per ,.stream {
  font-weight: bold;
  color: #d2271c;
  font-size: 16px;
  text-align: center;
  margin-bottom: 0;
}
.stream {
  color: #333;
}






@media screen and (min-width: 992px) and (max-width: 1400px) {
  .container {
    max-width: 90%;
  }
}

/* Homepage New design style sheet  End*/

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

@media screen and (max-width: 1400px) {

  .navbar-nav .nav-link {
    margin-left: 1px !important;
    padding: 0 6px;
  }

  .homeslide .item .cover .homeslide-content h1 {
    font-size: 20px;
    padding: 5px 20px;
  }
}

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

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

@media screen and (max-width: 1199px) {
.modal-dialog {min-width: 80%;margin-top: 35px;}
  .top-sec .left-links {
    margin-bottom: 10px;
  }

  .top-sec .container {
    flex-direction: column;
  }

  .shadow {
    float: unset;
  }

  .header-sec img {
    margin: 0 auto;
    display: block;
  }

  .footer-sec article p {
    margin-bottom: 10px;
    text-align: left;
  }

  .followlink article {
    text-align: center;
    margin-top: 45px;
  }

  /* .navbar-dark .navbar-nav .nav-link {
    padding: 0.5rem 14px;
  } */

  .erppopup {
    width: 45%;
  }

  .safetybox {
    width: 47%;
  }

  .facultybox {
    width: calc(33% - 18px);
  }

  .contactinfobox {
    width: 48%;
    margin: 0px 7px 70px 7px;
  }

  .contactinfo {
    flex-wrap: wrap;
  }

  .faciimg {
    width: 50%;
  }

  .label_skitter p {
    font-size: 30px;
  }

  .navbar>.container,
  .navbar>.container-fluid,
  .navbar>.container-lg,
  .navbar>.container-md,
  .navbar>.container-sm,
  .navbar>.container-xl,
  .navbar>.container-xxl {
    flex-direction: column;
  }

  .navbar-dark .navbar-toggler {
    background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/menu.png) repeat no-repeat;
    border: 0px;
    color: #cb1107;
    height: 20px;
    width: 28px;
    /* background-size: contain; */
  }

  .navbar-dark .navbar-brand {
    margin-bottom: 10px;
  }

  footer-sec iframe {
    height: 670px;
  }

  .about-sec {
    margin-top: 20px;
  }

  .about-sec article h3 {
    font-size: 15px;
  }

  .header-sec .container {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2px;
    padding-left: 2px;
  }

  .header-sec img {
    display: none !important;
  }

  .mega-content.px-4 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .mega-content .card {
    background-color: transparent;
    background-clip: border-box;
    border: none;

  }

  .mega-content .py-4 {
    padding-top: 0px !important;
    padding-bottom: 0px;
  }
}


@media screen and (max-width: 991px) {
  .about-school h1 {
    font-size: 18px;
    line-height: 22px;
  }



.feedback-card {
flex-direction: column;
text-align: center;

}









.mediagallerydetails {
    width: 30%;
    margin: 10px;
}
  .header-sec {
    padding: 0px 0px 16px 0px;
  }

  .navbar-dark .navbar-toggler a:focus {
    border: none;
  }

  .homeslide .item .cover {
    padding: 75px 15px;
  }

  .homeslide .item .cover .homeslide-content h1 {
    font-size: 18px;
  }

  .homeslide .item .cover .homeslide-content h1 {
    font-size: 25px;
    margin: 2px;
  }

  .homeslide .item .cover .homeslide-content h4 {
    font-size: 25px;
    line-height: 35px;
  }

  .facilities-sec-main article img {
    height: 300px;
  }

 

  .shadow {
    justify-content: flex-start;
  }

  .header-sec img {
    margin: unset;
    display: unset;
  }

  .laboratoriesimgdesc {
    min-height: 75px;
  }

  .link_one {
    margin-bottom: 20px;
  }

  .texts {
    padding: 0 !important;
    align-items: flex-start;
  }

  .list-group-item {
    padding: 0px 10px;
  }

  .navbar-nav>li>.dropdown-menu {
    background: none;
  }

  .shadow {
    float: none;
  }

  .visionimg {
    width: 100%;
  }

  .visiondesc {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 20px 10px;
  }

  .erppopup {
    width: 45%;
  }

  .facultybox {
    width: calc(33% - 20px);
  }

  .contactinfobox {
    width: 47%;
  }

  .faciimg {
    width: 100%;
    margin-left: 0;
    float: none;
  }

  .fb_iframe_widget span {
    margin-top: 20px;
  }

  .navbar-dark .navbar-toggler {
    position: absolute;
    right: 10px;
    top: 5px;
  }

  .navbar>.container,
  .navbar>.container-fluid,
  .navbar>.container-lg,
  .navbar>.container-md,
  .navbar>.container-sm,
  .navbar>.container-xl,
  .navbar>.container-xxl {
    flex-direction: column;
    align-items: initial;
  }

  .navbar-brand img {
    margin: auto;
    display: block;
  }

  .nav-item {
    line-height: 30px;
  }


  .navbar-collapse {
    margin-top: 20px;
  }

  .menu_texts {
    align-items: flex-start;
    padding: 0px !important;
  }



  .navbar-nav>li>.dropdown-menu {
    width: auto;
  }



  .birthday-part article {
    margin-top: 20px;
  }

  .topper-sec h1 {
    text-align: center;
  }

  .admission-sec {
    margin-top: 20px;
    padding: 20px 0px;
  }

  .admission-sec h1 {
    flex-wrap: wrap;
    line-height: 60px;
  }



  .list-group a {
    font-size: 14px;
    position: relative;
    padding: 2px 20px 2px 20px;
  }

  .list-group a:before {
    content: "\00BB";
    position: absolute;
    left: 3px;
    font-size: 22px;
  }

  .img-sec {
    margin-top: -24px;
  }

  .list-group {
    margin-left: -10px;
  }
}

@media screen and (max-width: 767px) {
      .mediagallerydetails {
        width:45%;
        margin: 10px;
    }
  .registrationform .form-group {
    width: 100%;
    margin: 10px;
  }
  .modal-dialog { width: 100%; padding: 15px; margin: 0 auto; }
  .threesec .col-md-5, .threesec .col-md-2 { max-width: 100%; flex: 0 0 100%; margin-bottom: 1.5rem; }
  .circular-item { flex-direction: column; text-align: center; }
  .circular-date { margin-bottom: 10px; }
  .circular-info { text-align: center; }
  .mobilemenu {
    display: block;
    padding: 5px 5px;
    background: #cb1107;
  }

  .mobilemenu ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
    justify-content: center;
  }

  .mobilemenu a {
    text-decoration: none;
    display: block;
    background: #cb1107;
    padding: 0px 8px;
  }


  .mobilemenu a:hover {
    color: #feff00;
  }


  .mobilemenu li {
    padding: 2px 3px;
  }

  .top-sec .container {
    max-width: 100%;
  }

  .homeslide .item .cover {
    padding: 75px 0px;
  }

  .top-sec .left-links p {
    width: max-content;
    margin: 0px;
    color: #fff;
    /* background: #115586; */
    /* padding: 2px 2px; */
    line-height: 35px;
    text-align: center;
    line-height: 23px;
    font-size: 14px;
  }

  .homeslide .item .cover .homeslide-content h1 {
    font-size: 15px;
  }

  .homeslide .item .cover {
    padding: 25px 0px;
    align-items: end;
  }

  .homeslide .item .cover .homeslide-content {
    width: 100%;
  }

  .homeslide .item .cover .homeslide-content h1 {
    font-size: 20px;
    margin: 2px;
  }

  .homeslide .item .cover .homeslide-content h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .aboutimg {
    margin-left: 0;
    margin: 15px auto;
    display: block;
  }

  .skitter .info_slide {
    bottom: 0;
    left: unset !important;
    transform: translateX(0px) !important;
  }

  .box {
    width: 100%;
  }

  .facultybox {
    width: 46%;
  }

  .clr-btn {
    margin-top: 12px;
  }


  h1 {
    font-size: 21px;
    line-height: 34px;
  }

  .laboratoriesimgdesc {
    min-height: auto;
  }

  .footer-sec {
    background-size: cover;
  }

  .followlink article {
    text-align: left;
    margin-top: 20px;
  }

  .popup .modal-dialog {
    min-width: 100%;
  }

  .erpboximg {
    width: 100%;
  }

  .erpboxdesc {
    width: 100%;
  }

  .safetybox {
    width: 100%;
  }

  .tcblock iframe {
    width: 100%;
  }

  .tc {
    width: 100%;
  }

  .contactinfobox {
    width: 100%;
  }

  .contactscddiv {
    width: 100%;
  }

  .contactform {
    flex-wrap: wrap;
  }

  .contactfstdiv {
    width: 100%;
  }

  .label_skitter p {
    font-size: 20px;
  }

  .list-group-item {
    padding: 0px 10px;
  }


  .admission-sec h1 {
    margin: 0px;
    line-height: 38px;
  }



  .msgimg {
    margin-left: 0;
    margin-bottom: 15px;
  }

  .slidersec img {
    min-height: 300px;
    /* Reduce the minimum height for smaller screens */
  }

}

@media screen and (max-width: 640px) {
  .facultybox {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {

.aboutimg {
    width:250px;
    height: 250px;
}


      .mediagallerydetails {
        width:100%;
        margin: 10px;
    }

  .slidersec img {
    min-height: 250px;
    /* Further reduce for mobile devices */
  }

  .homeslide .item .cover .homeslide-content h1 {
    font-size: 14px;
    padding: 10px;
    line-height: 24px;
  }

  .homeslide .item .cover .homeslide-content h4 {
    font-size: 15px;
    line-height: 25px;
  }

  .birthday-part .new_slid .MS-content .item {
    margin-left: 0px;
  }

  .news-sec article {
    padding: 40px 0px;
  }

  .faciimg {
    width: 93%;
    margin-left: 15px;
  }

  .top-sec a {
    font-size: 11px;
  }



  .facilities-sec .bg {
    padding: 70px 20px;
  }

  .topper-sec h1 {
    font-size: 23px;
  }

  .topper-sec .bg {
    padding: 100px 10px;
  }

  .stripe ul li {
    width: auto;
    border-bottom: 1px solid #af00001f;
    padding: 4px 0px;
  }

  .stripe ul {
    justify-content: center;
    padding: 0;
  }

  .stripe ul li:last-child {
    border-bottom: 0px;
  }

  ul.syllabustab li {
    font-size: 13px;
    width: 148px;
  }

  .innerslidebg h1 {
    font-size: 20px;
    margin-bottom: 35px;
  }

  .contactscddiv {
    padding: 20px;
  }

  ul.breadcrumblist li {
    padding: 5px 5px;
    text-align: center;
  }

  .erppopup {
    width: 100%;
  }

  .top-sec .right-links ul li {
    font-size: 10px;
    padding: 0;
    margin: 0;
  }

  .header-sec img {
    width: 250px;
  }

  .imp-link article {
    width: 45%;
  }

  .footer-sec .bg-ftr {
    padding: 10px 0px 0px 0px;
  }

  .gallery-sec article img {
    height: auto;
    width: 100%;
  }

  .top-sec .left-links ul {
    display: flex;
    padding-left: 0px;
    flex-direction: row;
    justify-content: center;
  }



  .left-links p a {
    font-size: 12px;
  }

  .top-sec .left-links {
    margin: 0px;
    display: table-row;
    width: 100%;
  }

  .top-sec .right-links {
    width: 100%;
  }

  .top-sec .left-links p {
    width: 100%;
    font-size: 16px;
  }


  .top-sec .right-links ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .top-sec .right-links ul li {
    border-right: none;
  }






}

@media screen and (max-width: 480px) {

  .gallery-sec {
    padding: 50px 10px;
  }

  .news-sec article img {
    height: 200px;
    margin-bottom: 15px;
  }

  .news-sec article p {
    margin-top: 0;
  }

  .news-sec article h3 {
    margin-top: 0;
  }

  .homeslide .item .cover {
    padding: 0px 0px;
  }
}

/*first line 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-title {
  display: none;
}

.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: 27px;
  color: white;
}

.magnify-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-width: 0;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  background: #2767c7;
}

.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;
}

/* last line Magnify pop up*/

/* events gallery css from dppss */

/*Gallery event news css*/
.inner-page .row.years {
  display: none;
}

.inner-page .row.years.showYear {
  display: flex !important;
}

.inner-page .load-more .next {
  width: max-content;
  background: linear-gradient(90deg, #164c35 50%, #0ce0ff 100%);
  color: #fff;
  padding: 6px 14px;
  border-radius: 6px;
  margin: auto;
  cursor: pointer;
}

.inner-page .month-selection select.monthSelect,
.inner-page .month-selection select,
.inner-page .searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

.inner-page .tabs-dynamic {
  margin-bottom: 40px;
  background: #f1f1f1;
  padding: 15px;
}

.inner-page .count-val p {
  margin-bottom: 0;
}

.inner-page .event-img {
  position: relative;
  margin-bottom: 30px;
  background: #e5e5e5;
}

.inner-page .event-img img {
  height: 200px;
  object-fit: contain;
  width: auto;
  margin: auto;
  display: block;
  position: relative;
}

.inner-page .blur-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  filter: blur(5px);
  opacity: 0.5;
  background-size: 100% !important;
  background-position: center !important;
}

.inner-page .event-content p {
  line-height: 28px;
  margin-bottom: 0;
}

.inner-page .event-blk {
  height: 100%;
  box-shadow: 0px 0px 5px 0px #ddd;
  position: relative;
}

.event-blk:hover {
  transition-duration: 0.5s;
  box-shadow: -9px 8px 17px 5px #efefef;
  filter: grayscale(1);
}

.inner-page .event-content {
  padding: 0 20px;
}

.inner-page .event-time {
  position: absolute;
  right: 0;
  bottom: 0;
}

.inner-page .event-time p {
  margin-bottom: 0;
  background: #ffffffeb;
  padding: 1px 9px;
  box-shadow: -1px 0px 5px 3px #ffffff87;
  border-radius: 14px 0 0 0;
  font-size: 14px;
}

.inner-page .landmark {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 10px;
}

.inner-page .landmark p {
  font-size: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.inner-page .eventCount {
  margin-bottom: 30px;
}

.inner-page .event-date {
  padding: 0 20px;
}

.inner-page .event-blk .attachment {
  padding: 0;
  width: 30px;
  background: #fff;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-page .event-blk .attachment a {
  color: #022939;
}

.inner-page .event-date h6 {
  color: #747474;
  margin-bottom: 10px;
}

.inner-page .event-blk .landmark span {
  color: black;
  font-weight: 600;
}

.inner-page a {
  color: #ffffff;
  text-decoration: none;
}

.inner-page .event-content,
.landmark {
  padding: 0px 20px;
}

.inner-page .landmark {
  margin-bottom: 20px;
}

.inner-page .event-content h3 {
  margin-bottom: 13px;
  font-size: 21px;
}

.inner-page .years {
  display: none;
}

.inner-page .showYear {
  display: flex;
}

.inner-page .event-blk .attachment {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #0f4e8c;
  color: #fff;
  padding: 2px 5px;
}

.inner-page .attachment {
  color: #da2128;
  text-align: right;
}

.inner-page .attachment a i {
  color: #fff;
}

.inner-page .attachment i {
  color: #fff;
}


.inner-page .event-date {
  position: absolute;
  bottom: 0;
  left: -5px;
  z-index: 9;
}

.inner-page .event-date h3 {
  font-size: 14px;
  margin-bottom: 0;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #ffffff;
  background: #0c8942;
  padding: 6px 14px;
  /* border-radius: 5px; */
  box-shadow: 4px 7px 5px 0px #00000087;
  font-family: "Roboto", savbps-serif;
}

.inner-page .event-time {
  position: absolute;
  right: 0;
  bottom: 0;
}

.inner-page .newsCount {
  margin-bottom: 0px;
}

.news-head {
  display: flex;
  align-items: center;
}

.news-head h2 {
  padding-right: 20px;
  border-right: 1px solid #c5c5c5;
  margin-right: 20px;
  background: #e5e5e5;
  padding: 4px 10px;
}

.news-head h3 {
  font-weight: 500;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 14px;
  color: #000000;
  position: relative;
}

.news-blk {
  margin-bottom: 15px;
  padding-right: 30px;
  padding-bottom: 30px;
  width: 97%;
  box-shadow: 9px 11px 5px 0px #dddddd3d;
  position: relative;
  overflow: hidden;
  padding: 20px;
  box-shadow: 0px 0px 12px 0px #e7e7e7;
  border: 4px double #b5b5b5;
  transition: 0.5s;
}

.news-blk:before {
  content: "";
  position: absolute;
  top: -40px;
  right: -8px;
  width: 100px;
  height: 100px;
  background: #ecf9ff;
  border-radius: 50%;
}

.attachment {
  background: #cb1107;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 5px;
}

.news-content p {
  margin-bottom: 11px;
  max-height: 157px;
  overflow-y: scroll;
}

.news-content p::-webkit-scrollbar {
  width: 0;
}

.news-blk:hover {
  box-shadow: rgb(0 0 0 / 5%) 0px 2px 1px, rgb(0 0 0 / 5%) 0px 4px 2px,
    rgb(0 0 0 / 5%) 0px 8px 4px, rgb(0 0 0 / 5%) 0px 16px 8px,
    rgb(0 0 0 / 5%) 0px 32px 16px;
}

.news-head h2 span {
  display: block;
  color: #153168;
  font-size: 18px;
  text-align: center;
}

.newsCount:nth-child(4n + 1)>div {
  border-left: 3px solid #fff27e;
}

.newsCount:nth-child(4n + 2)>div {
  border-left: 3px solid #ceb2ff;
}

.newsCount:nth-child(4n + 3)>div {
  border-left: 3px solid #ff928f;
}

.newsCount:nth-child(4n + 4)>div {
  border-left: 3px solid #ffb470;
}


.gallery-blk {
  height:200px;
  object-fit: contain;
  position: relative;
  overflow: hidden;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
    margin-bottom: 15px;
}

.gallery-blk img {
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    position: relative;
    box-shadow: 0px 0px 19px 0px #00000054;
    border: 2px solid white;
    background: #e5e5e5;
    height: 200px;
    object-fit: contain;
    object-position: center;
}




.backDiv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: blur(3px);
  background-size: 100% 100% !important;
}

.row.tabs-dynamic p {
  margin-bottom: 0;
}

.gallery-date h6 {
  font-size: 35px !important;
  color: white;
}

.gallery-date h6 span {
  text-align: center;
  display: block;
  font-size: 13px;
}

.row.tabs-dynamic select {
  width: 100%;
  border: 0px;
  background: transparent;
  padding: 8px 5px;
  border-bottom: 1px solid #b6b6b6;
}

.row.tabs-dynamic input {
  padding: 9px 5px;
  width: 100%;
  border: 0px;
  border-bottom: 1px solid #b6b6b6;
  background: transparent;
}

.gallery-title h3 {
  font-size: 20px;
  color: #004a8d;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.gallery-title p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 26px !important;
  font-size: 17px !important;
  margin-bottom: 10px;
  text-align: left;
}

.gallery-content {
  padding: 10px 10px;
}

.gallery-inner:hover {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.gallery-inner img:hover {
  scale: 1.1;
  transition: 0.3s;
}

.gallery-inner {
  background: #f1f1f1;
  margin-bottom: 30px;
  box-shadow: 7px 6px 12px -4px #ddd;
  position: relative;
  transition: 0.3s;
}

a.view-more {
  color: #000;
  background: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 20px;
  display: block;
  width: max-content;
  margin: auto;
  text-decoration: none;
  margin-top: 20px;
  transition: 0.5s;
  font-size: 13px;
}

a.view-more:hover {
  background: #c0eaff;
}

.gallery-inner h6 span {
  color: #e5ac00;
  font-size: 15px;
}

.gallery-inner h6 {
  font-size: 15px;
}

.gallery-date {
  position: absolute;
  top: 0;
  left: 0;
  background: #003b72;
  padding: 5px 5px;
  border: 3px ridge #cbcbcb;
}

.gallery-date h6 {
  margin-bottom: 0;
}

.gall-num {
  position: absolute;
  right: 0;
  top: 51%;
  background: #e89d72;
  padding: 10px 10px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  color: white;
}

.gall-num h6 {
  margin-bottom: 0;
  color: white;
}

.gallery-blk a {
  color: inherit;
}

.sub-gall .gallery-blk {
  height: 180px;
  margin-bottom: 20px;
}

.gallery-blk .gallery-title h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/*--------------------------------------------------------------
Gallery Sec
--------------------------------------------------------------*/
/*.gal-sec{padding:80px 0 50px;background:#f4f5f9}*/
.gallery-sec .project-area {
  position: relative;
  display: block;
  padding: 80px 0 160px;
  background-color: #e5eff2;
  z-index: 1;
}

.gallery-sec .project-area:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 370px;
  background-color: #fff;
  z-index: -1;
}

.gallery-sec .project-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  mix-blend-mode: soft-light;
  opacity: 0.6;
  z-index: -1;
}

.gallery-sec project-item-wrap .row .col-20 {
  width: 20%;
  flex: 0 0 auto;
  padding: 0 15px;
}

.project-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}

.gallery-sec .project-thumb {
  border-radius: 10px;
  overflow: hidden;
}

.gallery-sec .project-thumb img {
  border-radius: 10px;
  transition: 0.3s linear;
  transform: scale(1);
}

.gallery-sec .img-blur.active .project-thumb img {
  filter: grayscale(100%);
}

.gallery-sec .project-item:hover .project-thumb img {
  transform: scale(1.1);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

.gallery-sec .project-content {
  text-align: center;
  position: absolute;
  background: #fff;
  left: 40px;
  right: 40px;
  bottom: 35px;
  border-radius: 5px;
  transition: 0.3s;
  padding: 17px 10px;
  transform: translateY(200px);
}

.gallery-sec .project-item:hover .project-content {
  transform: translateY(0);
}

.gallery-sec .project-content .title {
  margin-bottom: 5px;
  font-size: 18px;
}

.gallery-sec .project-content span {
  display: block;
  color: #015fc9;
  letter-spacing: 1px;
  line-height: 1.2;
}

.gallery-sec .project-content .title a {
  margin-bottom: 5px;
  font-size: 18px;
  color: #1b1d21;
}

.gallery-sec .img-blur.active .project-thumb img {
  filter: grayscale(100%);
}

.gallery-sec .custom-container-two {
  max-width: 1890px;
}

.gallery-sec .project-area {
  position: relative;
  z-index: 1;
  padding: 80px 0px 80px 0px;
}

.gallery-sec .project-area a.as-btn {
  display: block;
  width: max-content;
  margin: 0 auto;
}

.gallery-sec .fix {
  overflow: hidden;
}

.gallery-sec .pb-85 {
  padding-bottom: 85px;
}

.gallery-sec .pt-115 {
  padding-top: 115px;
}

.gallery-sec .gal-big img {
  height: 390px;
  width: 100%;
}

.gallery-sec .gal-small img {
  height: 360px;
  width: 100%;
}

/* inrhgt */
.inrhgt {
  min-height: 600px;
  padding: 40px 130px 40px;
  margin-bottom: 30px;
}

/* topper x xii */
section.inner-section {
  padding: 50px 0 100px;
  min-height: 465px;
}

.inner-section .tabs-dynamic {
  margin-bottom: 40px;
  background: #f1f1f1;
  padding: 15px;
}

.count-val p {
  margin-bottom: 0;
}

.inner-section .tabs-dynamic .month-selection select.monthSelect,
.month-selection select,
.searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

.inner-section .tabs-dynamic .month-selection select.monthSelect,
.month-selection select,
.searchBox input {
  width: 90%;
  padding: 10px 11px;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-radius: 5px;
}

section.inner-section .topper-section {
  margin-bottom: 20px;
}

.services-style-current-theme {
  background: #fff;
  padding: 15px 10px;
  border-radius: 20px;
  box-shadow: 0 0 30px rgb(156 154 154 / 11%);
  height: 324px;
  margin: 4px;
  border: dotted 1px #af0000;
}

.services-style-current-theme .topper-service .thumb {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
}

.services-style-current-theme .topper-service .thumb::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.services-style-current-theme .topper-service .thumb img {
  overflow: hidden;
  z-index: 2;
  object-fit: contain;
  background: #f8f8f8;
  width: 150px;
  height: 150px;
}

.services-style-current-theme .topper-service .thumb img:hover {
  border: 5px solid #af0000;
}

.inner-section img {
  width: auto;
  margin: auto;
  display: block;
}

.rounded-circle {
  border-radius: 50% !important;
}

.topper-section h4.title {
  color: #000;
  font-family: "Fjalla One", savbps-serif;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  margin-bottom: 15px;
}

.topper-service p {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  color: #0c0b0b;
  text-transform: uppercase;
  font-size: 15px;
}

.topper-info-list {
  margin-bottom: 0px;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.msg-sec {
  margin: 0px;
}

.msg-sec article {
  padding: 0px 50px;
}

.msg-sec .data-msg {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
  top: 10px;
}

.msg-sec article img {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  margin-right: 30px;
  padding: 10px;
  /* background: #ffd451; */
  background: #f7b94e;
  /* box-shadow: -14px 0px 0px 0px #1f613d; */
  object-fit: cover;
  object-position: top;
}

.msg-sec article .img-sec {
  position: relative;
}

.msg-sec article .img-sec::after {
  content: "";
  position: absolute;
  background: #ffd451;
  height: 30px;
  width: 50px;
  bottom: 0px;
  left: 80px;
  transform: rotate(-61deg);
  z-index: -1;
  transition: all 0.5s;
}

.msg-sec article h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  padding: 10px;
  color: white;
}

.msg-sec article p {
  margin-bottom: 20px;
}

.msg-sec article p a {
  color: #1a6140;
}

.msg-sec article p a span {
  color: white;
  margin-left: 5px;
  transition: 0.5s;
  /* animation: mymove 5s infinite; */
}

@keyframes mymove {
  from {
    margin-left: 0px;
  }

  to {
    margin-left: 15px;
  }
}

.msg-sec article p a:hover {
  color: red;
}

.msg-sec article p a:hover span {
  margin-left: 10px;
  animation-play-state: paused;
}

.msg-sec article h3 {
  margin: 0px;
  border-bottom: dashed 1px #000;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 30px;
}

@media screen and (max-width: 576px) {
  .msg-sec article .img-sec {
    margin: 25px;
  }

  .msg-sec .data-msg {
    flex-direction: column;
  }
}

.gallery-sec .gal-big-home img {
  height: 300px;
  object-fit: cover;
}

.gallery-sec-home {
  padding: 3rem 0 30px;
}

/* topper , achievement, bday -- home page */

.toppers_sec h1 {
  text-align: center;
  color: #fff;
}

.toppers_sec h1 span a i {
  color: white;
}

.toppers_sec article {
  /* border: solid 1px #fff; */
  padding: 0px 16px;
  border-radius: 10px;
  position: relative;
  background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/trophy.jpg) no-repeat right bottom #fff;
  min-height: 330px;
  margin-bottom: 17px;
  margin-top: 0px;
}

.toppers_sec article img {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  padding: 3px;
  border: dotted 2px #d0d2d3;
  margin: auto;
  display: block;
}

.toppers_sec article h3 {
  color: #000;
  font-size: 18px;
  margin-top: 20px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.toppers_sec article h4 {
  font-size: 15px;
  background: #2aaff0;
  border-radius: 50px;
  padding: 5px;
  line-height: 27px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  max-width: 155px;
}

.toppers_sec article h5 {
  font-size: 15px;
  text-align: center;
  color: #000;
  background: #ffbc00;
  border-radius: 50px;
  padding: 5px;
  line-height: 25px;
  max-width: 70px;
}

.toppers_sec h2 {
  font-size: 19px;
  text-align: center;
  color: #fff;
  background: #d10300;
  border-radius: 50px;
  /* position: absolute; */
  right: 0;
  line-height: 46px;
  padding: 0 12px;
  border: solid 2px #fcd34d;
  width: 50px;
  height: 50px;
  float: right;
  margin-top: -25px;
}

.toppers_sec .data_sec {
  margin-bottom: 20px;
}

.achi_sec h1 {
  text-align: center;
  color: #fff;
}

.achi_sec article {
  border-radius: 10px;
  position: relative;
  /* margin-top: 70px; */
  background: #ffd34d;
  padding-bottom: 25px;
  height: 380px;
}

.achi_sec .img_frame {
  padding-top: 30px;
}

.achi_sec .img_frame_sec {
  margin: 0;
  position: relative;
}

.achi_sec .achi_img {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  margin: auto;
  display: block;
  border: dotted 2px #fffffe;
  object-fit: cover;
}

.achi_sec article h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  top: -42px;
  text-align: center;
}

.data_sec h3 {
  margin-top: 25px;
  font-weight: 400 !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  color: #000;
  font-size: 19px;
}

.data_sec h5 {
  text-align: center;
  color: #000;
  font-size: 14px;
}

.birthday_sec h1 {
  text-align: center;
  color: #fff;
}

.birthday_sec article {
  padding: 16px;
  border-radius: 10px;
  position: relative;
  min-height: 380px;
  background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/birthday.jpg) center no-repeat #fff;
  background-size: cover;
}

.birthday_sec article img {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  margin: auto;
  display: block;
  margin-top: 65px;
  border: dotted 2px #e1e1e1;
  padding: 9px;
  margin-bottom: 19px;
}

.birthday_sec article h3 {
  color: #000;
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  width: 90%;
  margin: auto;
}

.birthday_sec article h4 {
  font-size: 15px;
  line-height: 27px;
  text-align: center;
  color: #0078cd;
  margin-top: 4px;
}

.toppers-main {
  padding: 200px 0 160px;
  background-color: #2aaff0;
  position: relative;
  /* background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/white-waves.jpg)
    #ffe; */
}

.toppers-main:after {
  content: "";
  height: 195px;
  width: 100%;
  /* background: url(https://webapi.entab.info/api/image/GDGGB/public/Images/wave-svg.png)
    repeat-x scroll 0 0; */
  background-size: 1160px 168px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: an-wave 20s linear infinite;
  -moz-animation: an-wave 20s linear infinite;
  -o-animation: an-wave 20s linear infinite;
  animation: an-wave 20s linear infinite;
}

.toppers-main:before {
  content: "";
  height: 125px;
  width: 100%;
  /* background: url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/animation-wave-shadow/Images/wave.svg)
    repeat-x scroll 0 0; */
  background-size: 1160px 168px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-filter: drop-shadow(5px -10px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(5px -10px 3px rgba(0, 0, 0, 0.2));
  -webkit-animation: an-wave 20s linear infinite;
  -moz-animation: an-wave 20s linear infinite;
  -o-animation: an-wave 20s linear infinite;
  animation: an-wave 20s linear infinite;
}

@-webkit-keyframes an-wave {
  100% {
    background-position-x: -1600px;
  }
}

@-moz-keyframes an-wave {
  100% {
    background-position-x: -1600px;
  }
}

@-o-keyframes an-wave {
  100% {
    background-position-x: -1600px;
  }
}

@keyframes an-wave {
  100% {
    background-position-x: -1600px;
  }
}

a.moredetailsclick {
  color: #b42729;
}

.centered-link {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.centered-link a {
  font-size: 18px;
  font-weight: bold;
  color: #0078cd;
  text-decoration: none;
}

.toppers_sec article h3 {
  color: #e51520;
}

.topperbg {
  background: #fff;
  border-radius: 5px;
  --bs-gutter-x: 0;
}

.toppers_sec h1,
.achi_sec h1,
.birthday_sec h1 {
  margin-bottom: 30px;
}

.achi_sec #achievement-carousel .data_sec h3 {
  color: #e51520;
}

.birthday_sec #birthday-carousel .data_sec h3 {
  color: #e51520;
}

.centered-link a,
.centered-link i {
  color: #e51520;
}

/* modal pop */


.gallery-sec-home a i {
  color: #e51520;
}