﻿/*Home*/
.homeRight h1 {
  margin-bottom: 1.2rem;
  width: 80%;
}
.homeRight span {
  display: block;
  margin-bottom: 2.5rem;
  font-family: var(--ff-medium);
  font-size: var(--font-size-36);
}
.homeRight a {
  /*margin-top: 1rem;*/
  display: inline-block;
  background-color: var(--naa-cards-bg-alt);
  border-color: var(--naa-cards-bg-alt);
  text-transform: uppercase;
  font-size: var(--font-size-16);
  font-family: var(--ff-medium);
}
@media (min-width: 991px) {
  .homeRight.homeRight {
    width: 100%;
  }
}

/*Home*/
/*Methodology*/
#section-4 .HomePagetitle h2 {
  /*position:absolute;*/
  color: var(--naa-cards-bg-alt);
  width: 100%;
  font-size: var(--font-size-32);
  font-family: var(--ff-bold);
  text-transform: none;
}

#section-4 .HomePagetitle h3 {
  /*position:absolute;*/
  color: var(--naa-cards-bg-alt);
  width: 100%;
  font-size: var(--font-size-24);
  font-family: var(--ff-regular);
  text-transform: none;
}

#section-4 .HomePagetitle {
  text-align: center;
}

.HomePagetitle {
  text-align: left;
}

.gridBg {
  background-color: var(--naa-cards-bg-alt);
  padding: 3rem 4rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.gridBg h3 {
  font-size: var(--font-size-24);
  font-family: var(--ff-regular);
}
.gridBg p {
  /*font-size: var(--font-size-24);*/
  font-family: var(--ff-light);
}

#avoidLosers h3 {
  font-size: var(--font-size-18);
  font-family: var(--ff-mediumitalic);
}
#avoidLosers p {
  font-size: var(--font-size-18);
}

.third_bg#IGRSection {
  background: var(--naa-body-bg);
}
.third_bg#IGRSection .HomePagetitle {
  text-align: center;
}
.third_bg#IGRSection .HomePagetitle h2 {
  font-size: var(--font-size-40);
  margin-bottom: 0.6rem;
}

#section-4 {
  display: flex;
  align-items: center;
}

.manageStepList {
  padding-top: 2rem;
  display: flex;
  justify-content: space-between;
  grid-gap: 2rem;
  width: 86%;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1199px) {
  .manageStepList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .manageStepList {
    grid-template-columns: repeat(1, 1fr);
  }
}

.manageStepList .manageStepListInner {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1.7rem;
  position: relative;
  flex: 1;
  text-align: center;
  background-color: var(--naa-ash);
  border-radius: 1.25rem;
}

.homeNew_P #section-1 {
  height: 95vh;
}

.homeNew_P #section-11 {
  min-height: 95vh;
}

.manageStepList .manageStepListInner .listNumber {
  width: 100%;
  color: var(--naa-highlight-text);
  padding: 2rem 0;
  font-size: var(--font-size-36);
  font-family: var(--ff-semibold);
  line-height: 1.2;
}
.manageStepList .manageStepListInner .listNumber span {
  display: block;
  font-size: var(--font-size-14);
  text-transform: uppercase;
  font-family: var(--ff-light);
}

.manageStepList .manageStepListInner .listContent {
  background-color: var(--naa-cards-bg-alt);
  width: 100%;
  padding: 1rem;
  color: #ffffff;
  height: 100%;
  display: flex;
  padding: 3rem 2rem;
  border-radius: 1.25rem;
  justify-content: center;
  font-size: var(--font-size-18);
  font-family: var(--ff-regular);
}

.manageStepList .manageStepListInner .listIcon {
  padding: 3rem 0;
}
.manageStepList .manageStepListInner .listIcon img {
  width: 2.5rem;
}

.manageStepList .manageStepListInner .listContent b {
  color: var(--naa-highlight-text);
  font-family: var(--ff-semibold);
}

/*Methodology*/
.imp-disc-circle {
  width: 31%;
  margin-top: 5rem;
  line-height: 1;
  z-index: 101;
  text-align: justify;
}
@media only screen and (max-width: 1199px) {
  .imp-disc-circle {
    width: 100%;
  }
}
@media (min-width: 1700px) {
  .imp-disc-circle {
    margin-top: 3rem;
  }
}
.imp-disc-circle p.text {
  font-size: var(--font-size-12);
  font-family: var(--ff-light);
  color: var(--naa-para-text-alt);
  line-height: 1.1;
}
.imp-disc-circle p.head {
  font-size: var(--font-size-12);
  color: var(--naa-para-text-alt);
  margin-bottom: 0.2rem;
  font-family: var(--ff-medium);
}
.imp-disc-circle a {
  color: var(--naa-para-text-alt);
  border-bottom: 1px solid var(--naa-para-text-alt);
}

.textbg {
  /*background: var(--naa-cards-bg);*/
  position: relative;
  z-index: 1;
  padding: 1rem 0.5rem;
  border-radius: 0.4rem;
}

.homeBannerContent {
  text-align: center;
  padding-top: 2rem;
}
.homeBannerContent h1 {
  line-height: 1.3 !important;
}
.homeBannerContent .homeBannerContentSplit {
  border-top: 2px solid;
  border-bottom: 2px solid;
  display: flex;
  padding: 3.5rem 0 2.5rem;
  margin: 3rem 0;
  text-align: left;
  border-color: var(--naa-highlight-text);
  flex: 1;
}
.homeBannerContent .homeBannerContentSplit p {
  font-size: var(--font-size-18);
}
.homeBannerContent .homeBannerContentSplit div {
  width: 50%;
}
.homeBannerContent .homeBannerContentSplit .splitFirst p {
  font-size: var(--font-size-22);
  font-family: var(--ff-regular);
  width: 80%;
}
.homeBannerContent .highlight {
  font-size: var(--font-size-16);
  font-family: var(--ff-semibold);
}

.thirdWay {
  background: linear-gradient(180deg, rgba(27, 33, 48, 0) 0%, rgba(31, 38, 54, 0) 41%, rgba(30, 100, 115, 0.83) 65%, rgba(15, 164, 174, 0.6) 85%, rgba(0, 235, 239, 0.35) 100%);
  position: relative;
  background-position: 0 12rem;
  background-repeat: no-repeat;
}
.thirdWay .homeBannerContent {
  text-align: left;
  padding-top: 5rem;
}
.thirdWay .homeBannerContent h1 {
  line-height: 1 !important;
  margin-bottom: 2rem;
}
.thirdWay .homeBannerContent .homeBannerContentSplit {
  margin: 3rem 0;
  text-align: left;
  margin-top: 0.5rem;
  margin-left: 3rem;
}
.thirdWay .homeBannerContent .homeBannerContentSplit p {
  font-size: var(--font-size-18);
}
.thirdWay .homeBannerContent .homeBannerContentSplit div {
  width: 90%;
}
.thirdWay .homeBannerContent .homeBannerContentSplit .splitFirst p {
  font-size: var(--font-size-22);
  font-family: var(--ff-regular);
  width: 80%;
}
.thirdWay .homeBannerContent .highlight {
  font-size: var(--font-size-16);
  font-family: var(--ff-semibold);
  text-align: left;
  margin-left: 1.5rem;
}

.AL_txt {
  line-height: 1.5;
}

.homeNew_P {
  background: linear-gradient(180deg, rgba(27, 33, 48, 0) 0%, rgba(31, 38, 54, 0) 41%, rgba(30, 100, 115, 0.83) 65%, rgba(15, 164, 174, 0.6) 85%, rgba(0, 235, 239, 0.35) 100%);
  /* position: relative; */
  /* z-index: 2; */
  background-position: 0 -320px;
}

.fullBgCircle {
  position: relative;
  /*background-image: url(../assets/images/Bluegradient.svg);*/
  position: relative;
  z-index: 2;
  /*height: 100%;
  &:before {
      content: "";
      top: 5rem;
      background-color: #ffffff;
      width: 100%;
      height: 90%;
      left: 0;
      right: 0;
      position: absolute;
  }

  &:after {
      content: "";
      bottom: 0rem;
      background-image: url(../assets/images/Bluegradient.svg);
      width: 100%;
      height: 500px;
      left: 0;
      right: 0;
      position: absolute;
      -webkit-transform: rotate(180deg);
  }*/
}
.fullBgCircle .circleBg {
  background: var(--naa-body-bg);
  height: 100%;
  width: 100%;
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}
.fullBgCircle #methodology {
  /*&:before {
      content: "";
      bottom: 0rem;
      background-image: url(../assets/images/Bluegradient.svg);
      width: 100%;
      height: 500px;
      left: 0;
      right: 0;
      position: absolute;
  }*/
}
