/* start intro part */

.intro img.screen {
  margin-top: 80px;
  width: 521px;
  height: 453px;
  object-fit: contain; }
  @media (min-width: 1300px) {
    .intro img.screen {
      margin-left: -40px; } }
  @media (max-width: 1139px) {
    .intro img.screen {
      width: 456px;
      height: 396px;
      margin-top: 36px; } }
  @media (max-width: 575px) {
    .intro img.screen {
      width: 335px;
      height: 291px; } }

.intro .screen h1 {
  margin-top: 120px; }
  @media (max-width: 1139px) {
    .intro .screen h1 {
      margin-top: 95px; } }
  @media (max-width: 991px) {
    .intro .screen h1 {
      margin-top: 36px; } }

.intro .screen h5 {
  margin-top: 4px; }
  @media (min-width: 1300px) {
    .intro .screen h5 {
      max-width: 431px; } }

.intro .screen button {
  margin-top: 28px; }

.intro ul.list-inline {
  margin-top: 53px;
  /* height: 71px; */
  margin-bottom: 60px; }
  @media (max-width: 1139px) {
    .intro ul.list-inline {
      margin-top: 60px; } }
  @media (max-width: 575px) {
    .intro ul.list-inline {
      margin-top: 36px;} }

.intro .list-inline-item {
  margin-right: 0; }
  @media (max-width: 575px) {
    .intro .list-inline-item {
      display: block;
      margin: 0 !important; }
    .intro .list-inline-item:not(:last-child) {
      margin-bottom: 32px!important; } }

.intro .list-inline-item:first-child {
  margin-right: 122px; }
  @media (max-width: 1139px) {
    .intro .list-inline-item:first-child {
      margin-right: 120px; } }
  @media (max-width: 767px) {
    .intro .list-inline-item:first-child {
      margin-right: 73px; } }
 
.intro .list-inline-item:last-child {
  margin-left: 90px; }
  @media (max-width: 1139px) {
    .intro .list-inline-item:last-child {
      margin-left: 88px; } }
  @media (max-width: 767px) {
    .intro .list-inline-item:last-child {
      margin-left: 40px; } }

/* end intro part */

/* start ranking part */
.ranking {
  background-color: #fff;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media (max-width: 1139px) {
    .ranking {
      padding-top: 40px;
      padding-bottom: 100px; } }

.title h3 {
  margin-top: 12px;
}
.ranking p {
  margin-top: 10px;
  margin-bottom: 0;
}

/* end ranking part */

/* start whatis part */
.whatis {
  background-color: #fafcfc;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (max-width: 991px) {
    .whatis {
      margin-top: 0px;
      padding-top: 36px;
      padding-bottom: 36px;} }

.whatis h3{
  margin-top: 72px;
  margin-bottom: 12px; }
  @media (max-width: 991px) {
    .whatis h3 {
      margin-top: 0px; } }

.whatis p.desc {
  margin-bottom: 200px; }
  @media (max-width: 991px) {
    .whatis p.desc {
      margin-top: 12px;
      margin-bottom: 24px; } }

.whatis .step {
  padding: 16px; }

.whatis .step:last-child {
  margin-bottom: -16px;
}

.whatis .step:hover, .whatis .step.active {
   border-radius: 6px;
   background-color: #ffffff;
}

.whatis .step a {
  display: none;
}

.whatis .step:hover a, .whatis .step.active a {
  display: block;
}

.whatis .step img {
  margin-bottom: 12px;
}

.whatis .step h5 {
  margin-bottom: 6px;
}

/* end whatis part */

/* start why part */
.why {
  padding-bottom: 157px; }
  @media (max-width: 1139px) {
    .why {
      padding-bottom: 100px; } }
      
.why .first-part .img-wrapper {
  margin-top: 118px; }
  @media (min-width: 1350px) {
    .why .first-part .img-wrapper {
      margin-left: -93px;
      margin-right: -23px;} }
  @media (max-width: 1139px) {
    .why .first-part .img-wrapper {
      margin-top: 210px;
      padding-right: 36px; } }
  @media (max-width: 1000px) {
    .why .first-part .img-wrapper {
      padding-left: 28px; } }
  @media (max-width: 991px) {
    .why .first-part .img-wrapper {
      margin-top: 80px;
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 414px) {
    .why .first-part .img-wrapper {
      padding-left: 0px;
      padding-right: 0px; } }

.why .first-part h3 {
  margin-top: 128px; }
  @media (max-width: 1139px) {
    .why .first-part h3 {
      margin-top: 100px; } }
  @media (max-width: 991px) {
    .why .first-part h3 {
      text-align: center;
      margin-top: 30px; } }

.why .first-part p {
  margin-top: 24px; }

/* ----------------------- */
.why .second-part h6 {
  margin-top: 84px; }
  @media (max-width: 1139px) {
    .why .second-part h6 {
      margin-top: 80px; } }
  @media (max-width: 991px) {
    .why .second-part h6 {
      margin-top: 36px; } }

/* -------------------------- */
.why .third-part p {
  margin-top: 135px; }
  @media (max-width: 1139px) {
    .why .third-part p {
      margin-top: 100px; } }
  @media (max-width: 991px) {
    .why .third-part p {
      margin-top: 36px; } }

.why .third-part .img-wrapper {
  margin-left: 21px;
  margin-top: 42px; }
  @media (min-width: 1400px) {
    .why .third-part .img-wrapper {
      margin-right: -116px; } }
  @media (max-width: 991px) {
    .why .third-part .img-wrapper {
      margin-left: 0px;
      margin-top: 36px; } }

/* end why part */

/* start::customer part */
.customer .carousel {
  padding-left: 109px;
  padding-right: 109px;
  min-height: 300px;
  margin-top: 60px; }
  @media (max-width: 991px) {
    .customer .carousel {
      padding-left: 0px;
      padding-right: 0px;
    }
  }

.customer-avatar {
  border-radius: 50%;
  max-width: 50px;
}

.customer .carousel-control-prev, .customer .carousel-control-next {
  width: 24px;
  top: -140px; }
  @media (max-width: 991px) {
    .customer .carousel-control-prev, .customer .carousel-control-next {
      display: none; } }

/* end::customer part */

/* start question part */
.ques {
  padding: 160px 0;}
  @media (max-width: 1139px) {
    .ques {
      padding: 100px 0; } }

@media (min-width: 1140px) {
  .ques .accordion {
    margin-top: 36px;
  }
}

.search-ques {
  padding: 80px 0;}
  @media (max-width: 1139px) {
    .ques {
      padding: 50px 0; } }

@media (min-width: 1140px) {
  .ques .accordion {
    margin-top: 18px;
  }
}

/* end::question part */