/*

:root {
  --black: rgba(0, 0, 0, 1);
  --fun-green: rgba(3, 101, 42, 1);
  --log-cabin: rgba(34, 33, 33, 1);
  --boulder: rgba(121, 121, 121, 1);
  --cloud: rgba(197, 197, 197, 1);
  --white: rgba(255, 255, 255, 1);
  --frost: #ECFBD8;
  --pink: #FFCBCB;
  --pipi: #FFF7CB;


  --font-size-m: 16px;
  --font-size-l: 24px;
  --font-size-xl: 26px;
  --font-size-xxl: 27px;
  --font-size-xxxl: 28px;
  --font-size-xxxxl: 32px;
  --font-size-xxxxxl: 40px;

  --font-family-rubik: "Rubik";
  --font-family-teko: "Teko";
}

body *{
  font-family: teko;
}

.teko-normal-boulder-27px {
  color: var(--boulder);
  font-family: var(--font-family-teko);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  font-style: normal;
}
.teko-normal-log-cabin-26px {
  color: var(--log-cabin);
  font-family: var(--font-family-teko);
  font-size: var(--font-size-xl);
  font-weight: 400;
  font-style: normal;
}  


.dashboard {
  align-items: flex-end;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-height: 1024px;
  width: 1440px;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

.frame-61 {
  align-items: flex-start;
  display: flex;
  height: 754px;
  margin-top: 2px;
  width: 1440px;
  z-index: 2;
}

.overlap-group2 {
  align-items: flex-start;
  background-image: url(https://anima-uploads.s3.amazonaws.com/projects/63918c839c3dec59d09f6953/releases/63918e8045e4ef0286b25d2c/img/group-4562-2@1x.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  min-height: 754px;
  padding: 11px 68px;
  width: 1440px;
}

.frame-134 {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  height: 650px;
  overflow: hidden;
  width: fit-content;
}

.governing-body {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 11px;
  height: 648px;
  padding: 12px 20px 22px;
  width: 305px;
}

.frame-11-7 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: -5.5px;
  margin-right: -5.5px;
  width: fit-content;
}

.central-coordination-committee {
  color: var(--log-cabin);
  font-family: var(--font-family-teko);
  font-size: 27px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.frame-87-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 524px;
  margin-left: -5.5px;
  margin-right: -5.5px;
  overflow: hidden;
  overflow-y: scroll;
  width: fit-content;
}

.frame-87-3::-webkit-scrollbar {
  display: none;
  width: 0;
}

.profile_card-1 {
  align-items: center;
  background-color: 
#e3e9ba;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 368px;
  justify-content: center;
  margin-left: -1px;
  margin-right: -1px;
  padding: 0px 13px;
  width: 278px;
}

.frame-14 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
}

.image-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mask-group {
  height: 131px;
  min-width: 131px;
}

.name-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.frame-1-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  width: fit-content;
}

.chief-coordinator-c {
  color: 
#2a2737;
  font-family: var(--font-family-oswald);
  font-size: var(--font-size-m);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.brg-gen-md-rezaul-islam {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.span1-1 {
  color: var(--log-cabin);
  font-family: var(--font-family-teko);
  font-size: var(--font-size-m);
  font-weight: 500;
}

.director-education-directorate {
  color: 
#0e0e10;
  font-family: var(--font-family-teko);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-12-2 {
  align-items: center;
  background-color: var(--fun-green);
  display: flex;
  justify-content: center;
  padding: 2px 24px;
  width: fit-content;
}

.read-more-2 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.profile_card {
  align-items: center;
  background-color: 
#b6f0ad;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 368px;
  justify-content: center;
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  padding: 0px 13px 9px;
  width: 278px;
}

.image-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.name-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.chairman-central-co {
  color: 
#19171e;
  font-family: var(--font-family-oswald);
  font-size: var(--font-size-m);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.frame-11-8 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
  width: fit-content;
}

.lt-gen-ataul-hakim-sarwar-hasan {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.span1 {
  color: var(--log-cabin);
  font-family: var(--font-family-teko);
  font-size: 19px;
  font-weight: 500;
  line-height: 20px;
}

.span0 {
  line-height: 28px;
}

.chief-of-general-staff {
  color: 
#1c1c1c;
  font-family: var(--font-family-teko);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.read-more-1 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-132 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-bottom: -37px;
  width: fit-content;
}

.frame-106 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  height: 599px;
  overflow: hidden;
  overflow-y: scroll;
  width: fit-content;
}

.frame-106::-webkit-scrollbar {
  display: none;
  width: 0;
}

.notice-5 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 11px;
  height: 251px;
  padding: 12px 20px 22px;
  width: 972px;
}

.notice-board-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.notice-board-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 11px;
  height: 227px;
  margin-bottom: -10px;
  overflow-y: scroll;
}

.card-title_3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 8px;
  height: 50px;
}

.arrow {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.text-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: right;
  width: fit-content;
}

.name {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 7px;
  justify-content: center;
}

.general-information {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: 262px;
}

.frame-87 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 166px;
  overflow: hidden;
  overflow-y: scroll;
}

.frame-87::-webkit-scrollbar {
  display: none;
  width: 0;
}

.notice-6 {
  align-items: center;
  align-self: stretch;
  background-color: var(--pink);
  cursor: pointer;
  display: flex;
  gap: 12px;
  padding: 16px 16px 16px 0px;
}

.name-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.frame-12 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  width: fit-content;
}

.frame-2 {
  align-items: center;
  display: flex;
  gap: 8px;
  width: fit-content;
}

.download {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.text-2 {
  letter-spacing: 0;
  line-height: normal;
  text-align: right;
  width: fit-content;
}

.view {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.text {
  letter-spacing: 0;
  line-height: normal;
  width: fit-content;
}

.frame-1 {
  align-items: flex-start;
  display: flex;
  width: fit-content;
}

.title-01-lorem-ipsum-dolor {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.frame-75 {
  align-items: flex-start;
  background-color: var(--buttercup);
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 4px 13px;
  width: 70px;
}

.x19-june {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -6.5px;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.notice-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--pink);
  display: flex;
  gap: 12px;
  padding: 16px 16px 16px 0px;
}

.view-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.download-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.title-01-lorem-ipsum-dolor-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.title-01-lorem-ipsum-dolor-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.view-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.download-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.notice {
  align-items: center;
  align-self: stretch;
  background-color: var(--frost);
  display: flex;
  gap: 12px;
  padding: 16px 16px 16px 0px;
}

.frame-75-1 {
  align-items: flex-start;
  background-color: var(--inchworm);
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 4px 13px;
  width: 70px;
}

.view-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.download-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.title-01-lorem-ipsum-dolor-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.download-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.view-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.title-01-lorem-ipsum-dolor-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  width: fit-content;
}

.bottom-part {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 11px;
  height: 354px;
  padding: 12px 20px 22px;
  width: 972px;
}

.policy {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 11px;
  height: 320px;
}

.frame-87-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.frame-87-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 260px;
  margin-bottom: -1px;
  overflow: hidden;
  overflow-y: scroll;
}

.frame-1-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.notice-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--frost);
  border-radius: 8px 0px 0px 8px;
  display: flex;
  gap: 204px;
  padding: 0px 8px 0px 0px;
}

.name-3 {
  align-items: center;
  display: flex;
  gap: 11px;
  width: 207px;
}

.frame-11-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  padding: 3px 0px;
}

.title-01-lorem-ipsum-is-simply-du {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -110px;
  margin-top: -1px;
  width: fit-content;
}

.rectangle-2111 {
  align-self: stretch;
  background-color: var(--fun-green);
  border-radius: 8px 0px 0px 8px;
  height: 38px;
  min-width: 8px;
}

.notice-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--pink);
  border-radius: 8px 0px 0px 8px;
  display: flex;
  gap: 204px;
  padding: 0px 8px 0px 0px;
}

.title-01-lorem-ipsum-is-simply-du-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -335px;
  margin-top: -1px;
  width: fit-content;
}

.rectangle-2111-1 {
  align-self: stretch;
  background-color: var(--alizarin-crimson);
  border-radius: 8px 0px 0px 8px;
  height: 38px;
  min-width: 8px;
}

.notice-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--pipi);
  border-radius: 8px 0px 0px 8px;
  display: flex;
  gap: 204px;
  padding: 0px 8px 0px 0px;
}

.rectangle-2111-2 {
  align-self: stretch;
  background-color: var(--buttercup);
  border-radius: 8px 0px 0px 8px;
  height: 32px;
  min-width: 8px;
}

.frame-11-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
}

.title-01-lorem-ipsum-is-simply-du-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: -87px;
  margin-top: -1px;
  width: fit-content;
}

.frame-11-5 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: -104px;
  width: fit-content;
}

.general {
  align-items: flex-start;
  background-color: 
#eae9e9;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 11px;
  height: 320px;
  padding: 0px 8px;
}

.frame-107 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: fit-content;
}

.school-college-card-3 {
  align-items: center;
  background-color: 
#e9d8cb;
  display: flex;
  gap: 30px;
  height: 90px;
  padding: 0px 8px 6px 12px;
  width: 281.5px;
}

.name-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 64px;
  width: fit-content;
}

.frame-11-3 {
  align-items: flex-end;
  display: flex;
  width: fit-content;
}

.cantonement-public-s {
  letter-spacing: 0;
  line-height: 31px;
  margin-top: -1px;
  width: fit-content;
}

.frame-21-1 {
  height: 24px;
  margin-bottom: -22px;
  min-width: 78px;
}

.frame-12-1 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 7px;
  justify-content: center;
  padding: 8px 0px 0px;
}

.frame-21-3 {
  align-items: center;
  background-color: 
#e68619;
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  width: fit-content;
}

.school-college-card-2 {
  align-items: center;
  background-color: var(--mint-tulip);
  display: flex;
  gap: 30px;
  height: 90px;
  padding: 0px 8px 6px 12px;
  width: 281.5px;
}

.frame-21-2 {
  align-items: center;
  background-color: var(--fun-green);
  display: flex;
  gap: 8px;
  padding: 6px 10px;
  width: fit-content;
}

.frame-11-6 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: -112px;
  width: fit-content;
}

.notice-board-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 11px;
  height: 320px;
  overflow-y: scroll;
  width: 262px;
}

.notice-board-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.frame-87-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.frame-87-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 260px;
  margin-bottom: -1px;
  overflow-y: scroll;
  width: 262px;
}

.frame-3 {
  background-image: url(https://anima-uploads.s3.amazonaws.com/projects/63918c839c3dec59d09f6953/releases/63918e8045e4ef0286b25d2c/img/group-4905@2x.png);
  background-size: 100% 100%;
  height: 260px;
  min-width: 260px;
}

.frame-151 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 20px;
  position: relative;
  top: 22px;
  width: fit-content;
}

.school-college-card {
  align-items: center;
  align-self: stretch;
  background-color: 
#187a62;
  display: flex;
  gap: 30px;
  padding: 0px 8px 6px 12px;
}

.name-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: fit-content;
}

.frame-11 {
  align-items: center;
  display: flex;
  width: fit-content;
}

.focul-point-officer {
  letter-spacing: 0;
  line-height: 31px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.frame-21 {
  align-items: center;
  background-color: var(--fun-green);
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 12px 10px;
  width: fit-content;
}

.text-1-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -3.5px;
  margin-top: -5.5px;
  text-align: right;
  transform: rotate(90deg);
  width: fit-content;
}

.school-college-card-1 {
  align-items: center;
  background-color: var(--buttercup);
  cursor: pointer;
  display: flex;
  gap: 30px;
  padding: 0px 8px 6px 12px;
  width: 220px;
}

.officers-in-edn-dte {
  letter-spacing: 0;
  line-height: 31px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.card-title_3-2 {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 50px;
  width: 247px;
}

.name-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 7px;
  justify-content: center;
  width: 155px;
}

.frame-11-4 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: -107px;
  width: fit-content;
}

.gen-info {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  gap: 11px;
  height: 180px;
  padding: 12px 20px 22px;
  width: 972px;
}

.notice-board {
  align-items: flex-end;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 9px;
  height: 127px;
}

.frame-12-4 {
  align-items: center;
  background-color: var(--fun-green);
  display: flex;
  justify-content: flex-end;
  margin-bottom: -28px;
  padding: 2px 24px;
  width: fit-content;
}

.read-more {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-106-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 114px;
  width: fit-content;
}

.card-title_3-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 42px;
  width: 278px;
}

.name-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: fit-content;
}

.general-information-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.body-text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 113px;
  margin-bottom: -41px;
  width: 932px;
}

.lorem-ipsum-is-simpl {
  align-self: stretch;
  color: var(--log-cabin);
  font-family: var(--font-family-teko);
  font-size: var(--font-size-xxxl);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1px;
  text-align: justify;
}

.profile {
  background-color: var(--white);
  border-radius: 16px;
  height: 71px;
  min-width: 970px;
  overflow: hidden;
}

.frame-container {
  align-items: center;
  background-image: url(https://anima-uploads.s3.amazonaws.com/projects/63918c839c3dec59d09f6953/releases/63918fe0ed5147c1e3b6ee6f/img/frame@1x.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 392px;
  height: 71px;
  justify-content: flex-end;
  min-width: 970px;
  padding: 4px 12px;
}

.frame-84 {
  align-items: center;
  align-self: flex-end;
  display: flex;
  gap: 14px;
  width: fit-content;
}

.surname {
  color: var(--log-cabin);
  font-family: var(--font-family-teko);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.image {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 61px;
}

.frame-8 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
}

.ellipse-2 {
  background-color: var(--fun-green);
  border-radius: 30.5px;
  height: 61px;
  min-width: 61px;
}

.frame-10 {
  align-self: stretch;
  height: 1px;
  margin-bottom: -1px;
  min-width: 61px;
}

.overlap-group {
  height: 53px;
  left: 4px;
  position: relative;
  top: -57px;
  width: 53px;
}

.person-1-1 {
  height: 38px;
  left: 7px;
  position: absolute;
  top: 8px;
  width: 38px;
}

.ellipse-1 {
  background-color: 
#c4c4c4;
  border-radius: 26px;
  height: 52px;
  left: 0;
  position: absolute;
  top: 0;
  width: 52px;
}

.frame-12-3 {
  align-items: center;
  background-color: var(--fun-green);
  display: flex;
  justify-content: flex-end;
  margin-top: 2px;
  padding: 2px 24px;
  width: fit-content;
}

.find-your-profile {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.menu {
  align-items: center;
  align-self: center;
  background-color: 
#f2f2f2;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin-right: 2px;
  margin-top: 5px;
  padding: 6px 125px;
  width: 1297px;
}

.frame-137 {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  margin-left: -86.5px;
  margin-right: -86.5px;
  width: fit-content;
}

.menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  justify-content: center;
  width: fit-content;
}

.home-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.home-6 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.home-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.home-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.home {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.home-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.home-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.menu-item-1 {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  width: fit-content;
}

.place {
  color: var(--fun-green);
  font-family: var(--font-family-teko);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.school-college-card-4 {
  align-items: center;
  background-color: var(--mint-tulip);
  cursor: pointer;
  display: flex;
  gap: 30px;
  left: 1081px;
  padding: 0px 8px 6px 12px;
  position: fixed;
  top: 901px;
  width: 276px;
  z-index: 4;
}

.members {
  letter-spacing: 0;
  line-height: 31px;
  margin-top: -1px;
  white-space: nowrap;
  width: fit-content;
}

.footer {
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
  margin-top: 19px;
  width: fit-content;
  z-index: 3;
}

.powered-by-army-hea {
  color: var(--storm-dust);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1px;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.top {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 208px;
  margin-right: 1px;
  width: fit-content;
  z-index: 1;
}

.top_bd_army {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 208px;
  justify-content: center;
  width: 1439px;
}

.frame-5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 208px;
  justify-content: center;
  margin-left: -0.5px;
  margin-right: -0.5px;
  margin-top: -2px;
  padding: 0px 290px;
  width: 1440px;
}

.logo-army-1 {
  height: 108.43px;
  min-width: 115px;
}

.frame-4 {
  align-items: center;
  display: flex;
  gap: 95px;
  height: 60px;
  justify-content: center;
  width: 859px;
}

.frame {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: -19.5px;
  margin-top: -19.5px;
  width: fit-content;
}

.image-2 {
  height: 99px;
  min-width: 90px;
  object-fit: cover;
}

.image-1 {
  height: 99px;
  min-width: 90px;
  mix-blend-mode: multiply;
}

.title {
  color: var(--black);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xxxxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  text-align: center;
  width: fit-content;
}

.frame-6 {
  background-color: var(--fun-green);
  height: 4px;
  margin-bottom: -2px;
  margin-left: -0.5px;
  margin-right: -0.5px;
  min-width: 1440px;
}


 */