/* rise-page global styles for the apply buttons */
.rise-page-application-closed-header button {
  background-color: #ffa74d;
}

.rise-page-application-closed-header button:disabled {
  cursor: not-allowed;
}

.rise-page-application-opened-header button {
  background-color: #ff8201;
}

.risePageContent {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 550px) {
  .risePageContent {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.riseHero {
  height: 564px;
}
.riseHero .homeSLider-events {
  height: 100%;
}
.riseHero .homeSLider-events > * {
  height: 100%;
}

.riseHero .tempAndEventsTopContainerUpper-seeker {
  max-width: 593px;
  top: -6%;
  left: 9%;
}

.riseHero .tempAndEventstopContainer-seeker {
  top: -13%;
  padding-left: 41px 27px;
}

.riseHero .rightContainer-events img {
  object-fit: cover;
  margin-left: 0px;
}
/* handle hero section for mobile screen  */
.riseHeroForMobile {
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  height: 1133px;
}

.riseHeroForMobile img {
  height: 703px;
  object-fit: cover;
}

.riseHeroForMobile .riseHeroMobileInfoContainer {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 768px;
  padding: 40px 16px;
}

.riseHeroForMobile
  .riseHeroMobileInfoContainer
  .riseHeroDescAndButtonContainer {
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  background-color: #22ae49;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 16px;
}
.riseHeroForMobile .riseHeroMobileTitle {
  color: #fff;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 288px;
  margin: 0;
}

.riseHeroForMobile .riseHeroDescAndButtonContainer p {
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  background-color: #22ae49;
  top: 0;
  left: 0px;
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
}

.riseHeroForMobile img {
  object-fit: cover;
}

.riseHeroForMobile div a button {
  width: 100% !important;
}

/* handle hero section for tablet screen  */
@media screen and (min-width: 768px) {
  .riseHeroForMobile
    .riseHeroMobileInfoContainer
    .riseHeroDescAndButtonContainer {
    margin-top: 20px;
  }

  .riseHeroForMobile
    .riseHeroMobileInfoContainer
    .riseHeroDescAndButtonContainer {
    padding: 30px 22px;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    background-color: #22ae49;
    width: 601px;
  }
  .riseHeroForMobile .riseHeroMobileInfoContainer {
    padding: 30px;
  }
  .riseHeroForMobile div a button {
    width: 335px !important;
  }
  .riseHeroForMobile {
    flex-direction: row;
    box-sizing: border-box;
    height: 677px;
  }
  .riseHeroForMobile > * {
    box-sizing: border-box;
    height: 100%;
    flex: 1;

    min-width: 50%;
  }
  .riseHeroForMobile img {
    height: 100%;
  }
  .riseHeroForMobile .riseHeroMobileInfoContainer {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .riseHeroForMobile .riseHeroMobileTitle {
    color: #fff;
    font-family: Roboto;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 148px;
    width: 353px;
  }

  .riseHeroForMobile .riseHeroDescAndButtonContainer p {
    box-sizing: border-box;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    background-color: #22ae49;
  }
}

/* handle hero section for large screen  */
@media screen and (min-width: 1440px) {
  .riseHeroForMobile {
    display: none;
  }
  .riseHeroForMobile > * {
    flex: 1;
    min-width: 50%;
  }
}

.homeSLiderContainer-events.riseHero {
  display: none;
}
@media screen and (min-width: 1440px) {
  .homeSLiderContainer-events.riseHero {
    display: block;
  }
}

.tempAndEventstopContainer-seeker .boxButton {
  margin-top: 20px;
}

/*

training structure

*/

.riseTrainingStructure.boxLayout {
  flex-direction: column;
  box-sizing: border-box;
  height: 1240px;
}

.riseTrainingStructure.boxLayout .boxContainer {
  width: 100%;
}

.riseTrainingStructure.boxLayout .boxContainer:nth-of-type(1) img {
  height: 620px;
  object-fit: cover;
}

.riseTrainingStructure.boxLayout .boxContainer:nth-of-type(2) {
  box-sizing: border-box;
  height: 620px;
}

.riseTrainingStructure
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText {
  gap: 20px;
}

.riseTrainingStructure
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxTitle {
  margin: 0;
  margin-bottom: 20px;
}

.riseTrainingStructure
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo
  p:nth-of-type(1) {
  margin-bottom: 20px;
}

.riseTrainingStructure
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxTitle {
  color: #114f29;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 142.857% */
  letter-spacing: 2px;
  text-transform: uppercase;
}

.riseTrainingStructure
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
}

.riseTrainingStructure
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo
  p {
  margin: 0;
}

.riseTrainingStructure .boxPaddingRightWithCenteredText {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 59px;
}

.riseTrainingStructure .boxContainer:nth-of-type(2) div a button {
  font-size: 14px;
  font-weight: 900;
  background-color: #ffcd99;
  padding: 0px 38px;
  width: 285px;
  box-sizing: border-box;
}

.riseTrainingStructure .boxContainer:nth-of-type(2) div a button:disabled {
  cursor: not-allowed;
}

@media screen and (min-width: 768px) {
  .riseTrainingStructure.boxLayout {
    flex-direction: row;
    height: 620px;
  }
  .riseTrainingStructure.boxLayout > * {
    box-sizing: border-box;
    height: 100%;
  }

  .riseTrainingStructure .boxPaddingRightWithCenteredText {
    max-width: 409px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    gap: 20px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo
    p:nth-of-type(1) {
    margin-bottom: 28px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxTitle {
    color: #114f29;
    font-family: var(--font-family-roboto);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 117.647% */
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
  }
  .riseTrainingStructure .boxPaddingRightWithCenteredText {
    padding-left: 26px;
    padding-right: 0px;
  }

  .riseTrainingStructure .boxContainer:nth-of-type(1) img {
    object-fit: cover;
  }
  .riseTrainingStructure .boxContainer:nth-of-type(2) div a button {
    font-size: 14px;
    font-weight: 900;
    background-color: #ffcd99;
    padding: 0px 77px;
    width: 338px;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 1440px) {
  .riseTrainingStructure.boxLayout {
    box-sizing: border-box;
    flex-direction: row;
    height: 620px;
  }

  .riseTrainingStructure.boxLayout
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxTitle {
    color: #005e2c;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 28px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo {
    color: #000;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    max-width: none;
    width: 572px;
    box-sizing: border-box;
    padding-right: 67px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo
    p:nth-of-type(1) {
    margin-bottom: 28px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    gap: 30px;
  }

  .riseTrainingStructure
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    padding-left: 45px;
  }
  .riseTrainingStructure .boxContainer:nth-of-type(2) div a button {
    width: 335px;
  }
}

/*


incentives

*/

.boxLayout.riseIncentives {
  flex-direction: column;
  box-sizing: border-box;
  height: 1319px;
}
.boxLayout.riseIncentives > * {
  box-sizing: border-box;
}

.boxLayout.riseIncentives .boxContainer {
  width: 100%;
}

.boxLayout.riseIncentives
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo
  p {
  margin: 0;
}
.riseIncentives .boxTitle {
  color: #114f29;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 142.857% */
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}

.riseIncentives
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
}
.riseIncentives .boxPaddingRightWithCenteredText {
  padding: 0px 16px;
}

.riseIncentives .boxContainer:nth-of-type(2) div a button {
  font-size: 14px;
  font-weight: 900;
  background-color: #ffcd99;
  padding: 0px 38px;
  width: 285px;
}

.riseIncentives .boxContainer:nth-of-type(2) div a button:disabled {
  cursor: not-allowed;
}

.riseIncentives .boxContainer:nth-of-type(1) img {
  object-fit: cover;
  height: 620px;
}

.boxLayout.riseIncentives .boxContainer:nth-of-type(2) {
  height: 699px;
}
.boxLayout.riseIncentives .boxContainer:nth-of-type(2) .boxTitle {
  margin-bottom: 20px;
}
.boxLayout.riseIncentives
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText {
  gap: 20px;
}

.boxLayout.riseIncentives
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo
  p:nth-of-type(1) {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .boxLayout.riseIncentives {
    flex-direction: row-reverse;
    height: 720px;
  }

  .boxLayout.riseIncentives > * {
    height: 100%;
    box-sizing: border-box;
  }
  .riseIncentives .boxContainer:nth-of-type(1) img {
    object-fit: cover;
    height: 100%;
  }
  .riseTrainingStructure .boxPaddingRightWithCenteredText {
    max-width: 409px;
  }

  .boxLayout.riseIncentives
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    gap: 20px;
  }

  .boxLayout.riseIncentives .boxContainer:nth-of-type(2) .boxTitle {
    margin-bottom: 20px;
  }

  .boxLayout.riseIncentives
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo
    p:nth-of-type(1) {
    margin-bottom: 20px;
  }

  .riseIncentives .boxTitle {
    color: #114f29;
    font-family: Roboto;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 117.647% */
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .riseIncentives .boxInfo {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
  }
  .riseIncentives .boxPaddingRightWithCenteredText {
    padding-right: 12px;
    padding-left: 0px;
  }
  .riseIncentives .boxContainer:nth-of-type(2) img {
    object-fit: cover;
  }

  .riseIncentives .boxContainer:nth-of-type(2) div a button {
    font-size: 14px;
    font-weight: 900;
    background-color: #ffcd99;
    padding: 0px 77px;
    width: 338px;
  }
}

@media screen and (min-width: 1440px) {
  .boxLayout.riseIncentives {
    flex-direction: row-reverse;
    height: 703px;
  }

  .boxLayout.riseIncentives > * {
    height: 100%;
    box-sizing: border-box;
  }
  .boxLayout.riseIncentives
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    gap: 30px;
  }

  .riseIncentives
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo {
    font-size: 18px;
  }
  .boxLayout.riseIncentives .boxContainer:nth-of-type(2) .boxTitle {
    color: #005e2c;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 28px;
  }

  .riseIncentives .boxInfo {
    color: #000;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
  }

  .boxLayout.riseIncentives
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo
    p:nth-of-type(1) {
    margin-bottom: 28px;
  }

  .riseIncentives .boxPaddingRightWithCenteredText {
    padding-right: 55.55px;
    padding-left: 55.55px;
  }

  .riseIncentives .boxContainer:nth-of-type(2) img {
    object-fit: cover;
  }

  /* here2  */
  .riseIncentives .boxContainer:nth-of-type(2) div a button {
    width: 335px;
  }
}

/*

post graduation

*/

.risePostGraduation.boxLayout {
  flex-direction: column-reverse;
  box-sizing: border-box;
  height: 1021px;
}

.risePostGraduation.boxLayout .boxContainer {
  width: 100%;
}

.risePostGraduation.boxLayout > * {
  box-sizing: border-box;
}

.risePostGraduation.boxLayout .boxContainer:nth-of-type(2) {
  height: 620px;
}

.risePostGraduation.boxLayout .boxContainer:nth-of-type(1) img {
  height: 620px;
  object-fit: cover;
}

.risePostGraduation.boxLayout
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxTitle {
  margin: 0;
}

.risePostGraduation.boxLayout
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo
  p {
  margin: 0;
}

.risePostGraduation
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxTitle {
  color: #114f29;
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 142.857% */
  letter-spacing: 2px;
  text-transform: uppercase;
}

.risePostGraduation
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxInfo {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
}
.risePostGraduation .boxPaddingRightWithCenteredText {
  padding-right: 16px;
  padding-left: 16px;
}

.risePostGraduation.boxLayout
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText {
  gap: 20px;
}

.risePostGraduation.boxLayout
  .boxContainer:nth-of-type(2)
  .boxPaddingRightWithCenteredText
  .boxTitle {
  margin-bottom: 20px;
}

.risePostGraduation .boxContainer:nth-of-type(2) div a button {
  background-color: #ffcd99;
  font-size: 14px;
  font-weight: 900;
  padding: 0px 38px;
  width: 285px;
  box-sizing: border-box;
}

.risePostGraduation .boxContainer:nth-of-type(2) div a button:disabled {
  cursor: not-allowed;
}

@media screen and (min-width: 768px) {
  .risePostGraduation.boxLayout {
    flex-direction: row;
    height: 620px;
  }

  .risePostGraduation.boxLayout > * {
    box-sizing: border-box;
    height: 100%;
  }
  .risePostGraduation
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxTitle {
    color: #114f29;
    font-family: Roboto;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 117.647% */
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .risePostGraduation
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
  }

  .risePostGraduation .boxContainer:nth-of-type(1) img {
    object-fit: cover;
  }
  .risePostGraduation .boxPaddingRightWithCenteredText {
    padding-left: 26px;
    padding-right: 0px;
  }

  .risePostGraduation.boxLayout
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    gap: 20px;
  }

  .risePostGraduation.boxLayout
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxTitle {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .risePostGraduation.boxLayout {
    flex-direction: row;
    height: 620px;
  }

  .risePostGraduation.boxLayout > * {
    height: 100%;
    box-sizing: border-box;
  }
  .risePostGraduation
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxTitle {
    color: #005e2c;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px; /* 116.667% */
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  .risePostGraduation
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxInfo {
    color: #000;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
  }
  .risePostGraduation .boxPaddingRightWithCenteredText {
    padding-left: 45px;
    padding-right: 57px;
    box-sizing: border-box;
    width: 572px;
  }

  .risePostGraduation.boxLayout
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText {
    gap: 30px;
  }

  .risePostGraduation.boxLayout
    .boxContainer:nth-of-type(2)
    .boxPaddingRightWithCenteredText
    .boxTitle {
    margin-bottom: 28px;
  }
}

/*

center image


*/

.riseCenterLargeImage img {
  height: 884px;
  object-fit: cover;
}

/*

green text part

*/

.greenBgText {
  box-sizing: border-box;
  color: #fff;
  font-family: Roboto;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 35px; /* 159.091% */
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #124f29;
  width: 100%;

  padding: 40px 16px;
  text-align: start;
  font-size: 22px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.greenBgText p {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .greenBgText {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    padding: 40px;
    line-height: 50px;
    text-align: center;
    gap: 55px;
  }
}

@media screen and (min-width: 1440px) {
  .greenBgText {
    text-align: center;
    font-size: 28px;
    line-height: 50px;

    padding-top: 77px;
    padding-bottom: 76px;
    padding-left: 85px;
    padding-right: 85px;
  }
}

/* 

faq section 

*/

.faq-section-container {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.faq-section-container h2 {
  color: #005e2c;
  font-family: Roboto;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px; /* 116.667% */
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}

.faq-section-container .accordions-container {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 30px;
}

.accordion-container p {
  margin: 0;
}

.faq-section-container .accordion-header-container {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.faq-section-container .accordion-header {
  color: #005e2c;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.accordion-arrow-icon {
  width: 18px;
  height: 18px;
  transform: translateX(-2px);
}

.accordion-arrow-icon:hover {
  cursor: pointer;
}

.faq-section-container .accordion-content {
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding: 0;
  margin: 0;
  display: none;
}
.faq-section-container .show-accordion-content {
  display: block;
}
@media screen and (min-width: 768px) {
  .faq-section-container {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 1440px) {
  .faq-section-container {
    margin-top: 70px;
    margin-bottom: 44px;
    padding: 0;
  }
  .faq-section-container .accordions-container {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 77px;
    row-gap: 30px;
  }
}