#preloader {
  position: fixed;
  background-color: #ecf0f1;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 10000;
}

.load {
  position: absolute;
  top: 50%;
  left: 46%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*change these sizes to fit into your project*/
  width: 100px;
  height: 100px;
}

.load hr {
  border: 0;
  margin: 0;
  width: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  -webkit-animation: spin 2s ease infinite;
          animation: spin 2s ease infinite;
}

.load :first-child {
  background: #19a68c;
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

.load :nth-child(2) {
  background: #f63d3a;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.load :nth-child(3) {
  background: #fda543;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.load :last-child {
  background: #193b48;
}

@-webkit-keyframes spin {
  0%,
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  25% {
    -webkit-transform: translate(160%);
            transform: translate(160%);
  }
  50% {
    -webkit-transform: translate(160%, 160%);
            transform: translate(160%, 160%);
  }
  75% {
    -webkit-transform: translate(0, 160%);
            transform: translate(0, 160%);
  }
}

@keyframes spin {
  0%,
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  25% {
    -webkit-transform: translate(160%);
            transform: translate(160%);
  }
  50% {
    -webkit-transform: translate(160%, 160%);
            transform: translate(160%, 160%);
  }
  75% {
    -webkit-transform: translate(0, 160%);
            transform: translate(0, 160%);
  }
}

body {
  font-family: Shabnam !important;
}

textarea {
  resize: none !important;
}

*::-moz-selection {
  background-color: #6C63FF;
  color: white;
}

*::selection {
  background-color: #6C63FF;
  color: white;
}

button:focus {
  outline: 0 !important;
}

section {
  min-height: 100vh;
  padding-top: 100px;
}

.container {
  width: 91%;
}

.h-100 {
  height: 100% !important;
}

.mt-6 {
  margin-top: 6rem;
}

.birds {
  position: absolute;
}

.crossandcircle {
  position: absolute;
}

.btn-outline-pink {
  color: #666666;
  border-color: #d6d6d6;
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: .03rem solid;
  padding: .7rem 3rem;
  font-size: 12px;
  font-size: .75rem;
  line-height: 1.5;
  border-radius: 1.5rem;
  -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
  -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
  transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
  transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
  transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
}

.btn-outline-pink:focus {
  outline: 0;
}

.navbar-brand img {
  width: 120px;
}

.signupbtn {
  background-color: rgba(255, 66, 107, 0.096);
  border-radius: 20px;
  padding: .5rem 2rem;
}

.signupbtn:hover {
  background-color: rgba(255, 66, 107, 0.212);
}

.signinbtn {
  margin-left: 20px;
}

.navbar {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: fixed;
  z-index: 1000;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  /* margin-top: -50px !important; */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.navbar-alt {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.navbar-brand {
  width: 150px;
  margin-right: 0;
}

.nav-item {
  font-weight: 500;
  font-size: 14px;
}

header {
  height: 100vh;
  padding-top: 100px;
  background-image: url(../img/Path2.png);
  background-size: 450px;
  background-repeat: no-repeat;
  background-position: left 100px;
}

header .container {
  height: 100%;
}

header h1 {
  font-weight: 700;
  font-size: 40px;
  margin-top: 110px;
}

header h1 span {
  color: #FF426B;
  margin-right: 4px;
}

header p {
  color: #7B7878;
  margin-top: 20px;
  max-width: 100%;
  font-size: 15px;
}

header .btn {
  background-color: #FF426B;
  border-radius: 20px;
  padding: .5rem 2.5rem;
  margin-top: 20px;
  color: white;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(255, 66, 107, 0.349) !important;
          box-shadow: 0 0.5rem 1rem rgba(255, 66, 107, 0.349) !important;
}

header .btn:hover {
  color: white;
  -webkit-box-shadow: 0 0.9rem 1rem rgba(255, 66, 107, 0.349) !important;
          box-shadow: 0 0.9rem 1rem rgba(255, 66, 107, 0.349) !important;
}

header .crossandcircle {
  width: 20px;
}

#services {
  position: relative;
  background-image: url(../img/Path35.png);
  background-repeat: no-repeat;
  background-position: left 130px;
  background-size: 500px;
}

.services {
  padding-top: 90px;
}

.services h6 {
  font-weight: 600;
  font-size: 14px;
  color: #3B3B3B;
}

.services h6::after {
  content: '';
  width: 50px;
  height: .13rem;
  background-color: #707070;
  position: absolute;
  left: 0px;
  top: 35%;
}

.services h1 {
  color: #3B3B3B;
  line-height: 1.3;
  font-weight: 700;
  font-size: 37px;
  margin-top: 7px;
}

.services p {
  margin-top: 15px;
  font-size: 15px;
  color: #7B7878;
}

.services .box {
  width: 220px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 30px 20px 30px 20px;
  border-radius: 5px;
  position: absolute;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 10;
  background-color: white;
}

.services .box img {
  width: 70px;
}

.services .box h1 {
  font-weight: 700;
  font-size: 20px;
  margin-top: 20px;
}

.services .box p {
  font-size: 13px;
  line-height: 1.4;
  color: #7B7878;
  text-align: center;
}

.services .box:hover {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

#aboutus {
  position: relative;
  background-image: url(../img/Path74.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.about-us h6 {
  font-weight: 600;
  font-size: 14px;
  color: #3B3B3B;
}

.about-us h6::after {
  content: '';
  width: 50px;
  height: .13rem;
  background-color: #707070;
  position: absolute;
  left: 0px;
  top: 35%;
}

.about-us h1 {
  color: #3B3B3B;
  line-height: 1.3;
  font-weight: 700;
  font-size: 37px;
  margin-top: 7px;
}

.about-us p {
  margin-top: 15px;
  font-size: 13px;
  color: #7B7878;
  line-height: 1.9;
}

#pricing {
  position: relative;
  padding-bottom: 3rem;
}

.pricing-box {
  background-image: url(../img/Path80.png);
  background-repeat: no-repeat;
  background-position: right -25px top;
  background-size: 230px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-box .path77 {
  background-image: url(../img/Path77.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 2.5rem 3rem 3rem 3rem;
}

.pricing-box:hover {
  background-image: url(../img/Path80-alt.png);
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.pricing-box:hover .path77 {
  background-image: url(../img/Path77-alt.png);
}

.pricing-box:hover h1 {
  color: white;
}

.pricing-box:hover h2 {
  color: black;
}

.pricing-box:hover .btn-outline-pink {
  color: white;
  background-color: #FF426B;
  -webkit-box-shadow: 1px 2px 6px 2px #d4d4d4;
          box-shadow: 1px 2px 6px 2px #d4d4d4;
  border-color: #FF426B;
}

.pricing-box:hover .btn-outline-pink:hover {
  -webkit-box-shadow: 1px 2px 6px 4px #d4d4d4;
          box-shadow: 1px 2px 6px 4px #d4d4d4;
}

.pricing .title-id {
  font-weight: 600;
  font-size: 14px;
  color: #3B3B3B;
}

.pricing .title-id::after {
  content: '';
  width: 50px;
  height: .13rem;
  background-color: #707070;
  position: absolute;
  right: 75px;
  top: 35%;
}

.pricing .title {
  color: #3B3B3B;
  line-height: 1.3;
  font-weight: 700;
  font-size: 37px;
  margin-top: 7px;
}

.pricing .title-p {
  margin-top: 15px;
  font-size: 13px;
  color: #7B7878;
  line-height: 1.9;
}

.pricing .hover {
  background-image: url(../img/Path80-alt.png);
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.pricing .hover .path77 {
  background-image: url(../img/Path77-alt.png);
}

.pricing .hover h1 {
  color: white;
}

.pricing .hover h2 {
  color: black;
}

.pricing .hover .btn-outline-pink {
  color: white;
  background-color: #FF426B;
  -webkit-box-shadow: 1px 2px 6px 2px #d4d4d4;
          box-shadow: 1px 2px 6px 2px #d4d4d4;
  border-color: #FF426B;
}

.pricing .hover .btn-outline-pink:hover {
  -webkit-box-shadow: 1px 2px 6px 4px #d4d4d4;
          box-shadow: 1px 2px 6px 4px #d4d4d4;
}

.pricing h1 {
  font-weight: 700;
  font-size: 23px;
}

.pricing h2 {
  margin-top: 20px;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 30px;
  color: #3B3B3B;
}

.pricing p {
  margin-top: 5px;
  font-size: 14px;
  color: #7B7878;
}

.pricing button {
  margin-top: 20px;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

#testimonials {
  background-image: url(../img/testimonials_bg.png);
  background-size: 550px;
  background-repeat: no-repeat;
  background-position: 700px 25px;
}

.testimonials {
  text-align: right;
}

.testimonials .col-10.col-md-5 {
  margin-top: 110px;
}

.testimonials .title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-weight: 700;
  font-size: 30px;
}

.testimonials .description {
  color: #7B7878;
  font-size: 13px;
  margin-top: 15px;
}

.testimonials #play {
  margin-right: 20px;
  color: #7B7878;
  font-weight: 400;
}

.testimonials #play:hover {
  text-decoration: none !important;
}

.testimonials #play img {
  width: 54px;
}

.testimonials .slider .slick-list {
  padding-top: 75px;
}

.testimonials .slider .slide {
  border: .01rem solid #707070;
  background-image: url(../img/quotation-marks@2x.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 85% 45%;
}

.testimonials .slider .slide .image {
  width: 130px;
  margin-top: -75px;
  display: inline-block;
}

.testimonials .slider .slide .title {
  color: #3B3B3B;
  font-weight: 400;
  font-size: 20px;
  margin-top: 15px;
}

.testimonials .slider .slide .title-p {
  font-weight: 100;
  color: #7B7878;
  margin-top: -5px;
}

.testimonials .slider .slide .quote {
  font-weight: 100;
  color: #7B7878;
  font-size: 15px !important;
  text-align: justify;
  margin-top: 10px;
}

.testimonials .slider .slide:focus {
  outline: none;
}

.testimonials .slider .slick-dots {
  bottom: -45px;
}

.testimonials .slider .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 100%;
  background-color: rgba(123, 120, 120, 0.5);
  text-indent: -9999px;
}

.testimonials .slider .slick-dots li.slick-active button {
  background-color: #FF426B;
}

#contact {
  background-image: url(../img/contact-img.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 500px;
  margin-bottom: 100px;
}

.contact {
  position: relative;
}

.contact .title {
  font-weight: 700;
  color: #3B3B3B;
}

.contact .title-id {
  font-weight: 600;
  font-size: 14px;
  color: #3B3B3B;
}

.contact .title-id::after {
  content: '';
  width: 50px;
  height: .1rem;
  background-color: #707070;
  position: absolute;
  left: 20px;
  top: 34%;
}

.contact .form-control {
  margin-top: 15px;
  padding: 23px 20px;
  border: none;
}

.contact .form-control::-webkit-input-placeholder {
  color: #66666681;
  font-weight: 300;
}

.contact .form-control:-ms-input-placeholder {
  color: #66666681;
  font-weight: 300;
}

.contact .form-control::-ms-input-placeholder {
  color: #66666681;
  font-weight: 300;
}

.contact .form-control::placeholder {
  color: #66666681;
  font-weight: 300;
}

.contact .btn-outline-pink {
  color: white;
  background-color: #6C63FF;
  -webkit-box-shadow: 1px 2px 6px 2px #d4d4d4;
  box-shadow: 1px 2px 6px 2px #d4d4d4;
  border-color: #6C63FF;
  border-radius: 5px;
}

.contact .btn-outline-pink:hover {
  -webkit-box-shadow: 1px 2px 6px 4px #d4d4d4;
  box-shadow: 1px 2px 6px 5px #d4d4d4;
}

footer {
  height: 331px;
  background-image: url(../img/footer_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.footer {
  padding: 4rem 0rem 0rem 0rem;
  color: white;
}

.footer .footer-logo {
  margin-top: 2.5rem;
  width: 150px;
}

.footer p {
  font-size: 13px;
  margin-top: 14px;
  margin-bottom: 0;
  color: white;
  font-weight: 300;
}

.footer p img {
  width: 15px;
}

.footer .footer-title {
  margin-top: 4rem;
  font-size: 21px;
  font-weight: 500;
  color: white;
  text-align: right;
}

.footer ul {
  list-style: none;
  padding: 0;
}

.footer ul .nav-link {
  color: white;
  padding: 3px 0;
  font-weight: 200;
}

.footer ul .nav-link:hover {
  text-decoration: none;
}

.footer .e-mail {
  color: white !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.footer .email-input {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  padding: 10px 39px 15px 10px;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.footer .email-input::-webkit-input-placeholder {
  color: #B4B4B4;
  font-size: 12px;
  vertical-align: middle;
  font-family: shabnam;
}

.footer .email-input:-ms-input-placeholder {
  color: #B4B4B4;
  font-size: 12px;
  vertical-align: middle;
  font-family: shabnam;
}

.footer .email-input::-ms-input-placeholder {
  color: #B4B4B4;
  font-size: 12px;
  vertical-align: middle;
  font-family: shabnam;
}

.footer .email-input::placeholder {
  color: #B4B4B4;
  font-size: 12px;
  vertical-align: middle;
  font-family: shabnam;
}

.footer .email-input:focus, .footer .email-input:active {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.footer .input-group-text {
  background-color: #FF426B;
  border: none;
  color: white;
  border-radius: 50% 4px 4px 50% !important;
  position: absolute;
  right: 0;
  height: 100%;
}

.footer .input-group-append {
  margin-left: 0;
  z-index: 3;
}

.footer .social-btns .btn,
.footer .social-btns .btn:before,
.footer .social-btns .btn .fa {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.footer .social-btns .btn:before {
  top: 90%;
  left: -110%;
}

.footer .social-btns .btn .fa {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.footer .social-btns .btn.twitter:before {
  background-color: #3cf;
}

.footer .social-btns .btn.twitter .fa {
  color: #fff;
}

.footer .social-btns .btn.google:before {
  background-color: #dc4a38;
}

.footer .social-btns .btn.google .fa {
  color: #fff;
}

.footer .social-btns .btn.dribbble:before {
  background-color: #f26798;
}

.footer .social-btns .btn.dribbble .fa {
  color: #fff;
}

.footer .social-btns .btn.skype:before {
  background-color: #00aff0;
}

.footer .social-btns .btn.skype .fa {
  color: #fff;
}

.footer .social-btns .btn:focus:before,
.footer .social-btns .btn:hover:before {
  top: -10%;
  left: -10%;
}

.footer .social-btns .btn:focus .fa,
.footer .social-btns .btn:hover .fa {
  color: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.footer .social-btns {
  height: 35px;
  margin: auto;
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 20px;
}

.footer .social-btns .btn {
  display: inline-block;
  background-color: #6C63FF;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 38%;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
  opacity: 0.99;
  padding: 0;
}

.footer .social-btns .btn:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.footer .social-btns .btn .fa {
  font-size: 22px;
  vertical-align: middle;
}

@media (max-width: 992px) {
  header {
    background-image: url(../img/header-device-alt.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  header .hero-img {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */