@font-face {
  font-family: quickSandReg;
  src: url(../fonts/Quicksand-Regular.ttf);
}
@font-face {
  font-family: quickSandBold;
  src: url(../fonts/Quicksand-Bold.ttf);
}
@font-face {
  font-family: quickSandLight;
  src: url(../fonts/Quicksand-Light.ttf);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: quickSandReg, sans-serif;
}

.quickSandBold {
  font-family: quickSandBold;
}

.light {
  color: #ef7777;
}
.med {
  color: #e86161;
}
.dark {
  color: #e45252;
}

.grey {
  color: #808080;
}

#frame {
  background: #FAFAFA;
}

#nav-logo {
  width: 178px;
  margin-top: -53px;
  margin-bottom: -33px;
  padding: 0px;
}

#nav-demo-btn,
#live-demo-btn
 {
  background-color: #F3624A;
}

#SectionOne {
  background-image: url("../images/icons/Arrows2.png");
  background-repeat: no-repeat;
  background-size: 580px 660px;
  background-position: right bottom;
}

#SectionTwo {
  background-image: url("../images/icons/target1.png");
  background-repeat: no-repeat;
  background-size: 640px 700px;
  background-position: left top;
}

#SectionThree {
  background-image: url("../images/icons/Carts2.png");
  background-repeat: no-repeat;
  background-size: 580px 700px;
  background-position: right bottom;
  /* background-position: 85% 25%; */
}

#SectionFour {
  background-image: url("../images/icons/Likes4.png");
  background-repeat: no-repeat;
  background-size: 700px 680px;
  background-position: left center;
}

#SectionFive {
  background-image: url("../images/icons/Chat4.png");
  background-repeat: no-repeat;
  background-size: 480px 700px;
  background-position: right top;
}

#stats {
  width: 50%;
}

#terms {
  left: 27px;
}

#privacy,
#terms {
  padding: 0px;
}

/* Circles */
.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* For IE8 */
}

.circle {
    width: 325px;
    height: 325px;
    background: white;
    color: #F3624A;
}

.circle h1 {
  font-family: quickSandBold, sans-serif;
}

.section-title,
.main-title {
  font-family: quickSandBold, sans-serif;
}

.navbar-transparent {
    background: #E3E3E3 !important;
}

.bg-lightGrey {
  background-color: #ECEBEB
}

.bg-gradient {
  background-image: linear-gradient(-90deg, #e45252, #ef7777)
}

.container-left-pad {
  padding-left: 69px;
}

.neg-20-top-margin {
  margin-top: -20px;
}

.dropdown-alignment {
  margin-left: 276px;
  margin-top: -7px;
}


/* Top Right Borders in between each section */
.right-lg-top-border {
  width: 100%;
  height: 15px;
  background-color: #ef7777;
}

.right-sm-top-border {
  width: 100%;
  height: 15px;
  background-color: #ef7777;
}

.right-lg-top-border:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0%;
  height: 20px;
  border-top: 15px solid #ef7777;
  border-left: 13px solid transparent;
  position: absolute;
  top: 0;
  left: 2px;
}

.right-sm-top-border:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0%;
  height: 20px;
  border-top: 15px solid #ef7777;
  border-left: 13px solid transparent;
  position: absolute;
  top: 0;
  left: 2px;
}



/* Top Left Borders in between each section */
.left-lg-top-border {
  width: 100%;
  height: 15px;
  background-color: #ef7777;
}

.left-sm-top-border {
  width: 100%;
  height: 15px;
  background-color: #ef7777;
}

.left-lg-top-border:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0%;
  height: 20px;
  border-top: 15px solid #ef7777;
  border-right: 13px solid transparent;
  position: absolute;
  top: 0;
  right: 2px;
}

.left-sm-top-border:after {
  content: '';
  line-height: 0;
  font-size: 0;
  width: 0%;
  height: 20px;
  border-top: 15px solid #ef7777;
  border-right: 13px solid transparent;
  position: absolute;
  top: 0;
  right: 2px;
}

.footer {
  background-color: #e45252;
  /* padding-bottom: 1rem!important; */
}

@media only screen and (min-width: 1680px) {
  #stats {
    width: 75%;
  }
}

@media only screen and (max-width: 1680px) {
  .circle {
      width: 230px;
      height: 230px;
      background: white;
      color: #F3624A;
  }
}

@media only screen and (max-width: 992px) {
  #SectionOne,
  #SectionTwo,
  #SectionThree,
  #SectionFour,
  #SectionFive
  {
    background-image: none;
  }
}

@media only screen and (max-width: 479px) {

  #influencer-v,
  #restaurant-v,
  #crossfit-v,
  #hair-salon-v,
  #real-estate-v {
    display: none;
  }

  #nav-logo {
    margin-left: -40px;
  }

  #messenger-black {
    width: 200px;
  }

  #stats {
    margin-top: 80px;
    width: 100%;
  }

  #privacy {
    padding-left: 16px;
  }

  #terms {
    left: 0px;
    margin-bottom: 8px;
    margin-top: 15px;
  }

  #SectionOne-details,
  #SectionTwo-details,
  #SectionThree-details,
  #SectionFour-details,
  #SectionFive-details {
    margin-bottom: 20px;
  }

  .borders div {
    padding: 0px;
  }

  .section-title {
    text-align: center;
    font-size: 35px;
  }

  .main-title {
    font-size: 35px;
  }

  .container-left-pad {
    padding-left: 15px;
  }

  .neg-20-top-margin {
    margin-top: 0px;
  }

  .mobile-div {
    height: 15px;
    width: 100%;
    background-color: #ED8F96;
  }

  .dropdown-alignment {
    margin: 0px;
  }

  .footer {
    margin-top: 15px !important;
  }

  .footer p {
    font-size: 15px;
    margin-bottom: 15px;
  }
}