.p-nav {
   padding: 33px 0 !important;
   padding-left: 6rem !important;
   padding-right: 6rem !important;
}

body {
   visibility: visible;
}



.spinner {
   width: auto !important;
   height: auto !important;
   background: var(--primary);
   padding: 10px;
   border-radius: 3rem;
}
.spinner i {
   color: #fff;
}



body, p {
   font-family: "Roboto",sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
   font-family: "Roboto",sans-serif;
   color: #161616;
}
h1, h2, .h2 {
   font-weight: 500 !important;
   letter-spacing: -2px;
}
h2, .h2 {
   font-size: 3rem;
   line-height: 3.6rem;
   font-weight: 500 !important;
   letter-spacing: -1px;
 }
h3, h4 {
   font-weight: 400 !important;
}

.navbar {
   -webkit-transition: background-color 125ms linear;
   -ms-transition: background-color 125ms linear;
   transition: background-color 125ms linear;
   background: white;
}
.navbar-light .navbar-nav .nav-link {
   font-weight: 600;
   color: #161616;
   letter-spacing: -0.16px;
}
.navbar-dark .navbar-nav .nav-link {
   padding: 0px 0;
}
.sticky-top.navbar-dark .navbar-nav .nav-link {
   padding: 0px 0;
 }

 .navbar-light .navbar-brand {
   color: rgb(6, 163, 218);
 }
 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
   color: rgb(6, 163, 218);
 }

nav .lg-main {
   font-size: 1.66rem;
   font-style: italic;
   letter-spacing: -1px;
   font-weight: 600 !important;
}
nav .lg-main span {
   font-style: normal;
}
nav .lg-main .ext {
   font-size: 0.66em;
   color: #495057;
   letter-spacing: 0px;
}
nav .btn-primary {
   margin-left: 2.1rem;
   font-size: 16px;
   font-weight: 700;
}

section.header {
   background-image: url("../img/hero-bg-1.jpg");
   background-position-y: 65%;
   background-repeat: no-repeat;
}
.header {
   padding: 9rem 4rem 6rem;
   background: #fff;
}
.header h5 {
   font-size: 1.16rem;
   font-style: italic;
   font-weight: 400 !important;
}
.header p {
   font-size: 1.45rem;
   color: #161616;
   font-weight: 400;
   margin-bottom: 2rem;
   max-width: 668px;
   line-height: 30px;
}

#header-carousel .carousel-caption {
   text-align: left;
}
.header em {
   font-style: normal;
}

.header .btn.scndry {
   margin-left: 1rem;
   background: transparent;
  color: #06A3DA !important;
}
.header .btn-primary.scndry:hover {
  background: #06A3DA;
  color: #fff !important;
 }

body .nectar-scribble.squiggle-underline {
   width: 100%;
   height: 66%;
   top: auto;
   bottom: -55%;
 }

 .highlighted-text .nectar-scribble {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
 }
.header .end {
   margin-top: 12px;
   font-size: 15px;
   font-weight: 300;
}


 .btn {
   font-family: 'Roboto', sans-serif;
 }
.btn-primary:hover {
  color: #fff;
}
.btn-primary, .btn-secondary {
   border-radius: 3.3rem;
}
.btn-primary.centered, .btn-secondary.centered {
   display: block;
   width: fit-content;
   margin-left: auto !important;
   margin-right: auto !important;
   text-align: center;
}
section .btn-primary {
   font-size: 1.24rem !important;
   border: 3px solid #06a3da;
}
section .btn-sm {
   font-family: 'Roboto', sans-serif;
   letter-spacing: -0.08px;
   text-transform: capitalize;
   font-size: 0.90rem !important;
   font-weight: 600;
}

.nectar-shape-divider-wrap {
   position: absolute;
   top: 100%;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 150px;
   z-index: 3;
   transform: translateZ(0);
 }
.nectar-shape-divider {
   width: 100%;
   left: 0;
   bottom: -1px;
   height: 100%;
   position: absolute;
 }
.nectar-shape-divider-wrap.no-color .nectar-shape-divider {
   fill: #eaf7fe;
 }
.nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) {
   opacity: 0.15;
}
.nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2), .nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) {
   opacity: 0.3;
 }


.facts {
   margin-top: 0 !important;
}
.facts .perc {
   color: #fff;
  position: relative;
  right: 6.3rem;
  float: right;
  top: -2.4rem;
  font-size: 28px;
  font-weight: bold;
}




.stat-left {
   border-radius: 3.3rem 0rem 0rem 3.3rem;
}
.stat-right {
   border-radius: 0rem 3.3rem 3.3rem 0rem;
}
.stats i {
   font-size: 3.3rem;
}


h3.sm {
   font-size: 1.45rem;
   line-height: 1.45em;
   color: #495057;
}



.section-why .service-item p {
   font-size: 18px;
}



#services h3 {
   margin-top: 1.33rem;
   font-weight: 400 !important;
   font-size: 1.45rem;
}
.service-item {
   padding: 0 10px;
}
.service-item .service-icon {
   margin-bottom: 1.5rem;
   background: none;
   color: #06a3da;
}
.service-item .service-icon i {
   font-size: 3.3rem;
}


#review h2 {
   max-width: 768px;
   margin: auto;
}
#review p {
   max-width: 668px;
   margin: 0 auto;
}


.bg-grey {
   background-color: #f6f6f6;
}
.bg-lght-bl {
   background-color: #eaf7fe;
}
.content h3 {
   font-weight: 500 !important;
}
.content p {
   font-size: 21px;
  color: #495057;
  line-height: 30px;
}
#features .col-inner {
   padding: 0rem 1rem;
}

.list-item {
   padding-left: 4rem;
}
.icon-holder {
   border: 2px solid black;
   width: 33px;
   height: 33px;

   border: 2px solid rgba(0,0,0,.1);
   border: 3px solid rgb(6, 163, 218);

   border-radius: 100px;
   line-height: 28px;
   text-align: center;
   position: absolute;
   left: 0;
   top: -3px;
   color: rgba(0,0,0,.5);
   z-index: 10;
 }
.icon-holder span {
   font-size: 1.08rem;

   color: #06a3da;
   font-weight: 600;
}
.content.two img {
   max-width: 78%;
  height: auto;
}

.col-ac-c {
   align-content: center;
}


.bg-color {
   background: #06a3da;
}
.bg-color h2, .bg-color h3, .bg-color h4, .bg-color h5, .bg-color p {
   color: #fff !important;
} 
a.light {
   background: #fff !important;
   color: #000 !important;
}
#about .col-inner {
   padding: 0rem 2rem 0rem 3rem;
}
#about p {
   font-size: 18px;
   line-height: 27px;
}
.bg-color .col-inner .btn-primary:hover {
   box-shadow: inset 0 0 0 0 #D9D9D9;
 }


 .header .highlighted-text em {
   position: relative;
   display: inline-block;
   font-family: inherit;
   font-size: inherit;
   font-style: inherit;
   font-weight: inherit;
   text-transform: inherit;
   letter-spacing: inherit;
   line-height: 1em;
   padding: 0 3px;
 }
 .header .highlighted-text em.animated {
   background-size: 100% 80%;
 }
 .header .highlighted-text em, .header .highlighted-text em, .header .highlighted-text em {
   display: inline;
 }
 .header .highlighted-text em.animated .nectar-scribble path {
   stroke-linecap: round;
   opacity: 1;
   animation: nectarStrokeAnimation 1.3s cubic-bezier(0.65,0,0.35,1) forwards;
     animation-duration: 1.3s;
 }
 .header .highlighted-text em {
   position: relative;
   display: inline-block;
   font-family: inherit;
   font-size: inherit;
   font-style: inherit;
   font-weight: inherit;
   text-transform: inherit;
   letter-spacing: inherit;
   line-height: 1em;
   padding: 0 3px;
 }
 .header .highlighted-text em.animated .nectar-scribble path {
   stroke-linecap: round;
   opacity: 1;
   animation: nectarStrokeAnimation 1.3s cubic-bezier(0.65,0,0.35,1) forwards;
     animation-duration: 1.3s;
 }

.header .highlighted-text em.animated {
   background-position: left 70%;
 }








 .content .highlighted-text em.animated {
   background-repeat: no-repeat;
   background-image: linear-gradient(to right,#fffb33 0,#fffb33 100%);
   transition: background-size .9s cubic-bezier(.15,.75,.4,1),opacity .25s ease;
   background-position: left 100%;
   font-style: normal;
   padding: 0em 0.16em;
 }
 body .order-sm-1 {
   order: 1 !important;
 }
body .order-2 {
 order: 2 !important;
}
body .order-sm-2 {
   order: 2 !important;
 }










 .service-item .service-icon {
   transform: rotate(0deg);
 }


 .service-item .service-icon i {
   transform: rotate(0deg);
 }



#pricing {
   padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
#pricing p.sm {
   font-size: 1.24em;
}
 .divider .div-holder {
   height: auto;
   position: relative;
   -webkit-box-flex: 1;
   -webkit-flex: 1 1 auto;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-width: 10%;
 }
 .divider.gray .div-line {
   border-color: #ebebeb;
 }
 .divider .div-holder .div-line {
   height: 2px;
   border-top: 2px solid #ebebeb;
   display: block;
   position: relative;
   top: 18px;
   width: 100%;
 }
 .text-rf {
   color: #fff;
   font-size: 24px;
   text-align: center;
   display: block;
 }

 .col-left-inner {
   padding-right: 2rem;
 }
 .list-item-inner {
   font-size: 1.18rem;
   color: #fff;
 }
 .list-item-inner i {
   font-size: 1.66rem;
   margin-right: 0.66rem;
 }
 .list-item-outer {
   margin-top: 1rem;
   padding: 2rem;
   border: 1px solid rgba(255,255,255,.25);
   border-radius: 3px;
 }
 .card-inner {
   padding: 3.3rem 2.7rem 2.4rem;
 }
 .card {
   background: #fff;
  height: fit-content;
  width: 100%;
  content: ' ';
  display: block;
  opacity: 0;
  transition: background-color .45s cubic-bezier(.25,1,.33,1),opacity .45s cubic-bezier(.25,1,.33,1);

  opacity: 1;

  overflow: hidden;

  box-shadow: 0 30px 60px rgba(0,0,0,.15);

  border-radius: 10px;
 }
.badge-lto {
   padding: 0.5em 1em;
   background-color: #34a75b;
   color: #fff;
   width: fit-content;
   border-radius: 4px;
}
.badge-lto i {
   margin-right: 0.33rem;
}
#pricing .card h3 {
   color: #000 !important;
   font-size: 1.8rem;
   font-weight: 400 !important;
   margin-top: 2rem;
   line-height: 27px;
   margin-bottom: 1rem;
}
.price-wrap {
   font-size: 3.3rem;
   color: #000;
   font-weight: 500;
}
.price-wrap .dol {
   font-size: 0.4em;
   vertical-align: top;
   margin-right: .2em;
}
.price-wrap .price {
   position: relative;
  left: -0.3em;
}
.price-wrap .after {
   position: relative;
  left: -2.4em;
   font-size: 0.2em;
   letter-spacing: 0;
  margin-left: .2em;
}
.card ul {
   margin: 0;
   padding: 0;
   list-style: none;
   color: #000;
  line-height: 2rem;
}
.card ul i {
   margin-right: 1rem;
   /* -webkit-text-stroke: 1px #fff; */
   color: #05a2d9;
}
#pricing .card .btn-primary {
   width: 100%;
   margin: 0 auto;
}
.BuyButton-Button {
   color: #fff !important;
}


#testimonials {
   overflow: hidden;
}
#testimonials .owl-carousel .owl-nav div {
   position: absolute;
   top: 50%;
   width: 38px;
   height: 100%;
   justify-content: center;
   align-items: center;
   z-index: 1;
   cursor: pointer;
   transition: all 0.3s ease;
   backface-visibility: hidden;
   transform: translateY(-50%);
   opacity: 0.6;
   display: flex;
 }
 #testimonials .owl-carousel .owl-prev {
   left: -3.3rem;
 }
 #testimonials .owl-carousel .owl-next {
   right: -3.3rem;
 }
 #testimonials h4 {
   margin: 0;
   font-size: 1rem;
   font-weight: 600 !important;
 }
 .rating {
   margin-top: 0.33rem;
 }
 .rating i {
   color: #06a3da;
   margin-right: 3px;
   font-size: 14px;
   -webkit-text-stroke: 0.33px #fff;
 }
.testimonial-item {
   padding: 1rem;
}
#testimonials p {
   color: #000;
}
.rmBtn {
   background: none;
   color: gray;
   border: 0;
   padding: 0;
   margin: 0;
}
#testimonials .more {
   display: none;
}
.testimonial-carousel .owl-dot.active {
   width: 15px;
 }
 .testimonial-carousel .owl-dot {
   border-radius: 3.3rem;
 }


.accordion {
   display: block;
   max-width: 768px;
   margin: 0 auto;
}

.accordion-item {
   border: 0;
   margin-bottom: 0;
  padding: 0 40px;
  position: relative;
  transition: border-color 0.15s ease;
  border-bottom: 1px solid rgba(0,0,0,0.08);
 }

 .accordion-button:not(.collapsed) {
   background-color: #fff;
 }
 .accordion-button {
   padding: 2rem;
   font-size: 1.65rem;
   font-weight: 500;
   color: #000 !important;
 }
.accordion-item p, .accordion-item ul {
   color: #333;
}


 .accordion-button::after {
   width: 2rem;
   height: 2rem;
   background-size: 2rem;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
   transition: all 0.5s;
 }
 .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
 }
 

 .accordion-item {
   border-radius: 20px;
 
 }
 .accordion-item:not(.collapsed)::after {
   width: 100%;
   height: 100%;
   box-shadow: 0 90px 70px 0 rgba(0,0,0,0.04),0 40px 35px 0 rgba(0,0,0,0.03),0 25px 15px 0 rgba(0,0,0,0.03),0 11px 7px 0 rgba(0,0,0,0.03),0 2px 5px 0 rgba(0,0,0,0.03);
   transition: opacity 0.15s ease;
 }
 .accordion-item.collapsed::after {
   box-shadow: none;
 }


footer {
   background: #061429;
   padding: 1rem 0rem;
}
footer a {
   font-size: 16px;
   text-decoration: underline;
}


[class^="bi-"]::before, [class*=" bi-"]::before {
   font-weight: bold !important;
 }


/*** SLIDE BAR START ***/

.divider {
   padding: 1rem;
}
.slide-bar::before {
   position: absolute;
   content: "";
   width: 150px;
   height: 5px;
   left: 0;
   bottom: 0;
   background: #e3e3e3;
   border-radius: 2px;
}

.slide-bar.text-center::before {
   left: 50%;
   margin-left: -75px;
}

.slide-bar.section-title-sm::before {
   width: 90px;
   height: 3px;
}

.slide-bar::after {
   position: absolute;
   content: "";
   width: 6px;
   height: 5px;
   bottom: 0px;
   background: #06A3DA;
   -webkit-animation: section-title-run 5s infinite linear;
   animation: section-title-run 5s infinite linear;
}

.slide-bar.section-title-sm::after {
   width: 4px;
   height: 3px;
}

.slide-bar.text-center::after {
   -webkit-animation: section-title-run-center 5s infinite linear;
   animation: section-title-run-center 5s infinite linear;
}

.slide-bar.section-title-sm::after {
   -webkit-animation: section-title-run-sm 5s infinite linear;
   animation: section-title-run-sm 5s infinite linear;
}

@keyframes section-title-run {
   0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}
@-webkit-keyframes section-title-run {
   0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@keyframes section-title-run-center {
   0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}
@-webkit-keyframes section-title-run-center {
   0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@keyframes section-title-run-sm {
   0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}
@-webkit-keyframes section-title-run-sm {
   0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}
/*** SLIDE BAR END ***/


.back-to-top {
   bottom: 3.9rem;
   border-radius: 33px !important;
}
.back-to-top span {
   font-size: 12px;
   position: absolute;
   color: black;
   display: block;
   width: fit-content;
   text-transform: uppercase;
   line-height: 0.8rem;
   top: 54px;
}









.pg-reg {
   padding: 6rem;
}
.pg-scndry section div {
   margin-top: 1rem;
}
.pg-scndry h1, 
.pg-scndry h2, 
.pg-scndry h3, 
.pg-scndry h4 {
   margin-top: 2rem;
}
.pg-scndry ol {
   list-style: none;
}
.pg-scndry h2 {
   font-size: 2rem;
}
.pg-scndry h3 {
   font-size: 1.5rem;
   font-weight: bold !important;
   text-transform: uppercase;
}
.pg-scndry h4 {
   font-size: 1rem;
   font-weight: bold !important;
}
.pg-scndry ul, .pg-scndry ol {
   margin-top: 1rem;
   color: #000;
}
.pg-scndry section div {
   color: #000;
}

.pg-scndry nav .btn-primary {
   display: block;
   float: right;
}
.pg-scndry nav .navbar-collapse {
   display: inline-block !important;
}

.accordion-body {
   padding: 1rem 2rem;
}




















@media (max-width: 992px) {
   
   .navbar {
      padding: 1rem !important;
      margin-bottom: 1rem;
   }
   nav .btn-primary {
      margin: .5rem 1rem;
      margin-left: 0rem;
   }
   .navbar-collapse {
       position: absolute;
       top: 54px;
       left: 100%;
       padding-left: 15px;
       padding-right: 15px;
       padding-bottom: 15px;
       width: 100%;
       transition: all 0.4s ease;
       display: block;

       background: white;
       z-index: 1;
   }
   .navbar-collapse.collapsing {
       height: auto !important;
       margin-left: 50%;
       left: 50%;
       transition: all 0.2s ease;
   }
   .navbar-collapse.show {
      left: -18px;
    width: 114%;
    padding-top: 9px;
   }


   .header {
      padding: 0rem 1rem;
      text-align: center;
   }


   #about .col-inner {
      padding: 0;
    }


   .col-left-inner {
      padding-right: 0;
   }

   .card {
      max-width: 336px;
      margin: 0 auto;
   }

   .accordion-item {
      padding: 0;
   }
}
@media (max-width: 768px) { 
   
}
@media screen and (max-width: 576px) {
   .pt-xs-3, .pt-sm-3 {
      padding-top: 1rem !important;
   }
   .d-xs-none {
      display: none;
   }
   .service-item {
      height: 18rem;
   }
}
@media (max-width: 336px) { 
   nav .lg-main {
      font-size: 1.16rem;
   }
   .navbar-light .navbar-toggler {
      padding: 0;
   }
   nav h1 {
      font-size: 1.33rem;
   }
   .service-item {
      height: 27rem;
   }
}

.navbar-light .navbar-toggler:focus {
   border: 0 !important;
   border-color: transparent !important;
}


@media (min-width: 992px) {
   .navbar-light {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      border-bottom: 1px solid rgba(256, 256, 256, .1);
      z-index: 999;
   }
   .navbar-dark {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      border-bottom: 1px solid rgba(256, 256, 256, .1);
      z-index: 999;
   }

   .sticky-top.navbar-light {
      position: fixed;
      background: #FFFFFF;
      padding: 16px 0 !important;
      padding-left: 6rem !important;
      padding-right: 6rem !important;
   }
   .sticky-top.navbar-dark {
      padding: 16px 0 !important;
      padding-left: 6rem !important;
      padding-right: 6rem !important;
   }

   .navbar-light .navbar-nav .nav-link {
      font-family: 'Roboto', sans-serif;
      position: relative;
      margin-left: 25px;
      color: #000;
      font-size: 16px;
      font-weight: 500;
      outline: none;
      transition: .5s;
    }
   .navbar-light .navbar-nav .nav-link::before {
      position: absolute;
      content: "";
      width: 0;
      height: 2px;
      bottom: -1px;
      left: 0%;
      background: var(--primary);
      transition: .5s;
    }

    .navbar-light .navbar-nav .nav-link:hover::before, .navbar .navbar-nav .nav-link.active::before {
      width: 100%;
      left: 0;
    }

}
@media (min-width: 1200px) {
   h2, .h2 {
     font-size: 3rem;
     line-height: 3.6rem;
   }
   #pricing .container{
      max-width: 1180px;
    }
}
@media (min-width: 1400px) {
   #review .container {
     max-width: 900px;
   }
 }