@import "../css/bootstrap.min.css";
@font-face {
  font-family: "Chivo";
  src: url("../fonts/Chivo-Medium.eot");
  src: url("Chivo-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Medium.woff2") format("woff2"), url("../fonts/Chivo-Medium.woff") format("woff"), url("../fonts/Chivo-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("../fonts/Chivo-Bold.eot");
  src: url("../fonts/Chivo-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Bold.woff2") format("woff2"), url("../fonts/Chivo-Bold.woff") format("woff"), url("../fonts/Chivo-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("../fonts/Chivo-Regular.eot");
  src: url("../fonts/Chivo-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-Regular.woff2") format("woff2"), url("../fonts/Chivo-Regular.woff") format("woff"), url("../fonts/Chivo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("../fonts/Chivo-SemiBold.eot");
  src: url("../fonts/Chivo-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Chivo-SemiBold.woff2") format("woff2"), url("../fonts/Chivo-SemiBold.woff") format("woff"), url("../fonts/Chivo-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
ul {
  margin: 0px;
}

* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Chivo";
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border: none;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  color: #000;
}

input[type=button],
input[type=submit],
button {
  width: auto;
  outline: none;
  cursor: pointer;
}
input[type=button]:hover, input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
button:hover,
button:focus {
  outline: none;
}

.f-12 {
  font-size: 0.75rem !important;
}

.f-14 {
  font-size: 0.875rem !important;
}

.f-16 {
  font-size: 1rem !important;
}

.f-18 {
  font-size: 1.125rem !important;
}

.f-20 {
  font-size: 1.25rem !important;
}

.f-22 {
  font-size: 1.375rem !important;
}

.f-24 {
  font-size: 1.5rem !important;
}

.f-26 {
  font-size: 1.625rem !important;
}

.f-28 {
  font-size: 1.75rem !important;
}

.f-30 {
  font-size: 1.875rem !important;
}

.f-32 {
  font-size: 2rem !important;
}

.f-34 {
  font-size: 2.125rem !important;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.pt-10 {
  padding-top: 0.625rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.pt-70 {
  padding-top: 4.375rem;
}

.pt-80 {
  padding-top: 5rem;
}

.pt-90 {
  padding-top: 5.625rem;
}

.pt-100 {
  padding-top: 6.25rem;
}

.pt-110 {
  padding-top: 6.875rem;
}

.pt-120 {
  padding-top: 11.25rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.pb-70 {
  padding-bottom: 4.375rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.pb-90 {
  padding-bottom: 5.625rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}

.pb-110 {
  padding-bottom: 6.875rem;
}

.pb-120 {
  padding-bottom: 11.25rem;
}

.py-80 {
  padding: 6rem 0;
}
@media (max-width: 767px) {
  .py-80 {
    padding: 4rem 0 2rem;
  }
}

.mt-10 {
  margin-top: 0.625rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.mt-70 {
  margin-top: 4.375rem;
}

.mt-80 {
  margin-top: 5rem;
}

.mt-90 {
  margin-top: 5.625rem;
}

.mt-100 {
  margin-top: 6.25rem;
}

.mt-120 {
  margin-top: 11.25rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.mb-70 {
  margin-bottom: 4.375rem;
}

.mb-80 {
  margin-bottom: 5rem;
}

.mb-90 {
  margin-bottom: 5.625rem;
}

.mb-100 {
  margin-bottom: 6.25rem;
}

.mb-120 {
  margin-bottom: 11.25rem;
}

/*=================================================
  01 Header
=================================================*/
.navbar {
  background: #000;
  transition: transform 0.2s;
  padding: 15px 0;
}
.navbar .navbar-brand {
  transition: transform 0.2s;
}
@media (max-width: 767px) {
  .navbar .navbar-brand {
    width: 50%;
  }
}
.navbar .topright {
  display: none;
}
.navbar .navbar-nav {
  margin: 0 auto;
}
.navbar .nav-link {
  color: #fff !important;
  font-weight: 400;
}
.navbar .nav-link:hover {
  color: #7530D1 !important;
}
.navbar .nav-link.active {
  color: #7530D1 !important;
  font-weight: 600;
}
@media (max-width: 991px) {
  .navbar .nav-link {
    padding-left: 0 !important;
  }
}
.navbar.sticky {
  background: #000;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.navbar .nav-btn.mobile {
  display: none !important;
}
@media (max-width: 991px) {
  .navbar .nav-btn.mobile {
    display: block !important;
  }
}
.navbar .nav-btn .btn {
  border-radius: 6px;
  padding: 10px;
  min-width: 110px;
}
.navbar .nav-btn .btn:hover {
  background: #7530D1;
  border: none;
}
.navbar .nav-btn .btn-outline {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5333333333);
}
.navbar .nav-btn .btn-primary {
  background: #7530D1;
  border: none;
}
.navbar .nav-btn .btn-primary:hover {
  background: #5b1fad;
}
@media (max-width: 991px) {
  .navbar .nav-btn {
    display: none !important;
  }
}

/*=================================================
  02 Banner
=================================================*/
.banner {
  position: relative;
  background: #7530D1;
  background: linear-gradient(180deg, rgba(117, 48, 209, 0.1) 0%, rgb(255, 255, 255) 100%);
}
.banner .main-heading {
  font-weight: 700;
}
.banner .main-heading span {
  color: #7530D1;
}
@media (min-width: 1199px) {
  .banner .main-heading {
    font-size: 65px;
  }
}
.banner .banner-para {
  max-width: 720px;
  margin: 0 auto;
}

/*=================================================
  03 App Screen
=================================================*/
.app-screen {
  position: relative;
}
.app-screen .mobile-screen {
  margin: 0 auto;
  max-width: 80%;
}
.app-screen .bg-image {
  max-height: 320px;
  width: 100%;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/*=================================================
  04 About Us Section
=================================================*/
.about-us {
  background: #F4F4F4;
}
.about-us .short-heading span {
  width: 44px;
  height: 2px;
  background-color: #7530D1;
}
.about-us h2 span {
  color: #7530D1;
}
.about-us .key-feature span {
  background: #7530D1;
  border-radius: 6px;
  height: 48px;
  width: 48px;
  color: #fff;
  font-size: 20px;
}
.about-us .key-feature p {
  font-size: 18px;
}
.about-us .key-feature .feature-point {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.0745098039);
}

/*=================================================
  05 Why Choose us
=================================================*/
.why-choose-us {
  background: #7530D1;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(117, 48, 209, 0.1) 100%);
}
.why-choose-us .why-choose-box {
  padding: 18px;
  border-radius: 10px;
  border: 1px solid #BBD4FD;
}
.why-choose-us .why-choose-box span {
  height: 52px;
  width: 52px;
  border-radius: 6px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.why-choose-us .why-choose-box span.green {
  background-color: #3FAA71;
}
.why-choose-us .why-choose-box span.red {
  background-color: #F07564;
}
.why-choose-us .why-choose-box span.yellow {
  background-color: #EFAB01;
}
.why-choose-us h2 span {
  color: #7530D1;
}

/*=================================================
  06 Footer
=================================================*/
.footer {
  background-color: #000;
  color: #fff;
  font-weight: 300;
  padding: 10px 0;
}
.footer .footer-section {
  padding: 10px 0;
}
.footer a {
  color: #fff;
  padding: 0 10px;
}
.footer a:first-child {
  border-right: 1px solid #fff;
}
.footer a:hover {
  color: #dbdbdb;
}

/*=================================================
  07 About Pade
=================================================*/
.about-banner {
  background-image: url(../images/mobile-bg.png);
}
.about-banner h1 {
  color: #fff;
}

/*# sourceMappingURL=style.css.map */