@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,700&display=swap");

* {
  padding: 0;
  margin: 0;
  /*font-family: "Gothic A1", sans-serif;*/
  font-family: "Poppins", sans-serif;
}

body {
  color: #fff;
  background-color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}

/*----- Custom Class -----*/

.section_container {
  height: 90vh !important;
  width: 90vw !important;
  max-width: 90vw !important;
  padding: 1vw !important;
  margin: 0 auto !important;
  position: relative;
}

.page_topbar {
  position: fixed;
  top: 2vh;
  left: 50%;
  transform: translateX(-50%);
  width: 88% !important;
}

.page_details {
  height: calc(100vh - 80px);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90 {
  width: 90% !important;
}

@media (min-width: 2500px) {
  .section_container {
    height: 90vh !important;
    width: 70vw !important;
  }

  .page_topbar {
    width: 65% !important;
  }
}

/*----- Main Slider -----*/
.owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  margin: 0 !important;
  padding: 0 1vw;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.owl-prev:before {
  content: "\f177" !important;
}

.owl-next:before {
  content: "\f178" !important;
}

.owl-prev,
.owl-next {
  height: 4vh !important;
  width: 4vw !important;
  color: #000 !important;
  z-index: 999 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
  cursor: pointer !important;
  outline: none !important;
}

.owl-prev span,
.owl-next span {
  display: none !important;
}

.owl-next:before,
.owl-prev:before {
  font-family: "FontAwesome";
  font-size: 2vw;
  color: #fff !important;
  transition: 0.3s;
  line-height: 26px;
}

.owl-prev:hover:before,
.owl-next:hover:before {
  color: #018c34 !important;
}

.owl-prev.disabled:before,
.owl-next.disabled:before {
  cursor: default !important;
  color: #173c74 !important;
}

.item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}

.item .cover .header-content {
  width: 100%;
  position: relative;
  padding: 56px;
  overflow: hidden;
}

.owl-item.active h3,
.owl-item.active h4,
.owl-item.active h5,
.owl-item.active h6,
.owl-item.active p,
.owl-item.active span,
.owl-item.active div,
.owl-item.active img,
.owl-item.active ul,
.owl-item.active li,
.owl-item.active div:before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/*----- Background -----*/

.bg_1 {
  background: url(../images/bg_1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg_2 {
  background: url(../images/bg_2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg_3 {
  background: url(../images/bg_3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg_4 {
  background: url(../images/bg_4.png);
  background-size: cover;
  background-position: 0% 20%;
  background-repeat: no-repeat;
}

.bg_4_1 {
  background: url(../images/bg_4_1.jpg);
  background-size: cover;
  background-position: 0% 20%;
  background-repeat: no-repeat;
}
.bg_4_2 {
  background: url(../images/bg_4_2.jpg);
  background-size: cover;
  background-position: 0% 20%;
  background-repeat: no-repeat;
}
.bg_4_3 {
  background: url(../images/bg_4_3.jpg);
  background-size: cover;
  background-position: 0% 20%;
  background-repeat: no-repeat;
}
.bg_4_4 {
  background: url(../images/bg_4_4.jpg);
  background-size: cover;
  background-position: 0% 20%;
  background-repeat: no-repeat;
}
.bg_4_5 {
  background: url(../images/bg_4_5.jpg);
  background-size: cover;
  background-position: 0% 20%;
  background-repeat: no-repeat;
}

.bg_5 {
  background: url(../images/bg_5.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg_6 {
  background: url(../images/bg_6.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page_main_1 {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.page_main_2 {
  padding: 1vw 1vw 0vw 1vw !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
}

.custom_page_topbar {
  z-index: 9;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}


/*----- Page 1 -----*/

.page1_cover_1 a {
  width: 25vw;
  margin: 0 auto;
}

.owl-item.active .page1_cover_1 .header-content {
  animation-name: fadeIn;
  animation-delay: 0.2s;
}


/*----- Page 2 -----*/
.page_2 {
  padding: 1vw 1vw 1vw 2vw !important;
}

.page_2_details {
  width: 50vw;
}

.page_2_logo {
  width: 100% !important;
}

.page_2_logo a img {
  width: 20vw !important;
  height: 12vh;
  object-fit: contain;
  object-position: left center;
}

.workforce {
  margin: 4vh 0;
}

.workforce p {
  font-size: 3vh;
  margin-bottom: 0.2vh;
}

.workforce h4 {
  font-weight: 700;
  font-size: 4.8vh;
}

.platform_list ul {
  padding: 1vh 0px 1vh 2vw;
  margin: 0;
  list-style: none;
  border-left: 0.3vw solid #199f55;
}

.platform_list li:nth-child(2) {
  margin: 3vh 0;
}

.platform_list li h4 {
  font-weight: 700;
  font-size: 4vh;
  margin-bottom: 1vh;
}

.platform_list li p {
  font-size: 2.6vh;
  margin: 0;
}

.owl-item.active .page2_cover_1 .page_2_logo {
  animation-name: fadeIn;
  animation-delay: 0.2s;
}

.owl-item.active .page2_cover_1 .workforce p {
  animation-name: fadeIn;
  animation-delay: 0.5s;
}

.owl-item.active .page2_cover_1 .workforce h4 {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page2_cover_1 ul {
  animation-name: fadeIn;
  animation-delay: 1.2s;
}

.owl-item.active .page2_cover_1 ul li:nth-child(1) {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

.owl-item.active .page2_cover_1 ul li:nth-child(2) {
  animation-name: fadeIn;
  animation-delay: 2s;
}

.owl-item.active .page2_cover_1 ul li:nth-child(3) {
  animation-name: fadeIn;
  animation-delay: 2.5s;
}

@media (max-width: 1180px) {
  .workforce h4 {
    font-size: 3.8vh;
  }

  .platform_list li h4 {
    font-size: 3vh;
  }

  .platform_list li p {
    font-size: 2vh;
  }
}

@media (max-width: 1600px) and (max-height: 1200px) {
  .workforce h4 {
    font-size: 3.8vh;
  }

  .platform_list li h4 {
    font-size: 3vh;
  }

  .platform_list li p {
    font-size: 2vh;
  }
}

@media (width: 2048px) and (height: 1536px) {
  .workforce h4 {
    font-size: 3.8vh;
  }

  .platform_list li h4 {
    font-size: 3vh;
  }

  .platform_list li p {
    font-size: 2vh;
  }
}

/*----- Page 3 -----*/
.page_3 {
  color: #fff;
}

.page_3_logo1,
.page_logo_1,
.page_logo_2 {
  max-width: 180px;
}
.page_logo_2 img{
    max-width:8vw !important;


}

.page_3_logo2 h2 {
  font-size: 40px;
  font-weight: 700;
  font-style: italic;
  margin: 0;
}

.page_details_space {
  margin: 9vh auto 0;
}

.page_details_h3 {
  font-size: 2vw;
  font-weight: 700;
  position: fixed;
  top: 5vh;
  left: 0;
  width: 100%;
}

.page_3_heading_img {
  margin-bottom: 30px;
}

.page_3_round {
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px 0 60px;
}

.page_3_round h4 {
  margin: 20px 0 0;
  font-size: 25px;
  font-weight: 700;
}

.platform_1 {
  position: relative;
  z-index: 999;
}

.page_3_platform>div {
  color: #000;
  text-align: left;
  background: #fff;
  border-radius: 50px;
  margin: 0 1vw;
  padding: 10px;
}

.page_3_platform h4 {
  color: #183d74;
  font-size: 18px;
  width: 60%;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
}

.page_3_platform p {
  font-size: 14px;
  margin: 0;
  text-align: center;
  color: #343434;
  font-weight: 300;
}

.page_3_platform img {
  width: 70%;
  margin: 15px 0;
}

.platform_2 {
  position: relative;
  z-index: 99;
}

.platform_3 {
  position: relative;
  z-index: 9;
}

.platform_2,
.platform_3 {
  margin-left: -1%;
}

.page_3_round::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../images/3/arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(0deg);
}

.owl-item.active .page3_cover_1 .page_3_heading_img {
  animation-name: fadeIn;
  animation-delay: 0.5s;
}

.owl-item.active .page3_cover_1 .platform_1 {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page3_cover_1 .platform_2 {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

.owl-item.active .page3_cover_1 .platform_3 {
  animation-name: fadeIn;
  animation-delay: 2s;
}

.owl-item.active .page3_cover_1 .page_3_round>h4 {
  animation-name: fadeIn;
  animation-delay: 2.5s;
}

.owl-item.active .page3_cover_1 .page_3_round::before {
  animation: rotation_right 0.8s 1 linear;
  opacity: 0;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}

@keyframes rotation_right {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }

  100% {
    transform: scale(1) rotate(-360deg);
    opacity: 1;
  }
}


@media (min-width: 2500px) {
  .page_3_platform {
    width: 100% !important;
  }
}

@media (min-width: 1920px) {
  .page_3_logo1, .page_logo_1, .page_logo_2 {
    max-width: 10vw !important;
  }

  .page_3_details>h3 {
    font-size: 2vw;
  }

  .page_3_round {
    margin: 0 auto;
    margin-top: 2vh;
    padding: 2vh 0 6vh;
  }

  .page_3_round::before {
    height: 100%;
  }

  .page_3_heading_img {
    margin-bottom: 3vh;
    width: 20vw !important;
  }

  .page_3_platform h4 {
    font-size: 1vw;
  }

  .page_3_platform img {
    width: 12vw;
  }

  .page_3_platform p {
    font-size: 0.8vw;
  }

  .page_3_round>h4 {
    font-size: 1.2vw;
    margin: 2vh 0 0;
  }

  .page_3_platform>div {
    padding: 1vw;
    margin: 0 0.8vw;
    border-radius: 5vh;
  }
}

@media (max-width: 1919px) {
  .section_container {
    padding: 1.5vw;
  }

  .page_3_logo1, .page_logo_1, .page_logo_2 {
    max-width: 10vw !important;
  }

  .page_3_details>h3 {
    font-size: 2vw;
    margin-bottom: 1vh;
  }

  .page_3_round::before {
    height: 100%;
  }

  .page_3_heading_img {
    margin-bottom: 3vh;
    width: 20vw !important;
  }

  .page_3_platform h4 {
    font-size: 1vw;
  }

  .page_3_platform img {
    width: 12vw;
    margin: 2vh 0;
  }

  .page_3_platform p {
    font-size: 0.8vw;
  }

  .page_3_round>h4 {
    font-size: 1.2vw;
    margin: 2vh 0 0;
  }

  .page_3_details {
    margin: 10vh auto 0;
  }

  .page_3_round {
    margin: 0 auto;
    margin-top: 2vh;
    padding: 2vh 0 6vh;
  }

  .page_3_platform {
    width: 70vw !important;
    vertical-align: top;
  }

  .page_3_platform>div {
    padding: 0.5vw;
    border-radius: 5vh;
  }
}

@media (max-width: 1700px) {
  .page_3_platform>div {
    border-radius: 2.5vh;
  }
}


/*----- Page 4 -----*/

.page_4_heading_img {
  margin-bottom: 30px;
}

.page_4_round {
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px 0 60px;
}

.page_4_round h4 {
  margin: 20px 0 0;
  font-size: 25px;
  font-weight: 700;
}

.platform_1 {
  position: relative;
  z-index: 999;
}

.page_4_platform>div {
  color: #000;
  text-align: left;
  background: #fff;
  border-radius: 50px;
  margin: 0 1vw;
  padding: 10px;
}

.page_4_platform h4 {
  color: #183d74;
  font-size: 18px;
  width: 60%;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
}

.page_4_platform p {
  font-size: 14px;
  margin: 0;
  text-align: center;
  color: #343434;
  font-weight: 300;
}

.page_4_platform img {
  width: 70%;
  margin: 15px 0;
}

.platform_2 {
  position: relative;
  z-index: 99;
}

.platform_3 {
  position: relative;
  z-index: 9;
}

.platform_2,
.platform_3 {
  margin-left: -1%;
}

.page_4_round::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../images/3/arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(0deg);
}

.owl-item.active .page4_cover_1 .page_4_heading_img {
  animation-name: fadeIn;
  animation-delay: 0.5s;
}

.owl-item.active .page4_cover_1 .platform_1 {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page4_cover_1 .platform_2 {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

.owl-item.active .page4_cover_1 .platform_3 {
  animation-name: fadeIn;
  animation-delay: 2s;
}

.owl-item.active .page4_cover_1 .page_4_round>h4 {
  animation-name: fadeIn;
  animation-delay: 2.5s;
}

.owl-item.active .page4_cover_1 .page_4_round::before {
  animation: rotation_right 0.8s 1 linear;
  opacity: 0;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}

@keyframes rotation_right {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 0;
  }

  100% {
    transform: scale(1) rotate(-360deg);
    opacity: 1;
  }
}


@media (min-width: 2500px) {
  .page_4_platform {
    width: 100% !important;
  }
}

@media (min-width: 1920px) {
  .page_4_logo1 img, .page_logo_1 img, .page_logo_2 img {
    vertical-align: top;
  }

  .page_4_logo1, .page_logo_1, .page_logo_2 {
    max-width: 10vw !important;
  }

  .page_4_details>h3 {
    font-size: 2vw;
  }

  .page_4_round {
    margin: 0 auto;
    margin-top: 2vh;
    padding: 2vh 0 6vh;
  }

  .page_4_round::before {
    height: 100%;
  }

  .page_4_heading_img {
    margin-bottom: 3vh;
    width: 20vw !important;
  }

  .page_4_platform h4 {
    font-size: 1vw;
  }

  .page_4_platform img {
    width: 12vw;
  }

  .page_4_platform p {
    font-size: 0.8vw;
  }

  .page_4_round>h4 {
    font-size: 1.2vw;
    margin: 2vh 0 0;
  }

  .page_4_platform>div {
    padding: 1vw;
    margin: 0 0.8vw;
    border-radius: 5vh;
  }
}

@media (max-width: 1919px) {
  .section_container {
    padding: 1.5vw;
  }

  .page_4_logo1 img, .page_logo_1 img, .page_logo_2 img {
    vertical-align: top;
  }

  .page_4_logo1, .page_logo_1, .page_logo_2 {
    max-width: 10vw !important;
  }

  .page_4_details>h3 {
    font-size: 2vw;
    margin-bottom: 1vh;
  }

  .page_4_round::before {
    height: 100%;
  }

  .page_4_heading_img {
    margin-bottom: 3vh;
    width: 20vw !important;
  }

  .page_4_platform h4 {
    font-size: 1vw;
  }

  .page_4_platform img {
    width: 12vw;
    margin: 2vh 0;
  }

  .page_4_platform p {
    font-size: 0.8vw;
  }

  .page_4_round>h4 {
    font-size: 1.2vw;
    margin: 2vh 0 0;
  }

  .page_4_details {
    margin: 10vh auto 0;
  }

  .page_4_round {
    margin: 0 auto;
    margin-top: 2vh;
    padding: 2vh 0 6vh;
  }

  .page_4_platform {
    width: 70vw !important;
    vertical-align: top;
  }

  .page_4_platform>div {
    padding: 0.5vw;
    border-radius: 5vh;
  }
}

@media (max-width: 1700px) {
  .page_4_platform>div {
    border-radius: 2.5vh;
  }
}


/*----- Page 5 -----*/

.page_5_details_img {
  margin: 0 auto;
}

/* .page_5_details_img img {
  height: 70vh;
  object-fit: contain;
  object-position: center;
} */
.page_5_details_img {
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 10vh;
  height: 80vh;
}

.page_5_details_img .page_1_img {
  height: 65vh;
  margin-top: 7vh;
  margin-right: 1.6vh;
}

.page_5_details_img .page_2_img {
  height: 45vh;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-57%);
}

.page_5_details_img .page_3_img {
  height: 65vh;
  margin-top: 7vh;
  margin-left: 1.6vh;
}

.owl-item.active .page_1_img {
  animation-name: fadeIn;
  animation-delay: 0.5s;
}

.owl-item.active .page_2_img {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page_3_img {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}


/*----- Page 6 -----*/

.page_6_details .header-content>p {
  font-size: 2.6vh;
  margin: 0;
  font-weight: 500;
}

.paydayportal_main .page6_cover_1 p {
  font-size: 2.2vh;
  margin: 0;
  font-weight: 500;
}

.paydayportal_main>p small {
  font-size: 2.6vh;
  vertical-align: top;
  font-weight: 500;
}

.white_bg {
  background: #fff;
  color: #183d74;
}

.green_bg {
  background: #199f55;
  color: #fff;
}

.paydayportal_main>div {
  width: 24%;
  border-radius: 3vh;
  overflow: hidden;
}

.paydayportal_blog_1>p {
  margin: 1.4vh 0 !important;
  font-size: 3vh;
  font-weight: 500;
  color: #fff;
}

.paydayportal_blog_1>.white_bg {
  vertical-align: top;
  padding: 2.5vh 2vh;
  border-radius: 3vh;
}

.paydayportal_blog h4 {
  font-size: 2vh;
  font-weight: 700;
  margin-bottom: 1.5vh;
  padding-bottom: 1.5vh;
  border-bottom: 0.5vh solid #183d74;
}

.paydayportal_blog h4 span {
  font-weight: 400;
}

.paydayportal_blog h3 {
  font-size: 5vh;
  font-weight: 600;
  margin-bottom: 1.5vh;
  padding-bottom: 0.5vh;
  border-bottom: 0.3vh solid #183d74;
  line-height: 4vh;
}

.paydayportal_blog h3 span {
  font-size: 2.4vh;
  width: 100%;
  display: inline-block;
}

.paydayportal_main {
  margin-top: 4vh;
}

.paydayportal_main>p {
  font-size: 2.8vh;
  margin: 3vh 0 0 !important;
}

.paydayportal_blog_dtl {
  font-size: 2vh;
  font-weight: 600;
  margin-bottom: 0;
}

.paydayportal_blog_2,
.paydayportal_blog_3,
.paydayportal_blog_4 {
  padding: 2.5vh 2vh;
}

.owl-item.active .header-content>h3 {
  animation-name: fadeIn;
  animation-delay: 0.5s;
}

.owl-item.active .header-content>p {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .paydayportal_blog_1 {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

.owl-item.active .paydayportal_blog_2 {
  animation-name: fadeIn;
  animation-delay: 1.7s;
}

.owl-item.active .paydayportal_blog_3 {
  animation-name: fadeIn;
  animation-delay: 1.9s;
}

.owl-item.active .paydayportal_blog_4 {
  animation-name: fadeIn;
  animation-delay: 2.1s;
}

.owl-item.active .paydayportal_main>p {
  animation-name: fadeIn;
  animation-delay: 2.5s;
}

@media (max-width: 1180px) {
  .page_6_details .header-content>p {
    font-size: 2vh;
  }
}

@media (max-width: 1600px) and (max-height: 1200px) {
  .page_6_details .header-content>p, .paydayportal_main>p {
    font-size: 2vh;
  }
}

@media (width: 2048px) and (height: 1536px) {
  .page_6_details .header-content>p, .paydayportal_main>p {
    font-size: 2vh;
  }
}


/*----- Page 7 -----*/

.step_2,
.step_4 {
  padding-left: 3vw;
}

.step_1 {
  width: 27.5vw;
}

.step_1:before {
  content: "";
  position: absolute;
  bottom: 5%;
  left: 70%;
  height: 100%;
  width: 100%;
  background: url(../images/7/left-arrow.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.step_2 {
  width: 40vw;
}

.step_3 {
  width: 41vw;
}

.step_3:before {
  content: "";
  position: absolute;
  bottom: -0.5%;
  left: 44%;
  height: 66%;
  width: 82%;
  background: url(../images/7/right-arrow.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.step_4 {
  width: 25vw;
  padding-left: 3vw !important;
}

.step_4:before {
  content: "";
  position: absolute;
  bottom: 6%;
  left: 22%;
  height: 50%;
  width: 81%;
  background: url(../images/7/straight-arrow.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

/* .step_1_pattern {
  position: fixed;
  top: 37vh;
  left: 26vw;
  z-index: 0;
  width: 13.5vw !important;
} */

/* .step_3_pattern {
  position: fixed;
  bottom: 15.8vh;
  right: 25vw;
  z-index: 0;
  width: 17vw;
  height: 41vh;
} */

.step_3 .w-100,
.step_4 .w-100 {
  position: relative;
  z-index: 99;
}

/* .step_4_pattern {
  position: fixed;
  bottom: 14vh;
  right: 22vw;
  z-index: 0;
  height: 40vh;
} */

.automated_paydata h4 {
  font-size: 2.6vh;
  font-weight: 600;
  display: inline-block;
  margin: 1vh 0 1vh;
  padding: 1vh 0;
  border-top: 0.2vh solid #fff;
  border-bottom: 0.2vh solid #fff;
}

.owl-item.active .page7_cover_1 .step_1_img {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-delay: 0.5s;
}

.owl-item.active .page7_cover_1 .step_1:before {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page7_cover_1 .step_2_img {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

.owl-item.active .page7_cover_1 .step_3_img {
  animation-name: fadeIn;
  animation-delay: 2s;
}

.owl-item.active .page7_cover_1 .step_3:before {
  animation-name: fadeIn;
  animation-delay: 2.5s;
}

.owl-item.active .page7_cover_1 .step_4_img {
  animation-name: fadeIn;
  animation-delay: 3s;
}

.owl-item.active .page7_cover_1 .step_4:before {
  animation-name: fadeIn;
  animation-delay: 3.5s;
}

.owl-item.active .page7_cover_1 .automated_paydata {
  animation-name: fadeIn;
  animation-delay: 4s;
}


/*----- Page 8 -----*/

.page_8 .automated_paydata {
  font-weight: 400;
  margin: 0px 0 2vh;
  padding: 2vh 0;
  border-top: 0.1vh solid #fff;
  border-bottom: 0.1vh solid #fff;
}

.page_8 .automated_paydata h6 {
  font-size: 2.6vh;
  margin: 0;
}

.page_8_heading p {
  margin: 0 0 1vh 0;
  font-size: 3vh;
  font-weight: 600;
}

.page_8_heading h4 {
  margin: 0;
  font-size: 3.5vh;
  font-weight: 600;
}

.page_8_img .logo_4 {
  margin-bottom: 0 !important;
}

.page_8_img {
  margin: 2vh 0 3vh;
  width: 100% !important;
  display: inline-flex;
  flex-direction: column;
}

.page_8_img img {
  margin-bottom: 2vh;
}

.owl-item.active .page8_cover_1 .page_8_heading p,
.owl-item.active .page8_cover_1 .page_8_heading h4 {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page8_img1 {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

.owl-item.active .page8_img2 {
  animation-name: fadeIn;
  animation-delay: 2s;
}

.owl-item.active .page8_img3 {
  animation-name: fadeIn;
  animation-delay: 2.5s;
}

.owl-item.active .page8_img4 {
  animation-name: fadeIn;
  animation-delay: 3s;
}

.owl-item.active .page8_cover_1 .automated_paydata {
  animation-name: fadeIn;
  animation-delay: 3.5s;
}

@media (width:3440px) and (height:1440px) {
  .page_8_img img {
    margin-bottom: 2vh;
  }
}

/*----- Page 9 -----*/

.page_9_details .w-50 {
  width: 50% !important;
}

.page_9_details .text-start {
  width: 50% !important;
}

.page_9_details .text-start img {
  height: 70vh;
  object-fit: contain;
  object-position: center;
}

.owl-item.active .page_9_details .text-start {
  animation-name: fadeIn;
  animation-delay: 1.0s;
}

/*----- Page 10 -----*/

.page_10_heading {
  position: fixed;
  top: 5vh;
  width: 100%;
  text-align: center;
  left: 0;
  justify-content: center;
}

.page_10_heading p {
  font-size: 2.6vh;
}

.page_10_heading h3 {
  font-size: 3.9vh;
}

.page_10_heading h3 span {
  white-space: nowrap;
}

.page_10_heading img {
  width: 100% !important;
  height: 4vh !important;
  object-fit: contain;
  max-width: 12vw;
  object-position: right center;
}

.page_10_dtl {
  margin-top: 10vh !important;
}

.page_10_dtl img {
  width: 70vw !important;
  height: 76vh;
  object-fit: contain;
  object-position: center;
}

.owl-item.active .page10_cover_1 .page_10_heading {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page10_cover_1 .page_10_dtl {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

@media (width:3440px) and (height:1440px) {
  .page_10_dtl img {
    height: 66vh;
  }
}


/*----- Page 11 -----*/

.page_11_details h3 {
  margin-bottom: 4vh;
  font-size: 2vw;
  font-weight: 700;
  position: fixed;
  top: 5vh;
  width: 100%;
  left: 0;
  text-align: center;
}

.page_11_dtl {
  width: 100% !important;
  margin-top: 11vh !important;
}

.page_11_dtl img {
  width: 70vw !important;
  height: 70vh;
  object-fit: contain;
  object-position: center;
}

.page_new_2_dtl {
  width: 100% !important;
  margin-top: 5vh !important;
}

.page_new_2_dtl img {
  width: 70vw !important;
  height: 60vh;
  object-fit: contain;
  object-position: center;
}

.owl-item.active .page11_cover_1 .page_11_heading {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page11_cover_1 .page_11_dtl {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}


/*----- Page 12 -----*/

.page_12_heading {
  position: fixed;
  top: 5vh;
}

.page_12_heading p {
  font-size: 1.8vh;
}

.page_12_heading h3 {
  font-weight: 700;
  font-size: 3.5vh;
  margin: 0.8vh 0 !important;
}

.page_12_heading img {
  width: 100% !important;
  height: 4vh !important;
  object-fit: contain;
  max-width: 12vw;
  vertical-align: top;
  object-position: right center;
}

.page_12_dtl {
  margin-top: 9vh !important;
}
.page_new_1_dtl {
  margin-top: 5vh !important;
}
.page_new_1_dtl img {
  width: 100% !important;
  height: 67vh;
  object-fit: contain;
  object-position: center;
}
.page_12_dtl img {
  width: 100% !important;
  height: 67vh;
  object-fit: contain;
  object-position: center;
}

.owl-item.active .page_12_heading {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page_12_dtl {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

/*----- Page 13 -----*/

.page_details_main {
  margin: 0px auto 0;
  height: 100%;
}

.page_heading {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 5vh;
  left: 0%;
}

.page_heading img {
  height: 8vh !important;
  width: 6vw !important;
  margin: 0 !important;
  object-fit: contain;
  object-position: right center;
}

.page_heading h3 {
  font-size: 2vw;
  font-weight: 900;
  margin-left: 1vw;
  margin-bottom: 0;
}

.page_middle_text {
  width: 80% !important;
  margin-top: 15vh !important;
  margin-bottom: 0.4vh !important;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 50vh;
}

.page_13_middle_text p {
  font-size: 2.4vh;
  margin: 0 auto 5vh;
  font-weight: 200;
  width: 50vw;
  line-height: 3vh;
}

.page_13_middle_text>img {
  height: 15vh;
  width: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto 5vh;
}

.eliminates_main {
  width: 100%;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 4vh;
}

.eliminates_main img {
  width: auto;
  height: 3.5vh;
}

.eliminates_main h5 {
  font-size: 2.5vh;
  margin-left: 0.5vw;
  margin-bottom: 0;
}

.page_bottom_box img {
  width: 100%;
  height: 25vh;
  object-fit: contain;
  object-position: bottom;
}

.owl-item.active .page_heading {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page_middle_text {
  animation-name: fadeIn;
  animation-delay: 1.5s;
}

.owl-item.active .page_bottom_box {
  animation-name: fadeIn;
  animation-delay: 2s;
}

@media (max-width: 1300px) {
  .page_13_middle_text {
    width: 80vw !important;
  }
}

@media (max-width: 1180px) {
  .page_middle_text p {
    width: 60vw !important;
  }
}

@media (max-width: 1600px) and (max-height: 1200px) {
  .page_middle_text p {
    font-size: 2vh;
    width: 60vw !important;
  }
}

@media (width: 2048px) and (height: 1536px) {
  .page_middle_text p {
    font-size: 2vh;
    width: 60vw !important;
  }
}


/*----- Page 14 -----*/

.page_14_middle_text p {
  font-size: 2.4vh;
  margin: 0 auto 2vh;
  font-weight: 200;
  width: 50vw;
  line-height: 3vh;
}

.page_14_middle_text>img {
  height: 24vh;
  width: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto 2vh;
}


/*----- Page 15 -----*/

.page_15_middle_text>p {
  font-size: 2.4vh;
  width: 50vw;
  font-weight: 200;
  margin: 0 auto 4vh;
  position: relative;
  line-height: 3vh;
}

.page_15_middle_text>p:before {
  content: "\f10d";
  position: absolute;
  top: -53px;
  left: -7vh;
  font-size: 8vh;
  color: #fff;
  line-height: 15vh;
  font-family: "fontawesome";
  opacity: 0.3;
}

.page_15_middle_text>p:after {
  content: "\f10e";
  position: absolute;
  bottom: -56px;
  right: -7vh;
  font-size: 8vh;
  color: #fff;
  line-height: 15vh;
  font-family: "fontawesome";
  opacity: 0.3;
}

.page_15_middle_text>img {
  height: 14vh;
  width: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto 2vh;
}

.manager_details {
  width: 30vw;
  margin: 0 auto 3vh;
  padding-bottom: 3vh;
  border-bottom: 0.1vh solid #189946;
}

.manager_details h5 {
  font-size: 3vh;
  margin-bottom: 0.2vh;
}

.manager_details p {
  font-size: 2vh;
  margin-bottom: 0.1vh;
  font-weight: 200;
}


/*----- Page 16 -----*/

.page_16_middle_text p {
  font-size: 2.4vh;
  margin: 0 auto 4vh;
  font-weight: 200;
  width: 50vw;
  line-height: 3vh;
}

.page_16_middle_text>img {
  height: 10vh;
  width: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto 4vh;
}


/*----- Page 17 -----*/

.page_17_middle_text .tips_details {
  width: 100%;
  height: 35vh;
  margin: 0 0 3vh;
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
}

.page_17_middle_text .tips_details_img {
  width: 50%;
  height: 100%;
}

.page_17_middle_text .tips_details_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.page_17_middle_text .tips_details_text {
  width: 50%;
}

.page_17_middle_text .tips_details_text p {
  font-size: 2.5vh;
  text-align: left;
  margin-bottom: 2vh;
  font-weight: 200;
}

.page_17_middle_text .tips_details_text ul {
  list-style: none;
  padding: 0 0 0 0.4vw;
  margin: 0;
  text-align: left;
  font-size: 2.3vh;
  font-weight: 200;
  line-height: 3vh;
}


/*----- Page 18 -----*/

.page_18_middle_text .tips_details {
  width: 100%;
  height: 35vh;
  margin: 0 0 3vh;
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
}

.page_18_middle_text .tips_details_img {
  width: 50%;
  height: 100%;
}

.page_18_middle_text .tips_details_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.page_18_middle_text .tips_details_text {
  width: 50%;
}

.page_18_middle_text .tips_details_text p {
  font-size: 2.5vh;
  text-align: left;
  margin: 2vh 0 2vh;
  font-weight: 200;
}

.page_18_middle_text .tips_details_text ul {
  list-style: none;
  padding: 0 0 0 0.4vw;
  margin: 0;
  text-align: left;
  font-size: 2.3vh;
  font-weight: 200;
  line-height: 3vh;
}


/*----- Page 19 -----*/

.page_19_heading h2 {
  font-size: 10vh;
  margin: 0;
  font-weight: 700;
}

.page_19_logo {
  margin-bottom: 4vh;
  max-width: 24vw;
}

.owl-item.active .page_19_heading {
  animation-name: fadeIn;
  animation-delay: 1s;
}

.owl-item.active .page_19_logo {
  animation-name: fadeIn;
  animation-delay: 1.8s;
}