@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
@import url("http://fonts.cdnfonts.com/css/cocogoose");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("http://fonts.cdnfonts.com/css/gotham");
.ss-container {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1024px) {
  .ss-container {
    width: 90%;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .ss-container {
    width: 90%;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 2560px) {
  .ss-container {
    width: 80%;
  }
}

.ss-container-semi-fluid {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 1024px) {
  .ss-container-semi-fluid {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .ss-container-semi-fluid {
    width: 97%;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 2560px) {
  .ss-container-semi-fluid {
    width: 90%;
  }
}

.ss-container-fluid {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.page-1 {
  margin-top: 1.5vw;
  padding: 0 20px;
}

.page-1 nav .container-fluid .vp-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-1 nav .container-fluid .vp-logo .navbar-brand img {
  margin-left: 2rem;
  width: 16vw;
}

@media only screen and (max-width: 660px) {
  .page-1 nav .container-fluid .vp-logo .navbar-brand img {
    width: 33vw;
    margin-left: 0;
  }
}

@media only screen and (min-width: 661px) and (max-width: 768px) {
  .page-1 nav .container-fluid .vp-logo .navbar-brand img {
    width: 25vw;
    margin-left: 0;
  }
}

.page-1 nav .container-fluid .collapse ul {
  margin-left: auto;
}

.page-1 nav .container-fluid .collapse ul li {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: clamp(16px, 1.5vw, 32px);
  margin: 0 5px;
}

.page-1 nav .container-fluid .collapse ul li a {
  color: #041d9f;
}

.page-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-2 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2rem;
}

.page-2 .content h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #041d9f;
  margin: 2rem 0rem;
  font-size: clamp(1.5em, 4.5vw, 4em);
}

.page-2 .content p {
  margin-top: -10px;
  width: 65%;
  text-align: center;
  font-weight: 500;
  font-size: clamp(1em, 1.5vw, 1.5em);
  font-family: "Gotham", sans-serif;
  font-style: none;
  text-transform: uppercase;
}

.page-2 .image {
  margin-top: 4rem;
  background: url(../images/rocket_with_man.png);
  height: 60vh;
  width: 70vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
}

@media only screen and (max-width: 425px) {
  .page-2 .image {
    margin-top: -1rem;
    background-size: 80%;
    width: 100vw;
  }
}

@media only screen and (min-width: 426px) and (max-width: 1024px) {
  .page-2 .image {
    background-size: 70%;
    width: clamp(60%, 70vw, 70%);
  }
}

@media only screen and (min-width: 426px) and (max-width: 600px) {
  .page-2 .image {
    background-size: 90%;
  }
}

.page-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5vw;
}

.page-3 .ss-container {
  width: 85% !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e7e5f3));
  background-image: linear-gradient(to bottom, white, #e7e5f3);
  border-radius: 30px;
}

.page-3 .ss-container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
  background: transparent;
}

.page-3 .ss-container .content h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #041d9f;
  margin: 2rem 0rem;
  font-size: clamp(1.5em, 3.5vw, 3em);
  text-align: center;
}

.page-3 .ss-container .content h4 {
  font-size: clamp(16px, 1.4vw, 30px);
  font-family: "Gotham", sans-serif;
}

.page-3 .ss-container .content p {
  width: 70%;
  text-align: center;
  color: #041d9f;
  font-weight: 600;
  font-size: clamp(1em, 1.5vw, 1.5em);
  font-family: Helvetica;
}

@media only screen and (max-width: 425px) {
  .page-3 .ss-container .content p {
    width: 80%;
  }
}

.page-3 .ss-container .p3-lower-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: transparent;
  margin-top: 5em;
  margin-bottom: 4vw;
}

.page-3 .ss-container .p3-lower-content > h4 {
  margin: 2rem 0 2em 0;
  font-size: clamp(16px, 1.8vw, 30px);
  font-family: "Gotham", sans-serif;
  font-weight: 600;
  color: #041d9f;
}

.page-3 .ss-container .p3-lower-content h2 {
  font-family: "Gotham", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1rem 0;
  margin-bottom: 3rem;
}

.page-3 .ss-container .p3-lower-content .ss-container-fluid .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2rem;
  width: 100%;
}

.page-3 .ss-container .p3-lower-content .ss-container-fluid .row .box {
  height: 100%;
  margin: 1em 2vw;
  background-color: white;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-3 .ss-container .p3-lower-content .ss-container-fluid .row .box .circle {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  margin: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#274cdd), to(#2e58ff));
  background-image: linear-gradient(to bottom, #274cdd, #2e58ff);
}

.page-3 .ss-container .p3-lower-content .ss-container-fluid .row .box h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: clamp(1.3em, 1.5vw, 2em);
}

.page-3 .ss-container .p3-lower-content .ss-container-fluid .row .box p {
  padding: 0 10px;
  font-size: clamp(1em, 1vw, 1.5em);
  font-weight: 500;
}

.page-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 425px) {
  .page-4 {
    margin-top: 4rem;
  }
}

.page-4 .title {
  color: #4d4d4d;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: clamp(16px, 1.8vw, 40px);
  margin: 3em 0 1em 0;
}

@media only screen and (max-width: 425px) {
  .page-4 .title {
    margin: 0;
  }
}

.page-4 .heading {
  color: #041d9f;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: clamp(30px, 3.8vw, 80px);
  width: 70%;
  margin-bottom: 0.5em;
  text-align: center;
}

@media only screen and (max-width: 425px) {
  .page-4 .heading {
    width: 85%;
  }
}

.page-4 .container-fluid {
  margin-top: 2vw;
}

.page-4 .container-fluid .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-4 .container-fluid .row .box {
  display: -ms-grid;
  display: grid;
  margin: 1em 0em;
  -ms-grid-columns: 2fr 8fr;
      grid-template-columns: 2fr 8fr;
}

@media only screen and (min-width: 992px) and (max-width: 1289px) {
  .page-4 .container-fluid .row .box {
    min-height: 250px;
  }
}

.page-4 .container-fluid .row .box .icon {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-4 .container-fluid .row .box .icon .circle {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#274cdd), to(#2e58ff));
  background-image: linear-gradient(to bottom, #274cdd, #2e58ff);
}

.page-4 .container-fluid .row .box .icon .circle .image {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-4 .container-fluid .row .box .icon .circle #image1 {
  background: url(../images/About-services-icons/icon1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.page-4 .container-fluid .row .box .icon .circle #image2 {
  background: url(../images/About-services-icons/icon2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}

.page-4 .container-fluid .row .box .icon .circle #image3 {
  background: url(../images/About-services-icons/icon3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%;
}

.page-4 .container-fluid .row .box .icon .ver-line {
  height: 100%;
  width: 5px;
  background-color: #e7e5f3;
  position: absolute;
  top: 0;
  z-index: -10;
}

.page-4 .container-fluid .row .box .iconside {
  height: 50px;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

.page-4 .container-fluid .row .box .content {
  min-height: 100px;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  font-family: "Poppins", sans-serif;
}

.page-4 .container-fluid .row .box .content h3 {
  font-weight: 700;
  font-size: clamp(23px, 1.8vw, 40px);
}

.page-4 .container-fluid .row .box .content p {
  font-weight: 500;
}

.page-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5rem;
}

.page-5 .heading {
  color: #041d9f;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: clamp(30px, 3.8vw, 80px);
  width: 70%;
  text-align: center;
}

@media only screen and (max-width: 425px) {
  .page-5 .heading {
    width: 85%;
  }
}

.page-5 .sub-heading {
  font-family: "Gotham", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1rem 0;
  margin-bottom: 3rem;
  text-align: center;
}

.page-5 .container-fluid {
  margin-bottom: 2rem;
}

.page-5 .container-fluid .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-5 .container-fluid .row .box {
  height: 250px;
  width: 250px;
  -webkit-box-shadow: 0 0 10px 7px #e7e6f3;
          box-shadow: 0 0 10px 7px #e7e6f3;
  margin: 1em 2em;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-5 .container-fluid .row .box .small-title {
  font-weight: bold;
  font-size: 1.2em;
  font-family: "Gotham", sans-serif;
}

.page-5 .container-fluid .row .box .price {
  font-weight: 500;
  font-size: 2.5em;
  font-family: "Gotham", sans-serif;
}

.page-5 .container-fluid .row .box .price span {
  font-size: 0.6em;
}

.page-5 .container-fluid .row .box .small-content {
  text-align: center;
  font-size: 0.7em;
  font-family: "Poppins", sans-serif;
}

.page-5 .container-fluid .row .box .small-content ul {
  list-style: none;
  padding: 0.5em 0;
  background-color: #f3f3f9;
  border-radius: 10px;
  margin-top: 1em;
}

.page-5 .container-fluid .row .box .small-content li {
  list-style: none;
  color: #213ed4;
  padding: 0 1em;
  font-weight: 500;
  text-transform: uppercase;
}

.page-5 .container-fluid .row .box .button-start {
  border: 1px solid #d7d7d7;
  color: #8b8b8f;
  font-weight: 500;
  border-radius: 30px;
  padding: 5px 4em;
  font-family: "Poppins", sans-serif;
  font-size: 0.8em;
  cursor: pointer;
}

.page-5 .container-fluid .row #enterprise_plan {
  background-color: #373ed8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.page-5 .container-fluid .row #enterprise_plan .heading {
  width: 100%;
  font-size: 1.7em;
  color: white;
  font-family: "Gotham", sans-serif;
  padding: 1.3em 0;
}

.page-5 .container-fluid .row #enterprise_plan .button-contact {
  font-family: "Gotham", sans-serif;
  border: 0.5px solid #d7d7d7;
  border-radius: 15px;
  padding: 5px 2em;
  margin-bottom: 1.3em;
  color: white;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
}

.page-6 {
  padding-top: 5vw;
}

.page-6 .bottomhr {
  width: 90%;
  margin: auto;
  height: 3px;
  border: 2px solid black;
  background-color: black;
}

.page-6 .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.page-6 .row .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.page-6 .row .content span {
  color: black;
  font-size: clamp(7px, 1vw, 25.5px);
  font-weight: 700;
}

.page-6 .row .social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page-6 .row .social-icons i {
  color: black;
  font-size: clamp(12px, 1.7vw, 30.5px);
  margin: 0px 10px;
}

.page-6 .row .social-icons #discord {
  color: #5865f2;
}

.page-6 .row .social-icons #twitter {
  color: #1da1f2;
}

.page-6 .row .social-icons #telegram {
  color: #039be5;
}
/*# sourceMappingURL=landing-page.css.map */