/* ============================================================
   CSS CUSTOM PROPERTIES (Design Tokens from Figma)
   ============================================================ */
:root {
  --primary:        #006a62;
  --primary-nav:    #00715d;
  --primary-footer: #055a53;
  --primary-history:#01564f;
  --accent:         #fed65c;
  --accent-bright:  #ffcb00;
  --text-dark:      #303030;
  --text-body:      #313131;
  --text-mid:       #4b4b4b;
  --text-gray:      #909090;
  --text-lgray:     #d7d7d7;
  --border-gray:    #e2dee9;
  --dark-gray:      #2a282f;
  --white:          #ffffff;
}

/* ============================================================
   GLOBAL RESET & BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Inter', sans-serif;
  color: var(--text-body);
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
ul,ol{    list-style: none;
    padding: 0;
    margin: 0;}
img { max-width: 100%;  }
.placeholder { background: transparent;}
a   { text-decoration: none; }

/* ============================================================
   HERO SECTION
   ============================================================ */
.hero-section {
  position: relative;
  height: 874px;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
}
.hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* --- Navbar --- */
.site-header {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 50;
  padding: 20px 0;
}

.main-nav { padding: 0; }

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--primary-nav);
  border-radius: 59px;
  padding: 0 38px;
  height: 38px;
  max-width: 1128px;
  margin: 0 auto;
}

.nav-logo { height: 28px; flex-shrink: 0; }
.nav-logo img { height: 100%; width: auto; object-fit: contain; }

.nav-links {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  align-items: center;
  gap: 36px;
}
.nav-links li a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: var(--white);
  padding: 6px 11px;
  border-radius: 100px;
  transition: background 0.2s;
  white-space: nowrap;
  display: block;
}
 
.nav-links li { position: relative;display: inline-block;}
.nav-links li:hover a{     background: var(--accent);    color: var(--primary); }

.nav-links li .submenu {
  background: var(--accent); 
    min-width: 220px;
    position: absolute;
    left: 0;
    z-index: 99;
    -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
    margin: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s ease-in;
    -khtml-transition: 0s ease-in;
    transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
    -webkit-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
    -moz-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
    transform-origin: top;
    -webkit-transform-origin: top;border-radius: 20px;
  padding: 5px;
}

.nav-links li:hover .submenu {
    visibility: visible;
    opacity: 1;
    -webkit-opacity: 1;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}
.nav-links li .submenu li { display: block;}
.nav-links li .submenu li:hover a {    background: var(--primary-nav); color: #fff; }

/* --- Hero Content --- */
.hero-content {
  position: absolute;
  left: 148px;
  top: 110px;
  width: 469px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  text-align: center;
  align-items: center;
}

.hero-logo-banner {
  width: 265px;
  height: 112px;
  position: relative;
  z-index: 1;
}
.hero-logo-banner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
  .glass-box {    position: absolute;    top: 0;    left: 0; width: 100%; z-index: -1;}
  .ws-title-wrapper { display: none;}
.hero-text {
  padding: 12px 39px;
  text-align: center;
  /* background: url(/images/Frame215.png) no-repeat; */
  height: 628px;
  width: 469px;
  margin-top: -160px;
}
.hero-text h1 {
  
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: center;
 

  color: var(--accent);
text-align: center;
font-family: "Allrounder Monument Test", serif;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 45px;
text-transform: uppercase; margin-top: 30px;
}
 .hero-content{    background: #00000075;
    border-radius: 10px;
    border: 1px solid #ffffff40;}

.hero-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: var(--accent);
  text-transform: uppercase;
  text-align: center;
  margin: 8px 0 0;
}

/* --- Floating buttons (right edge of hero) --- */
.hero-social-btns {
  position: absolute;
  right: 0;
  top: 482px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.social-float-btn {
  background: var(--primary);
  color: var(--white);
  border: none;
  width: 58px;
  height: 56px;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}
.social-float-btn:first-child {
  border-radius: 50px 0 0 50px;
}
.social-float-btn:last-child {
  border-radius: 50px 0 0 50px;
}
.social-float-btn:hover { opacity: 0.85; }

/* ============================================================
   STATS BAR
   ============================================================ */
.stats-section {
  position: relative;
  z-index: 10;
  padding: 0 150px;
  margin-top: -60px;
}

.stats-container {
  max-width: 1128px;
  margin: 0 auto;
}

.stats-bar {
  background: var(--accent);
  border-radius: 20px;
  height: 164px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 60px;
}

.stat-item {
  display: flex;
  align-items: center;
  gap: 13px;
}
.stat-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.stat-text {
  display: flex;
  flex-direction: column;
  font-family: 'Montserrat', sans-serif;
}
.stat-number {
  font-size: 32px;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
}
.stat-label {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: center;
}

/* ============================================================
   ABOUT / WELCOME SECTION
   ============================================================ */
.about-section {
  position: relative;
  height: 834px;
  overflow: hidden; margin-top: -104px;
}

.about-bg {
  position: absolute;
  inset: 0;
}
.about-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-inner {
  position: relative;
  height: 100%;
  padding: 0 150px;
}

.about-card {
  position: absolute;
  top: 173px;
  left: 155px;
  width: 480px;
  background: var(--primary);
  border-radius: 30px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.about-card h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: var(--white);
  font-size: 48px;
  line-height: 1;
  margin: 0;
}
.about-card h2 span {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
  display: block;
  margin-top: 4px;
}

.about-card p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--white);
  text-align: justify;
  margin: 0;
}

/* ============================================================
   SHARED BUTTONS
   ============================================================ */
.btn-yellow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent);
  color: var(--primary);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 24px;
  border-radius: 106px;
  align-self: flex-start;
  transition: opacity 0.2s;
  letter-spacing: 0.3px;
}
.btn-yellow:hover {   color: var(--primary);  background: #fff;}

.btn-accent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent);
  color: var(--primary);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 106px;
  height: 34px;
  transition: opacity 0.2s;
  white-space: nowrap;
}
.btn-accent:hover { opacity: 0.88; color: var(--primary); }

.btn-accent-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--accent);
  color: var(--primary);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 106px;
  height: 30px;
  transition: opacity 0.2s;
}
.btn-accent-sm:hover { background: var(--primary); color: #fff; }

.btn-teal-solid {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: var(--white);
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 106px;
  height: 34px;
  transition: opacity 0.2s;
  white-space: nowrap;
}
.btn-teal-solid:hover {     background: var(--accent); color: var(--white); }

/* ============================================================
   SHARED SECTION HEADER
   ============================================================ */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 16px;
}

.section-title-yellow {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 40px;
  color: var(--accent);
  text-transform: uppercase;
  line-height: 50px;
  margin: 0;
}

.section-title-teal {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 40px;
  color: var(--primary);
  text-transform: uppercase;
  line-height: 50px;
  margin: 0;
}

.section-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Navigation arrow pills */
.nav-arrows {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 106px;
  height: 34px;
}
.nav-arrows-yellow { background: var(--accent); }
.nav-arrows-teal   { background: var(--primary); }

.arrow-btn {
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  color: var(--primary);
  border-radius: 50%;
  transition: background 0.2s;
}
.arrow-btn:hover { background: rgba(0,0,0,0.1); }
.arrow-teal { color: var(--white); }

/* ============================================================
   NEWS & NOTICE
   ============================================================ */
.news-section {
  background: var(--primary);
  padding: 41px 0 60px;
}

.news-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 36px;
}

.news-grid {
  display: flex;
  gap: 13px;
  justify-content: center;
  flex-wrap: nowrap;
}

.news-card {
  background: var(--white);
  border-radius: 30px;
  padding: 10px;
  width: 367px;
  min-height: 390px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-shrink: 0; max-width: 360px;
}
.newsletter-grid .slick-slide { padding: 10px;}
.news-img {
  width: 100%;
  height: 186px;
  border-radius: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
  width: 100%;
  padding: 0 8px;
}

.news-body h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  text-align: center;
  margin: 0;
  width: 252px;
}

.news-date {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: var(--primary);
  text-align: center;
  display: block;
}

.news-body p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.31;
  color: var(--text-body);
  text-align: justify;
  width: 257px;
  margin: 0;
}

/* ============================================================
   PHOTO GALLERY
   ============================================================ */
.gallery-section {
  background: var(--white);
  padding-bottom: 24px;
}

.gallery-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 36px 0;
}

.gallery-mosaic {
  display: flex;
  gap: 10px;
  width: 100%;
  max-width: 1430px;
  height: 685px;
  overflow: hidden;
}

.gallery-left {
  flex: 0 0 66.4%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gallery-big {
  flex: 0 0 453px;
  height: 453px;
}

.gallery-bottom-row {
  flex: 1;
  display: flex;
  gap: 10px;
  min-height: 0;
}

.gallery-bottom-row .gallery-item {
  flex: 1;
}

.gallery-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gallery-right .gallery-item {
  flex: 1;
}

.gallery-item {
  overflow: hidden;
  border-radius: 0;
}
.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}
.gallery-item:hover img { transform: scale(1.04); }

/* ============================================================
   ANNUAL NEWSLETTER
   ============================================================ */
.newsletter-section {
  background: var(--white);
  padding: 40px 0;
}

.newsletter-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 36px;
}

.newsletter-grid {
  display: flex;
  gap: 24px;
}

.newsletter-card {
  flex: 1;
  border-radius: 12px;
  overflow: hidden;
  height: 128px;
  display: flex;
  flex-direction: column;
}

.newsletter-top {
  background: var(--primary);
  padding: 16px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  flex: 0 0 80px;
}

.newsletter-icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
  flex-shrink: 0;
}

.newsletter-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.newsletter-date {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: var(--white);
  letter-spacing: -0.64px;
  display: block;
}

.newsletter-name {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--text-lgray);
  letter-spacing: -0.56px;
  display: block;
}

.newsletter-bottom {
  background: var(--accent-bright);
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 48px;
  border-top: 0.5px solid var(--border-gray);
}

.newsletter-link {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: var(--dark-gray);
  white-space: nowrap;
  transition: color 0.2s;
}
.newsletter-link:hover { color: var(--primary); }
.newsletter-link i { font-size: 14px; }

.nl-divider {
  width: 1px;
  height: 15px;
  background: var(--border-gray);
  flex-shrink: 0;
}

/* ============================================================
   TODAY BIRTHDAY
   ============================================================ */
.birthday-section {
 
  padding: 24px 0 80px;
      
    background: url(/images/bdy-bg.jpg) no-repeat;
    background-size: cover;
    background-position: 0 289px;
    padding-bottom: 0;
    position: relative;
}
.birthday-section::after { content: ""; background: var(--accent); width: 100%; height: 67px; position: absolute; left: 0; bottom: 0;}
.birthday-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 36px;
}

.birthday-section-title {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 40px;
     color: var(--primary);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
  line-height: 50px;
}

.today-birthday-wrap {
  display: flex;
  justify-content: center;
}

.today-birthday-card {
  background: var(--accent);
  border-radius: 24px;
  width: 387px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding-bottom: 28px;
}

.birthday-card-top {
  position: relative;
  width: 100%;
  height: 279px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0;
}

.birthday-bg-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 139px;
  object-fit: cover;
}

.birthday-person-img {
  position: relative;
  z-index: 2;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  border: 8px solid rgba(134,134,134,0.5);
  overflow: hidden;
  margin-bottom: -38px;
}
.birthday-person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.birthday-card-info {
  text-align: center;
  padding: 24px 20px 0;
}
.birthday-card-info h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 32px;
  color: var(--text-dark);
  margin: 0;
  line-height: normal;
}
.birthday-card-info p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--text-mid);
  margin: 0;
  line-height: normal;
}

.birthday-greeting {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
}
.birthday-icon {
  width: 30px;
  height: 32px;
  object-fit: contain;
}
.birthday-greeting span {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #000;
}

/* ============================================================
   UPCOMING BIRTHDAYS
   ============================================================ */
.upcoming-section {
  background: var(--white);
  padding: 60px 0;
}

.upcoming-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 36px; position: relative; z-index: 1;
}

.upcoming-row {
  display: flex;

  align-items: flex-start;
  justify-content: center;
  padding: 10px;
  gap: 0;
}

.birthday-person {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.person-photo {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  border: 9px solid rgba(134,134,134,0.5);
  overflow: hidden;
  flex-shrink: 0;
}
.person-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.person-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
}
.person-name {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: var(--text-dark);
  display: block;
  line-height: normal;
}
.person-date {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--text-mid);
  display: block;
  line-height: normal;
}

.upcoming-divider {
  flex-shrink: 0;
  width: 1px;
  height: 106px;
  background: rgba(0,0,0,0.15);
  align-self: flex-start;
  margin-top: 0;
}

/* ============================================================
   HISTORY / FOOTER INFO CARD
   ============================================================ */
.history-section {
  background: var(--white);
  padding: 40px 60px;
}

.history-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 36px;
}

.history-card {
  background: var(--accent);
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  max-width: 984px;
  margin: 0 auto;
  height: 282px;
}

.history-photo {
  width: 297px;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.history-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.history-divider {
  flex-shrink: 0;
  width: 1px;
  height: 165px;
  background: rgba(0,0,0,0.18);
}

.history-content {
  flex: 1;
  padding: 0 16px;
}
.history-content h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 32px;
  color: var(--primary-history);
  margin-bottom: 7px;
}
.history-content p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  text-align: justify;
  margin: 0;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
  background: var(--primary-footer);
  padding: 37px 0 0;
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 36px;
}

.footer-cols {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
}

.footer-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.footer-col-map {
  flex: 1;
}

.footer-logo {  max-width: 400px; }
.footer-logo img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.footer-address {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: var(--white);
  text-transform: capitalize;
  line-height: 22px;
  margin: 0;
}

.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}
.contact-item span {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: var(--white);
  text-transform: capitalize;
}

.footer-social {
  display: flex;
  gap: 14px;
  align-items: center;
}
.social-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
   
  border-radius: 50%;
  color: var(--white);
  font-size: 18px;
  transition: background 0.2s;
}
.social-icon-link:hover {
  background: var(--accent);
  color: var(--primary);
}

.footer-heading {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 20px;
  color: var(--accent-bright);
  text-transform: uppercase;
  margin: 0;
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.footer-links li a {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: var(--white);
  text-transform: uppercase;
  transition: color 0.2s;
}
.footer-links li a:hover { color: var(--accent); }

.footer-map {
  width: 100%;
  height: 272px;
  border-radius: 20px;
  overflow: hidden;
}
.footer-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.footer-hr {
  border-color: rgba(255,255,255,0.2);
  margin: 28px 0 16px;
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  flex-wrap: wrap;
  gap: 8px;
}

.footer-bottom-links {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
}
.footer-bottom-links a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--white);
  white-space: nowrap;
  transition: color 0.2s;
}
.footer-bottom-links a:hover { color: var(--accent); }

.footer-credit {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: var(--white);
  margin: 0;
}
.footer-credit span { color: var(--accent-bright); }
.footer-credit a:hover span{ color: #fff;}

.footer-copy {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: var(--white);
  margin: 0;
  white-space: nowrap;
}
.sliderBox {
    position: relative;
    width: 100%;
    float: left;
    z-index: 0;
}
 .master-hdr,.masterIn {max-width: 1200px;    margin: 0 auto;    padding: 24px 36px 0;}
 .master-hdr { text-align: center;}
.site-header2 { position: relative;    padding: 0;}
.master-footer { width: 100%; float: left;}
#headtitle {
  
  
    text-align: center;
    /* text-align: left; */
    font-weight: 600;
    /* text-transform: capitalize; */
    background: #00715d;
    color: #fff;
    display: inline-block;
    padding: 3px 15px;
    font-size: 25px;
    margin-bottom: 13px;
}
.masterIn { min-height: 400px;}
.masterIn p { margin-bottom: 15px; }
 
.masterIn {
    width: 100%;
    max-width: 1170px;
    margin: 0px auto;
}

.masterIn {
  
    min-height: 380px;
 text-align: justify;
    
    color: #000;
    
    line-height: 26px;
    font-size: 18px;
    font-weight: 400; padding-bottom: 40px;
}

    .masterIn p {
        margin-bottom: 10px; text-align: justify;
    }

    .masterIn img {
        max-width: 100%;
    }


.accordionHeader_Y {
    color: #fff;
    background: #00715d url(/images/ajax-arrow1.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionHeaderSelected {
    color: #ffffff;
    background: #fed65c url(/images/ajax-arrow.png) 99% center no-repeat;
    padding: 10px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.accordionContent_Y {
    background-color: #fff;
    padding: 25px;
    padding-top: 22px;
    border: 1px solid #fed65c
}

.ipibdr {
    border: 2px solid #00715d;
}

.innerH2 {
    text-align: left;
    margin-bottom: 15px;
}

.innerImg {
    float: right;
    margin-left: 25px;
}

ul.innerUl li {
    padding-left: 40px;
    background: url(/images/ulbg.png) 0px 4px no-repeat;
    margin-bottom: 12px;
}


.innerTbl {
    width: 100%;
    border-collapse: collapse;
}

    .innerTbl tr:first-child {
        font-weight: bold;
    }

.innerTbl {
    width: 100%;
}

    .innerTbl tr td {
        padding: 5px;
    }

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

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

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

    .innerTbl1 tr th {
        background: #d1d5e3;
    }

    .innerTbl1 tr:nth-child(even) {
        background-color: #b4ffb6;
    }

.innerTbl tr th, .innerTbl tr td {
    border: 1px solid #dee2e6;
    padding: 5px;
}

.back-to-top {
    position: absolute;
    bottom: 12px;
    right: 10px;
    z-index: 999;
}

.innerH3 {
    color: #404e94;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.innerH4 {
    color: #404e94;
    font-size: 18px;
    font-weight: bold;
}
 
.faculty {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
    .faculty li {
        width: calc(33.33333% - 20px);
        margin: 10px 10px;
        position: relative;
    }
.Content_faculty {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 500;
     
    line-height: 21px;
    padding-bottom: 10px;
}

.boxShadow {
    box-shadow: 0px 0px 7px 0px rgb(71 71 71 / 75%) inset;
    -webkit-box-shadow: 0px 0px 7px 0px rgb(71 71 71 / 75%) inset;
    -moz-box-shadow: 0px 0px 7px 0px rgba(71,71,71,0.75) inset;
    padding: 1px 13px 20px 13px;
    margin-bottom: 20px;
}
.hd2 {
    margin-top: 15px;
    font-weight: bold;
    font-size: 20px;
    line-height: 37px;
    color: #00715d;
}.hd2 {
    border-bottom: 1px solid #00715d;
}
.ourPri {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
    .ourPri li {
        width: calc(33.33333% - 20px);
        margin: 10px 10px;
        position: relative;
        box-shadow: 0px 0px 7px 0px rgb(71 71 71 / 75%) inset;
        -webkit-box-shadow: 0px 0px 7px 0px rgb(71 71 71 / 75%) inset;
        -moz-box-shadow: 0px 0px 7px 0px rgba(71,71,71,0.75) inset;
        padding: 10px;
        text-align: center;
    }

.social {
	position: fixed;
	top: 150px;
	right: 10px;
	padding: 0;
	list-style: none;
	z-index: 99;
	width: 0px;
}
 
.social ul {
	padding: 0px;
	-webkit-transform: translate(-48px, 0);
	-moz-transform: translate(-48px, 0);
	-ms-transform: translate(-48px, 0);
	-o-transform: translate(-48px, 0);
	transform: translate(-48px, 0);
}

.social ul li {
	    display: flex;
	margin: 0px;
    margin-top: 10px;
 
	text-align: right;
	 
 
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.social ul li:first-child { margin-top: 0;}
.social ul li:hover {
	-webkit-transform: translate(-289px, 0);
	-moz-transform: translate(-289px, 0);
	-ms-transform: translate(-289px, 0);
	-o-transform: translate(-289px, 0);
	transform: translate(-289px, 0);
 
}
 .social ul li a {   color: #000;
font-family: Inter, serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;display: flex; text-transform: uppercase;
    flex-direction: row;
  }
.social ul li a .icons { display: inline-block;    width: 58px;    height: 56px;  margin-right: 5px;  text-align: center;
    padding-top: 8px;   border-radius: 28px 0px 0px 28px;  background: var(--primary);}
    .social ul li a .icons img { height: 35px;}
.social ul li a .text-2 { background: #fff;height: 58px;
padding: 8px 12px; text-align: left; width: 289px;    display: flex;
    align-items: center;
 }
    
@media only screen and (max-width: 767px)
{
.ourPri { flex-direction: column;}
 .ourPri li { width: auto;}
}


#slider_first .slides li img
{ 
}
#slider_first {
    margin-top: 20px;
    color: #3B3735;
    font: normal normal normal 18px/30px Helvetica;
}

#slider_first,
.switcher {
    width: 100%;
    float: left;
}
.switcher
{background: #006a62;
    padding: 7px 0px;
    border-radius: 22px;
    height: 42px;
}

    .switcher ul li {
        display: inline-block;
        line-height: 13px;
        float: left;
        border-right: 1px solid #fff;
        font-size: 14px;
        margin: 7px 0;
    }

        .switcher ul li:last-child {
        border-right: none;
        }

        .switcher ul li.flex-active {
            opacity: 1;
        }

        .switcher ul li a {
            
            display: inline-block;
            padding: 0 13px;
            color: #fff; font-weight:500;
           
            font-size: 15px;
        }

        .switcher ul li:first-child a {
        }

        .switcher ul li.flex-active a {
            color: #fff;
        }
.mgntop
{ margin-top:-122px;
}
.switcher1 {
    width: 100%;
    text-align: center;
}

    .switcher1 ul li {
        display: inline-block;
        margin: 0px 20px;
    }

        .switcher1 ul li a {
            color: #7a7a7a;
            font-size: 20px;
        }

        .switcher1 ul li.flex-active a {
            color: #404e94;
        }

.msgBox {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 150px;
}

    .msgBox h3 {
        text-align: center;
        font-size: 36px;
        color: #fff;
        font-weight: bold;
        padding-left: 190px;
        top: 71px;
        position: relative;
        margin-top: -26px;
    }

.boxx1 .Subscribebg {
    background: url(/images/Subscribe.svg) 0px 47px no-repeat;
    background-size: 100%;
    min-height: 343px;
    margin-top: 30px;
}

.FounderBox {
    background: url(/images/background-img4.png) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;    padding: 38px;
}
.mobile-bg {
    background: radial-gradient(51.9% 324.37% at 81.6% 50%, #FFFFFF 0%, #DFDFDF 73.64%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}
.FounderBox img {
    background: #404e94;
}
.FounderBox .Founder-name {
    font-weight: bold;    font-size: 30px;
}.FounderBox .Founder-name, .FounderBox p {
    color: #1e2d76;
}.FounderBox p {
    font-size: 20px;
    
    font-weight: 300;
}.founder-m {
    margin: 20px 0;
}
a.viewAll2 {
    display: inline-block;
    border: 3px solid #00715d;
    border-radius: 50px;
    padding: 0 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #00715d;
    line-height: 34px;
    text-transform: uppercase;
}a.viewAll2:hover {
    border: 3px solid #fed65c;
    color: #fed65c;
}

#app_scroll {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.custom-controls {
    float: left;
    text-align: center;
    height: 40px;
    width: 100%;
    position: relative;
}

#app_scroll .slides li p {
    color: #3B3735;
   
    font-size: 26px;
    font-weight: 300;
}

.custom-controls .flex-control-paging li a {
    width: 20px;
    height: 20px;
    background: #ff5248;
    border: 2px solid #ff5248;
}
.custom-controls .flex-control-paging li a.flex-active {
  
    background: #fff;
    border: 2px solid #0d47a1;
}
    .custom-controls .flex-control-paging li a:hover {
        background: #fff;
    }

.custom-controls .flex-control-nav li {
    margin: 0px 6px;
}

.escode {
    color: #404e94;
    font-size: 26px;
    font-weight: 600;
}

.scode {
    color: #000;
    font-size: 26px;
}

.ftext h2 {
    font: normal normal bold 36px/71px Times New Roman;
    color: #404e94;
    text-transform: uppercase;
    margin: 0;
}

.ftext h3 {
    font: normal normal bold 21px/1px Times New Roman;
    color: #404e94;
    margin: 0;
    margin-bottom: 25px;
}

.ftext p {
    font: normal normal normal 20px/32px Helvetica;
    color: #000;
    margin: 0;
    text-align: left;
    text-shadow: 0px 1px 2px rgb(226 226 233);
}


.t20 {
    font-size: 16px;
    text-align: left;
    color: #fff;
    font-weight: 300;
}

    .t20 b {
        color: #3B3735
    }

.f14b {
    font-size: 34px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}
ul.usefullink.mt-2 {
    width: 235px;
    margin: 0px auto;
    margin-top: 20px !important;
}

.usefullink li {
    display: block;
    background: url(/images/foooter_arrow.png) no-repeat left 3px;
    padding-left: 29px;
    margin-bottom: 10px;
    text-align: left;
}

    .usefullink li a {
        font-size: 16px;
        color: #fff;
        text-align: left;
        font-weight: 300;
    }

        .usefullink li a:hover {
            color: #ff5248;
        }

.custom-controls .flex-control-paging li a {background: #00715d;    border: 2px solid #00715d;}
.stdhd { width: auto;}
.scode { color: #404e94;}
   .tab_right{    position: absolute;
    z-index: 2;
    right: 10px;
    top: 137px; width: 230px;}

    .tab_right a{    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    color: #3a3a3c;
    padding: 5px;
    border: 2px solid #137fb7;
    border-radius: 40px;
    float: left;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;}
    
       .topper10 .slides li,  .topper12  .slides li    
       {  height:274px;
       }
     .FounderBox img {
    float: left;
    margin-right: 40px;
    padding: 10px;
    background: #fff;
}
.stdhd {
    border: 2px solid #00715d;
    border-radius: 15px;
    font-size: 16px;
    color: #fff;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: 22px;
    margin: 14px 0;
    display: inline-block;
    background: #00715d;
  
    text-align: center;
}
.noticeH {
    border-bottom: 1px solid #00715d;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: left;
    font-weight: 400; color: #00715d;
}
.noticeH {
    font-weight: bold;
}
.custom-navigation3 .flex-prev {
    position: absolute;
    top: 70px;
    left: 10px; z-index: 1;
}
.custom-navigation3 .flex-next {
    right: 22px;
    position: absolute;
    top: 70px; cursor: pointer; z-index: 1;
}
 
.custom-navigation3 .flex-next {
    right: 22px;
    position: absolute;
    top: 70px; cursor: pointer;z-index: 1;
}
 
.custom-navigation3 .flex-next {
    right: 22px;
    position: absolute;
    top: 70px; cursor: pointer;z-index: 1;
}
.achi .flex-next {
    top: 96px;
}
.achi .flex-prev {
    top: 96px;
}
#AchievementHome_lblAchievement, #facility { width: 100%;
    max-width: 547px;
    float: left;
    padding: 0 70px;
}
.custom-navigation3, .achi { position: relative;}
.infrs_up_img {
    width: 413px;
    height: 260px;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.boxx3 .text-right img { float: right;}
.msgpd { position: relative;}
.ftdo {
    background: var(--accent);
    padding-bottom: 30px;
    border-radius: 226px;
}
#slider_first p { text-align: justify;}