.header-nav,
.header-navbar-rht > li {
  -webkit-box-align: center;
  position: relative;
}
.header-page .header-nav,
body {
  background-color: #fff;
}
.banner-bg,
.form-field,
.header-nav,
.home-banner,
.main-nav > li .submenu li,
.rectangle-box {
  position: relative;
}
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  color: #6d6d6d;
  font-family: inter, sans-serif;
  font-size: 16px;
  height: 100%;
  overflow-x: hidden !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #201f1d;
  font-weight: 500;
}
a {
  color: #201f1d;
  text-decoration: none;
}
.header-navbar-rht .dropdown-menu .dropdown-item:hover,
.header-navbar-rht .dropdown-menu .dropdown-item:hover i,
.users .dropdown-item i,
a:hover {
  color: #ffa633;
}
a:active,
a:focus,
a:hover {
  outline: 0;
  text-decoration: none;
}
ul li {
  list-style-type: none;
}
.header-navbar-rht,
ul {
  margin: 0;
  padding: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}
a,
button,
input {
  transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  -webkit-transition: 0.4s;
}
button:focus {
  outline: 0;
}
input[type="password"],
input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn.focus,
.btn:focus {
  box-shadow: inherit;
}
label {
  display: inline-block;
  margin-bottom: 2px;
}
.form-group {
  margin-bottom: 1rem;
}
.form-control {
  border-color: #dce0eb;
  color: #26292c;
  font-size: 15px;
  min-height: 42px;
  padding: 6px 15px;
}
.main-wrapper {
  overflow-x: hidden;
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes reveal {
  from {
    transform: scale(0.001);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slide {
  to {
    transform: translateX(1.5em);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.header-nav {
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  height: 70px;
  padding: 0;
  margin-bottom: 0;
  transition-duration: 0.4s;
  margin-top: 0;
}
.main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
}
.logo,
.user-img {
  display: inline-block;
}
#mobile_btn,
.logo {
  margin-right: 30px;
}
.main-nav > li a.active {
  color: #ff4667;
  border-radius: 5px;
}
.main-nav > li .submenu li a {
  display: block;
  padding: 10px 15px;
  clear: both;
  white-space: normal;
  font-size: 14px;
  color: #201f1d;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  width: 100%;
  border-top: 1px solid #f0f0f0;
}
.main-nav > li .submenu li .submenu-head a {
  padding: 0;
}
.main-nav > li .submenu-head li a {
  white-space: normal;
}
.main-nav > li .submenu > li.has-submenu > a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 13px;
}
.main-nav li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #191919;
}
.banner-content h2 span,
.copyright p a,
.footer-nav li a:hover,
.footer-section-title h2 span,
.inner-content .product-wrap-cen span,
.main-nav li a:hover,
.section-title h2 span,
.social-icon ul li a:hover,
.template-item:hover .dash-content-left h3,
.template-item:hover .dash-content-left p {
  color: #ff4667;
}
.header-navbar-rht .dropdown-toggle::after,
.main-nav li.login-link {
  display: none;
}
.logo {
  width: 150px;
}
.header-navbar-rht > li {
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 10px;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.demo-buttons li:last-child,
.header-navbar-rht li:last-child {
  padding-right: 0;
}
.header-navbar-rht > li > a {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.btn-primary {
  background: #392c7d;
  border: 1px solid #392c7d;
  border-radius: 40px;
  color: #fff;
}
.btn-primary:hover,
.pricing-group:hover .btn-primary {
  background: #ff4667;
  border-color: #ff4667;
}
.btn-secondary:hover {
  background: #392c7d;
  border-color: #392c7d;
}
-now:active,
.frameworks li a:hover h5,
.header-navbar-rht > li > a.demo-now:focus,
.header-navbar-rht > li > a.demo.header-navbar-rht > li > a.purchase-now:focus,
.header-navbar-rht > li > a.nav-link:focus,
.header-navbar-rht > li > a.nav-link:hover,
.header-navbar-rht > li > a.purchase-now:active,
.header-navbar-rht > li > a.purchase-now:focus,
.pricing-group.active .price-check li,
.pricing-group.active .price-plane h5,
.pricing-group.active .pricing-list-title h3,
.pricing-group:hover .price-check li,
.pricing-group:hover .price-plane h5,
.pricing-group:hover .pricing-list-title2 h3,
.pricing-group:hover .pricing-list-title2 p,
.user-menu.nav > li > a:focus i,
.user-menu.nav > li > a:hover i {
  color: #fff;
}
.header-navbar-rht > li span img {
  width: 14px;
  height: 14px;
}
.header-navbar-rht .dropdown-toggle.show + .dropdown-menu {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.header-navbar-rht li .dropdown-menu {
  border: 0;
  box-shadow: 0 0 28px 15px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.header-navbar-rht li .dropdown-menu .dropdown-item {
  border-top: 1px solid transparent;
  padding: 10px 15px;
}
.header-navbar-rht li .dropdown-menu .dropdown-item:first-child {
  border-top: 0;
  border-radius: 5px 5px 0 0;
}
.header-navbar-rht li .dropdown-menu .dropdown-item:last-child {
  border-radius: 0 0 5px 5px;
}
.header-navbar-rht li a.header-login:hover {
  background-color: #fff;
  border-color: #ffa633;
  color: #fff;
}
.header-navbar-rht li a.header-login {
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  color: #030a16;
  text-transform: capitalize;
  font-weight: 500;
  min-width: 150px;
  border: 3px solid #b4a7f5;
  padding: 10px 15px;
}
.header-navbar-rht li a.header-sign:hover {
  background-color: #ffa633;
  border-color: #ffa633;
  color: #fff;
}
.add-header-bg .header-navbar-rht li a.header-sign {
  background: #b4a7f5;
  border: 3px solid #b4a7f5;
  color: #fff;
  padding: 10px 15px;
}
.add-header-bg .header-navbar-rht li a.header-sign:hover {
  background: #fff;
  color: #22100d;
  border: 3px solid #b4a7f5;
}
.header .has-arrow .dropdown-toggle:after {
  border-top: 0;
  border-left: 0;
  border-bottom: 2px solid #757575;
  border-right: 2px solid #757575;
  content: "";
  height: 8px;
  display: inline-block;
  pointer-events: none;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  width: 8px;
  vertical-align: 2px;
  margin-left: 10px;
}
.megamenu-main {
  position: static !important;
}
.header,
.user-img,
.user-menu {
  position: relative;
}
.product-more {
  padding: 30px 0;
}
.other-product h3,
.product-more h3 {
  font-weight: 700;
  font-size: 24px;
  color: #030a16;
  margin-bottom: 0;
}
.more-product .purchase-now {
  padding: 15px 30px !important;
}
.submenu-head {
  text-align: center;
  margin-bottom: 25px;
}
.evanto-icon,
.footer-icon-img img,
.submenu-head .product-content img {
  margin-bottom: 10px;
}
.submenu-head .product-content {
  padding: 10px;
  background: #fff;
  box-shadow: 0 4px 24px rgb(179 179 179 / 25%);
  border-radius: 10px;
}
.submenu-head .product-content p {
  font-weight: 600;
  font-size: 16px;
  color: #666;
  margin-bottom: 0;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
.menu-close,
.product-count {
  font-size: 18px;
}
.submenu-head .product-content h4 {
  font-weight: 700;
  font-size: 18px;
  color: #030a16;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
.banner-btns,
.inner-pages .pages-tab,
.live-demo-sec .demo-img,
.live-demo-sec .frameworks,
.submenu-product-group {
  margin-bottom: 40px;
}
.submenu-head:hover .product-content h4,
.submenu-head:hover .product-content p {
  color: #ffa633;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
.header-navbar-rht > li > a.demo-now,
.header-navbar-rht > li > a.purchase-now {
  box-shadow: inset 0 0 0 #fff;
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  text-align: center;
}
.product-count {
  padding: 3px;
  color: #ffa633;
  border: 1px solid #ffa633;
  border-radius: 4px;
  font-weight: 600;
  margin-bottom: 0;
}
.megamenu-full-width li {
  height: calc(100vh - 90px);
  overflow: auto;
  background: #fff6f4;
  box-shadow: 0 4px 54px rgb(197 197 197 / 25%);
  border-radius: 0 0 40px 40px;
}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.user-menu {
  float: right;
  margin: 0;
  z-index: 99;
}
.user-menu.nav > li > a {
  color: #fff;
  font-size: 14px;
  line-height: 58px;
  padding: 0 15px;
  height: 60px;
}
.user-menu.nav > li > a:focus,
.user-menu.nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.user-img > img {
  height: 50px;
  object-fit: cover;
  width: 50px;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
}
.user-header .avatar img {
  width: 50px;
  height: 50px;
  border: 3px solid #e0e0e0;
}
.user-menu.nav > li > a.mobile_btn {
  border: 0;
  position: relative;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.header-navbar-rht .dropdown-menu {
  min-width: 200px;
  padding: 0;
}
.header-navbar-rht .dropdown-menu .dropdown-item {
  padding: 10px 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e3e3e3;
}
.user-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
}
.user-header .user-text {
  margin-left: 10px;
}
.user-header .user-text h6 {
  font-size: 15px;
  margin-bottom: 2px;
}
.header-navbar-rht .logged-item .nav-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 70px;
  padding: 0 10px;
}
.header {
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}
.header.fixed {
  position: fixed;
  background: #fff;
}
.mega-dropdown {
  position: static !important;
  width: 100%;
}
.sidebar-overlay.opened {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: -1;
  top: 0;
}
#scroll,
.bar-icon span {
  background-color: #ff4667;
}
.menu-opened .main-menu-wrapper {
  transform: translateX(0);
}
.menu-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  height: 60px;
  padding: 0 20px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px solid #f0f0f0;
  display: none;
}
.menu-logo img {
  width: 130px;
}
.bar-icon {
  display: inline-block;
  width: 31px;
}
.bar-icon span {
  display: block;
  float: left;
  height: 3px;
  margin-bottom: 7px;
  width: 31px;
  border-radius: 2px;
}
.bar-icon span:nth-child(2) {
  width: 16px;
}
.bar-icon span:nth-child(3),
.custom-design-sec .section-title h2,
.features-content span img,
.footer-contact-info .contact-us li:last-child,
.home-page-templates .banner-btns,
.live-demo-sec .banner-btns,
.media-icons a:last-child,
.price-check li:last-child {
  margin-bottom: 0;
}
#mobile_btn {
  display: none;
}
html.menu-opened body {
  overflow: hidden;
}
.add-header-bg {
  box-shadow: 0 10px 40px rgba(202, 202, 202, 0.2);
  transition-duration: 0.4s;
  background: #fff;
  padding-top: 0;
  margin: 0;
  border-bottom: 0;
}
.buy-btn,
.live-btn {
  border-radius: 5px;
  box-shadow: inset 0 0 0 0 #fff;
  position: relative;
  text-transform: initial;
  overflow: hidden;
  z-index: 1;
}
.header-navbar-rht > li > a.purchase-now {
  padding: 15px;
  background: #392c7d;
  border-radius: 5px;
  transition: 0.5s;
}
.header-navbar-rht > li > a.demo-now {
  padding: 15px;
  background: #ff4667;
  margin-right: 15px;
  border-radius: 5px;
  transition: 0.5s;
}
.header-navbar-rht > li > a.demo-now:hover,
.header-navbar-rht > li > a.purchase-now:hover {
  box-shadow: 0 4px 94px rgb(255 63 0 / 21%);
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.header-navbar-rht > li > a.purchase-now:hover {
  background: #ff4667;
  transition: 0.5s;
}
.header-navbar-rht > li > a.demo-now:hover {
  background: #392c7d;
  transition: 0.5s;
}
.buy-btn,
.buy-btn:hover,
.pricing-group:hover .buy-btn {
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.banner-btn .btn {
  min-width: 201px;
  padding: 15px;
  margin-right: 20px;
}
.buy-btn {
  background: #392c7d;
  padding: 12px 15px;
  transition: 0.5s;
}
.buy-btn:hover,
.pricing-group:hover .buy-btn {
  background-color: #ff4667;
  box-shadow: inset 0 50px 0 0 #ff4667;
  transition: 0.5s;
}
.live-btn,
.live-btn:focus,
.live-btn:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  color: #fff;
}
.live-btn {
  background: #201f1d;
  transition: 0.5s;
}
.live-btn:focus,
.live-btn:hover {
  background-color: #392c7d;
  border: 1px solid #fff;
  box-shadow: inset 0 50px 0 0 #392c7d;
  transition: 0.5s;
}
.banner-btn span img {
  width: 23px;
  height: 24px;
}
.live-footer-btn {
  background: #ff4667;
  padding: 12px 15px;
}
.offer-head {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.offer-head p {
  color: #fff;
  margin: 0 10px;
}
.offer-head a {
  color: #fff;
  display: flex;
  align-items: center;
}
.top-header .list-inline-item {
  display: flex;
  justify-content: end;
}
.top-header {
  padding: 12px 0;
  position: relative;
  background: #3a2d7d;
}
.top-header .list-inline-item li {
  margin-right: 20px;
  color: #fff;
}
.footer-contact-info .contact-us i,
.top-header .list-inline-items i {
  margin-right: 8px;
}
.top-header .list-inline-items a {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.top-header .list-inline-items a:hover {
  color: #fd4667;
}
.footer-contact-info .contact-us li p,
.top-header .list-inline-item li:last-child {
  margin: 0;
}
.banner-content-group {
  padding: 60px 0 0;
}
.banner-content {
  padding-bottom: 80px;
}
.banner-bg .ban-img1 {
  position: absolute;
  top: 70px;
  left: -310px;
}
.banner-bg .ban-img2 {
  position: absolute;
  top: 80px;
  right: 350px;
  -webkit-animation: 4s linear infinite spin;
  -moz-animation: 4s linear infinite spin;
  animation: 4s linear infinite spin;
}
.banner-content h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 44px;
  margin-bottom: 20px;
  color: #191919;
}
.banner-content h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #353535;
  margin-bottom: 20px;
}
.banner-content h5 {
  font-weight: 500;
  font-size: 20px;
  color: #3a5275;
  margin-bottom: 40px;
  max-width: 580px;
  line-height: 24px;
}
.banner-color-bg {
  position: relative;
  z-index: 1;
}
.banner-color-bg .banner-vector-bg .vector-bg-1 {
  position: absolute;
  left: 40%;
  top: 0;
  -webkit-animation: 4s linear infinite spin;
  -moz-animation: 4s linear infinite spin;
  animation: 4s linear infinite spin;
}
.banner-color-bg .banner-vector-bg .vector-bg-2 {
  position: absolute;
  left: 30px;
  top: 50px;
  -webkit-animation: 4s linear infinite spin;
  -moz-animation: 4s linear infinite spin;
  animation: 4s linear infinite spin;
}
.banner-color-bg .banner-vector-bg .vector-bg-5,
.enva-img2 {
  -webkit-animation: 4s linear infinite spin;
  -moz-animation: 4s linear infinite spin;
}
.banner-color-bg .banner-vector-bg .vector-bg-3 {
  position: absolute;
  right: 20px;
  top: 0;
}
.banner-color-bg .banner-vector-bg .vector-bg-4 {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.banner-color-bg .banner-vector-bg .vector-bg-5 {
  position: absolute;
  right: 20px;
  bottom: 50px;
  animation: 4s linear infinite spin;
}
.choose-demos .bg-1,
.home-banner .banner-bgs .banner-bg-1,
.section-online .bg-1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.cus-review-sec .bg-img .bg-1,
.envato-sec .vector-bg .vector-bg-1,
.home-banner .banner-bgs .banner-bg-2,
.pricing-sec .bg-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.choose-demos .bg-2,
.home-banner .banner-bgs .banner-bg-3,
.section-online .bg-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.home-banner .banner-bgs .banner-bg-4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.banner-left {
  position: absolute;
  left: 330px;
  top: -80px;
}
.banner-left-two,
.saastemp-sec .bg-1 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.banner-img-right {
  position: relative;
  padding-left: 50px;
}
.banner-img-right .banner-2 {
  position: absolute;
  right: 80px;
  bottom: 0;
  z-index: -2;
}
.banner-img-right .banner-3 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -3;
  height: fit-content;
  width: fit-content;
}
.banner-card-img .banner-card {
  position: absolute;
  top: 130px;
  left: -15px;
}
.banner-card-img .banner-card-two {
  position: absolute;
  bottom: -80px;
  left: 0;
}
.banner-icon-one {
  width: 271px;
  margin-bottom: 30px;
}
.technology-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  list-style: none;
  flex-wrap: wrap;
}
.technology-item {
  background: #fff;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  display: inline-flex;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn-secondary {
  background: #ff4667;
  border-radius: 40px;
  padding: 8px 16px;
  border-color: #ff4667;
  color: #fff;
}
.banner-btns .btn-primary {
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  padding: 6px 16px;
  border-radius: 40px;
}
.banner-product-text {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px dashed #ff4667;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-width: medium;
  position: absolute;
  left: 0;
  bottom: 200px;
}
.info-box,
.info-box img,
.learning-img img {
  border-radius: 10px;
}
.banner-product-text span {
  color: #ff4667;
  font-size: 28px;
  font-weight: 700;
}
.banner-product-text p {
  color: #191919;
  font-size: 14px;
  margin-bottom: 0;
}
.info-box {
  padding: 20px;
  position: relative;
  z-index: 1;
  flex: 1;
}
.info-box h5 {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.info-box p {
  color: #fff;
  margin-bottom: 0;
}
.cus-review-sec .bg-img .bg-2,
.envato-sec .vector-bg .vector-bg-2,
.features-sec .bg-img .bg-1,
.info-box .box-bg,
.tech-demos .bg-img .bg-1 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.info-box .box-bg.bg-3 img {
  filter: contrast(0.5);
}
.bg-primary {
  background: #392c7d !important;
}
.bg-secondary {
  background: #ff4665 !important;
}
.bg-purple {
  background: #ab47bc;
}
.bg-info {
  background: #673bea !important;
}
.feature-card,
.main-feature-card {
  background: #201f1d;
  border-radius: 10px;
}
.envato-sec {
  padding: 10px 0;
  position: relative;
}
.enva-img2 {
  position: absolute;
  top: 50px;
  right: -100px;
  animation: 4s linear infinite spin;
}
.banner-bg .home-img1,
.inner-img1 {
  -webkit-animation: 4s linear infinite spin;
  -moz-animation: 4s linear infinite spin;
}
.enva-img1 {
  position: absolute;
  top: 350px;
  left: 0;
}
.evanto-rating {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 70px;
}
.evanto-header h5 {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 15px;
  text-align: center;
  color: #191919;
}
.evanto-rating > i.filled {
  color: #ffab2d;
  border-radius: 1px;
}
.evanto-rating span {
  color: #616b84;
}
.envato-sec .vector-bg .vector-bg-3 {
  position: absolute;
  left: 30px;
  bottom: 200px;
  z-index: -1;
}
.feature-card {
  box-shadow: 0 4px 108px rgba(153, 153, 153, 0.1);
  padding: 40px;
  min-height: 300px;
  transition: 0.5s;
}
.feature-card:hover {
  background: #ffa633;
}
.feature-card .card-icon {
  margin-bottom: 25px;
  height: 75px;
}
.main-feature-card {
  padding: 10px;
  margin-top: -160px;
  position: relative;
}
.feature-card .card-heading h5 {
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 25px;
  max-width: 130px;
}
.feature-card .card-text p {
  font-size: 16px;
  color: #fff;
  margin: 0;
}
.world-price span {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 20px;
}
.banner-content .banner-icon {
  display: inline-flex;
  align-items: center;
  background: #ff4667;
  box-shadow: 0 34px 47px rgba(216, 216, 216, 0.1);
  padding: 4px 10px;
  font-size: 14px;
  border-radius: 5px;
  max-width: 250px;
  margin-bottom: 25px;
}
.banner-content .banner-icon span {
  display: block;
  color: #fff;
}
.banner-btns .btn-primary.buy {
  background: #392c7d;
  border-color: #392c7d;
  margin-right: 15px;
  transition: 0.5s;
}
.banner-btns .btn-primary.buy:hover,
.buy-templates .btn.buy-btn:hover {
  background: #ff4667;
  border-color: #ff4667;
  color: #fff;
  box-shadow: inset 0 50px 0 0 #ff4667;
}
.banner-btns .btn-primary.demo {
  background: #ff4667;
  border-color: #ff4667;
  transition: 0.5s;
}
.banner-btns .btn-primary.demo:hover {
  background: #392c7d;
  border-color: #392c7d;
  color: #fff;
  box-shadow: inset 0 50px 0 0 #392c7d;
}
.technology-group li {
  margin-right: 10px;
}
.footer-icons-group li:last-child,
.frameworks li:last-child,
.slider-bottom ul li:last-child,
.technology-group li:last-child {
  margin-right: 0;
}
.inner-slider-sec {
  background: #fbfbfd;
  padding: 80px 0;
  position: relative;
  z-index: 1;
}
.inner-slider-sec .bg-1 {
  position: absolute;
  right: 0;
  top: 50px;
  z-index: -1;
}
.tech-demos {
  padding: 80px 0 56px;
  position: relative;
}
.tech-item {
  box-shadow: 0 4px 4px 0 #d4d4d440;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  text-align: center;
  margin-bottom: 24px;
  transition: 0.5s;
}
.tech-item:hover {
  transform: translatey(-10px);
  transition: 0.5s;
}
.tech-item .tech-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}
.tech-item h6 {
  margin-bottom: 0;
  font-size: 16px;
}
.tech-item .badge-top {
  background: red;
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  padding: 4px 8px;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.technology-item img {
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 25px;
}
.section-title {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-title h5 {
  background: #ffedf0;
  border-radius: 90px;
  padding: 15px 20px;
  color: #ff4667;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.section-title h5 i {
  font-size: 8px;
  color: #ffc8d1;
}
.trusted-developer-sec .section-title h2 {
  color: #fff;
  text-transform: capitalize;
}
.section-title h2 {
  position: relative;
  font-weight: 700;
  font-size: 32px;
  color: #191919;
  text-align: center;
  margin: 0;
  padding: 0;
}
.section-sub {
  position: relative;
  padding: 80px 0;
  background-image: url(../img/home/home-bg-col.png);
}
.section-title p {
  font-weight: 600;
  font-size: 18px;
  color: #a6a6a6;
}
.dashboard-img img {
  background: #fff6f4;
  padding: 40px 40px 0;
  width: 100%;
}
.choose-demos .template-img,
.live-demo-sec .template-img,
.section-others .inner-img,
.section-sub .template-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  transition: 0.5s;
}
.choose-demos .template-img a::before,
.live-demo-sec .template-img > a::before,
.section-sub .template-img > a::before {
  background: #00000033;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  transform: scale(0);
  transition: 0.5s;
}
.choose-demos .template-img:hover ::before,
.live-demo-sec .template-img:hover ::before,
.section-others .inner-img:hover ::before,
.section-sub .template-img:hover ::before {
  transform: scale(1);
  transition: 0.5s;
}
.dashboard-content {
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
}
.framework span,
ul.frameworks {
  align-items: center;
  display: flex;
}
.dash-content-left h3 {
  font-weight: 700;
  font-size: 18px;
  color: #191919;
  margin: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.banner-bg .home-img1 {
  position: absolute;
  top: 125px;
  right: -110px;
  animation: 4s linear infinite spin;
}
.banner-bg .home-img2 {
  position: absolute;
  top: 705px;
  right: -110px;
}
.banner-bg .home-img3 {
  position: absolute;
  top: 705px;
  left: -215px;
}
.dash-content-right,
.features-round:hover .features-img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dash-content-left p {
  font-weight: 600;
  font-size: 16px;
  color: #666;
  text-align: left;
  margin-bottom: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dashboard-item {
  background: #fff;
  border: 1px solid #fff6f4;
  box-shadow: 0 4px 54px rgb(197 197 197 / 25%);
  border-radius: 10px;
  padding: 20px;
}
.frameworks li a:hover,
.pricing-group.active,
.section-features {
  background: #392c7d;
}
.dashboard-item:hover .dash-content-left h3,
.dashboard-item:hover .dash-content-left p {
  color: #ffa633;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dashboard-item:hover .dash-content-right,
.features-round:hover .features-content span img,
.template-item:hover .dash-content-right {
  filter: grayscale(1);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.live-demo-sec ul .framework,
.overlay-icons {
  transition: 0.5s;
}
.dashboard-left {
  width: 239px;
  position: absolute;
  top: 0;
  left: 0;
}
.dashboard-right {
  position: absolute;
  right: 4rem;
  top: 18rem;
}
.live-demo-sec {
  padding-top: 80px;
}
.cus-review-sec .section-title h2,
.home-page-templates .section-title h2,
.live-demo-sec .section-title h2 {
  color: #191919;
}
.footer-section-title,
.live-demo-sec .section-title {
  margin-bottom: 30px;
}
.live-demo-sec .frameworks .framework:hover {
  transform: translateY(-10px);
}
.framework span {
  width: 24px;
  height: 24px;
  justify-content: center;
  background: #f4f6f9;
  border-radius: 50%;
  margin-right: 8px;
}
ul.frameworks {
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
.frameworks li a {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 40px;
  display: flex;
  align-items: center;
  padding: 8px 15px 8px 12px;
}
.frameworks li a img {
  max-width: 15px;
  max-height: 15px;
}
.frameworks li a h5 {
  margin: 0;
  color: #191919;
  font-size: 16px;
}
.section-features {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.section-features .bg-img .vector-bg-1 {
  position: absolute;
  right: 20px;
  top: -3 0px;
}
.section-features .bg-img .vector-bg-3 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.features-icons-wrap {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background: #fff;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-features .bg-img .vector-bg-2 {
  position: absolute;
  left: 20px;
  bottom: -20px;
}
.custom-design-sec .bg-1,
.section-features .bg-img .vector-bg-4 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.fea-img1 {
  position: absolute;
  top: -60px;
  left: -220px;
}
.features-fast {
  display: flex;
  align-items: center;
}
.features-fast-content {
  padding-left: 20px;
}
.features-fast-content h5 {
  font-weight: 600;
  font-size: 22px;
  line-height: 29px;
  align-items: flex-end;
  color: #fff;
}
.features-fast-content p {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #ebebeb;
  margin-bottom: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.section-online {
  padding: 80px 0 56px;
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.online-img1 {
  position: absolute;
  top: 100px;
  right: -215px;
}
.online-img2 {
  position: absolute;
  top: 300px;
  left: -215px;
}
.learning-item {
  background: #fff;
  border: 1px solid #e7e7e7;
  filter: drop-shadow(0px 4px 64px rgba(204, 204, 204, 0.2));
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 24px;
  flex: 1;
}
.learning-title h6 {
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  color: #191919;
  padding: 0;
}
.learning-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #616b84;
  padding: 0;
  margin-bottom: 0;
}
.section-others {
  padding: 80px 0;
  background-color: #f5f5f5;
  background-image: url(../img/inner-page/inner-bg-col.html);
}
.section-others .section-title h2 {
  max-width: 45%;
}
.inner-img {
  margin-bottom: 15px;
}
.inner-content .inner-content-cen h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
  line-height: 22px;
  color: #191919;
  background: #fff;
  padding: 15px;
}
.inner-content .product-wrap-cen h3 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 19px;
  color: #191919;
  background: #fff;
  padding: 15px;
}
.section-others .inner-img a::before {
  background: #ff46673b;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  transform: scale(0);
  transition: 0.5s;
}
.whatwill-sec {
  background-color: #f5f5f5;
  background-image: url(../img/version-bg.html);
}
.available-versions {
  padding: 80px 0 55px;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.whatwill-sec .available-versions .section-title h2 {
  color: #191919;
  text-transform: capitalize;
  max-width: 625px;
}
.what-will-title p {
  max-width: 874px;
  margin: auto;
}
.what-will-left {
  position: absolute;
  left: 0;
  bottom: 18rem;
}
.what-will-right {
  position: absolute;
  right: 0;
  bottom: 14rem;
}
.template-item {
  background: linear-gradient(146.88deg, #f7f5ff 3.11%, #f6f4ff 80.26%);
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 25px;
}
.dashboard-demo {
  padding-bottom: 55px;
}
.template-item .dashboard-content {
  padding: 15px;
  background: #fff;
  border-radius: 5px;
}
.template-one,
.template-three {
  background: #ffe9eb;
}
.template-two {
  background: #e7e7e7;
}
.template-img {
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
}
.template-img img {
  border-radius: 10px;
  width: 100%;
}
.saastemp-left {
  position: absolute;
  left: 0;
  bottom: 6rem;
  max-width: 90px;
}
.saastemp-right {
  position: absolute;
  right: 3rem;
  top: 12rem;
}
.saastemp-sec {
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.saastemp-sec .bg-2 {
  position: absolute;
  right: 0;
  top: 0;
}
.pricing-sec .section-title h5,
.saastemp-sec .section-title h2 {
  text-transform: capitalize;
}
.overlay-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  opacity: 0;
  gap: 10px;
}
.demo-buttons,
.demo-buttons li {
  display: -webkit-box;
  display: -ms-flexbox;
}
.template-img:hover .overlay-icons {
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.overlay-icons .frameworks-overlay {
  width: 35px;
  height: 35px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.overlay-icons .frameworks-overlay img {
  width: 20px;
}
.customer-slider.owl-carousel .owl-nav button,
.img-slider.owl-carousel .owl-nav button,
.product-slider.owl-carousel .owl-nav button {
  background: #fff;
  box-shadow: 0 4px 108px rgba(153, 153, 153, 0.1);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-slider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 125px;
  left: -20px;
}
.product-slider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 125px;
  right: -20px;
}
.why-sec {
  background: #f2f7f6 !important;
  padding-bottom: 0;
}
.why-title {
  max-width: 874px;
  margin: auto;
  text-align: center;
}
.why-title h2 {
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  margin-bottom: 15px;
}
.footer-contact-info .contact-us a:hover,
.why-title h2 span {
  color: #f9531d;
}
.why-title p {
  color: #a6a6a6;
  max-width: 874px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 50px;
}
.demo-buttons {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 130px;
  padding-left: 0;
}
.demo-buttons li {
  display: flex;
  padding-right: 14px;
  padding-bottom: 14px;
}
.features-icons-group,
.price-check li {
  display: -webkit-box;
  display: -ms-flexbox;
}
.demo-btn-li {
  border-radius: 7px;
  background: #201f1d;
  color: #fff;
  padding: 8px 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: initial;
  box-shadow: inset 0 0 0 0 #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.why-left {
  position: absolute;
  left: 0;
  top: 11rem;
}
.why-right {
  position: absolute;
  right: 2rem;
  bottom: 25rem;
  max-width: 85px;
}
.rectangle-box::before {
  position: absolute;
  content: "";
  background: #f9cf9859 !important;
  width: 100%;
  height: 320px;
  border-radius: 50px;
  bottom: -218px;
  left: 0;
}
.img-slider.owl-carousel img {
  max-width: 650px;
  margin: auto;
}
.img-slider.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  left: 21%;
  transform: translate(-50%, -50%);
}
.img-slider.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  right: 16%;
  transform: translate(-50%, -50%);
}
.customer-slider.owl-carousel .owl-nav button:hover {
  background: #ff4667 !important;
  color: #fff !important;
}
.why-sec .section-title h2 {
  color: #191919;
  margin-bottom: 20px;
}
.why-sec .section-title p {
  max-width: 760px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #353535;
  margin: 0;
}
.pricing-group {
  position: relative;
  border: 1px solid #e7e7e7;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 #d4d4d440;
  padding: 24px;
  transition: 0.5s;
}
.pricing-sec .bg-2 {
  position: absolute;
  left: 50px;
  bottom: 100px;
}
.pricing-sec .bg-3 {
  position: absolute;
  right: 0;
  top: 200px;
}
.pricing-group:hover {
  background: #392c7d;
  color: #fff !important;
}
.pricing-list-title,
.pricing-list-title2 {
  position: relative;
  margin-bottom: 30px;
}
.pricing-group .pricing-list-title2 h3 {
  font-weight: 700;
  font-size: 20px;
  color: #000;
}
.recomend-badge {
  background: #03c95a;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 5px;
}
.pricing-list-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.pricing-list-title2 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #616b84;
}
.pricing-img1 {
  position: absolute;
  top: 80px;
  right: -216px;
}
.pricing-img2 {
  position: absolute;
  top: 600px;
  left: -120px;
}
.price-plane h5 {
  border-radius: 5px;
  font-size: 16px;
  text-align: left;
}
.price-plane h5 span {
  font-weight: 700;
  font-size: 36px;
  color: #ff4667;
}
.purchase span img {
  width: 23px;
}
.pricing-sec {
  position: relative;
  padding: 0;
}
.pricing-top {
  padding: 80px 0;
  border-top: 1px solid #e7e7e7;
}
.pricing-sec .section-title h2 {
  color: #191919;
  text-transform: capitalize;
}
.pricing-group .purchase {
  background: #fff;
  display: block;
  border: 1px solid #e7e7e7;
  border-radius: 10px;
  padding: 15px 50px;
  border: none;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  color: #1a1a1a;
  margin-bottom: 30px;
}
.pricing-group .purchase:hover {
  background: #f6e0df;
}
.price-check {
  padding-left: 0;
  list-style: none;
}
.price-check li i {
  color: #04bd6c;
}
.price-check li i.not-include {
  color: red;
}
.price-dollar {
  margin-bottom: 16px;
}
.price-check li {
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  color: #616b84;
}
.recommend span {
  background: #fff;
  border-radius: 20px;
  padding: 5px 20px;
  color: #392c7d;
  font-size: 16px;
  font-style: normal;
}
.price-check li span {
  margin-bottom: 0;
  line-height: 0;
}
.trusted-word {
  margin-bottom: 50px;
}
.price-count-sec {
  background: #fafafa;
  border-radius: 16px;
  padding: 44px 95px;
}
.price-count p {
  font-weight: 400;
  font-size: 14px;
  color: #666;
  margin-bottom: 0;
}
.pricing-group.custom-card .pricing-list-title,
.review-card p {
  margin-bottom: 20px;
}
.price-count h4 {
  font-weight: 700;
  font-size: 28px;
  color: #ff6735;
}
.pricing-left {
  position: absolute;
  top: 20rem;
  left: 3rem;
}
.pricing-right {
  position: absolute;
  width: 236px;
  bottom: 30rem;
  right: 1rem;
}
.price-icon .extended span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #ff4667;
  border-radius: 50px;
  padding: 5px 20px;
}
.cus-review-sec {
  padding: 80px 0;
  background-color: #fbfbfd;
  position: relative;
  z-index: 1;
}
.customer-slider .review-card,
.testi-item {
  background: #fff;
  border-radius: 10px;
  padding: 24px;
}
.form-field input {
  padding: 16px 10px 16px 26px;
  border-radius: 40px;
}
.form-field button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
.review-star i {
  color: #ffc107;
}
.customer-slider .review-card {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.customer-slider .review-card .customer img {
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  border: 3px solid #f38844;
  border-radius: 50%;
}
.customer-slider .review-card .customer a {
  color: #191919;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
}
.customer-slider .review-card .customer p {
  color: #616b84;
  font-weight: 400;
  font-size: 16px;
}
.review-card .rating {
  color: #ff9c07;
}
.review-card p {
  color: #616b84;
  font-weight: 500;
  font-size: 16px;
}
.read-more .btn.buy-btn {
  background: #201f1d;
}
.customer-slider .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}
.features-sec {
  padding-bottom: 55px;
  background-image: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.features-sec .section-title h2 {
  color: #191919;
  max-width: 62%;
  text-transform: capitalize;
}
.features-sec .bg-img .bg-2 {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: -1;
}
.feature-column {
  -ms-flex: 20%;
  flex: 20%;
  max-width: 20%;
  text-align: center;
}
.features-content h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  color: #191919;
  margin-bottom: 8px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.features-content p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  color: #616b84;
}
.features-round:hover {
  background: #ff4667;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.features-img,
.features-round {
  border-radius: 10px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.features-content {
  background: #fff;
  box-shadow: 0 4px 64px rgba(204, 204, 204, 0.2);
  border-radius: 10px;
  padding: 24px;
  text-align: left;
}
.features-round {
  padding: 2px;
  margin-bottom: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.features-img {
  background: #fff;
  padding: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 15px;
}
.features-temp {
  margin-bottom: 24px;
}
.choose-demos .template-item,
.features-round-temp,
.features-temp-content {
  border-radius: 10px;
  margin-bottom: 25px;
}
.features-temp-content {
  background: #fff;
  padding: 25px;
  box-shadow: 0 4px 4px 0 #d4d4d440;
}
.features-temp-content h5 {
  font-weight: 500;
  font-size: 16px;
  color: #191919;
  margin-bottom: 0;
}
.features-round-temp {
  background: linear-gradient(
      312.25deg,
      #ffc4bc 0,
      rgba(255, 255, 255, 0) 66.19%
    ),
    linear-gradient(0deg, #fff, #fff);
  padding: 2px;
}
.features-round:hover .features-content h5 {
  color: #ff4667;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.features-icons-group {
  display: flex;
  flex-flow: row wrap;
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.features-left {
  position: absolute;
  bottom: 20rem;
  left: 0;
}
.features-right {
  position: absolute;
  top: -4rem;
  right: 0;
  width: 336px;
}
.choose-demos .section-title h2 {
  text-transform: capitalize;
  color: #191919;
}
.choose-demos .pages-tab {
  display: flex;
  justify-content: center;
}
.choose-demos .template-item {
  background: linear-gradient(
    176.5deg,
    #e4dfff 2.88%,
    rgba(255, 61, 95, 0.1) 73.73%
  );
  padding: 15px;
}
.pages-tab .nav-pills {
  gap: 15px;
}
.inner-pages .home-template .template-img {
  border: 2px solid #f2f2f2;
}
.inner-img1 {
  position: absolute;
  top: 80px;
  right: -180px;
  animation: 4s linear infinite spin;
}
.inner-pages .pages-tab .nav-pills .nav-link.active {
  background: #392c7d;
  border-color: #392c7d;
  color: #fff;
}
.inner-pages .pages-tab .nav-pills .nav-link {
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 8px 20px;
  border-radius: 40px;
  color: #191919;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  position: relative;
}
.inner-pages .pages-tab .nav-pills .nav-link span {
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 15px;
  top: 7px;
}
.dash-content-left h5 {
  color: #ffa633;
  font-weight: 500;
  font-size: 14px;
}
.choose-demos {
  padding: 80px 0 60px;
  position: relative;
  background: #fbfbfd;
  z-index: 1;
}
.project-showcase-sec {
  background: url(../img/project-img.html) right -78px center/60% 80% no-repeat #fcfbfb;
  padding: 80px 0;
  position: relative;
}
.project-showcase-sec .section-title {
  align-items: start;
  margin-bottom: 0;
}
.project-showcase-sec .section-title h2 {
  text-align: left;
  max-width: 330px;
  margin-bottom: 20px;
}
.multiple-options {
  display: flex;
  flex-wrap: wrap;
}
.layout-option li {
  display: flex;
  margin-bottom: 15px;
  font-size: 14px;
  color: #474747;
}
.layout-option li span {
  width: 25px;
  height: 25px;
  background: #ff4667;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
}
.layout-option li span i {
  font-size: 10px;
  color: #fff;
}
.trusted-developer-sec {
  background: #392c7d;
  padding: 80px 0 65px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.trusted-developer-sec .bg-img .vector-bg-1 {
  position: absolute;
  right: 20px;
  top: -30px;
  z-index: -1;
}
.trusted-developer-sec .bg-img .vector-bg-2 {
  position: absolute;
  left: 20px;
  bottom: -20px;
  z-index: -1;
}
.counter-card {
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 15px;
}
.counter-img1 {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-animation: 4s linear infinite spin;
  -moz-animation: 4s linear infinite spin;
  animation: 4s linear infinite spin;
}
.counter-img2 {
  position: absolute;
  top: -80px;
  left: -218px;
}
.counter-card .counter-icon {
  border-radius: 10px;
  background: #f4f6f9;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.counter-card .counter-wrap {
  padding-left: 10px;
}
.counter-wrap h4 {
  font-weight: 700;
  font-size: 20px;
  color: #191919;
  margin-bottom: 0;
}
.template-img .overlay-icons img {
  border-radius: 0;
}
.counter-wrap p {
  font-size: 15px;
  margin-bottom: 0;
}
.slider-bottom ul li {
  margin-right: 30px;
  color: #fff;
}
.slider-bottom ul {
  margin-top: 50px;
  flex-wrap: wrap;
}
.custom-design-sec {
  background: #392c7d;
  position: relative;
}
.custom-left,
.custom-right,
.design-img1,
.design-img2 {
  position: absolute;
}
.custom-design-sec .bg-2 {
  position: absolute;
  left: 0;
  top: 0;
}
.section-sub.custom-design-sec .btn.live-footer-btn {
  padding: 12px 40px;
  font-weight: 600;
}
.subscribe .input-group > .form-control,
.subscribe .input-group > .form-control:focus {
  background-color: transparent !important;
  border-color: transparent !important;
  outline: 0;
  box-shadow: none;
  padding: 0;
}
.section-title-white p {
  max-width: 645px;
  color: #fff;
  margin: auto;
}
.custom-left {
  left: 0;
  top: 5rem;
}
.custom-right {
  right: 2rem;
  top: 5rem;
}
.design-img1 {
  top: -15px;
  left: -215px;
}
.design-img2 {
  top: -40px;
  right: -215px;
}
.custom-design-wrap {
  display: flex;
}
.subscribe form {
  background: #fff;
  border-radius: 5px;
  max-width: 636px;
  margin: auto;
  padding: 10px 10px 10px 20px;
}
.subscribe .input-group > .form-control {
  color: #212529;
}
.subscribe .input-group > .form-control:focus {
  color: #201f1d;
}
.subscribe .input-group > ::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 14px;
  color: #a6a6a6;
  text-transform: uppercase;
}
.footer-section-title h2,
.text-danger-color,
.text-info-color,
.text-warning-color {
  font-weight: 700;
  text-align: center;
}
.subscribe .input-group > ::-moz-placeholder {
  font-weight: 700;
  font-size: 16px;
  color: #a6a6a6;
  text-transform: uppercase;
}
.subscribe .input-group > :-ms-input-placeholder {
  font-weight: 700;
  font-size: 16px;
  color: #a6a6a6;
  text-transform: uppercase;
}
.subscribe .input-group > :-moz-placeholder {
  font-weight: 700;
  font-size: 16px;
  color: #a6a6a6;
  text-transform: uppercase;
}
.subscribe .input-group-addon button {
  background: #ff4667;
  border-radius: 5px;
  border: transparent;
  color: #fff;
  padding: 10px 15px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.subscribe .input-group-addon button:hover {
  background: #392c7d;
  border: transparent;
  color: #fff;
  padding: 10px 15px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.contact-form-sec,
.custom-design-two {
  padding: 80px 0;
}
.custom-design-two .section-title h2 {
  max-width: 850px;
}
.price-check.custom-list {
  margin-top: 20px;
}
.price-check.custom-list li {
  font-size: 14px;
  color: #888;
}
.buy-templates .btn.buy-btn {
  background: #392c7d;
  border: 1px solid #fff;
}
.footer-sec {
  background: #392c7d;
  padding: 60px 0 30px;
  position: relative;
}
#scroll span,
.footer-img1,
.footer-img2,
.footer-sec .bg-1,
.web-left,
.web-right {
  position: absolute;
}
.footer-sec .bg-1 {
  left: 50px;
  bottom: 10px;
}
.btn-white {
  background: #e7e7e7;
  border-radius: 40px;
  padding: 8px 16px;
  color: #191919;
}
.footer-section-title h2 {
  font-size: 32px;
  color: #fff;
  margin: auto;
  text-transform: capitalize;
}
.footer-icons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-left: 0;
  list-style: none;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.footer-icons-group li {
  margin-right: 46px;
}
.text-warning-color {
  font-size: 16px;
  color: #d0763e;
  margin-bottom: 0;
}
.text-info-color {
  font-size: 16px;
  color: #56a4ca;
  margin-bottom: 0;
}
.text-danger-color {
  font-size: 16px;
  color: #c94e4b;
  margin-bottom: 0;
}
.web-left {
  left: 0;
  bottom: 10rem;
}
.web-right {
  right: 0;
  top: 3rem;
}
.footer-img1 {
  top: 50px;
  left: -100px;
}
.footer-img2 {
  top: 110px;
  right: -215px;
}
.copyright p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
}
.footer-nav {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}
.footer-nav li {
  display: inline-block;
  margin-right: 16px;
}
.footer-nav li a {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}
.social-icon ul li a {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.social-icon {
  text-align: right;
}
.social-icon ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-icon ul li {
  margin-right: 20px;
}
.footer-top {
  border-bottom: 1px solid #392c7d;
  padding-bottom: 50px;
}
.footer-top .btn-secondary:hover {
  background: #e7e7e7;
  border-color: #e7e7e7;
  color: #191919;
}
.footer-top .btn-white:hover {
  background: #ff4667;
  border-color: #ff4667;
  color: #fff;
}
.footer-bottom {
  padding: 30px 0 0;
  border-top: 1px solid rgba(99, 90, 149, 0.4);
  margin-bottom: 0;
}
.footer-buttons {
  margin-bottom: 60px;
}
#scroll {
  position: fixed;
  left: 30px;
  bottom: 30px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
#scroll span {
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
}
#scroll:hover {
  background-color: #392c7d;
}
.footer-contact-info .contact-us {
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  padding: 0;
}
.footer-contact-info .contact-us li {
  list-style-type: none;
  margin-bottom: 15px;
}
.footer-contact-info h3 {
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
}
.footer-contact-info .contact-us a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.footer-contact-info .footer-address {
  display: flex;
  align-items: baseline;
}
.media-icons {
  position: fixed;
  right: 15px;
  bottom: 150px;
  z-index: 100;
  background: #fff;
  padding: 10px;
  border-radius: 110px;
  box-shadow: 0 4px 24px 0 rgba(194, 194, 194, 0.25);
}
.media-icons a.whatsap-icon {
  background: #04bd6c;
}
.media-icons a.mail-icon {
  background: #111827;
}
.media-icons a.skype-icon {
  background: #155eef;
}
.media-icons a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
  margin-bottom: 5px;
}
.other-product a {
  background: #ff4667;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 10px 10px 0 0;
  transform: translateY(-100%);
  -ms-transform: rotate(-90deg) translateY(-100%);
  transform: rotate(-90deg) translateY(-100%);
  -webkit-transform-origin: 100% 0 0;
  -ms-transform-origin: 100% 0 0;
  transform-origin: 100% 0 0;
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 100;
}
.offcanvas .custom-btn-close {
  font-size: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  background: #fd3a55;
  opacity: 1;
  color: #fff !important;
}
@media (min-width: 992px) {
  .main-nav > li {
    margin-right: 15px;
  }
  .main-nav > li:last-child {
    margin-right: 0;
  }
  .main-nav li {
    display: block;
    position: relative;
  }
  .main-nav > li > a {
    line-height: 45px;
    padding: 10px;
  }
  .main-nav > li > a:before {
    content: "...";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    color: #ff4667;
    font-size: 20px;
    opacity: 0;
  }
  .main-nav > li > a.active:before {
    opacity: 1;
  }
  .main-nav > li > a > i {
    font-size: 12px;
    margin-left: 3px;
  }
  .main-nav li > ul {
    background: #fff6f4;
    box-shadow: 0 0 3px rgb(0 0 0 / 10%);
    display: block;
    font-size: 14px;
    width: 100%;
    left: 0;
    margin: 0;
    min-width: 200px;
    opacity: 0;
    padding: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 1000;
  }
  .main-nav li .submenu::before {
    border: 7px solid transparent;
    content: "";
    right: 25rem;
    position: absolute;
    top: 2px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .main-nav li.has-submenu:hover > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    border-radius: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .header-five .main-nav .has-submenu.active .submenu li.active > a,
  .header-two .main-nav .has-submenu.active .submenu li.active > a,
  .main-nav .has-submenu.active .submenu li.active > a,
  .main-nav .has-submenu.active > a,
  .main-nav li .submenu a:hover {
    color: #ffa633;
  }
  .header-four .main-nav .has-submenu.active .submenu li.active > a,
  .header-one .main-nav .has-submenu.active .submenu li.active > a {
    color: #6255a4;
  }
  .header-three .main-nav .has-submenu.active .submenu li.active > a {
    color: #7b1ffe;
  }
  .main-nav > li .submenu li:first-child a {
    border-top: 0;
  }
  .main-nav > li .submenu.first-submenu li a {
    border-top: 1px solid #f0f0f0;
  }
  .main-nav
    > li.has-submenu:hover
    > .submenu
    > li.has-submenu:hover
    > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: -1px;
    margin-right: 0;
  }
  .main-nav > li .submenu > li .submenu {
    left: 100%;
    top: 0;
    margin-top: 10px;
  }
  .main-nav > .has-submenu > .submenu > .has-submenu > .submenu::before {
    top: 20px;
    margin-left: -35px;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    border-color: transparent #fff #fff transparent;
  }
}
@media (min-width: 1200px) {
  .main-nav > li {
    margin-right: 15px;
  }
}
@media (max-width: 1399.98px) {
  .slick-next,
  .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 100%;
    display: block;
    width: 54px;
    height: 54px;
    padding: 0;
    border: none;
    outline: 0;
    background: #4990e2;
    border-radius: 50px;
    transform: rotate(43.03deg);
    color: #fff;
  }
  .dash-content-left h3 {
    font-size: 18px;
  }
  .banner-img-right .banner-2 {
    right: 40px;
  }
  .header-navbar-rht > li > a {
    font-size: 14px;
  }
  .footer-nav li {
    display: inline-block;
    margin-right: 12px;
  }
  .banner-content h1 {
    font-size: 39px;
  }
  .inner-img1 {
    right: -130px;
  }
  .counter-img2 {
    left: -160px;
  }
  .pricing-img1 {
    right: -140px;
  }
  .online-img1 {
    right: -145px;
  }
  .online-img2 {
    left: -140px;
  }
  .design-img1 {
    left: -141px;
  }
  .design-img2 {
    right: -141px;
  }
  .footer-img2 {
    right: -138px;
  }
}
@media (max-width: 1299.98px) {
  .main-nav li a {
    font-size: 14px;
  }
  .header-navbar-rht > li > a.demo-now,
  .header-navbar-rht > li > a.purchase-now {
    padding: 12px;
  }
  .banner-content h1 {
    font-size: 45px;
  }
}
@media (max-width: 1199.98px) {
  .header-nav {
    padding-left: 15px;
    padding-right: 15px;
  }
  .logo {
    margin-right: 0;
    width: 150px;
  }
  .main-nav li a {
    font-size: 13px;
  }
  .banner-bg .ban-img1,
  .banner-bg .home-img2,
  .banner-bg .home-img3,
  .design-img1,
  .design-img2,
  .footer-img2,
  .header-navbar-rht li.contact-item,
  .online-img1,
  .online-img2,
  .pricing-img2 {
    display: none;
  }
  .header-navbar-rht > li {
    padding-right: 0;
  }
  .header-navbar-rht > li > a.demo-now,
  .header-navbar-rht > li > a.purchase-now,
  .ltr-rtl a {
    padding: 8px;
  }
  .map-right {
    height: 450px;
    position: static;
    min-height: inherit;
    margin-bottom: 30px;
    padding-right: 15px;
  }
  .banner-img-right .banner-1 {
    max-width: 400px;
  }
  .banner-img-right {
    padding-left: 20px;
  }
  .enva-img2 {
    right: 10px;
  }
  .features-fast-content h5 {
    font-size: 16px;
  }
  .features-fast-content p,
  .learning-title h6 {
    font-size: 15px;
  }
  .saastemp-sec .section-title h2 {
    max-width: 46%;
  }
  .inner-img1 {
    right: -10px;
    top: -5px;
  }
  .counter-img2 {
    left: -60px;
  }
  .pricing-img1 {
    right: -30px;
  }
  .admin-dash-title h2,
  .banner-content h1 {
    font-size: 35px;
  }
  .banner-btn .btn {
    min-width: 170px;
    padding: 14px;
    font-size: 14px;
  }
  .admin-slider-all {
    padding: 15px 15px 10px;
  }
  .admin-dash-slider .slick-prev {
    left: -15px;
    width: 50px;
    height: 50px;
  }
  .admin-dash-slider .slick-next {
    right: -15px;
    width: 50px;
    height: 50px;
  }
  .footer-section-title h2,
  .section-title h2 {
    font-size: 30px;
  }
  .section-title p {
    max-width: 600px;
  }
  .about-title h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .click-here,
  .github-btn,
  .online-btn,
  .support-btn {
    padding: 12px 30px;
  }
  .dash-content-left h3,
  .pricing-list-title h3 {
    font-size: 18px;
  }
  .dash-content-right span {
    margin-right: 0 !important;
  }
  .pricing-group {
    padding: 30px;
  }
  .pricing-list-title p {
    margin-bottom: 5px;
    font-size: 13px;
  }
  .copyright p,
  .customer-review .user-content p,
  .footer-nav li a,
  .ltr-rtl a,
  .social-icon ul li a {
    font-size: 14px;
  }
  .pricing-list-title {
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .connect-title {
    font-size: 40px;
  }
  .slick-next,
  .slick-prev {
    width: 45px;
    height: 45px;
  }
  .custom-left {
    position: absolute;
    left: 0;
    top: 2rem;
  }
  .features-content {
    padding: 20px;
  }
  .ltr-rtl a {
    width: 100px;
    height: 100px;
  }
  .footer-sec {
    padding: 45px 0 30px;
  }
  .footer-bottom {
    padding: 33px 0 0;
  }
  .section-sub {
    padding: 45px 0;
  }
  .customer-review {
    background: #030a16;
    padding-bottom: 100px;
  }
  .banner-content h6 {
    margin-bottom: 30px;
  }
  .unique-right {
    width: 190px;
    right: -2rem;
    bottom: 5rem;
  }
  .about-right {
    right: 2rem;
    bottom: 5rem;
  }
  .saastemp-right {
    right: 3rem;
    top: 4rem;
  }
  .why-right {
    right: 1rem;
    bottom: 5rem;
  }
  .applications-left {
    top: 0;
    left: 0;
    width: 200px;
  }
  .applications-right {
    bottom: 8rem;
    right: 2rem;
  }
  .landing-left {
    left: 0;
    bottom: 0;
    width: 150px;
  }
  .banner-icon-one {
    width: 270px;
    margin-bottom: 20px;
  }
  .layouts-left {
    right: 2rem;
    top: 2rem;
  }
  .pricing-left {
    top: 20rem;
    left: 0;
  }
  .feature-column {
    -ms-flex: 20%;
    flex: 25%;
    max-width: 25%;
    text-align: center;
  }
  .faq-left {
    left: 3rem;
    top: 8rem;
  }
  .footer-buttons {
    margin-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  .about-left,
  .about-right,
  .applications-left,
  .applications-right,
  .banner-card,
  .banner-card-two,
  .banner-img-right,
  .banner-left,
  .banner-left-two,
  .connect-us-left,
  .connect-us-right,
  .custom-left,
  .custom-right,
  .customer-left,
  .customer-right,
  .dashboard-left,
  .dashboard-right,
  .faq-left,
  .faq-right,
  .features-left,
  .features-right,
  .inner-img1,
  .landing-left,
  .layouts-left,
  .login-left,
  .ltr-rtl-ready,
  .main-nav ul,
  .pricing-left,
  .pricing-right,
  .saastemp-left,
  .saastemp-right,
  .unique-left,
  .web-left,
  .web-right,
  .why-left,
  .why-right {
    display: none;
  }
  .main-nav li + li,
  .main-nav > li {
    margin-left: 0;
  }
  .admin-dash-title,
  .banner-icon-one,
  .copyright p,
  .feature-column,
  .social-icon {
    text-align: center;
  }
  .main-nav li.login-link {
    display: block;
  }
  .main-nav {
    padding: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    list-style: none;
  }
  .main-nav ul {
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  .main-nav > li .submenu-head li a {
    white-space: normal !important;
  }
  .main-nav > li > a {
    line-height: 1.5;
    padding: 15px 20px !important;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  }
  .main-nav .has-submenu.active .submenu li.active > a,
  .main-nav .has-submenu.active > a,
  .main-nav > li.active > a,
  .main-nav > li > a:hover {
    color: #fff !important;
  }
  .main-nav > li > a > i {
    float: right;
    margin-top: 5px;
  }
  .main-nav > li .submenu li a {
    border-top: 0;
    color: #fff;
  }
  .main-nav > li .submenu ul li a {
    padding: 10px 15px 10px 45px;
  }
  .main-nav > li .submenu > li.has-submenu > a::after {
    content: "\f078";
  }
  .main-nav .has-submenu.active .submenu li.active > a,
  .main-nav .has-submenu.active > a {
    color: #1879cd;
  }
  .main-menu-wrapper {
    order: 3;
    width: 260px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1060;
    transform: translateX(-260px);
    transition: 0.4s;
    background-color: #392c7d;
    height: 100vh;
  }
  .menu-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbar-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #mobile_btn {
    display: inline-block;
    top: 4px;
    position: relative;
  }
  .dropdown-menu.dropdown-menu-right {
    margin-top: 5px;
  }
  .section-title h2,
  h1 {
    font-size: 28px;
  }
  h5 {
    font-size: 18px;
  }
  .custom-design-sec .section-title,
  .footer-widget {
    margin-bottom: 30px;
  }
  .container,
  .cus-review-sec .section-title h2,
  .project-showcase-sec .section-title h2,
  .saastemp-sec .section-title h2 {
    max-width: 100%;
  }
  .header-nav {
    padding: 0;
    margin-bottom: 0;
  }
  .main-nav > li {
    border-bottom: 1px solid #fff;
  }
  .product-more {
    padding: 40px 0;
  }
  .applications-item,
  .creativ-img,
  .dashboard-item,
  .feature-card,
  .footer-nav,
  .product-more h3,
  .unique-item {
    margin-bottom: 20px;
  }
  .banner-bg .ban-img2 {
    right: 150px;
  }
  .banner-content h5,
  .section-title {
    margin-bottom: 40px;
  }
  .banner-content h1 {
    font-size: 30px;
    margin: 0 auto 15px;
  }
  .main-feature-card {
    padding: 20px 20px 0;
  }
  .project-showcase-sec {
    background-image: none;
    padding: 50px 0;
  }
  .inner-pages .pages-tab .nav-pills .nav-link {
    padding: 13px 30px;
  }
  .megamenu-full-width {
    border-radius: 0;
  }
  .product-slider.owl-carousel .owl-nav button.owl-next,
  .product-slider.owl-carousel .owl-nav button.owl-prev {
    top: 160px;
  }
  .price-count-sec,
  .pricing-group {
    padding: 20px;
  }
  .pricing-img1 {
    right: -15px;
  }
  .counter-card {
    padding: 15px 7px;
  }
  .trusted-developer-sec {
    padding: 50px 0;
  }
  .applications-sec,
  .creative-layouts-sec,
  .features-sec,
  .multipages-sec,
  .saastemp-sec,
  .unique-color-sec {
    padding: 45px 0 25px;
  }
  .admin-slider-all {
    padding: 10px 10px 5px;
  }
  .admin-dash-title p {
    color: #fff;
    margin-bottom: 30px !important;
  }
  .admin-dash-slider .slick-prev {
    left: -5px;
    width: 50px;
    height: 50px;
  }
  .admin-dash-slider .slick-next {
    right: -5px;
    width: 50px;
    height: 50px;
  }
  .template-item {
    margin-bottom: 24px;
  }
  .footer-icons-group li {
    margin-right: 10px;
  }
  .footer-icons-group {
    align-items: baseline;
  }
  .footer-buttons,
  .technology-group li {
    margin-bottom: 15px;
  }
  .header-navbar-rht > li > a.demo-now,
  .header-navbar-rht > li > a.purchase-now {
    padding: 8px;
  }
  .banner-icon-one {
    width: 240px;
    display: block;
    margin: auto auto 20px;
  }
  .pricing-group {
    margin-bottom: 50px;
  }
  .price-count {
    margin-bottom: 0;
  }
  .connect-title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .click-here,
  .pricing-group .purchase {
    padding: 10px 20px;
    font-size: 14px;
  }
  .customer-review {
    padding-bottom: 0;
  }
  .feature-column {
    -ms-flex: 33.33%;
    flex: 33.33%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .copyright p {
    margin-bottom: 20px;
  }
  .faq-drawer-title,
  .features-content h5 {
    font-size: 16px;
  }
  .banner-btn .btn {
    min-width: 150px;
    padding: 10px;
  }
  .footer-section-title h2 {
    font-size: 25px;
  }
  .faq-drawer {
    margin-bottom: 15px;
    padding: 20px 20px 0;
  }
  .customer-review .user-image img {
    width: 75px;
    height: 75px;
    text-align: center;
    display: block;
    margin: 15px auto;
  }
  .owl-item-card {
    margin-bottom: 60px;
    padding: 0 24px;
  }
  .subscribe form {
    padding: 8px 10px 10px 20px;
  }
  .subscribe .input-group > ::-webkit-input-placeholder {
    font-size: 14px;
  }
  .subscribe .input-group > ::-moz-placeholder {
    font-size: 14px;
  }
  .subscribe .input-group > :-ms-input-placeholder {
    font-size: 14px;
  }
  .subscribe .input-group > :-moz-placeholder {
    font-size: 14px;
  }
  #scroll {
    width: 40px;
    height: 40px;
  }
  .banner-content {
    padding-bottom: 40px;
  }
  .dashboard-demo {
    padding-bottom: 26px;
  }
  .choose-demos,
  .section-online,
  .tech-demos {
    padding: 60px 0 36px;
  }
  .inner-slider-sec {
    padding: 60px 0;
  }
  .pricing-top {
    padding: 60px 0 20px;
  }
  .media-icons {
    bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .logo,
  .navbar-header {
    width: 100%;
  }
  .logo {
    margin-right: 0;
    text-align: center;
  }
  .header-nav {
    height: 60px;
  }
  #mobile_btn {
    top: 18px;
    margin-right: 0;
    position: absolute;
  }
  .logo img,
  .menu-logo img {
    width: 120px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  .bar-icon span {
    background-color: #ff4667;
  }
  .banner-bg .ban-img2,
  .counter-img1,
  .counter-img2,
  .enva-img1,
  .header-navbar-rht,
  .top-header {
    display: none;
  }
  .choose-demos .section-title h2,
  .live-demo-sec .section-title h2,
  .trusted-developer-sec .section-title h2 {
    max-width: 100%;
  }
  .counter-card,
  .price-count {
    margin-bottom: 20px;
  }
  .price-count-sec {
    padding: 20px 20px 0;
  }
  .trusted-developer-sec {
    padding: 40px 0 20px;
  }
  .product-slider.owl-carousel .owl-nav button.owl-next {
    top: 250px;
    right: -15px;
  }
  .product-slider.owl-carousel .owl-nav button.owl-prev {
    top: 250px;
    left: -15px;
  }
  .customer-slider.owl-carousel .owl-nav button.owl-prev {
    top: 100px;
    left: 0;
  }
  .customer-slider.owl-carousel .owl-nav button.owl-next {
    top: 100px;
    right: 0;
  }
  .banner-content-group {
    padding: 40px 0 0;
  }
}
@media (max-width: 575.98px) {
  .banner-btn .btn {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .banner-btn,
  .support-item {
    display: block;
  }
  .banner-bg .home-img1,
  .banner-img-right,
  .enva-img2,
  .ltr-rtl-ready,
  .pricing-img1 {
    display: none;
  }
  .banner-btns .btn-primary.buy {
    margin-right: 10px;
  }
  .banner-color-bg {
    padding: 30px 0 0;
  }
  .enva-img2 {
    position: absolute;
    top: 95px;
  }
  .banner-content {
    padding: 0;
  }
  .price-count-sec {
    padding: 30px;
  }
  .banner-content h1 {
    font-size: 34px;
  }
  .banner-content h5,
  .banner-content h6 {
    font-size: 18px;
    line-height: 26px;
  }
  .evanto-header h5 {
    font-size: 20px;
  }
  .banner-content-group {
    padding: 0 0 40px;
  }
  .technology-group {
    justify-content: center;
  }
  .ltr-rtl a {
    padding: 8px;
    width: 85px;
    height: 80px;
    font-size: 12px;
  }
  .ltr-rtl {
    left: 1rem;
    top: 0;
  }
  .demo-buttons li,
  .support-item li {
    display: block;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .demo-buttons li:last-child,
  .support-item li:last-child {
    margin-bottom: 0;
  }
  .section-title h2 {
    font-size: 26px;
  }
  .about-title h2 {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .why-title h2 {
    font-size: 30px;
  }
  .pages-tab .nav-item,
  .pages-tab .nav-link {
    width: 100%;
    margin-bottom: 5px;
  }
  .product-slider.owl-carousel .owl-nav button.owl-next,
  .product-slider.owl-carousel .owl-nav button.owl-prev {
    top: 160px;
  }
  .why-title p {
    font-size: 14px;
    margin-bottom: 35px;
  }
  .demo-buttons {
    display: block;
    margin-bottom: 40px;
    padding-left: 0;
  }
  .admin-dash-title h2 {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .customer-slider.owl-carousel .owl-nav button.owl-prev {
    top: 130px;
    left: -15px;
  }
  .customer-slider.owl-carousel .owl-nav button.owl-next {
    top: 130px;
    right: -15px;
  }
  .banner-icon-one {
    width: 200px;
  }
  .trusted-word h3 {
    font-size: 25px;
  }
  .section-title p {
    font-size: 15px;
  }
  .features-sec .section-title h2 {
    max-width: 100%;
  }
  .trusted-word p {
    font-size: 16px;
  }
  .template-option-btn {
    min-width: 120px;
    padding: 5px;
    font-size: 12px;
  }
  .cus-review-sec .section-title h5 {
    text-align: center;
  }
  .subscribe form {
    padding: 5px 5px 5px 15px;
  }
  .footer-section-title h2 {
    font-size: 24px;
  }
  .buy-templates .btn.buy-btn,
  .live-footer-btn {
    padding: 10px 9px;
  }
}
@media (max-width: 400px) {
  .live-demo-sec ul .framework {
    width: 45%;
  }
}