@charset "UTF-8";
.section-2 ul, .section-3 ul, .section-4 ul, .section-5 ul, .section-7 ul {
    margin: 0;
    padding: 0;
}
    .section-2 ul li, .section-3 ul li, .section-4 ul li, .section-5 ul li, .section-7 ul li {
        list-style: none;
        position: relative;
        padding-left: 30px;
        font-size: 18px;
        margin-bottom: 5px;
        font-weight: 500;
    }
        .section-2 ul li:before, .section-3 ul li:before, .section-4 ul li:before, .section-5 ul li:before, .section-7 ul li:before {
            content: '✓';
            color: #09B21D;
            position: absolute;
            left: 0;
            top: -3px;
            font-size: 22px;
        }

main img {
  width: 100%; }

.banner {
    background-image: url(../images/bg-positiontracking.png);
    background-color: #00ac89;
    height: 426px;
    width: 100%;
    display: flex;
    align-items: center;
}
 
    .banner .wrapper {
        /* width: 80%;*/
        margin: 0 auto;
        display:table;
    }
  .banner h1, .banner p {
    color: #fff;
    text-align: left;
  
     
  }
  .banner h1 {
    font-weight: 800;
    font-size: 50px;
    margin-bottom: 30px; }
    .banner p {
        margin: 0 auto;
        width: 50%;
        float: left;
        /* width: 80%;*/
        font-size: 18px;
        display:table-row;
    }
   



  @media only screen and (max-width: 767px) {
    .banner {
        background-image: url(../images/bg-positiontracking-mobile.png);
        height: 350px;
    }
      .banner .wrapper {
        width: 100%; }
      .banner h1, .banner p {
        text-align: left; }
      .banner h1 {
        font-size: 30px;
        margin-bottom: .5rem; }
      .banner p {
        width: 100%;
        font-size: 16px; } }

.section-2 {
  background-color: #fff;
  padding: 3rem 0; }
  .section-2 .row {
    align-items: center; }

    .section-2 h1 {
         
        font-weight: 800;
        font-size: 50px;
        margin-bottom: 30px;
    }
  .section-2 p {
    font-size: 18px;
    color: #434343;
    margin-bottom:30px;
  }
    .section-2 .right
    {
        text-align:center;
    }

    .section-2 img {
        max-height: 300px !important;
        width: auto;
    }


    .section-2 .button-area {
        display: table-row;
    }

    .section-2 .button-select-plans-now {
        background-color: #3EBC92;
        color: #fff;
        border-radius: 6px;
        padding: 9px 45px;
        outline: 0;
        border: none;
        margin: 25px auto 15px;
        display: inline-block;
        text-decoration: none;
    }



        .section-2 .button-select-plans-now button span {
            vertical-align: middle;
            display: inline-block;
            margin-right: 15px;
        }

        .section-2 .button-select-plans-now a:hover {
            text-decoration: none;
        }

        .section-2 .button-select-plans-now i {
            vertical-align: middle;
        }


  @media only screen and (max-width: 767px) {
    /* .section-2 .left {
      order: 2; }
    .section-2 .right {
      order: 1;
      margin-bottom: 20px; }*/
    .section-2 p {
      margin-bottom: 30px; }

    .section-2 .left {
        margin-bottom: 30px;
    }

   
  }

.section-3 {
  background-color:#fff;
  padding:0 0 3rem 0;

}
  .section-3 .row {
    align-items: center; }
  .section-3 h2 {
    
    font-weight: 700;
    font-size: 40px; }
  .section-3 p {
    font-size: 18px;
    margin-bottom: 30px; }
  .section-3 ul li {
    color: #515151; }
  @media only screen and (max-width: 767px) {
    .section-3 .left {
      margin-bottom: 20px; 
      order:2;
    }
    .section-3 p {
      margin-bottom: 30px; } }

.section-4 {
  padding: 3rem 0 0; }
  .section-4 img {
    padding-bottom: 20px; }
  .section-4 h2 {
    font-size: 40px;
    text-align: center;
    font-weight: 700; }
  .section-4 p {
    text-align: justify;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px; }
  .section-4 .small-section {
    background-color: #F7F7F7;
    padding: 3rem 0; }
  @media only screen and (max-width: 767px) {
    .section-4 h2, .section-4 p {
      text-align: left; }
    .section-4 p {
      width: 100%; }
    .section-4 h2 {
        font-size:25px;
    }

  }


.section-5 {
    background: transparent linear-gradient(118deg, #2ECC97 0%, #1E908B 100%) 0% 0% no-repeat padding-box;
    padding: 3rem 0;
}
  .section-5 h2 {
    color: #fff;
    font-weight: 700;
    font-size: 40px; }
  .section-5 p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px; }
  .section-5 ul li {
    color: #fff; }
    .section-5 ul li::before {
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .section-5 .left {
     /* order: 2;*/ }
    .section-5 .right {
     /* order: 1;*/
      margin-bottom: 20px; }
    .section-5 p {
      margin-bottom: 30px; } }

.section-6 {
  padding: 50px 0; }
  .section-6 h2 {
    font-size: 40px;
    color: #434343;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px; }
  .section-6 p {
    font-size: 18px;
    text-align: center; }
    .section-6 .btn-register-now-lg {
        font-weight: 500;
        color: #fff;
        background-color: #3EBC92;
        border-radius: 10px;
        padding: 5px 20px;
        display: inline-block;
    }
    .section-6 .see-plans-pricing {
        color: #20409A;
        text-align:center;
        font-weight:600;
        padding-top:15px;
        display:block;
    }


.section-6 .btn-register-now-lg:hover {
    text-decoration: none;
}
  .section-6 span {
    margin-right: 10px;
    font-size: 30px; }
  .section-6 i {
    font-size: 30px; }
  @media only screen and (max-width: 768px) {
    .section-6 h2 {
      font-size: 35px; } }


.section-7 {
    background-color: #F0F0F0;
    padding: 3rem 0;
}

    .section-7 .row {
        align-items: center;
    }

    .section-7 h2 {
        color: #101010;
        font-weight: 700;
        font-size: 40px;
    }

    .section-7 p {
        font-size: 18px;
        color: #434343;
        margin-bottom: 30px;
    }

@media only screen and (max-width: 767px) {
    .section-7 .left {
        margin-bottom: 20px;
        order: 2;
    }

    .section-7 p {
        margin-bottom: 30px;
    }
}



.section-8 {
    background: transparent linear-gradient(297deg, #103379 0%, #367DDE 100%) 0% 0% no-repeat padding-box;
    padding: 3rem 0;
}

    .section-8 h2 {
        color: #fff;
        font-weight: 700;
        font-size: 40px;
    }

    .section-8 p {
        font-size: 18px;
        color: #fff;
        margin-bottom: 30px;
    }

    .section-8 ul li {
        color: #fff;
    }

        .section-8 ul li::before {
            color: #fff;
        }
    .section-8 .right img
    {
       padding-top:50px;
    }
    @media only screen and (max-width: 767px) {
        .section-8 .left {
        /* order: 2;*/
    }

    .section-8 .right {
        /* order: 1;*/
        margin-bottom: 20px;
    }

    .section-8 p {
        margin-bottom: 30px;
    }
        .ranking-distributions-sec img, .sec-ranking-overview img, .sec-landscape img, .sec-feature img {
            width: 100% !important;
            height: auto;
        }
         

}