@import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&display=swap');

body {
  background-image: linear-gradient(180deg, var(--bs-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg));
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #62677F !important;
  font-family: 'Karla', sans-serif;
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgb(242 249 255) 100%, rgb(242 249 255) 100%);
  
}
.btn-ft {
	padding-left:150px;
	padding-top:70px
}


.btn {
  font-weight: 700 !important;
  font-size: 24px !important;
  padding: 13px !important;
}

.pricing-header {
  max-width: 700px;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}

/* Custom Style */
.card {
  border-radius: 15px !important;
}
.card-body {
  padding: 15px !important;
}
.most_populer {
  padding: 15px 30px !important;
}

p.mb-3 {
  margin-bottom: 49px !important;
  margin-top: 15px !important;
}
.container {
  max-width: 1140px !important;
  
}
.main-part {
	height:963px;
}

.site_footer {
  margin-bottom: 0px !important;
  background-color: #fff !important;
}
.footer_bottom{
  border-top: 1px solid #aa85f6 !important;
}
.card-header {
  border-radius: 15px 15px 0px 0px !important;
  font-size: 16px !important;
  height: 43px;
}

.card-header h4 {
  font-size: 16px !important;
  line-height: 11.7px !important;
}
/* Page Title Style */
.page_title_are h1 {
  font-weight: 800 !important;
  font-size: 48px !important;
  color: #2E2E2E !important;
}
.page_title_are h4 {
  font-weight: 400 !important;
  font-size: 24px !important;
  color:#62677F;
}

.page_title_are h5 {
  font-weight: 500 !important;
  letter-spacing: 4px;
  color: #ababab !important;
  font-size:14px;
  color:#979BAA
}

li.nav-item a {
  font-size: 16px !important;
  font-weight: 700;
  padding: 22px 28px !important;
  /* display: inline-block !important; */
  color: #2E2E2E !important;
}

li.nav-item a:hover{
  color: blue !important;
}

.navbar{
  background-color: #fff !important;

}

a.navbar-brand {
  margin-right: 120px !important;
}

li.nav-item.active a {
  color: #0d6efd !important;
}

.nav_action_btn {
  padding: 14px 36px !important;
  border-radius: 10px !important;
  margin-left: 30px !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}

button.btn.btn-primary.nav_action_btn {
  box-shadow: 5px 6px 7px #c6daed !important;
  border: 1px solid #0d6efd;
}

/* button.btn.btn-primary {
  box-shadow: 5px 6px 7px #0d6efd !important;
  border: 1px solid ##0d6efd;
}

button.btn.btn-light {
  box-shadow: 5px 6px 7px ##0d6efd !important;
  border: 1px solid #ddd;
} */

small.text-body-secondary.fw-light {
  font-size: 16px !important;
  color: #2E2E2E !important;
}

/* Footer style */
.footer_content h5 {
  font-weight: 700 !important;
  margin-bottom: 2px !important;
  color: #2E2E2E!important;
  font-size: 16px !important;
}

.footer_bottom_area {
  border-top: 1px solid #9EBFD9 !important;
}

footer a{
  color: #707070 !important;
  font-size: 14 px !important;
  font-weight: 400 !important;
}

/* Social Icons */
.social_icon {
  width: 20px !important;
  margin-right: 6px !important;
}

/* Pricing Content */
img.btn_chevron {
  width: 6px !important;
  margin-left: 9px !important;
}

.pricing_duration {
  font-weight: 500 !important;
  font-size: 20px;
  color: #2E2E2E;
}

h1.card-title.pricing-card-title {
  font-size: 44px !important;
  font-weight: 700 !important;
}