/* screen - packages */

/* ------Media Query--------- */

@media only screen and (max-width: 600px) {
  .packages {
    display: block !important;
  } 
}

.packages {
  align-items: center;
  background-color: var(--neutral-colorswhite);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.navbar-expand-lg .navbar-collapse .nav-link {
  font-family: 'Work Sans';
}

.packages .nav-list {
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  padding: 0px 0px 0px 2px;
  width: 271px;
}

.packages .place {
  letter-spacing: -0.54px;
  line-height: 22px;
  margin-top: -0.50px;
}

.packages .link-list {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.packages .link-list-1 {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.packages .features {
  letter-spacing: -0.54px;
  line-height: 22px;
  margin-top: -0.50px;
}

.packages .about {
  letter-spacing: -0.54px;
  line-height: 22px;
  margin-top: -0.50px;
}

.packages .master-primary-button {
  align-items: center;
  background: linear-gradient(180deg, rgb(175, 227, 239) 15.5%, rgb(89, 198, 241) 53.5%, rgb(91, 162, 239) 100%);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 11px 24px;
  position: relative;
}

.packages .frame-39677 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 56px;
  padding: 17px 0px;
  position: relative;
}

.packages .content-sections-v9 {
  align-items: center;
  background-color: var(--neutral-colorswhite);
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.packages .wrapper {
  align-items: center;
  background-color: var(--neutral-colorswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 31px 112px;
  position: relative;
  width: 1440px;
}

.packages .frame-39664 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 47px;
  margin-left: -34.50px;
  margin-right: -34.50px;
  position: relative;
}

.packages .frame-39659 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
  justify-content: center;
  position: relative;
  width: 1285px;
}

.packages .headings-1 {
  text-align: center;
}

.packages .paragraph {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.packages .group-39538 {
  height: 977px;
  position: relative;
  width: 1285px;
}

.packages .overlap-group3 {
  height: 977px;
  position: relative;
}

.packages .group-38210 {
  align-items: flex-end;
  display: flex;
  height: 107px;
  left: 380px;
  min-width: 850px;
  position: absolute;
  top: 0;
}

.packages .mask-group {
  height: 64px;
  margin-bottom: 5.4px;
  width: 64px;
}

.packages .asset-40-1 {
  height: 67px;
  margin-bottom: 0.68px;
  margin-left: 180px;
  object-fit: cover;
  width: 64px;
}

.packages .frame-container {
  height: 66px;
  margin-left: 146px;
  position: relative;
  width: 150px;
}

.packages .frame-39714 {
  align-items: flex-end;
  background-color: var(--neutral-colorswhite);
  display: flex;
  height: 47px;
  left: 0;
  min-width: 46px;
  position: absolute;
  top: 9px;
}

.packages .asset-40-2 {
  height: 52px;
  margin-bottom: -5.13px;
  object-fit: cover;
  width: 50px;
}

.packages .frame-39712 {
  align-items: flex-end;
  background-color: var(--neutral-colorswhite);
  display: flex;
  height: 47px;
  left: 104px;
  min-width: 46px;
  position: absolute;
  top: 9px;
}

.packages .frame-39713 {
  align-items: flex-start;
  background-color: var(--neutral-colorswhite);
  display: flex;
  height: 66px;
  left: 43px;
  min-width: 64px;
  position: absolute;
  top: 0;
}

.packages .asset-40-3 {
  height: 66px;
  object-fit: cover;
  width: 64px;
}

.packages .overlap-group1 {
  height: 101px;
  margin-left: 96px;
  position: relative;
  width: 150px;
}

.packages .star-7 {
  height: 13px;
  left: 73px;
  position: absolute;
  top: 20px;
  width: 13px;
}

.packages .star-6 {
  height: 17px;
  left: 109px;
  position: absolute;
  top: 28px;
  width: 17px;
}

.packages .star-5 {
  height: 34px;
  left: 84px;
  position: absolute;
  top: 0;
  width: 34px;
}

.packages .frame-container-1 {
  height: 66px;
  top: 35px;
  width: 150px;
}

.packages .frame-39606 {
  align-items: center;
  border-radius: 15px;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  left: 0;
  padding: 15px 10px;
  position: absolute;
  top: 95px;
}

.packages .frame-39715 {
  height: 834px;
  left: 26px;
  position: absolute;
  top: 46px;
  width: 1222px;
}

.packages .group-39537 {
  align-items: flex-start;
  display: flex;
  min-width: 1222px;
}

.packages .overlap-group2 {
  height: 800px;
  position: relative;
  width: 1222px;
}

.packages .line-142 {
  height: 1px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 84px;
  width: 1221px;
}

.packages .frame-container-2 {
  height: 800px;
  top: 0;
  width: 1222px;
}

.packages .frame-39711 {
  align-items: flex-start;
  display: flex;
  height: 500px;
  left: 359px;
  min-width: 800px;
  position: absolute;
  top: 150px;
  transform: rotate(-90deg);
}

.packages .line-container {
  height: 504px;
  margin-top: -1.0px;
  position: relative;
  width: 800px;
}

.packages .line-144 {
  height: 800px;
  left: 400px;
  object-fit: cover;
  position: absolute;
  top: -400px;
  transform: rotate(90deg);
  width: 1px;
}

.packages .line-147 {
  height: 800px;
  left: 400px;
  object-fit: cover;
  position: absolute;
  top: -140px;
  transform: rotate(90deg);
  width: 1px;
}

.packages .line-145 {
  height: 800px;
  left: 400px;
  object-fit: cover;
  position: absolute;
  top: 104px;
  transform: rotate(90deg);
  width: 1px;
}

.packages .frame-39710 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 150px;
  width: 1222px;
}

.packages .line-143 {
  align-self: stretch;
  height: 1px;
  margin-top: -1.00px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.packages .line-1 {
  align-self: stretch;
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.packages .frame-39695 {
  align-items: center;
  background-color: #5ba2ef33;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 35px;
  height: 852px;
  justify-content: center;
  position: relative;
}

.packages .frame-39721 {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  height: 75px;
  justify-content: center;
  position: relative;
}

.packages .feature-text-1 {
  color: var(--blue-jeans);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  width: 237px;
}

.packages .frame-39694 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0px 20px;
  position: relative;
}

.packages .frame-39 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.packages .feature-text-2 {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  width: 237px;
}

.packages .feature-text {
  letter-spacing: 0;
  line-height: 50px;
  position: relative;
  width: 237px;
}

.packages .frame-39696 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 35px;
  height: 852px;
  justify-content: center;
  position: relative;
}

.packages .frame-39709 {
  border-radius: 30px;
  height: 75px;
  position: relative;
  width: 237px;
}

.packages .feature-text-3 {
  left: -5px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 247px;
}

.packages .span1-1 {
  color: var(--blue-jeans);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 500;
}

.packages .frame-39-1 {
  flex: 0 0 auto;
}

.packages .frame-39-2 {
  flex: 0 0 auto;
  gap: 22px;
  justify-content: center;
}

.packages .frame-39697 {
  background-image: url(../img/check-small.svg);
  background-size: 100% 100%;
  height: 50px;
  position: relative;
  width: 50px;
}

.packages .frame-39-3 {
  gap: 22px;
  height: 50px;
  justify-content: center;
}

.packages .basic-upto-5-users {
  color: transparent;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .span0 {
  color: var(--blue-jeans);
  font-weight: 700;
}

.packages .institution-branded-andriod-ios-app {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 208px;
}

.packages .text-1 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-2 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-3 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-4 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-5 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-6 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-7 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-8 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-9 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .text-10 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .frame-3969 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 35px;
  justify-content: center;
  position: relative;
}

.packages .frame-3971 {
  height: 75px;
  position: relative;
  width: 237px;
}

.packages .feature-text-4 {
  left: 0;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 237px;
}

.packages .span-1 {
  color: var(--onyx);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
}

.packages .span-2 {
  color: var(--blue-jeans);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 600;
}

.packages .frame-39697-1 {
  background-image: url(../img/check-small-4.svg);
}

.packages .institution-branded-andriod-ios-app-1 {
  background-color: var(--neutraltransparent);
  width: 172px;
}

.packages .basic-module {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 150px;
}

.packages .basic-module-1 {
  width: 150px;
}

.packages .one-admission-form {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .text-11 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .text-12 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .text-13 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .feature-text-5 {
  left: 28px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 181px;
}

.packages .institution-branded-andriod-ios-app-2 {
  background-color: var(--neutraltransparent);
  width: 182px;
}

.packages .text-14 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .basic-module-2 {
  white-space: nowrap;
  width: fit-content;
}

.packages .basic-module-3 {
  white-space: nowrap;
  width: fit-content;
}

.packages .one-admission-form-1 {
  background-color: var(--neutraltransparent);
  white-space: nowrap;
  width: fit-content;
}

.packages .frame-39699 {
  align-items: center;
  background-color: #f5b94433;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 35px;
  justify-content: center;
  position: relative;
}

.packages .feature-text-6 {
  left: 20px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 197px;
}

.packages .span0-1 {
  color: var(--neon-carrot);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 800;
}

.packages .frame-39697-2 {
  background-image: url(../img/check-small-18.svg);
}

.packages .frame-39697-3 {
  background-image: url(../img/check-small-20.svg);
}

.packages .institution-branded-andriod-ios-app-3 {
  color: var(--biscay);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  width: 190px;
}

.packages .enhanced-for-university {
  color: var(--biscay);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 194px;
}

.packages .advanced-module {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 194px;
}

.packages .advanced-module-1 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
  width: 194px;
}

.packages .one-admission-form-2 {
  width: 194px;
}

.packages .master-primary-button-1 {
  align-items: center;
  background-color: #f5b944;
  border-radius: 30px;
  flex: 0 0 auto;
  justify-content: center;
  padding: 11px 24px;
  position: relative;
}

.packages .frame-39679 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 56px;
  justify-content: flex-end;
  padding: 102px 57px;
  position: relative;
}

.packages .content-sections-v9-1 {
  align-items: center;
  background-color: var(--neutral-colorswhite);
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.packages .wrapper-1 {
  align-items: center;
  background-color: var(--neutral-colorswhite);
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 31px 0px;
  position: relative;
}

.packages .frame-39664-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 378px;
  position: relative;
}

.packages .frame-39749 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 47px;
  justify-content: center;
  position: relative;
}

.packages .headings {
  white-space: nowrap;
}

.packages .frame-39740 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0px 0px;
  position: relative;
  width: 374px;
}

.packages .frame-397 {
  align-items: center;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 15px;
  position: relative;
}

.packages .box {
  flex: 0 0 auto;
  position: relative;
}

.packages .payroll {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-1 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .payment-forms-pack-of-3-forms {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .span1 {
  color: var(--onyx);
  font-family: var(--font-family-nunito_sans);
  font-size: var(--font-size-xl);
  font-style: italic;
  font-weight: 300;
}

.packages .frame-39742 {
  align-items: center;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  margin-right: -292.00px;
  padding: 0px 15px;
  position: relative;
}

.packages .box-2 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .course-outline-teac {
  letter-spacing: 0;
  line-height: 34px;
  margin-top: -1.00px;
  position: relative;
  width: 590px;
}

.packages .box-3 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .hostel-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-4 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .canteen-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-5 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .resource-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .frame-39746 {
  align-items: center;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  margin-right: -182.00px;
  padding: 0px 15px;
  position: relative;
}

.packages .box-6 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .transport-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .frame-39747 {
  align-items: center;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  margin-right: -10.00px;
  padding: 0px 15px;
  position: relative;
}

.packages .box-7 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .advanced-inventory-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-8 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .walk-in-inquiry-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-9 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .grievances-complaints {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-10 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .document-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-11 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .milestone-task {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-12 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .advanced-library-management {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .frame-39753 {
  align-items: center;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  margin-right: -114.00px;
  padding: 0px 15px;
  position: relative;
}

.packages .box-13 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .additional-admission {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-14 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .box-15 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .box-16 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .whatsapp-integration {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .box-17 {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .whatsapp-usage-charges {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .frame-39748 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 47px;
  position: relative;
  width: 441px;
}

.packages .frame-39659-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 9px;
  margin-right: -844.00px;
  position: relative;
  width: 1285px;
}

.packages .frame-39739 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0px 0px;
  position: relative;
  width: 100%;
}

.packages .frame-39740-1 {
  align-items: center;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  height: 50px;
  padding: 7px 15px;
  position: relative;
  width: 262px;
}

.packages .building-blocks-primary-tabs-icon-only {
  flex: 0 0 auto;
  position: relative;
}

.packages .frame-39759 {
  height: 50px;
  left: 56px;
  position: absolute;
  top: 0;
  width: 149px;
}

.packages .tally-integration {
  left: 0;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 150px;
}

.packages .frame-3974 {
  align-items: center;
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  padding: 0px 15px;
  position: relative;
}

.packages .report-card-changes {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .admission-form-changes {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .id-card-changes {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .receipt-changes {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .premium-support {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .self-hosted-support {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .data-upload-of-previous-years {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .wrapper-2 {
  height: 833px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.packages .heading {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 46px;
  margin-top: -1.00px;
  position: relative;
}

.packages .paragraph-1 {
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  width: 523px;
}

.packages .master-primary-button-2 {
  align-items: center;
  background-color: var(--blue-jeans);
  border-radius: 47.27px;
  flex: 0 0 auto;
  padding: 28px 56px;
  position: relative;
}

.packages .button-text-1 {
  line-height: 20px;
  margin-top: -1.58px;
}

.packages .logo-strip-v3 {
  align-items: center;
  background-color: var(--neutral-colorswhite);
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 29px 29px;
  justify-content: center;
  padding: 40px 56px;
  position: relative;
}

.packages .wrapper-3 {
  align-items: flex-start;
  background-color: var(--neutral-colorswhite);
  display: flex;
  flex-direction: column;
  gap: 54px;
  height: 529px;
  padding: 51px 29px;
  position: relative;
  width: 695px;
}

.packages .heading-2 {
  flex: 0 0 auto;
  position: relative;
  width: 598.95px;
}

.packages .heading-1 {
  letter-spacing: 0;
  line-height: 50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.packages .frame-39566 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 330px;
}

.packages .paragraph-2 {
  align-self: stretch;
  line-height: 19.2px;
  position: relative;
}

.packages .testimonials-v12 {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral-colorswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.packages .wrapper-4 {
  align-items: center;
  background-color: var(--neutral-colorswhite);
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  height: 582px;
  justify-content: center;
  padding: 132px 109px;
  position: relative;
}

.packages .frame-39672 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 228px;
  justify-content: center;
  position: relative;
}

.packages .testimonial-paragraph {
  line-height: 38px;
  margin-top: -1.00px;
  text-align: center;
}

.packages .image-placeholder-1 {
  background-color: var(--neutral-colorscolor-300);
  border-radius: 35.25px;
  height: 70.5px;
  position: relative;
  width: 70.5px;
}

.packages .image-icon-1 {
  height: 28px;
  left: 19px;
  position: absolute;
  top: 20px;
  width: 32px;
}

.packages .testimonal-name {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.packages .testimonial-role {
  color: var(--neutral-colorscolor-900);
  font-family: var(--font-family-dm_sans);
  font-size: var(--font-size-m);
  font-weight: 400;
  line-height: 18px;
}

.packages .wrapper-5 {
  align-items: flex-start;
  background-color: var(--neutral-colorswhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 36px 236px;
  position: relative;
  width: 1440px;
}

.packages .frame-39609 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 50px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  margin-bottom: -37.00px;
  margin-top: -37.00px;
  padding: 35px 159px;
  position: relative;
  width: 100%;
}

.packages .frame-39693 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  margin-right: -57.00px;
  position: relative;
  width: 706px;
}

.packages .heading-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 46px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.packages .paragraph-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
}

.packages .frame-39608 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.packages .wrapper-6 {
  background-color: var(--neutral-colorswhite);
  height: 654px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 1440px;
}

.packages .wrapper-6.animate-enter {
  animation: animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes animate-enter-frames {
  from {
    opacity: 0;
    transform: translate(0, 25px);
  }

  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.packages .footer-bottom {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 31px 549px;
  justify-content: center;
  left: 110px;
  position: absolute;
  top: 554px;
  width: 1220px;
}

.packages .divider {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 1220px;
}

.packages .copyright {
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.packages .social-media-container {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.packages .social-media-icon-square-linked-in {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .group-73 {
  align-items: flex-end;
  background-color: var(--neutral-colorscolor-500);
  border-radius: 8px;
  display: flex;
  height: 36px;
  min-width: 36px;
  padding: 9.4px 9px;
}

.packages .social-media-icon-square-you-tube {
  height: 36px;
  position: relative;
  width: 36px;
}

.packages .group-73-1 {
  align-items: flex-start;
  background-color: var(--neutral-colorscolor-500);
  border-radius: 8px;
  display: flex;
  height: 36px;
  min-width: 36px;
  padding: 11.0px 8.1px;
}

.packages .frame-39679-1 {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 96px 96px;
  justify-content: center;
  left: 110px;
  position: absolute;
  top: 120px;
}

.packages .footer-description {
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  width: 385.95px;
}

.packages .newsletter-input {
  height: 148px;
  position: relative;
  width: 419px;
}

.packages .master-input-text {
  align-items: flex-start;
  background-color: var(--neutral-colorscolor-300);
  border-radius: 50px;
  display: flex;
  gap: 240px;
  left: 0;
  padding: 24px;
  position: absolute;
  top: 0;
  width: 419px;
}

.packages .container {
  align-items: center;
  display: flex;
  gap: 10px;
  position: relative;
  width: 371px;
}

.packages .master-primary-button-3 {
  align-items: flex-start;
  background-color: var(--blue-jeans);
  border-radius: 40px;
  left: 0;
  padding: 24px 36px;
  position: absolute;
  top: 82px;
}

.packages .button-text-2 {
  line-height: 18px;
  margin-top: -1.33px;
}

.packages .footer-content {
  height: 312px;
  position: relative;
  width: 704.87px;
}

.packages .place-1 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
}

.packages .features-1 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
}

.packages .footer-section-1 {
  flex-direction: column;
  gap: 40px;
  min-height: 294px;
  width: 102px;
}

.packages .about-1 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
}

.packages .place-2 {
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
}

.packages .footer-section-2 {
  flex-direction: column;
  gap: 40px;
  min-height: 312px;
  width: 254px;
}

.packages .image-placeholder-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 252px;
  width: 120px;
}

.packages .image-placeholder {
  align-items: flex-end;
  background-color: var(--neutral-colorscolor-300);
  border-radius: 20px;
  display: flex;
  height: 120px;
  min-width: 120px;
  padding: 45.9px 44px;
}

.packages .image-icon {
  height: 28px;
  width: 32px;
}

.packages .about-2 {
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .basic-module-4 {
  background-color: var(--neutraltransparent);
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
}

.packages .building-blocks-primary-tabs-icon-only-8 {
  flex: 0 0 auto;
  position: relative;
}

.packages .button-text-3 {
  letter-spacing: 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .footer-section-3 {
  align-items: flex-start;
  display: flex;
}

.packages .frame-39-4 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

.packages .frame-39697-4 {
  background-size: 100% 100%;
  height: 50px;
  position: relative;
  width: 50px;
}

.packages .frame-container-3 {
  left: 0;
  position: absolute;
}

.packages .headings-2 {
  letter-spacing: 0;
  line-height: 46px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.packages .institution-branded-andriod-ios-app-4 {
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.packages .master-primary-button-4 {
  display: inline-flex;
  gap: 8px;
}

.packages .one-admission-form-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
}

.packages .place-3 {
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.packages .sms {
  letter-spacing: 0;
  line-height: 50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}