@font-face {
  font-family: "Anek";
  src: url("../fonts/anek_telugu_font/static/AnekTelugu-Regular.ttf");
}
h1 {
  font-family: "Anek", sans-serif;
}

p {
  font-family: "Outfit", sans-serif;
}

.navbar {
  position: fixed;
  font-family: "DM Sans", sans-serif;
}

.footer {
  font-family: "Public Sans", sans-serif;
}

.navbar {
  background-color: #094268;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  z-index: 100;
}
.navbar .navbar-nav .nav-link {
  color: #fff;
  margin: 0 7px;
}
.navbar .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar .navbar-nav .activenav {
  color: #36d0a4 !important;
  font-weight: bold;
  text-decoration: overline;
}
.navbar .offcanvas-backdrop {
  z-index: 100 !important;
}
.navbar .navImg {
  width: 50%;
}
.navbar .getStartedItem {
  padding-left: 20px;
}
.navbar .getStartedItem .getStarted {
  color: #36d0a4 !important;
  font-weight: bold;
}

.walkingRow .walkingImgCol {
  padding-right: 0;
}
.walkingRow .walkingImgCol .mobile-image {
  display: none;
}
.walkingRow .textCol {
  padding-left: 3rem;
  position: relative;
  z-index: 2;
}
.walkingRow .textCol .homeInterestText {
  font-size: 36px;
  font-weight: 600;
  color: #6c6666;
}
.walkingRow .textCol .homeLoanText {
  font-size: 46px;
  color: #094268;
  font-weight: bold;
}
.walkingRow .textCol .homeSavingsText {
  font-size: 36px;
  font-weight: 600;
  color: #191919;
}
.walkingRow .imageCol {
  width: 100%;
  transform: translateY(-45px);
  display: block;
  z-index: 1;
}
.walkingRow .getStartedButton {
  background: #36d0a4;
  padding: 12px 31px;
  border: none;
  border-radius: 50px;
  color: #fff;
  font-size: 23px;
  font-weight: 500;
}

.sittingRow {
  transform: translateY(-7rem);
}
.sittingRow .sittingCol {
  padding-left: 0;
}
.sittingRow .sittingCol .imageCol {
  width: 100%;
}
.sittingRow .hassleFreeCol {
  align-items: center;
}
.sittingRow .hassleFreeCol .stopOverPayingText, .sittingRow .hassleFreeCol .bankAI .acceleratePara, .bankAI .sittingRow .hassleFreeCol .acceleratePara, .sittingRow .hassleFreeCol .bankRow .bankCol .costEffectText .costEffectPara, .bankRow .bankCol .costEffectText .sittingRow .hassleFreeCol .costEffectPara, .sittingRow .hassleFreeCol .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsText, .effortlessSavingsRow .effortlessSavingsCol .sittingRow .hassleFreeCol .effortlessSavingsText, .sittingRow .hassleFreeCol .loanUpdateRow .receiveAutoText, .loanUpdateRow .sittingRow .hassleFreeCol .receiveAutoText, .sittingRow .hassleFreeCol .girlReadingRow .textCol .enterOnceText .inputLoanText, .girlReadingRow .textCol .enterOnceText .sittingRow .hassleFreeCol .inputLoanText {
  padding-right: 80px;
  text-align: center;
}

.tailorRow .laptopTailoredHeading {
  text-align: center !important;
  font-weight: bold;
}

.togetherRow .higherSavingImg {
  width: 100%;
}
.togetherRow .pocketImg {
  width: 100%;
}

.rewardsRow .rewardsCol {
  padding-left: 3rem;
}
.rewardsRow .gradientImg {
  transform: translateY(-5rem);
}
.activeSmartText {
  font-size: xx-large;
  font-weight: 700 !important;
  color: #094268;
}

.reduceInterest {
  font-size: 35px;
  font-weight: 500;
}

.stopOverPayingText, .bankAI .acceleratePara, .bankRow .bankCol .costEffectText .costEffectPara, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsText, .loanUpdateRow .receiveAutoText, .girlReadingRow .textCol .enterOnceText .inputLoanText {
  font-size: 36px;
  font-weight: 500;
  color: #6c6666;
}

.hassleFreeText, .bankAI .reduceIdleHeading, .bankRow .bankCol .costEffectText .costEffectH1, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsHeading, .loanUpdateRow .continuousUpdate, .girlReadingRow .textCol .enterOnceText .enterOnceHeading, .rewardsRow .rewardsText {
  font-size: 70px;
  font-weight: 700;
  color: #19252d;
}

.textCenter {
  text-align: center;
}

.girlReadingRow .textCol {
  padding-left: 3rem;
}
.girlReadingRow .textCol .worksText {
  margin-top: 5rem;
}
.girlReadingRow .textCol .worksText .howItWorks {
  font-size: 48px;
  font-weight: 500;
}
.girlReadingRow .textCol .enterOnceText {
  margin: auto;
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.girlReadingRow .girlreadingImg {
  width: 100%;
}
.girlReadingRow .girlreadingImgCol {
  padding-right: 0;
}
.girlReadingRow .girlreadingImgCol .mobile-image {
  display: none;
}

.loanUpdateRow .sittingImgCol {
  padding-left: 0;
}
.loanUpdateRow .sittingImgCol .imageCol {
  width: 100%;
}

.effortlessSavingsRow .effortlessSavingsCol {
  padding-left: 3rem;
}
.effortlessSavingsRow .swimmingImgCol {
  padding-right: 0;
}
.effortlessSavingsRow .swimmingImgCol .swimmingImg {
  width: 100%;
}

.bankRow .bankCol {
  padding-right: 0;
  padding-left: 3rem;
}
.bankRow .bankCol .banksDivText .banksText {
  font-size: 54px;
  font-weight: 400;
}
.bankRow .bankCol .costEffectText {
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bankRow .bankCol .partnerButton {
  background: #36d0a4;
  padding: 12px 31px;
  border: none;
  border-radius: 50px;
  color: #fff;
  font-size: 23px;
  font-weight: 500;
}
.bankRow .laptopBankImgCol {
  padding-right: 0;
}
.bankRow .bankImg {
  width: 100%;
}
.bankRow .mobile-image {
  display: none;
}

.bankAI .bankAIImgCol {
  padding-left: 0;
}
.bankAI .bankImg {
  width: 85%;
}
.footer .mailImg {
  padding: 5px 10px;
}

.footerMain {
  margin-top: 6rem;
}

.bankFooter {
  margin-top: 7rem;
}

.footer {
  background-color: #151515;
}
.footer .footerImg {
  width: 60%;
}

@media screen and (max-width: 550px) and (min-width: 320px) {
  .left-arrow {
    margin-top: 65px;
  }
  .right-arrow {
    margin-top: 65px;
  }
  .textCenter {
    text-align: left !important;
  }
  .stopOverPayingText, .girlReadingRow .textCol .enterOnceText .inputLoanText, .loanUpdateRow .receiveAutoText, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsText, .bankRow .bankCol .costEffectText .costEffectPara, .bankAI .acceleratePara {
    font-size: 14px;
    font-weight: bold;
    color: #6c6666;
    margin: 10px 0px;
    padding: 0;
  }
  .activeSmartText {
    font-size: large;
    font-weight: bold;
    color: #094268;
    margin-bottom: 0 !important;
    margin: 0;
  }
  .reduceInterest {
    font-size: large;
    font-weight: bold;
    margin: 0;
  }
  .hassleFreeText, .rewardsRow .rewardsText, .girlReadingRow .textCol .enterOnceText .enterOnceHeading, .loanUpdateRow .continuousUpdate, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsHeading, .bankRow .bankCol .costEffectText .costEffectH1, .bankAI .reduceIdleHeading {
    font-size: 20px;
    font-weight: bold;
    color: #19252d;
  }
  .navbar {
    background-color: white;
    padding-bottom: 0;
    padding: 20px 0px;
  }
  .navbar .crossBtn {
    width: 30px;
  }
  .navbar .navImg {
    width: 70%;
  }
  .navbar .navbarContainer {
    padding-right: 0px;
  }
  .navbar .navDiv {
    flex-wrap: nowrap !important;
  }
  .navbar .navbarButton {
    border: none;
    font-size: medium;
  }
  .navbar .offcanvas {
    background-color: #094268;
  }
  .navbar .getStartedItem {
    padding-left: 0;
    padding-top: 10px;
  }
  .walkingRow {
    margin-bottom: -6rem !important;
  }
  .walkingRow .textCol {
    padding-left: 1rem;
  }
  .walkingRow .textCol .homeInterestText {
    margin-top: 6rem !important;
    font-size: 14px;
    font-weight: bold;
    color: #6c6666;
    margin-bottom: 10px;
  }
  .walkingRow .textCol .homeLoanText {
    font-weight: bold;
    color: #094268;
    font-size: 20px;
    margin-bottom: 5px !important;
  }
  .walkingRow .textCol .homeSavingsText {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 11px;
  }
  .walkingRow .mobilEarnRewardHeaad {
    font-size: medium !important;
  }
  .walkingRow .walkingImgCol {
    padding-right: 0;
    transform: translateY(-95px);
  }
  .walkingRow .desktop-image {
    display: none;
  }
  .walkingRow .mobile-image {
    display: block !important;
  }
  .walkingRow .getStartedButton {
    font-weight: 500;
    background: #36d0a4;
    padding: 10px 16px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
  }
  .sittingRow .sittingCol {
    padding-left: 0;
  }
  .sittingRow .hassleFreeCol {
    margin-top: 44px !important;
    position: relative;
    z-index: 2;
  }
  .sittingRow .hassleFreeCol .mobileHassleFreeText {
    text-align: left !important;
  }
  .sittingRow .hassleFreeCol .mobilestopOverPayingText {
    text-align: left;
  }
  .sittingRow .imageCol {
    transform: translateY(-50px);
    z-index: 1;
  }
  .rewardsRow .rewardsCol {
    padding-left: 1rem;
    transform: translateY(60px);
  }
  .rewardsRow .gradientImg {
    width: 100% !important;
    transform: translate(12px, -30px) !important;
    max-width: none;
    z-index: -1;
    position: relative;
  }
  .tailorRow {
    margin-top: -9rem;
  }
  .tailorRow .mobileTailoredHeading {
    font-size: 20px;
    font-weight: bold;
  }
  .tailorRow .lowerEmiText {
    padding: 0;
  }
  .tailorRow .higherSavingImg {
    width: 100%;
  }
  .howItWorks {
    font-size: 22px !important;
    padding-left: 20px;
    font-weight: 400;
  }
  .stepsText {
    margin-bottom: 30px;
    text-align: center;
    padding: 10px;
    padding: 10px;
  }
  .girlReadingRow .howItWorks {
    font-size: 18px !important;
    transform: translateY(-4rem);
  }
  .girlReadingRow .textCol {
    padding-left: 2rem !important;
    position: relative;
    z-index: 2;
  }
  .girlReadingRow .textCol .enterOnceText {
    margin: auto;
    height: 100%;
  }
  .girlReadingRow .desktop-image {
    display: none;
  }
  .girlReadingRow .mobile-image {
    display: block !important;
    width: 90%;
    margin-left: -14px;
    width: 60%;
  }
  .girlReadingRow .girlreadingImgCol {
    z-index: 1;
    padding-right: 0;
    text-align: -webkit-center;
  }
  .loanUpdateRow .sittingImgCol {
    padding-left: 0;
    text-align: center;
  }
  .loanUpdateRow .sittingImgCol .imageCol {
    width: 60%;
  }
  .loanUpdateRow .loanUpdateText {
    position: relative;
    z-index: 2;
    padding-left: 2rem;
  }
  .effortlessSavingsRow .effortlessSavingsCol {
    position: relative;
    z-index: 2;
    padding-left: 2rem;
  }
  .effortlessSavingsRow .swimmingImgCol {
    z-index: 1;
    padding-right: 0;
    text-align: center;
  }
  .effortlessSavingsRow .swimmingImgCol .swimmingImg {
    width: 60%;
  }
  .bankRow .bankCol {
    margin-top: 2rem;
    padding-left: 1rem;
    position: relative;
    z-index: 2;
  }
  .bankRow .bankCol .banksText {
    font-size: 22px !important;
    transform: translateY(1rem);
    margin-bottom: 50px;
  }
  .bankRow .bankCol .costEffectText {
    margin-top: 0;
    display: flow;
  }
  .bankRow .bankCol .costEffectText .costEffectH1 {
    font-size: 20px;
  }
  .bankRow .bankCol .costEffectText .costEffectPara {
    font-size: 14px;
    margin-bottom: 1rem;
  }
  .bankRow .bankCol .partnerButton {
    font-weight: 500;
    background: #36d0a4;
    padding: 10px 16px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
  }
  .bankRow .laptopBankImgCol {
    padding-right: 0;
  }
  .bankRow .bankImgCol {
    padding: 0;
    text-align: -webkit-center;
    z-index: 1;
  }
  .bankRow .desktop-image {
    display: none;
  }
  .bankRow .mobile-image {
    display: block;
    width: 60%;
    margin-top: 30px;
  }
  .bankAI .bankAIImgCol {
    padding-left: 0;
  }
  .bankAI .reduceIdleHeading {
    margin-top: 35px;
  }

  .footer .footerImg {
    width: 68%;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .footer .mailImg {
    width: 15px;
    padding: 2px 0px;
  }
  .footer .mobileParaText {
    margin-left: 6px;
  }
  .footer .headingText {
    font-weight: bold;
    font-size: small;
  }
  .footer .paraText {
    font-size: small;
  }
  .bankFooter {
    margin-top: 0;
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 551px) and (min-width: 766px) {
  .textCenter {
    text-align: left !important;
  }
  .stopOverPayingText, .girlReadingRow .textCol .enterOnceText .inputLoanText, .loanUpdateRow .receiveAutoText, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsText, .bankRow .bankCol .costEffectText .costEffectPara, .bankAI .acceleratePara {
    font-size: 14px;
    font-weight: bold;
    color: #6c6666;
    margin: 10px 0px;
    padding: 0;
  }
  .activeSmartText {
    font-size: large;
    font-weight: bold;
    color: #094268;
    margin-bottom: 0 !important;
    margin: 0;
  }
  .reduceInterest {
    font-size: large;
    font-weight: bold;
    margin: 0;
  }
  .hassleFreeText, .rewardsRow .rewardsText, .girlReadingRow .textCol .enterOnceText .enterOnceHeading, .loanUpdateRow .continuousUpdate, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsHeading, .bankRow .bankCol .costEffectText .costEffectH1, .bankAI .reduceIdleHeading {
    font-size: 20px;
    font-weight: bold;
    color: #19252d;
  }
  .navbar {
    background-color: white;
    padding-bottom: 0;
    padding: 20px 0px;
  }
  .navbar .crossBtn {
    width: 30px;
  }
  .navbar .navImg {
    width: 70%;
  }
  .navbar .navbarContainer {
    padding-right: 0px;
  }
  .navbar .navDiv {
    flex-wrap: nowrap !important;
  }
  .navbar .navbarButton {
    border: none;
    font-size: medium;
  }
  .navbar .offcanvas {
    background-color: #094268;
  }
  .navbar .getStartedItem {
    padding-left: 0;
    padding-top: 10px;
  }
  .walkingRow {
    margin-bottom: -6rem !important;
  }
  .walkingRow .textCol {
    padding-left: 1rem;
  }
  .walkingRow .textCol .homeInterestText {
    margin-top: 5rem !important;
    font-size: 14px;
    font-weight: bold;
    color: #6c6666;
    margin-bottom: 10px;
  }
  .walkingRow .textCol .homeLoanText {
    font-weight: bold;
    color: #094268;
    font-size: 15px;
    margin-bottom: 5px !important;
  }
  .walkingRow .textCol .homeSavingsText {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 11px;
  }
  .walkingRow .mobilEarnRewardHeaad {
    font-size: medium !important;
  }
  .walkingRow .walkingImgCol {
    padding-right: 0;
    transform: translateY(-95px);
  }
  .walkingRow .desktop-image {
    display: none;
  }
  .walkingRow .mobile-image {
    display: block !important;
  }
  .walkingRow .getStartedButton {
    font-weight: 500;
    background: #36d0a4;
    padding: 10px 16px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
  }
  .sittingRow .sittingCol {
    padding-left: 0;
  }
  .sittingRow .hassleFreeCol {
    margin-top: 44px !important;
    position: relative;
    z-index: 2;
  }
  .sittingRow .hassleFreeCol .mobileHassleFreeText {
    text-align: left !important;
  }
  .sittingRow .hassleFreeCol .mobilestopOverPayingText {
    text-align: left;
  }
  .sittingRow .imageCol {
    transform: translateY(-50px);
    z-index: 1;
  }
  .rewardsRow .rewardsCol {
    padding-left: 1rem;
    transform: translateY(60px);
    z-index: 100;
  }
  .rewardsRow .gradientImg {
    width: 100% !important;
    transform: translate(12px, -30px) !important;
    max-width: none;
  }
  .tailorRow {
    margin-top: -9rem;
  }
  .tailorRow .mobileTailoredHeading {
    font-size: larger;
    font-weight: bold;
  }
  .tailorRow .lowerEmiText {
    padding: 0;
  }
  .tailorRow .higherSavingImg {
    width: 100%;
  }
  .howItWorks {
    padding-left: 24px;
    font-weight: 500;
  }
  .stepsText {
    margin-bottom: 35px;
    padding: 10px;
  }
  .girlReadingRow .howItWorks {
    font-size: 18px !important;
    transform: translateY(-4rem);
  }
  .girlReadingRow .textCol {
    padding-left: 1rem !important;
    position: relative;
    z-index: 2;
  }
  .girlReadingRow .desktop-image {
    display: none;
  }
  .girlReadingRow .mobile-image {
    display: block !important;
  }
  .girlReadingRow .girlreadingImgCol {
    z-index: 1;
    padding-right: 0;
    margin-bottom: -12rem;
  }
  .loanUpdateRow .sittingImgCol {
    padding-left: 0;
    transform: translateY(-50px);
  }
  .loanUpdateRow .loanUpdateText {
    position: relative;
    z-index: 2;
    padding-left: 1rem;
  }
  .effortlessSavingsRow .effortlessSavingsCol {
    position: relative;
    z-index: 2;
    padding-left: 1rem;
  }
  .effortlessSavingsRow .swimmingImgCol {
    z-index: 1;
    padding-right: 0;
  }
  .bankRow .bankCol {
    padding-left: 1rem;
    position: relative;
    z-index: 2;
  }
  .bankRow .bankCol .banksText {
    font-size: 22px !important;
    transform: translateY(1rem);
  }
  .bankRow .bankCol .costEffectText {
    margin-top: 0;
  }
  .bankRow .bankCol .costEffectText .costEffectH1 {
    font-size: medium;
  }
  .bankRow .bankCol .costEffectText .costEffectPara {
    font-size: 14px;
  }
  .bankRow .bankCol .partnerButton {
    font-weight: 500;
    background: #36d0a4;
    padding: 10px 16px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
  }
  .bankRow .laptopBankImgCol {
    padding-right: 0;
  }
  .bankRow .bankImgCol {
    padding: 0;
    position: relative;
    z-index: 1;
  }
  .bankRow .desktop-image {
    display: none;
  }
  .bankRow .mobile-image {
    display: block;
  }
  .bankRow .bankImg {
    transform: translateY(-210px) !important;
  }
  .bankAI .bankAIImgCol {
    padding-left: 0;
  }

  .footer .footerImg {
    width: 68%;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .footer .mailImg {
    width: 15px;
    padding: 2px 0px;
  }
  .footer .mobileParaText {
    margin-left: 6px;
  }
  .footer .headingText {
    font-weight: bold;
    font-size: small;
  }
  .footer .paraText {
    font-size: small;
  }
  .bankFooter {
    margin-top: 0;
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .textCenter {
    text-align: left !important;
  }
  .stopOverPayingText, .girlReadingRow .textCol .enterOnceText .inputLoanText, .loanUpdateRow .receiveAutoText, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsText, .bankRow .bankCol .costEffectText .costEffectPara, .bankAI .acceleratePara {
    font-size: medium;
    font-weight: bold;
    color: #6c6666;
    margin: 10px 0px;
    padding: 0;
  }
  .activeSmartText {
    font-size: x-large;
    font-weight: bold;
    color: #094268;
    margin-bottom: 0 !important;
    margin: 0;
  }
  .reduceInterest {
    font-size: x-large;
    font-weight: bold;
    margin: 0;
  }
  .hassleFreeText, .rewardsRow .rewardsText, .girlReadingRow .textCol .enterOnceText .enterOnceHeading, .loanUpdateRow .continuousUpdate, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsHeading, .bankRow .bankCol .costEffectText .costEffectH1, .bankAI .reduceIdleHeading {
    font-size: 30px;
    font-weight: bold;
    color: #19252d;
  }
  .navbar {
    background-color: white;
    padding-bottom: 0;
    position: relative;
  }
  .navbar .navDiv {
    flex-wrap: nowrap !important;
  }
  .navbar .navbarButton {
    border: none;
    font-size: large !important;
  }
  .navbar .offcanvas {
    background-color: #094268;
  }
  .navbar .getStartedItem {
    padding-left: 0;
    padding-top: 1rem;
  }
  .walkingRow {
    margin-bottom: 0 !important;
  }
  .walkingRow .textCol {
    padding-left: 1rem;
  }
  .walkingRow .textCol .homeInterestText {
    font-size: medium;
    font-weight: bold;
    color: #6c6666;
    margin: 10px 5px;
  }
  .walkingRow .textCol .homeLoanText {
    font-weight: bold;
    color: #094268;
    font-size: 20px;
    margin-bottom: 0 !important;
  }
  .walkingRow .textCol .homeSavingsText {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
  }
  .walkingRow .walkingImgCol {
    padding-right: 0;
    transform: translateY(8px);
  }
  .walkingRow .desktop-image {
    display: none;
  }
  .walkingRow .mobile-image {
    display: block !important;
  }
  .walkingRow .getStartedButton {
    font-weight: 500;
    background: #36d0a4;
    padding: 8px 12px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
  }
  .sittingRow {
    margin-top: 5rem;
  }
  .sittingRow .sittingCol {
    padding-left: 0;
  }
  .sittingRow .hassleFreeCol {
    margin-top: 44px !important;
    position: relative;
    z-index: 2;
  }
  .sittingRow .hassleFreeCol .mobileHassleFreeText {
    text-align: left !important;
  }
  .sittingRow .hassleFreeCol .mobilestopOverPayingText {
    text-align: left;
  }
  .sittingRow .imageCol {
    transform: translateY(-50px);
    z-index: 1;
  }
  .rewardsRow .rewardsCol {
    padding-left: 1rem;
    transform: translateY(60px);
    z-index: 100;
  }
  .rewardsRow .gradientImg {
    width: 100% !important;
    transform: translate(12px, -30px) !important;
    max-width: none;
  }
  .tailorRow {
    margin-top: -9rem;
  }
  .tailorRow .tailoredHeading {
    font-size: 30px;
  }
  .tailorRow .lowerEmiText {
    padding: 0;
  }
  .howItWorks {
    padding-left: 24px;
    font-weight: 500;
  }
  .stepsText {
    padding: 10px;
    text-align: center;
  }
  .girlReadingRow .howItWorks {
    font-size: 24px !important;
    transform: translateY(-4rem);
  }
  .girlReadingRow .textCol {
    padding-left: 1rem !important;
    position: relative;
    z-index: 2;
  }
  .girlReadingRow .textCol .enterOnceText {
    padding-left: 2rem;
  }
  .girlReadingRow .desktop-image {
    display: none;
  }
  .girlReadingRow .mobile-image {
    display: block !important;
  }
  .girlReadingRow .girlreadingImg {
    width: 85%;
  }
  .girlReadingRow .girlreadingImgCol {
    z-index: 1;
    text-align: center;
    padding-right: 0;
  }
  .loanUpdateRow .sittingImgCol {
    padding-left: 0;
    text-align: center;
  }
  .loanUpdateRow .sittingImgCol .imageCol {
    width: 85%;
  }
  .loanUpdateRow .loanUpdateText {
    position: relative;
    z-index: 2;
  }
  .effortlessSavingsRow .effortlessSavingsCol {
    position: relative;
    z-index: 2;
  }
  .effortlessSavingsRow .swimmingImgCol {
    z-index: 1;
    padding-right: 0;
  }
  .effortlessSavingsRow .swimmingImgCol .swimmingImg {
    width: 85%;
  }
  .bankRow {
    margin-top: 3rem;
  }
  .bankRow .bankCol {
    padding-left: 1rem;
    position: relative;
    z-index: 2;
  }
  .bankRow .bankCol .banksText {
    font-size: 24px !important;
    transform: translateY(1rem);
  }
  .bankRow .bankCol .costEffectText {
    margin-top: 0;
  }
  .bankRow .bankCol .costEffectText .costEffectH1 {
    font-size: large;
  }
  .bankRow .bankCol .costEffectText .costEffectPara {
    font-size: 20px;
  }
  .bankRow .bankCol .partnerButton {
    font-weight: 500;
    background: #36d0a4;
    padding: 8px 12px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
  }
  .bankRow .laptopBankImgCol {
    padding-right: 0;
  }
  .bankRow .bankImgCol {
    padding: 0;
    position: relative;
    z-index: 1;
  }
  .bankRow .desktop-image {
    display: none;
  }
  .bankRow .mobile-image {
    display: block !important;
  }
  .bankAI {
    margin-bottom: 3rem;
    transform: translateY(0);
  }
  .bankAI .bankAIImgCol {
    padding-left: 0;
  }

  .footer .footerImg {
    width: 50%;
  }
  .footer .headingText {
    font-size: medium;
  }
  .footer .paraText {
    font-size: small;
  }
}
@media screen and (min-width: 1024px) and (max-width: 2560px) {
  .navbar {
    position: fixed;
    width: 100%;
  }
  .navbar .navImg {
    margin-left: 35px;
  }
  .navbar .getStartedItem {
    padding-right: 20px;
    padding-left: 9rem;
  }
  .carousel-control-prev {
    width: 10%;
  }
  .carousel-control-prev .left-arrow {
    width: 30%;
  }
  .carousel-control-next {
    width: 10%;
  }
  .carousel-control-next .right-arrow {
    width: 30%;
  }
  .walkingRow .walkingImgCol {
    padding-right: 0;
  }
  .walkingRow .walkingImgCol .mobile-image {
    display: none;
  }
  .walkingRow .textCol {
    padding-left: 3rem;
    position: relative;
    z-index: 2;
  }
  .walkingRow .textCol .homeInterestText {
    font-size: 36px;
    font-weight: 600;
    color: #6c6666;
  }
  .walkingRow .textCol .homeLoanText {
    font-size: 40px;
    color: #094268;
    font-weight: bold;
  }
  .walkingRow .textCol .homeSavingsText {
    font-size: 36px;
    font-weight: 600;
    color: #191919;
    margin-bottom: 35px;
  }
  .walkingRow .imageCol {
    width: 100%;
    transform: translateY(-45px);
    display: block;
    z-index: 1;
  }
  .walkingRow .getStartedButton {
    background: #36d0a4;
    padding: 10px 30px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
  }
  .sittingRow {
    transform: translateY(-7rem);
  }
  .sittingRow .sittingCol {
    padding-left: 0;
  }
  .sittingRow .sittingCol .imageCol {
    width: 100%;
  }
  .sittingRow .hassleFreeCol {
    padding-left: 3rem;
  }
  .sittingRow .hassleFreeCol .laptopHassleFreeHeading {
    text-align: left !important;
    font-size: 70px !important;
  }
  .sittingRow .hassleFreeCol .laptopSimpleDoorStepText {
    text-align: left !important;
  }
  .sittingRow .hassleFreeCol .stopOverPayingText, .sittingRow .hassleFreeCol .girlReadingRow .textCol .enterOnceText .inputLoanText, .girlReadingRow .textCol .enterOnceText .sittingRow .hassleFreeCol .inputLoanText, .sittingRow .hassleFreeCol .loanUpdateRow .receiveAutoText, .loanUpdateRow .sittingRow .hassleFreeCol .receiveAutoText, .sittingRow .hassleFreeCol .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsText, .effortlessSavingsRow .effortlessSavingsCol .sittingRow .hassleFreeCol .effortlessSavingsText, .sittingRow .hassleFreeCol .bankRow .bankCol .costEffectText .costEffectPara, .bankRow .bankCol .costEffectText .sittingRow .hassleFreeCol .costEffectPara, .sittingRow .hassleFreeCol .bankAI .acceleratePara, .bankAI .sittingRow .hassleFreeCol .acceleratePara {
    padding-right: 80px;
    text-align: center;
  }
  .tailorRow {
    margin-top: -3rem;
  }
  .tailorRow .tailoredHeading {
    font-size: 70px;
    font-weight: 700;
    color: #19252d;
  }
  .togetherRow .higherSavingImg {
    width: 75%;
  }
  .togetherRow .pocketImg {
    width: 85%;
  }
  .rewardsRow .rewardsCol {
    padding-left: 3rem;
  }
  .rewardsRow .gradientImg {
    transform: translateY(-5rem);
  }
  .rewardsRow .rewardsText {
    font-size: 58px;
    font-weight: 700;
    color: #19252d;
    margin-top: -9rem;
  }
  .activeSmartText {
    font-size: large;
    font-weight: 700 !important;
    color: #094268;
  }
  .reduceInterest {
    font-size: 31px;
    font-weight: 500;
  }
  .stopOverPayingText, .girlReadingRow .textCol .enterOnceText .inputLoanText, .loanUpdateRow .receiveAutoText, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsText, .bankRow .bankCol .costEffectText .costEffectPara, .bankAI .acceleratePara {
    font-size: 36px;
    font-weight: 500;
    color: #6c6666;
  }
  .hassleFreeText, .rewardsRow .rewardsText, .girlReadingRow .textCol .enterOnceText .enterOnceHeading, .loanUpdateRow .continuousUpdate, .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsHeading, .bankRow .bankCol .costEffectText .costEffectH1, .bankAI .reduceIdleHeading {
    text-align: left !important;
    font-size: 58px;
    font-weight: 700;
    color: #19252d;
  }
  .howItWorks {
    font-size: 48px;
    margin-left: 44px;
  }
  .stepsText {
    padding: 10px;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 10px;
  }
  .stepsText .stepOneText,
  .stepsText .stepTwoText,
  .stepsText .stepThreeText {
    font-family: "Outfit", sans-serif;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
  }
  .girlReadingRow .textCol {
    margin: auto;
    padding-left: 8rem;
    display: flex;
  }
  .girlReadingRow .textCol .enterOnceText {
    margin: auto;
    height: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .girlReadingRow .textCol .enterOnceText .enterOnceHeading {
    font-size: 60px;
    font-weight: 700;
    color: #19252d;
  }
  .girlReadingRow .girlreadingImg {
    width: 100%;
  }
  .girlReadingRow .girlreadingImgCol {
    padding-right: 0;
    text-align: center;
  }
  .girlReadingRow .girlreadingImgCol .mobile-image {
    display: none;
  }
  .girlReadingRow .girlreadingImgCol .desktop-image {
    width: 45%;
    margin-right: 8rem;
  }
  .loanUpdateRow .continuousUpdate {
    font-size: 55px;
    font-weight: 700;
    color: #19252d;
  }
  .loanUpdateRow .sittingImgCol {
    padding-left: 0;
    text-align: center;
  }
  .loanUpdateRow .sittingImgCol .imageCol {
    width: 55%;
    margin-left: 12rem;
  }
  .effortlessSavingsRow .effortlessSavingsCol {
    padding-left: 10rem;
  }
  .effortlessSavingsRow .effortlessSavingsCol .effortlessSavingsHeading {
    font-size: 60px;
    font-weight: 700;
    color: #19252d;
  }
  .effortlessSavingsRow .swimmingImgCol {
    padding-right: 0;
    text-align: center;
  }
  .effortlessSavingsRow .swimmingImgCol .swimmingImg {
    width: 50%;
    margin-right: 7rem;
  }
  .bankRow {
    margin-top: 4rem;
  }
  .bankRow .bankCol {
    padding-right: 0;
    padding-left: 3rem;
  }
  .bankRow .bankCol .banksDivText .banksText {
    font-size: 60px;
    font-weight: 400;
  }
  .bankRow .bankCol .costEffectText {
    height: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .bankRow .bankCol .costEffectText .costEffectH1 {
    font-size: 45px;
    font-weight: 700;
    color: #19252d;
  }
  .bankRow .bankCol .costEffectText .laptopCostEffectH1 {
    font-size: 50px !important;
  }
  .bankRow .bankCol .costEffectText .laptopAccessText {
    font-size: 28px !important;
    margin-bottom: 35px;
  }
  .bankRow .bankCol .partnerButton {
    background: #36d0a4;
    padding: 10px 30px;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
  }
  .bankRow .laptopBankImgCol {
    padding-right: 0;
    margin-top: 8rem;
    text-align: center;
  }
  .bankRow .bankImg {
    width: 65%;
  }
  .bankRow .mobile-image {
    display: none;
  }
  .bankAI .bankAIImgCol {
    padding-left: 0;
  }
  .bankAI .bankImg {
    width: 85%;
  }
  .bankAI .reduceIdleHeading {
    font-size: 55px !important;
    font-weight: 700;
    color: #19252d;
  }
  .bankAI .laptopAccelerateText {
    font-size: 30px !important;
  }
  .footerMain {
    margin-top: 6rem;
  }
  .bankFooter {
    margin-top: 7rem;
  }
  .footer {
    background-color: #151515;
  }
  .footer .footerImg {
    width: 60%;
    margin-left: 40px;
  }
}/*# sourceMappingURL=style.css.map */