body {
  font-family: Helvetica, sans-serif;
}
.w-90 {
  width: 90%;
}
.w-85 {
  width: 85%;
}
.ml-cust-1 {
  margin-left: 7%;
}
.row {
  margin: 0 !important;
}
.logo {
  margin-left: 80px;
}
.navbar {
  position: sticky !important;
  top: 0;
  z-index: 9999;
}
.menu-nav-right .nav-item {
  margin: 0 5px;
}
.navbar-top {
  padding-top: 3px;
  padding-bottom: 0;
}
.lg-menu {
  width: 100%;
}
.info-txt {
  font-weight: 300;
}
.bg-cust {
  background-color: #eeeeee;
}
.btn-login,
.btn-signup {
  width: 100px;
  height: 29px;
  border-radius: 14px;
  background-color: rgba(255, 0, 0, 1);
  border: none;
  border-bottom: 2px solid rgb(133 188 236);
  cursor: pointer !important;
  outline: none !important;
  font-weight: 800;
  color: white;
  transition: background 0.3s;
}
.btn-login {
  background-color: rgba(153, 153, 151, 1);
  transition: background-color 0.3s;
}
.btn-login:hover {
  background-color: darkred;
}
.btn-signup:hover {
  background-color: darkred;
}
.sec-1 {
  line-height: 1.2;
}
.sec-1-container {
  padding-top: 1px;
  padding-left: 50px;
  padding-right: 0;
  width: 400px;
}
.sec-1-links {
  margin-left: 50px;
}
.watch-btn {
  padding-right: 33px;
}
.heading-text-1 {
  font-size: 54px;
  font-weight: bold;
  color: #000;
  margin-bottom: 8px;
}
.heading-text-2 {
  font-size: 28px;
  font-weight: 300;
  color: #000;
  letter-spacing: 0.03em;
  line-height: 38px;
  margin-bottom: 9px;
}
.txt-link {
  color: #4092d5;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none !important;
  cursor: pointer;
}
.sec-2-img {
  margin-top: 54px;
}
.sec-2-txt {
  font-size: 25px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.03em;
  margin-top: 50px;
}
.sec-2-txt li {
  text-align: justify;
  line-height: 1.35em;
}
.arrown-img {
  transform: rotate(180deg);
}
.sec-4 {
  height: 530px;
}
.styg {
  font-weight: bold;
  font-size: 40px;
  color: #000000;
  font-family: Helvetica, sans-serif;
}
.stygParaSec {
  font-family: Helvetica, sans-serif;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  font-size: 25px;
  font-weight: 300;
  margin: 27px 0;
}
.bluediv {
  background-color: rgba(64, 146, 213, 1);
  margin-top: 5px;
  color: white;
  margin-top: 5%;
  margin-left: 12%;
  max-width: 568px !important;
}
.heading-45px {
  font-weight: bold;
  font-size: 45px;
  color: #000000;
  font-family: Helvetica, sans-serif;
}
.sec-9-sm-heading {
  font-size: 19px;
  font-weight: bold;
  line-height: normal;
  width: 159px;
}
.ptagfonttext {
  font-weight: 700;
  font-size: 35px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.heading-txt {
  font-weight: 800;
}
.bg {
  background-image: url('../img/backpic.png');
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 36rem;
}
.bg-dark-custom {
  background-color: rgba(255, 255, 255, 0.88);
  background-size: cover;
  min-width: 100%;
  min-height: 36rem;
}
.videodiv {
  top: 22%;
  left: 29%;
}
.towerImg {
  object-position: 50% 50%;
  width: 128px;
  height: 221px;
  object-fit: cover;
  margin-top: 45px;
  margin-left: 300px;
}
.airplaneImg {
  transform: rotate(350.4848438711201deg);
}
.rightsideImg,
.leftsideImg {
  object-position: 50% 50%;
  /* width: 400px;
  height: 500px; */
  object-fit: contain;
}
.siTextSec {
  width: 508px;
  min-height: 160px;
  margin: 133px 70px 40px 0;
}
.sec-6-text {
  margin-top: 113px;
}
.sec-7-text {
  margin-top: 124px;
}
.sec-8 {
  height: 530px;
}
.sec-8-text {
  margin-top: 128px;
}
.startFreeTrailSec {
  background: rgb(66, 175, 233);
  background: linear-gradient(350deg, rgba(66, 175, 233, 1) 0%, rgba(146, 90, 234, 1) 63%);
  padding-bottom: 90px;
}

.startFreeTrailSecheading {
  color: white;
  font-weight: bold;
  font-size: 50px;
  font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif;
}
.startFreeTrialRow {
  height: 55px;
}
.startFreeTrialLine {
  height: 5px;
  margin: 0 0 8px 0;
  border-top: 1px solid white;
}
.startFreeTrailSectext {
  color: white;
  font-size: 19px;
  line-height: normal;
  letter-spacing: normal;
  margin: 7px 0 13px 0 !important;
}
.startFreeTrailSecanchor {
  display: block;
  width: 159px;
  text-align: center;
  background-color: #ff0000;
  color: white;
  border-radius: 20px;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: bold;
  transition: background 0.3s;
}
.startFreeTrailSecanchor:hover {
  background-color: rgba(43, 104, 156, 1);
  color: white;
}
.video-frame {
  margin-top: -340px;
  margin-left: -110px;
}

/* .main-headings {
  margin-top: 116px;
} */
.section-three {
  background-color: #eeeeee;
  height: 395px;
}
.signup-btn {
  color: white;
  text-align: center;
}
.testimonial-layer {
  background-color: rgba(0, 0, 0, 0.9);
  min-height: 465px;
  position: relative;
  z-index: 3;
  margin-left: 0px;
}
.signup-btn:hover {
  color: #17a2b8;
}
.footer-section {
  background-color: #242323;
  height: 115px;
}
.footer-heading {
  font-size: 14px;
}
.testimonial-section {
  background-image: url('../img/testimonial.jpg');
}
/* Testimonial*/
.client-sliderfade {
  padding: 0 0;
  height: 270px;
}
/* .client-sliderfade {
  color: #999;
  font-size: 14px;
  overflow: hidden;
} */
.client-sliderfade .testimonial {
  padding: 30px 0 10px;
  font-size: 32px;
  color: white;
}
.client-names {
  font-size: 22px;
}
.arctic-clients {
  font-size: 17px;
  color: white;
  font-style: italic;
}
.testimonial-heading {
  margin-top: 103px;
}
.client-sliderfade .overview b {
  text-transform: uppercase;
  color: #7aa641;
}

/*FAQs*/

.FAQs {
  background-color: #fff;
}
.faq-list {
  width: 480px;
  background-color: #fff;
}
.btn-link-faq {
  font-size: 15px;
  text-decoration: none !important;
}
.lane {
  /* background-color: #c6f7ff; */
  background-color: #7fccf733;
}
.card-header {
  border-radius: 0px;
  border-bottom: 0px;
}
.card-section {
  margin-left: 5px;
}
.card-image {
  padding-left: 119px;
}
.faq-down-arrow {
  float: right;
  padding-right: 20px;
}
/* .startFreeTrailSec {
  padding: 32px 32px 70px 32px;
} */
#clientTestimonialCarousel {
  height: 370px;
}
.testimonial-section .card-header {
  background-color: #ffffff;
}
button:focus {
  box-shadow: 0 0 black !important;
}
.sty-inform img {
  width: 670px;
}
/*Wealthy Future*/
.sec-13 {
  background-image: url('../img/future.jpg');
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.wealthy-future-details {
  font-size: 25px;
  line-height: 1.35em;
  height: 280px;
  text-align: justify;
  font-weight: 100;
}
.main-button {
  background-color: #ff0000;
  border-bottom: 3px solid #99a9d4;
  border-radius: 22px;
  width: 216px;
  height: 40px;
}

/* Modal CSS */
.modal-dialog {
  max-width: 70%;
  margin: 7.75rem auto;
}
.sec-2-txt-modal {
  font-size: 20px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: normal;
  text-align: justify;
  margin-top: 6%;
}
.storyautor {
  color: black;
  font-size: 25px;
  font-weight: 500;
}
.modal-footer {
  display: revert;
  border-top: 1px solid rgba(255, 0, 0, 1);
}
.modal-content {
  padding: 0% 5% 0% 5%;
  border-radius: 1.3rem;
}
.btn-danger {
  color: #fff;
  background-color: #ff0000;
  border-color: #ff0000;
}
.close {
  font-size: 65px;
  font-weight: 100;
  margin: -25px -40px -45px 0px;
}
button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}
.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.fade-scale.show {
  opacity: 1;
  transform: scale(1);
}

@media screen and (max-width: 768px) {
  .lg-menu {
    display: none;
  }
  .modal-dialog {
    max-width: 70%;
    margin: 7.75rem auto;
  }
  .faq-list {
    width: 100%;
    margin-left: 0px !important;
  }
  .videodiv {
    left: 0;
  }
  .sec-1 .w-25 {
    width: 100% !important;
  }
  .sec-9 .d-flex {
    justify-content: flex-end;
  }
  .startFreeTrailSecanchor {
    margin-left: 60px !important;
  }
  .nimage1 {
    margin-left: 0px;
    width: 130px;
  }
  .navdiv {
    margin-left: 0px;
  }
  .text1 {
    font-size: 40px;
  }
  .sec-1 {
    width: 100%;
  }

  .arrowimage {
    margin-top: 0px !important;
    width: 70px;
    text-align: center;
  }
  .arrown-img {
    text-align: center;
    padding-bottom: 30px;
    transform: rotate(180deg);
  }
  .leftsideImg,
  .rightsideImg {
    width: 290px;
    height: 470px;
    margin-left: 0px !important;
  }
  .siTextSec {
    margin: 0px;
    padding: 5%;
  }
  .towerImg {
    object-position: 50% 50%;
    width: 110px;
    height: 180px;
  }
  .first-main-row {
    margin: 0px !important;
    width: 100%;
  }
  .sty-inform {
    text-align: center;
  }
  .sty-inform img {
    width: 300px;
  }
  .embrace-imges {
    text-align: center;
  }
  .rightsideImg {
    width: 300px;
    height: 350px;
    margin-left: 0px !important;
  }
  .bein-images {
    text-align: center;
  }
  .bein-images img {
    width: 300px;
  }
  .simple-images {
    text-align: center;
  }
  .startFreeTrailSecheading {
    font-size: 32px;
  }
  .our-approach .font-weight-bold {
    font-size: 34px;
    font-weight: 700 !important;
  }
  #clientTestimonialCarousel {
    height: 620px;
  }
  .font-weight-bold {
    padding: 4%;
  }
  .video-frame {
    margin-top: 30px;
    margin-left: 0px;
    width: 350px !important;
    height: 300px !important;
  }
  .main-headings {
    margin-top: 41px;
  }
  .carousel {
    padding: 0px;
  }
  .lane {
    width: 296px;
  }
  /* .card-section {
    margin-left: -47px;
  } */
}

.client-sliderfade {
  display: none;
}

.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: transparent;
  border-color: #ddd;
  border-width: 5 px;
  border-style: solid;
  border-radius: 50%;
  display: inline-block;
  transition: border-color 0.6s ease;
}

.active {
  border-color: #666;
}

@media screen and (min-width: 768px) {
  .modal {
    background-color: #e8e6e6d6;
  }
  button.close {
    font-size: 55px;
    font-weight: 100;
    margin: -25px -70px -45px 0;
  }
  .modal-dialog {
    max-width: 70%;
  }
  .modal-signup-btn {
    padding: 0px 14px;
    width: 16%;
  }
  .modal-content {
    max-height: 464px !important;
  }
  .modal-footer {
    padding: 5px;
  }

  .modal-st-author {
    font-size: 25px;
    text-align: right;
    color: #000000;
    font-style: italic;
    font-weight: bold;
  }
  .modal-plane-img {
    margin-top: 50px;
    transform: rotate(350.4848438711201deg);
    margin-left: -80px;
  }
  .modal-tower-img {
    margin-top: 25px;
    margin-left: 100px;
  }
}