@font-face {
    font-family: 'Brightwall';
    src: url('webfonts/brightwall-italic.woff2') format('woff2'),
        url('webfonts/brightwall-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('webfonts/montserrat-extrabold.woff2') format('woff2'),
        url('webfonts/montserrat-extrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('webfonts/ubuntu.woff2') format('woff2'),
      url('webfonts/ubuntu.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-Bold.woff2') format('woff2'),
      url('webfonts/JosefinSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-BoldItalic.woff2') format('woff2'),
      url('webfonts/JosefinSans-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-Italic.woff2') format('woff2'),
      url('webfonts/JosefinSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-LightItalic.woff2') format('woff2'),
      url('webfonts/JosefinSans-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-Regular.woff2') format('woff2'),
      url('webfonts/JosefinSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-Light.woff2') format('woff2'),
      url('webfonts/JosefinSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-SemiBold.woff2') format('woff2'),
      url('webfonts/JosefinSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-Thin.woff2') format('woff2'),
      url('webfonts/JosefinSans-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-SemiBoldItalic.woff2') format('woff2'),
      url('webfonts/JosefinSans-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('webfonts/JosefinSans-ThinItalic.woff2') format('woff2'),
      url('webfonts/JosefinSans-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}


  .webpage .fitalic
  {
    color:#0BC2C8;
    font-family: "Brightwall", sans-serif;
    font-style: italic;
    text-shadow: -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 rgb(0 0 0 / 20%), 0 2px 0 rgb(0 0 0 / 20%), -2px 2px 0 #fff, -2px 0 0 #fff;
  }
  .webpage .hs1{
    width: 100%;
  background: url('../img/hbg-1.png');
  background-position: top right;
  background-size:contain;
  background-repeat: no-repeat;
  }
  .webpage .hs2{
    width: 100%;
  background: url('../img/hbg-2.png');
  background-size:cover;
  color:#fff;
  }
  .webpage .hs3{
    width: 100%;
  background: url('../img/hbg-3.png') #E7FDFE; 
  background-position: right bottom;
  background-size:contain;
  background-repeat: no-repeat;
  }
  .webpage .hs4{
    width: 100%;
  background: url('../img/hbg-4.png') #fff; 
  background-position: right bottom;
  background-size:contain;
  background-repeat: no-repeat;
  }
  .webpage .hs5{
    width: 100%;
  background: url('../img/hbg-5.png') #E9F9FA; 
  background-position: top center;
  background-size:contain;
  background-repeat: no-repeat;
  }
  .webpage .hs6{
  background: url('../img/hbg-6.png') #fff; 
  background-position: top center;
  background-size:contain;
  background-repeat: no-repeat;
  padding-bottom:150px;
  }
  .webpage .hs7{
    width: 100%;
  background: url('../img/hbg-7.png') #D8F3F4; 
  background-position: top center;
  background-size:contain;
  background-repeat: no-repeat;
  }
  .webpage .hs8{
  background: url('../img/hbg-8.png') transparent; 
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  }
  .webpage .hs-footer
  {
  background: url('../img/hbg-footer.png') transparent; 
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  }
  .webpage .hs-footer-separator{
    border-top: 1px solid #D7E8E8;
    max-width: 1400px;
    margin:0 auto;
    padding: 0 30px;
  }
  .webpage .faq-section .faq-question
  {
    font-size: 1.5rem;
    padding: 15px;
    -webkit-box-shadow:  0px 0px 10px 5px rgb(0,0,0,0.1);
    -moz-box-shadow:  0px 0px 10px 5px rgb(0,0,0,0.1);
    box-shadow: 0px 0px 10px 5px rgb(0,0,0,0.1);
    z-index: 2;
    position: relative;
    border-radius: 15px;
    display: inline-block;
    width: 100%;
    text-decoration:none;
    color: #0F0F0F;
  }
  .webpage .faq-section .faq-question:before
  {
    content: '';
    background: url('../img/faq-collapsed.png');
    width:33px;
    height: 32px;
    display: inline-block;
    margin-bottom:-6px;
    margin-right:15px;
  }
  .webpage .faq-section.active .faq-question:before
  {
    content: '';
    background: url('../img/faq-expanded.png');
    height: 6px;
    margin-bottom:6px;
  }
  .webpage .faq-section {
    max-width: 900px;
    margin: 0 auto;
    -webkit-box-shadow:  0px 0px 10px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
    border-radius: 15px;
    background: #fff;
    cursor:pointer;
  }
  .webpage .faq-section + .faq-section {
    margin-top:50px;
  }
  .webpage .faq-section .faq-answer
  {
    color:#0F0F0F;
    display:none;
    font-size: 1.2rem;
    background: #F7F7F7;
    padding: 15px;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .webpage .hs.push-top
  {
    
    position: relative;
  z-index: 2;
  margin-top:-250px;
    width: 100%;
  }
  .webpage .img-center{
    margin:0 auto;
  }
  .webpage section.hs .hs-content,
  .webpage footer .hs-content {
    padding:100px 30px;
    max-width: 1400px;
    margin:0 auto;
  }
  .webpage section.hs.p-min .hs-content
  {
    padding:50px 30px;
  }
  .webpage .text-center p,
  .webpage p.text-center{ 
margin-left: auto;
margin-right: auto;
  }
  .webpage p{ 
margin-top:1rem;
margin-bottom: 1rem;
max-width: 500px;
  }
  .webpage p.fw,
  .webpage .fw p{
    max-width: 100%;
  }
  .webpage .faq-section p{
    margin:0;
    max-width: 100%;
  }
  .webpage section.hs p{
font-family: "Ubuntu", sans-serif;
  }
  .webpage{
    font-family: "Poppins", sans-serif;
  }
  .webpage .hs-text{
    font-size:1.5rem;
  }
  .webpage .hs-input{
    background-color: #fff;
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(24,196,202,0.5);
    -moz-box-shadow: 0px 0px 5px 1px rgba(24,196,202,0.5);
    box-shadow: 0px 0px 5px 1px rgba(24,196,202,0.5);
    border-radius: 30px;
    padding: 5px 7px 5px 20px;
  }
  .webpage .hs-image{
    max-width: 750px;
    padding: 0 15px;
  }
  .webpage .hs-icon img+h2{
    margin-left:20px;
    margin-bottom: 0;
  }
  .webpage .hs-icon.hs-icon-separated img{
    margin-bottom: 1rem;
  }
  .webpage .hs-icon img{
    max-width: 96px;
  }

  .webpage .hs-input .username
  {
    color:#0BC2C8;
  }
  .webpage h1{
    font-family: "Poppins", sans-serif;
    font-size:4rem;
      }
      .webpage h2{
        font-family: "Poppins", sans-serif;
        font-size:2.7rem;
      }
      .webpage h2.subtext{
        font-size:2rem;
      }
      .webpage .text-monts{
        font-family: "Montserrat", sans-serif;
      }
      .webpage .text-js{
        font-family: "Josefin Sans", sans-serif;
      }
      
      .webpage .text-light{
        font-weight: 300;
      }
      .webpage .text-sb{
        font-weight: 600;
      }
      .webpage .text-bold{
        font-weight: bold;
      }
      .webpage .hs3 h2:first-of-type{
        font-size:3rem;
      }
      .webpage .hs3 h2:nth-of-type(2){
        font-size:2rem;
        font-weight: 600;
      }
      .webpage .hs3 h2 .fitalic{
        font-size:4rem;
      }
      .webpage .hs-flex .push-left{
        margin-left:auto;
      }
      .webpage .hs-flex .push-center{
        margin-left:auto;
        margin-right:auto;
      }
      .webpage .hs1 .hs-text{
        font-size:1.2rem;
      }
      .webpage .hs8 .hs-text{
        width: 100%;
        padding-top:100px;
      }
      .webpage .hs-btn{

        display: inline-block ;
        background-color: #0AC2C8;
        background:#0AC2C8;
        color: #fff;
        font-size:1.2rem;
        padding: 5px 100px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.2s ease-in-out all;
        border-radius: 30px;
      }
      
  .webpage .hs-btn.btn-gs{ 
    background-color: #18C4CA;
    color: #fff;
    border-radius: 15px;
    padding: 5px 25px;
    transition: 0.2s ease-in-out all;
    text-decoration: none;
    margin-left:auto;
  }
  .webpage .hs-btn.btn-gs:hover{
    background-color: #15b5bb;
  }
      .webpage .hs-footer .hs-content{
        padding-top:50px;
      }
      
      .webpage .hs-btn:hover{
        text-decoration: none;
    background-color: #15b5bb;
    background:#15b5bb;
      }
      .webpage footer p
      {
        font-size: 1.1rem;
        margin-top:3rem;
        margin-bottom:3rem;
      }
      .webpage footer a{
        color:#000000;
        text-decoration: none;
        font-size: 1.1rem;
      }
      .webpage footer a:hover{
        text-decoration: underline;
      }
      .webpage footer .social-icons a{
        width:64px;
        font-size: 1.8rem;
        display: inline-block;
      }
      .webpage footer .social-icons a+a{
        margin-left:15px;
      }

  .webpage nav
  {
    -webkit-box-shadow: 0 0 12px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 12px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 12px 5px rgba(0,0,0,0.1);
    z-index: 10;
    position: relative;
    padding:15px;
  }

  .hs2 .featured_influencers{

    margin-bottom:-167px;
  }
  .webpage section.hs3 .hs-content{
    padding-top:200px;
  }
  .webpage .hs2 h2
  {
    margin-bottom:1rem;
  } 
@media (min-width:992px)
{
  .col-sm.featured-card-container{
    width:320px;
  }
  .featured_influencers .featured-card .featured-location {
    margin-top: 15px !important;
  }
  .webpage .hs3 h2
  {
    margin-bottom:2rem;
  } 
  .webpage .hs-flex{ 
    display: flex;
    align-items: center;
  }

  .webpage .hs-flex.center{ 
    justify-content: center;
  }
  .mobile-only{
    display:none !important;
  }
}
@media (max-width:380px)
{
  .webpage .hs-icon h2
  {
    font-size:1.3rem;
  }
}
@media (max-width:576px)
{
  .featured-card-container  + .featured-card-container {
    margin-top:20px;
    }
}

.btn-signup { 
  background: #DBF6F7;
  padding: 10px 20px;
  border-radius: 10px;
}
div#main_btn .btn-signup:hover
{
  text-decoration: none;
  background: #c7f2f3; 
}
.webpage .hs2 .featured_influencers .card.featured-card{
  color:#000;
  text-align: left;
}
.featured_influencers .featured-card .featured-info .featured-rating.desktop-only
{
  line-height: 1;
  float:right;
}
.featured_influencers .featured-card .featured-info .featured-name{
font-size:0.9rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
margin-bottom: 0;
line-height: 1;
}
.featured_influencers .featured-card .featured-info a
{
  font-size:1rem;
  color:#2CCACF;
}
.featured_influencers .featured-card .featured-info p{
  line-height: 1.2rem;
  margin-bottom:0;
  margin-top:0;
}
.featured_influencers .featured-card .featured-location i{
color:#119DAB;
margin-right:5px;
}
.featured_influencers .card.featured-card{
  border-radius: 30px;
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%);
    border:1px solid #fff;
}
.featured_influencers .featured-card .card-img-top {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.featured_influencers .card.featured-card .card-body{
  padding: 1.25rem 1rem;
}
.featured_influencers .card.featured-card .featured-info > div
{
  padding: 0.5rem;
  color:#fff;
}
.featured_influencers .card.featured-card .card-body .featured-location
{
  display: flex;
  align-items: center;
  padding-left:1rem;
  padding-right: 1rem;
}
.featured_influencers .featured-card .featured-rating{
  text-align: right;
  line-height: 0;
}
.featured_influencers .featured-card .featured-rating i{
font-size:12px;
}
.featured_influencers .card.featured-card
{
  height:100%;
}
body.fixed-header nav{
  top:0;
  width:100%;
  position: fixed;
  height: 70px;
}
body.fixed-header{
padding-top:70px;
}

.webpage .hs-input .username::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #0BC2C8;
  opacity: 1;
}

.webpage .hs-input .username:-ms-input-placeholder {
  color: #0BC2C8;
}

.webpage .hs-input .username::-ms-input-placeholder {
  color: #0BC2C8;
}

@media (max-width:349px) 
{
  .webpage .hs-input .username
  {
    max-width:50px;
  }
}
@media (min-width:350px) and (max-width:400px)
{
  .webpage .hs-input .username
  {
    max-width:90px;
  }
}

.featured_influencers .owl-carousel .owl-item {
  max-width: 320px;
}
@media (min-width:401px) and (max-width:500px)
{
  .webpage .hs-input .username
  {
    max-width:150px;
  }
}
@media (max-width:400px)
{
  nav .site-logo{
    height: 1.7rem;
  }
  nav .site-btn{
    font-size: 0.8rem;
  }
  nav .btn-login{
    margin-right: 1rem !important;
  }
}
.webpage .hs-input .username{
  outline:none;
}
.featured_influencers .owl-carousel .owl-stage
{
  justify-content: center;
  padding: 15px 0;
}
.featured_influencers .slide__content,
.featured_influencers .featured-card-container,
.featured_influencers .card.featured-card
{
  height:100%;
}
@media (max-width: 420px)
{
  .webpage .hs-input input,
  .webpage .hs-input span
  {
    font-size:1rem;
  }
}


.featured_influencers .owl-carousel .nav-btn{
  position: absolute;
  cursor: pointer;
  font-size:96px;
  color:#414141;
  top: 30% !important;
}

.featured_influencers .owl-carousel .owl-prev.disabled,
.featured_influencers .owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.featured_influencers .owl-carousel .prev-slide{
  left: 0;
}
.featured_influencers .owl-carousel .next-slide{
  right: 0;
}

.featured_influencers .owl-carousel .owl-dots{
  text-align: center;
}
.featured_influencers .owl-carousel .owl-dots .owl-dot
{
  width: 25px;
  background: #A5D3CC;
  height: 7px;
  border-radius: 15px;
}
.featured_influencers .owl-carousel .owl-dots .owl-dot + .owl-dot{
  margin-left:10px;
}
.featured_influencers .owl-carousel .owl-dots .owl-dot.active
{
  background: #1BD4B4;
}
.featured_influencers .owl-theme .owl-dots .owl-dot span
{
  display:none;
}

.featured_influencers .owl-theme .owl-nav [class*=owl-]{
  padding: 0;
  margin: 0;
}


div.highway-slider {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 150px;
}
#infinite div.highway-barrier {
  background: #fff;
  box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.3);
}
div.highway-slider div.highway-barrier {
  overflow: hidden;
  position: relative;
}
section div.container {
  transition: all 0.3s ease;
}
@keyframes scroll {
  0% {
    transform: translateX(calc(-5% + 60px));
 }
  100% {
    transform: translateX(calc((0px - 2500px) - 5%));
 }
}
.slider {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  animation: scroll linear infinite 60s;
  width: calc(2 * 2500px);
  transition: animation-play-state ease 0.3s;
}
.slider:hover {
  animation-play-state: paused;
}
.slider-container {
  padding:15px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider-container .slider {
display: flex;
list-style: none;
margin: 0;
}
.slider-container .slider__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 640px)
{
  
@keyframes scroll {
  0% {
    transform: translateX(calc(-5% + 60px));
 }
  100% {
    transform: translateX(calc((calc(calc(640px - 100vw) * 4) - 2500px) - 5%));
 }
}
}
@media (max-width: 991px)
{
  .featured_influencers .card.featured-card .card-body .featured-location
  {
    
    display: flex;
    align-items: center;
  }
  .featured_influencers .featured-card .featured-location i
  {
    margin-right: 10px;
  }
.featured_influencers .featured-card .featured-info p{
  line-height: 0.8rem;
}
@keyframes scroll {
  0% {
    transform: translateX(calc(-5% + 32px));
 }
  100% {
    transform: translateX(calc((0px - 2500px) - 5%));
 }
}
.col-sm.featured-card-container{
  width: 50vw;
  padding: 0 8px;
  max-width: 320px;
  min-width: 160px;
}
  .featured_influencers .featured-card .featured-location
  {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .featured_influencers .featured-card .featured-info a,
  .featured_influencers .featured-card .featured-rating i
  {
    font-size:9px;
  }
  .featured_influencers .featured-card .featured-location,
  .featured_influencers .featured-card .featured-info .featured-name
  {
    font-size:0.75rem;
  }
  .hs2 .featured_influencers
  {
    margin-bottom: -96px;
  }

  .webpage .hs1
  {
    background-position-x: left;
    background-position-y: 78%;
  }
  .webpage .hs3
  {
    text-align: center;
    background-position:center;
  }
  .desktop-only{
    display:none !important;
  }
  .webpage h1{
    font-size:2.5rem;
  }
  .webpage .hs3 h2:first-child {
    font-size: 2rem;
  }
  .webpage .hs3 h2 .fitalic
  {
    font-size:3rem;
  }
  .webpage h2 {
      font-family: "Poppins", sans-serif;
      font-size: 1.8rem;
  }
  
  .webpage .hs-flex.hs-icon{ 
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .webpage .hs-icon img
  {
    max-width: 64px;
  }
  .webpage .hs-text
  {
    font-size:1.2rem;
  }
  .webpage .hs.push-top
  {
    margin-top:-150px;
  }
  .webpage section.hs .hs-content,
  .webpage footer .hs-content {
    padding:50px 30px;
  }
  .webpage section.hs3 .hs-content
  {
    padding-top:200px;
  }
  .webpage .faq-section .faq-question
  {
    font-size:1.3rem;
  }
  .mobile-mb-4{
    margin-bottom:1.5rem !important;
  }
  .mobile-mt-4{
    margin-top:1.5rem !important;
  }
  .webpage .hs-btn{

    padding: 5px 50px;
  }
  .webpage .hs-input{
    width:auto;
    display: inline-block;
    padding: 5px 30px;
  }
  .webpage .hs-image img,
  .webpage .hs-image{
    margin:0 auto;
  }
  .mobile-text-center{
    text-align: center;
  }
  
  .webpage .mobile-text-center p,
  .webpage p.mobile-text-center
  {
    margin: 0 auto;
  }
  .webpage .hs6
  {
    background-size: cover;
  }
  .webpage .hs5
  {
    background-position: center center;
  }
  .webpage .hs7
  {
    background-position: top;
  }
  .webpage .hs2
  {
    background: url('../img/hbg-2.png'), linear-gradient(90deg, #0D71D3, #0DE2C1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
.featured_influencers .featured-info {
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media (max-width:479px)
{
  
  .featured_influencers .card.featured-card .card-body .featured-location
  {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .webpage .hs2
  {
    background: url('../img/hbg-2-mobile.png'), linear-gradient(90deg, #0D71D3, #0DE2C1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (max-width:426px)
{
  .hs2 .featured_influencers{ 
    margin-bottom: -116px;
  }
}
.webpage .social-icons a{
  display: flex;
  align-items: center;
  background: #EEF8F8;
  border: 1px solid #D5EAEA;
  border-radius: 5px;
  padding: 0.5rem;
  transition: 0.2s ease-in-out all;
}
.webpage .social-icons a:hover {
      background: #e8f5f5;
}
@keyframes  loading {
  from {width: 80%}
  to {width: 70%}
}
#loading-fav {
  animation-name: loading;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease-in-out;
}
body #loading{
  display:block;
}