html{
      cursor: default;
}

#price-toggler{
      cursor: pointer;
}
#price-toggler:hover{
      text-decoration: underline;
}

/*UTILS*/
.pipe{
      margin: 0 5px;
      color: rgba(0,0,0,.25);
}

footer .divider{
      border-width: 1px;
}

/*PAGINATION*/
.page-link{
      background-color: initial;
      border: none;
      margin: 0px 0.1rem;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link{
      border-top-right-radius: initial;
      border-bottom-right-radius: initial;
      border-top-left-radius: initial;
      border-bottom-left-radius: initial;
      border-radius: .3rem;
}

.page-link:hover{
      border-radius: .3rem;
      transition: all 0.5s ease;
}

.page-link.active{
      background-color: #2D65DD;
      color: #fff;
}

/*SCROLL LINE*/
.scroll-line {
      height: 3px;
      background: #3ad29f;
      width: 0%;
      clear: both;
      position: fixed;
      z-index: 2;
      border-bottom-right-radius: 50%;
}

/*PRICING*/
.pricing-inner:hover{
      color: #2D65DD;
      transition: all 1s ease;
      cursor: default;
}

.pricing-inner:hover .btn-primary{
      background-color: #3ad29f;
      border-color: #3ad29f;
}


/*CONTACTS*/
.hero.section-bg {
      background-image: url(/assets/homepage/images/organic-shape-3.svg);
      background-repeat: no-repeat;
}

#contact .xxxxl-font-size{
      font-size: 362.5% !important;
}

#contact .hero form input,
#contact .hero form select {
      box-shadow: 0 0px 5px 2px rgba(0,0,0,0.03);
}

#contact .hero form input,
#contact .hero form button,
#contact .hero form select{
      padding: 10px 14px;
}

#contact .hero form select{
      height: 43px;
}

#contact .hero form select {
      padding: 10px 14px;
}

/*VIDEO*/
.vid-fluid{
      width: 100px;
      height: 100px;
}

.pricing-wrap video.vid-fluid{
      width: 160px;
      height: 160px;
}

/*BLOG*/
article img{
      max-width: 100%;
      height: auto;
}

article iframe{
      max-width: 100%;
}

/*TYPOGRAPHY*/
a:hover, a:focus{
      color: #2D65DD;
}


@media (min-width: 576px) {

}


@media (min-width: 768px) {  }


@media (min-width: 992px) { }


@media (min-width: 1200px) { }

@media (max-width: 575.98px) {

      section{
            padding: 40px 0;
      }

      .pricing-wrap video.vid-fluid{
            width: 100%;
            height: auto;
            overflow: hidden
      }

}


@media (min-width: 576px) and (max-width: 767.98px) {

      .pricing-wrap video.vid-fluid{
            width: 400px;
            height: 400px;
            overflow: hidden;
      }
}


@media (min-width: 768px) and (max-width: 991.98px) {

      .pricing-wrap video.vid-fluid{
            width: 100%;
            height: 100%;
            overflow: hidden;
      }

}


@media (min-width: 992px) and (max-width: 1199.98px) {}


      @media (min-width: 1200px) { }