/******************************************************************
  Template Name: Loanday
  Description:  Loanday loan HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Loan Service Section
7.  Testimonial Section
8.  Latest Blog Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Lato", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
  font-family: 'Poppins', sans-serif;
	color: #5c5c5c;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 80px;
	text-align: center;
}

.section-title h2 {
	font-weight: 700;
	color: #323232;
	line-height: 46px;
	margin-bottom: 20px;
}

.section-title P {
	margin-bottom: 0;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 15px;
	padding: 14px 40px 12px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #6B14AA;
	border-radius: 2px;
	letter-spacing: 1px;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 14px 30px 12px;
	background: #88C417;
	border: none;
	letter-spacing: 1px;
	border-radius: 2px;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/

:root{
  --purple: #6B14AA;
  --purple-dark:#6B14AA;
  --black: #111111;
  --white: #ffffff;
}

.container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* ===== Top Bar ===== */
.topbar{
  display:block;
  background:var(--black);
  color:var(--white);
  font-size:14px;
}
.topbar .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:10px;
  padding-bottom:10px;
  flex-wrap:wrap;
  gap:8px;
}
.topbar__left ul,
.topbar__right{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:0;
}
.topbar__left a{opacity:.9;text-decoration:none;color:inherit;}
.topbar__left a:hover{opacity:1;text-decoration:underline;}
.topbar__right span{opacity:.9;}

/* ===== Main Header ===== */
.header{
  background: #6B14AA;
  position:relative;
  z-index:50;
}
.header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:15px;
  padding-bottom:15px;
  gap:20px;
}

.header__logo a{
  display:flex;
  align-items:center;
  gap:10px;
}

.header__nav{
  display:flex;
  align-items:center;
  gap:35px;
  flex:1;
  justify-content:center;
}
.header__menu ul{
  display:flex;
  gap:30px;
  list-style:none;
  margin:0;
  padding:0;
}
.header__menu > ul > li{
  position:relative;
}
.header__menu a{
  color:var(--white);
  font-weight:600;
  font-size:15px;
  padding:8px 0;
  display:inline-block;
  text-decoration:none;
}
.header__menu li.active > a{
  border-bottom:2px solid var(--white);
}

/* ---- Desktop "Page" dropdown (hover) ---- */
.menu-item-has-children > a::after{
  content:"\f107";
  font-family:"FontAwesome";
  font-size:12px;
  margin-left:6px;
}
.header__menu .menu-item-has-children .dropdown{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:var(--white);
  min-width:220px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  padding:10px 0;
  z-index:100;
  border-radius:4px;
}
.header__menu .menu-item-has-children:hover .dropdown{
  display:block;
}
.header__menu .menu-item-has-children .dropdown li{
  border-bottom:1px solid #f0f0f0;
}
.header__menu .menu-item-has-children .dropdown li:last-child{
  border-bottom:none;
}
.header__menu .menu-item-has-children .dropdown a{
  color:#333;
  padding:10px 20px;
  font-weight:500;
  font-size:14px;
  display:block;
}
.header__menu .menu-item-has-children .dropdown a:hover{
  background:#f5f0ff;
  color:var(--purple);
}

.header__search{
  color:var(--white);
  font-size:18px;
  cursor:pointer;
}

.header__call{
  color:var(--white);
  text-align:right;
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
}
.header__call a{color:var(--white);text-decoration:none;}
.header__call strong{
  display:block;
  font-size:17px;
  font-weight:700;
  letter-spacing:.5px;
}

/* Mobile menu toggle button */
.canvas__open{
  display:none;
  color:var(--white);
  font-size:24px;
  cursor:pointer;
  background:none;
  border:none;
}

/* ===== Mobile Offcanvas Menu ===== */
.offcanvas-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  z-index:190;
}
.offcanvas-overlay.active{display:block;}

.mobile-menu{
  display:block;
  position:fixed;
  top:0;right:-300px;
  width:280px;
  height:100%;
  background:var(--white);
  box-shadow:-5px 0 20px rgba(0,0,0,.2);
  z-index:200;
  padding:20px;
  overflow-y:auto;
  transition:right .3s ease;
}
.mobile-menu.active{right:0;}

.mobile-menu ul{list-style:none;margin:0;padding:0;}
.mobile-menu ul li{border-bottom:1px solid #eee;}
.mobile-menu a{color:#222;padding:12px 0;display:block;font-weight:600;text-decoration:none;}
.mobile-menu-close{
  background:none;border:none;font-size:22px;cursor:pointer;float:right;
}

/* mobile menu-चा "Page" dropdown - click ne toggle */
.mobile-menu .menu-item-has-children > a.dropdown-toggle{
  position:relative;
}
.mobile-menu .menu-item-has-children > a.dropdown-toggle::after{
  content:"\f107";
  font-family:"FontAwesome";
  float:right;
  transition:transform .2s ease;
}
.mobile-menu .menu-item-has-children.open > a.dropdown-toggle::after{
  transform:rotate(180deg);
}
.mobile-menu .dropdown{
  display:none;
  padding-left:15px;
}
.mobile-menu .menu-item-has-children.open .dropdown{
  display:block;
}
.mobile-menu .dropdown a{
  font-weight:500;
  font-size:14px;
  padding:10px 0;
}

/* ===== Responsive ===== */
@media (max-width: 992px){
  .header__nav{display:none;}
  .header__call{display:none;}
  .canvas__open{display:block;}
  .topbar{display:block;}
  .topbar .container{flex-direction:column;text-align:center;}
}

@media (max-width: 576px){
  .topbar{display:block;font-size:12px;}
  .topbar__left ul, .topbar__right{flex-direction:column;gap:4px;align-items:center;}
  .mobile-menu{width:250px;}
}
/*---------------------
  Hero
-----------------------*/
.hero {
	padding: 170px 0;
	position: relative; /* ADDED - boxes ला absolute position साठी आवश्यक */
}

.hero__text {
	padding-top: 90px;
}

.hero__text h2 {
	font-size: 50px;
	color: #ffffff;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 65px;
}

.hero__text p {
	color: #ffffff;
	margin-bottom: 60px;
}

.hero__text .primary-btn {
	margin-right: 16px;
}

.hero__text .primary-btn.howit-btn {
	background: #223060;
}

.hero__form {
	background: #ffffff;
	padding: 50px 30px 45px;
	border-radius: 2px;
}

.hero__form h3 {
	color: #323232;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
}

.hero__form form .input-list {
	overflow: hidden;
	margin-right: -20px;
}

.hero__form form .input-list.last .input-list-item {
	margin-bottom: 30px;
}

.hero__form form .input-list .input-list-item {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.hero__form form .input-list .input-list-item p {
	color: #323232;
	margin-bottom: 12px;
}

.hero__form form .input-list .input-list-item input {
	width: 100%;
	height: 48px;
	border-radius: 2px;
	border: none;
	background: #f6f6f6;
	padding-left: 15px;
}

.hero__form form .input-full-width {
	margin-bottom: 20px;
}

.hero__form form .input-full-width p {
	color: #323232;
	margin-bottom: 12px;
}

.hero__form form .input-full-width input {
	width: 100%;
	height: 48px;
	border-radius: 2px;
	border: none;
	background: #f6f6f6;
	padding-left: 15px;
}

.hero__form form button {
	width: 100%;
}

/* ============================= */
/* ADDED: Overlapping Feature Boxes (below hero) */
/* ============================= */
.hero__boxes {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(50%);
	z-index: 3;
}

.hero__box {
	height: 100%;
	min-height: 120px;
	padding: 25px 30px;
	display: flex;
	align-items: center;
	gap: 15px;
}

.hero__box-icon {
	font-size: 24px;
	color: #6c2bd9;
	flex-shrink: 0;
}

.hero__box h4 {
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	line-height: 1.3;
}

.hero__box--white {
	background: #ffffff;
	color: #222222;
	box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.hero__box--light {
	background: #f3ecff;
	color: #222222;
}

.hero__box--purple {
	background: #6c2bd9;
	color: #ffffff;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.hero__box--purple h4 {
	color: #ffffff;
	margin-bottom: 15px;
}

.hero__box-form {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
}

.hero__box-form input {
	flex: 1;
	border: none;
	border-radius: 4px;
	padding: 10px 12px;
	font-size: 14px;
	outline: none;
}

.hero__box-form .site-btn {
	background: #ffffff;
	color: #6c2bd9;
	border: none;
	font-weight: 700;
	padding: 10px 18px;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
}

.hero__box-form .site-btn:hover {
	background: #f0e6ff;
}

/* Responsive */
@media (max-width: 992px) {
	.hero__boxes {
		position: relative;
		transform: none;
	}
	.hero__box {
		flex-direction: column;
		text-align: center;
		min-height: auto;
		padding: 30px 20px;
	}
	.hero__box--purple {
		align-items: center;
	}
}

@media (max-width: 576px) {
	.hero__box-form {
		flex-direction: column;
	}
	.hero__box-form input,
	.hero__box-form .site-btn {
		width: 100%;
	}
}


/* ============================= */
/* MOBILE FIXES - Hero + Boxes  */
/* ============================= */

/* Make banner image behave properly on all screens */
.hero.set-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 992px) {
	.hero {
		padding: 100px 0 60px;
	}

	.hero__text {
		padding-top: 0;
		text-align: center;
	}

	.hero__text h2 {
		font-size: 34px;
		line-height: 42px;
		margin-bottom: 30px;
	}

	.hero__text p {
		margin-bottom: 30px;
	}

	.hero__boxes {
		position: relative;
		transform: none;
		margin-top: 40px;
	}

	/* This is the key fix: since row has g-0 (no gutter),
	   stacked boxes had zero space between them */
	.hero__boxes .col-lg-4 {
		margin-bottom: 16px;
	}

	.hero__boxes .col-lg-4:last-child {
		margin-bottom: 0;
	}

	.hero__box {
		border-radius: 6px;
		flex-direction: row;      /* icon + text side by side, cleaner than stacked-center */
		justify-content: center;
		text-align: left;
		padding: 22px 20px;
		min-height: auto;
	}
}

@media (max-width: 576px) {
	.hero {
		padding: 80px 0 40px;
	}

	.hero__text h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.hero__text .primary-btn {
		display: inline-block;
		margin-bottom: 10px;
	}

	.hero__box {
		padding: 18px 16px;
		gap: 12px;
	}

	.hero__box h4 {
		font-size: 16px;
	}
}


/* ===== Award/Certified Feature Boxes ===== */
.intro__features{
	margin-top:20px;
}

.intro__feature{
	display:flex;
	align-items:flex-start;
	gap:15px;
	margin-bottom:20px;
}

.intro__feature-icon{
	flex-shrink:0;
	width:50px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f3ecff;
	border-radius:50%;
	font-size:22px;
	color:#6B14AA;
}

.intro__feature-text h4{
	font-size:17px;
	font-weight:700;
	color:#181818;
	margin-bottom:6px;
}

.intro__feature-text p{
	font-size:14px;
	color:#666666;
	line-height:1.6;
	margin-bottom:0;
}

/* Responsive */
@media (max-width: 576px){
	.intro__feature{
		gap:12px;
		margin-bottom:18px;
	}
	.intro__feature-icon{
		width:44px;
		height:44px;
		font-size:18px;
	}
	.intro__feature-text h4{
		font-size:16px;
	}
}


/* ===== Intro + Calculator Section ===== */
.intro{
	position:relative;
	padding-top:60px;
	padding-bottom:60px;
	background:#ffffff;
}

.section-title{
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#323232;
	padding-bottom:12px;
	margin-bottom:20px;
}
.section-title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:#6c2bd9;
}

.intro__text h2{
	font-size:40px;
	font-weight:800;
	color:#181818;
	line-height:1.25;
	margin-bottom:25px;
}

.intro__text h3{
	font-size:18px;
	font-weight:700;
	color:#181818;
	margin-bottom:18px;
}

.intro__text p{
	color:#555555;
	font-size:15px;
	line-height:1.8;
	margin-bottom:20px;
}

/* ===== Loan Calculator Card - normal overlap on hero above, shifted right ===== */
.loan-calc{
	position:relative;
	margin-top:-98px;
	margin-left:176px; /* ajun right kade sarkavla */
	z-index:5;
}
.loan-calc__card{
	background:#ffffff;
	padding:40px 35px 35px;
	box-shadow:0 20px 45px rgba(0,0,0,.12);
	border-radius:4px;
}

.loan-calc__field{
	margin-bottom:22px;
}

.loan-calc__field label{
	display:block;
	color:#323232;
	font-size:14px;
	margin-bottom:10px;
}

.loan-calc__field input{
	width:100%;
	height:50px;
	border:1px solid #e2e2e2;
	border-radius:2px;
	background:#ffffff;
	padding-left:15px;
	font-size:15px;
	color:#323232;
}

.loan-calc__field-row{
	display:flex;
	gap:20px;
}
.loan-calc__field-row input{
	flex:1;
}

.loan-calc__summary{
	background:#f8f6fd;
	border-radius:4px;
	padding:20px 25px;
	margin-bottom:25px;
}
.loan-calc__summary-item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:12px 0;
	border-bottom:1px solid #eee2ff;
}
.loan-calc__summary-item:last-child{
	border-bottom:none;
}
.loan-calc__summary-item span{
	color:#555555;
	font-size:15px;
}
.loan-calc__summary-item strong{
	color:#181818;
	font-size:16px;
	font-weight:700;
}

.loan-calc__card .site-btn{
	width:100%;
	background:#6c2bd9;
	color:#ffffff;
	border:none;
	font-weight:700;
	font-size:15px;
	padding:16px;
	border-radius:2px;
	cursor:pointer;
	transition:all .3s ease;
}
.loan-calc__card .site-btn:hover{
	background:#5a22b8;
}

/* ===== Responsive: sagalya devices sathi ===== */
@media (max-width: 992px){

	.loan-calc{
		margin-top:20px;
		margin-left:0;
	}
}
	.intro{
		padding-top:40px;
	}
	.intro__text h2{
		font-size:30px;
	}


@media (max-width: 576px){
	.intro__text h2{
		font-size:26px;
	}
	.loan-calc__field-row{
		flex-direction:column;
		gap:15px;
	}
	.loan-calc__card{
		padding:30px 20px 25px;
	}
}


/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding: 70px 0 65px;
}

.breadcrumb-option.contact-breadcrumb {
	padding: 70px 0 260px;
}

.breadcrumb-option.contact-breadcrumb h2 {
	margin-bottom: 0;
}

.breadcrumb__text h2 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 5px;
}

.breadcrumb__links a {
	font-size: 15px;
	color: #ffffff;
	margin-right: 18px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a:after {
	position: absolute;
	right: -15px;
	top: 0;
	content: "";
	font-family: "FontAwesome";
}

.breadcrumb__links span {
	font-size: 15px;
	color: #a8a8a8;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
	padding-bottom: 70px;
}

.about__content {
	margin-bottom: 70px;
}

.about__img {
	position: relative;
	border-radius: 2px;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
}

.about__img img {
	min-width: 100%;
}

.about__img .play-btn {
	display: inline-block;
	position: absolute;
	right: -50px;
	top: 50%;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.about__img .play-btn img {
	min-width: auto;
}

.about__text {
	padding-top: 35px;
}

.about__text h2 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 18px;
}

.about__text h4 {
	color: #323232;
	margin-bottom: 70px;
}

.about__text p.first_para {
	margin-bottom: 30px;
}

.about__text p.last_para {
	margin-bottom: 45px;
}

.about__item {
	margin-bottom: 30px;
}

.about__item h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 10px;
}

.about__item p {
	color: #707070;
}

/*---------------------
    History
-----------------------*/

.history .section-title h2 {
	color: #ffffff;
}

.history .section-title p {
	color: #ffffff;
}

.history__img img {
	border-radius: 2px;
	min-width: 100%;
}

.history__text {
	position: relative;
	height: 460px;
	padding-left: 44px;
	padding-right: 15px;
	overflow-y: auto;
}

.history__text:before {
	position: absolute;
	left: 9px;
	top: 0;
	height: 100%;
	width: 2px;
	background: rgba(255, 255, 255, 0.1);
	content: "";
}

.history__item {
	position: relative;
	margin-bottom: 55px;
}

.history__item .history__indicator {
	position: absolute;
	left: -44px;
	top: 2px;
	height: 20px;
	width: 20px;
	background: rgba(255, 255, 255, 0.1);
	content: "";
	border-radius: 50%;
}

.history__item .history__indicator:after {
	position: absolute;
	left: 5px;
	top: 5px;
	height: 10px;
	width: 10px;
	background: #88C417;
	content: "";
	border-radius: 50%;
}

.history__item span {
	font-size: 14px;
	color: #88C417;
}

.history__item h4 {
	color: #ffffff;
	font-weight: 700;
	margin-top: 4px;
	margin-bottom: 10px;
}

.history__item p {
	color: #ffffff;
	margin-bottom: 0;
}

/*---------------------
   Team
-----------------------*/

.team {
	padding-bottom: 70px;
}

.team .section-title {
	text-align: left;
	margin-bottom: 50px;
}

.team__item {
	height: 480px;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	overflow: hidden;
}

.team__item:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(34, 48, 96, 0.8);
	content: "";
	z-index: -1;
	opacity: 0;
	-webkit-transition: all, 0.5s, ease-out, 0.5s;
	-o-transition: all, 0.5s, ease-out, 0.5s;
	transition: all, 0.5s, ease-out, 0.5s;
}

.team__item:hover:after {
	opacity: 1;
}

.team__item:hover .team__text {
	top: 0;
}

.team__item:hover .team__text .team__title {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding: 0 0 26px;
	margin-bottom: 26px;
	opacity: 0;
	visibility: hidden;
	position: relative;
	bottom: initial;
	opacity: 1;
	visibility: visible;
}

.team__item:hover .team__text p {
	top: 0;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s ease 0.3s;
	-o-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}

.team__item:hover .team__text .team__social {
	opacity: 1;
	visibility: visible;
	bottom: 34px;
	-webkit-transition: all 0.5s ease 0.5s;
	-o-transition: all 0.5s ease 0.5s;
	transition: all 0.5s ease 0.5s;
}

.team__text {
	height: 100%;
	top: 361px;
	position: relative;
	padding: 35px 30px 30px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.team__text .team__title {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding: 0 0 26px;
	margin-bottom: 26px;
	position: relative;
}

.team__text .team__title h4 {
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 6px;
}

.team__text .team__title span {
	font-size: 15px;
	color: #88C417;
}

.team__text p {
	color: #e4e4e4;
	line-height: 26px;
	opacity: 0;
	visibility: hidden;
	position: relative;
	top: 50px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.team__text .team__social {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 30px;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
}

.team__text .team__social a {
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	margin-right: 34px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.team__text .team__social a:last-child {
	margin-right: 0;
}

.team__text .team__social a:hover {
	color: #88C417;
}

/*---------------------
  Services
-----------------------*/

.services {
	padding-bottom: 30px;
}

.services__item {
	margin-bottom: 70px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__item:hover {
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.services__item:hover .services__item__text {
	border: 1px solid transparent;
}

.services__item:hover .services__item__text a:after {
	opacity: 1;
}

.services__item__img img {
	border-radius: 5px 5px 0 0;
	min-width: 100%;
}

.services__item__text {
	padding-top: 35px;
	padding-bottom: 30px;
	text-align: center;
	border: 1px solid rgba(112, 112, 112, 0.1);
	border-radius: 0 0 5px 5px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.services__item__text h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 6px;
}

.services__item__text h4 span {
	color: #88C417;
}

.services__item__text p {
	margin-bottom: 34px;
}

.services__item__text a {
	font-size: 12px;
	color: #323232;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 0;
	position: relative;
}

.services__item__text a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #88C417;
	content: "";
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
}

/*---------------------
  Services Details
-----------------------*/

.services__details__text {
	margin-bottom: 80px;
}

.services__details__title h2 {
	font-size: 40px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 22px;
}

.services__details__title p {
	font-size: 24px;
	line-height: 38px;
	margin-bottom: 50px;
}

.services__details__more {
	margin-bottom: 30px;
}

.services__details__img {
	margin-bottom: 42px;
}

.services__details__img img {
	min-width: 100%;
	border-radius: 5px;
	margin-bottom: 30px;
}

.services__details__product h2 {
	font-size: 40px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 20px;
}

.services__details__product__item {
	margin-bottom: 55px;
}

.services__details__product__item h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 6px;
}

.services__details__product__item h4 span {
	color: #88C417;
}

.services__details__product__item p {
	margin-bottom: 0;
}

.services__details__faq {
	margin-bottom: 75px;
}

.services__details__faq .card {
	border: none;
	border-radius: 0;
	margin-bottom: 20px;
}

.services__details__faq .card .card-heading {
	border-radius: 2px;
}

.services__details__faq .card .card-heading a {
	font-size: 18px;
	color: #323232;
	font-weight: 700;
	padding: 12px 10px 10px 65px;
	display: block;
	background: #f6f6f6;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.services__details__faq .card .card-heading.active a {
	background: #223060;
	color: #ffffff;
}

.services__details__faq .card .card-body {
	padding-left: 0;
}

.services__details__faq .card .card-body p {
	color: #323232;
}

.services__details__faq .card-heading a:after,
.services__details__faq .card-heading>a.active[aria-expanded=false]:after {
	content: "K";
	font-size: 24px;
	font-family: 'Poppins', sans-serif;
	color: #323232;
	position: absolute;
	left: 30px;
	top: 14px;
	line-height: 20px;
}

.services__details__faq .card-heading.active a:after {
	content: "L";
	font-size: 24px;
	font-family: "ElegantIcons";
	color: #88C417;
	position: absolute;
	left: 30px;
	top: 14px;
	line-height: 20px;
}

.services__details__faq .card-heading a[aria-expanded=true]:after,
.services__details__faq .card-heading>a.active:after {
	content: "L";
	font-size: 24px;
	font-family: "ElegantIcons";
	color: #88C417;
	position: absolute;
	left: 30px;
	top: 14px;
	line-height: 20px;
}

.services__details__calculator h2 {
	color: #323232;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 35px;
}

.services__details__calculator__item {
	position: relative;
	margin-bottom: 60px;
}

.services__details__calculator__item:last-child {
	margin-bottom: 0;
}

.services__details__calculator__item p {
	font-size: 18px;
	color: #323232;
	margin-bottom: 20px;
}

.services__details__calculator__item .ui-widget.ui-widget-content {
	border: none;
	height: 8px;
	background: #e4e4e4;
	border-radius: 50px;
}

.services__details__calculator__item .ui-slider .ui-slider-range {
	background: #88C417;
}

.services__details__calculator__item .ui-slider .ui-slider-handle {
	height: 16px;
	width: 16px;
	display: inline-block;
	background: #88C417;
	cursor: pointer;
	border: 2px solid #fff;
	border-radius: 50px;
	z-index: 9;
}

.services__details__calculator__item .ui-slider-horizontal .ui-slider-handle {
	top: -4px;
	margin-left: -8px;
}

.services__details__calculator__item .price-input {
	position: absolute;
	right: 0;
	top: -20px;
	z-index: 1;
}

.services__details__calculator__item .price-input.month input {
	text-align: right;
	padding: 0 10px;
}

.services__details__calculator__item .price-input input {
	color: #323232;
	font-weight: 700;
	font-size: 15px;
	height: 50px;
	width: 120px;
	background: transparent;
	border: none;
	text-align: center;
	border: 1px solid #e4e4e4;
	margin-right: -5px;
}

.services__details__calculator__item .price-input span {
	font-size: 15px;
	width: 100px;
	height: 50px;
	text-align: center;
	background: #f6f6f6;
	color: #323232;
	display: inline-block;
	line-height: 50px;
	border: 1px solid #f6f6f6;
	position: relative;
	top: 1px;
}

.services__details__calculator__total {
	margin-top: -19px;
}

.services__details__calculator__total__item {
	background: #f6f6f6;
	padding: 16px 26px 20px 26px;
	margin-bottom: 15px;
}

.services__details__calculator__total__item:last-child {
	margin-bottom: 0;
}

.services__details__calculator__total__item p {
	color: #707070;
	margin-bottom: 5px;
}

.services__details__calculator__total__item h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
	margin-bottom: 45px;
}

.blog__item__img img {
	min-width: 100%;
	border-radius: 5px 5px 0 0;
}

.blog__item__text {
	padding-top: 25px;
}

.blog__item__text h3 {
	font-weight: 700;
	margin-bottom: 5px;
}

.blog__item__text h3 a {
	color: #323232;
}

.blog__item__text ul {
	margin-bottom: 22px;
}

.blog__item__text ul li {
	font-size: 15px;
	color: #a8a8a8;
	list-style: none;
	margin-right: 30px;
	display: inline-block;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text ul li i {
	color: #88C417;
}

.blog__item__text p {
	color: #707070;
	margin-bottom: 40px;
}

.blog__item__text .read__more {
	display: inline-block;
	color: #707070;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.blog__pagination a {
	font-size: 15px;
	color: #707070;
	display: inline-block;
	padding: 12px 20px 10px;
	border: 1px solid #e4e4e4;
	border-left: none;
	margin-right: -5px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__pagination a:first-child {
	border-left: 1px solid #e4e4e4;
}

.blog__pagination a:hover {
	background: #88C417;
	color: #ffffff;
	border-color: #88C417;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 30px;
}

.blog__sidebar__search {
	margin-bottom: 50px;
}

.blog__sidebar__search h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 20px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	height: 43px;
	border-radius: 2px;
	font-size: 15px;
	color: #5c5c5c;
	padding-left: 15px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.blog__sidebar__search form input::-webkit-input-placeholder {
	color: #5c5c5c;
}

.blog__sidebar__search form input::-moz-placeholder {
	color: #5c5c5c;
}

.blog__sidebar__search form input:-ms-input-placeholder {
	color: #5c5c5c;
}

.blog__sidebar__search form input::-ms-input-placeholder {
	color: #5c5c5c;
}

.blog__sidebar__search form input::placeholder {
	color: #5c5c5c;
}

.blog__sidebar__search form button {
	font-size: 15px;
	color: #323232;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 15px;
}

.blog__sidebar__categories {
	margin-bottom: 35px;
}

.blog__sidebar__categories h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 15px;
}

.blog__sidebar__categories ul li {
	list-style: none;
}

.blog__sidebar__categories ul li a {
	font-size: 15px;
	color: #323232;
	line-height: 36px;
}

.blog__sidebar__categories ul li a span {
	font-weight: 700;
	float: right;
}

.blog__sidebar__recent {
	margin-bottom: 45px;
}

.blog__sidebar__recent h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 20px;
}

.blog__sidebar__recent__item {
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}

.blog__sidebar__recent__item__pic {
	float: left;
	margin-right: 15px;
}

.blog__sidebar__recent__item__pic img {
	border-radius: 2px;
}

.blog__sidebar__recent__item__text {
	overflow: hidden;
	padding-top: 10px;
}

.blog__sidebar__recent__item__text h6 {
	font-size: 15px;
	color: #323232;
	font-weight: 600;
	margin-bottom: 4px;
}

.blog__sidebar__recent__item__text p {
	font-size: 13px;
	color: #a8a8a8;
	margin-bottom: 0;
}

.blog__sidebar__recent__item__text p i {
	margin-right: 2px;
	color: #88C417;
}

.blog__sidebar__tags {
	margin-bottom: 40px;
}

.blog__sidebar__tags h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 20px;
}

.blog__sidebar__tags a {
	font-size: 11px;
	color: #5c5c5c;
	text-transform: uppercase;
	display: inline-block;
	padding: 6px 15px 4px;
	background: #f2f2f2;
	border-radius: 2px;
	margin-right: 6px;
	margin-bottom: 10px;
}

.blog__sidebar__social h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 20px;
}

.blog__sidebar__social .blog__sidebar__social__links a {
	display: inline-block;
	color: #ffffff;
	font-size: 15px;
	height: 38px;
	width: 38px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
	margin-right: 6px;
}

.blog__sidebar__social .blog__sidebar__social__links a:last-child {
	margin-right: 0;
}

.blog__sidebar__social .blog__sidebar__social__links a.facebook {
	background: #344973;
}

.blog__sidebar__social .blog__sidebar__social__links a.twitter {
	background: #2C83AE;
}

.blog__sidebar__social .blog__sidebar__social__links a.google {
	background: #DD4437;
}

.blog__sidebar__social .blog__sidebar__social__links a.skype {
	background: #00AFF0;
}

/*---------------------
  Blog Hero
-----------------------*/

.blog-hero {
	padding: 150px 0 140px;
}

.blog__hero__text .label {
	font-size: 12px;
	display: inline-block;
	font-weight: 700;
	color: #ffffff;
	background: #88C417;
	padding: 4px 18px 3px;
	border-radius: 2px;
	text-transform: uppercase;
}

.blog__hero__text h2 {
	font-size: 44px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 24px;
	margin-bottom: 65px;
}

.blog__hero__text ul li {
	list-style: none;
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	margin-right: 65px;
}

.blog__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__hero__text ul li i {
	color: #88C417;
	margin-right: 5px;
}

/*---------------------
  Blog Details
-----------------------*/

.blog__details__title {
	margin-bottom: 45px;
}

.blog__details__title p {
	font-size: 18px;
	color: #707070;
	line-height: 30px;
}

.blog__details__title p.first-para {
	margin-bottom: 45px;
}

.blog__details__title p .letter-cap:first-child {
	font-size: 64px;
	font-weight: 700;
	color: #323232;
	padding-right: 30px;
	float: left;
	line-height: 52px;
}

.blog__details__quote {
	text-align: center;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	padding: 35px 35px 30px;
	margin-bottom: 40px;
}

.blog__details__quote p {
	font-size: 20px;
	color: #323232;
	line-height: 32px;
	font-style: italic;
	margin-bottom: 38px;
}

.blog__details__quote h6 {
	color: #88C417;
	font-weight: 700;
}

.blog__details__text {
	margin-bottom: 65px;
}

.blog__details__text h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 15px;
}

.blog__details__text p {
	font-size: 18px;
	color: #707070;
	line-height: 30px;
}

.blog__details__text p.first-para {
	margin-bottom: 35px;
}

.blog__details__slider {
	margin-bottom: 45px;
}

.blog__details__slider.owl-carousel .owl-nav button {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #ffffff;
	color: #323232;
	line-height: 40px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	left: 75px;
	top: 50%;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}

.blog__details__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 75px;
}

.blog__details__slider.owl-carousel .owl-nav button:hover {
	background: #88C417;
	color: #ffffff;
}

.blog__details__slider__img {
	height: 700px;
}

.blog__details__tag__share {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.blog__details__tag span {
	font-size: 18px;
	color: #323232;
	font-weight: 700;
	margin-right: 10px;
}

.blog__details__tag a {
	font-size: 11px;
	color: #5c5c5c;
	text-transform: uppercase;
	display: inline-block;
	background: #f2f2f2;
	padding: 5px 20px 3px 15px;
	border-radius: 2px;
	margin-right: 6px;
	margin-bottom: 10px;
}

.blog__details__tag a:last-child {
	margin-right: 0;
}

.blog__details__share {
	text-align: right;
}

.blog__details__share span {
	font-size: 18px;
	color: #323232;
	font-weight: 700;
	margin-right: 15px;
}

.blog__details__share a {
	display: inline-block;
	color: #707070;
	margin-right: 18px;
}

.blog__details__share a:last-child {
	margin-right: 0;
}

.blog__details__control__btn {
	padding: 0 15px;
	margin-bottom: 80px;
}

.blog__details__control__btn .blog__previous__btn {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #323232;
	line-height: 25px;
	position: relative;
	padding: 30px 40px 25px 65px;
	background: #fbfafa;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.blog__details__control__btn .blog__previous__btn span {
	font-size: 30px;
	position: absolute;
	left: 25px;
	top: 41px;
}

.blog__details__control__btn .blog__next__btn {
	display: block;
	font-size: 15px;
	font-weight: 700;
	color: #323232;
	line-height: 25px;
	position: relative;
	padding: 30px 65px 25px 40px;
	background: #fbfafa;
	text-align: right;
}

.blog__details__control__btn .blog__next__btn span {
	font-size: 30px;
	position: absolute;
	right: 25px;
	top: 41px;
}

.blog__details__comment h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 45px;
}

.blog__details__comment__item {
	margin-bottom: 40px;
}

.blog__details__comment__item.reply__large .blog__details__comment__item__text:after {
	height: 265px;
}

.blog__details__comment__item.reply__item {
	padding-left: 140px;
}

.blog__details__comment__item.reply__item .blog__details__comment__item__text {
	padding-left: 0;
}

.blog__details__comment__item.reply__item .blog__details__comment__item__text:after {
	display: none;
}

.blog__details__comment__item__img {
	float: left;
	margin-right: 30px;
}

.blog__details__comment__item__img img {
	border-radius: 2px;
}

.blog__details__comment__item__text {
	display: table;
	padding-left: 30px;
	position: relative;
}

.blog__details__comment__item__text:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: rgba(0, 0, 0, 0.1);
	content: "";
}

.blog__details__comment__item__text span {
	font-size: 13px;
	color: #88C417;
}

.blog__details__comment__item__text h6 {
	color: #323232;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 6px;
}

.blog__details__comment__item__text p {
	color: #828282;
	margin-bottom: 35px;
}

.blog__details__comment__item__text a {
	font-size: 12px;
	color: #828282;
	font-weight: 700;
	display: inline-block;
	padding: 4px 25px 2px;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 8px;
	background: transparent;
}

.blog__details__comment__item__text a.reply {
	background: #88C417;
	border-color: #88C417;
	color: #ffffff;
}

.blog__details__comment__form h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 45px;
}

.blog__details__comment__form form input {
	width: 100%;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 1px;
	font-size: 15px;
	padding-left: 20px;
	color: #707070;
	margin-bottom: 20px;
}

.blog__details__comment__form form input::-webkit-input-placeholder {
	color: #707070;
}

.blog__details__comment__form form input::-moz-placeholder {
	color: #707070;
}

.blog__details__comment__form form input:-ms-input-placeholder {
	color: #707070;
}

.blog__details__comment__form form input::-ms-input-placeholder {
	color: #707070;
}

.blog__details__comment__form form input::placeholder {
	color: #707070;
}

.blog__details__comment__form form .input-list {
	margin-right: -20px;
}

.blog__details__comment__form form .input-list input {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.blog__details__comment__form form textarea {
	width: 100%;
	height: 120px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 1px;
	font-size: 15px;
	padding-left: 20px;
	padding-top: 12px;
	color: #707070;
	margin-bottom: 34px;
	resize: none;
}

.blog__details__comment__form form textarea::-webkit-input-placeholder {
	color: #707070;
}

.blog__details__comment__form form textarea::-moz-placeholder {
	color: #707070;
}

.blog__details__comment__form form textarea:-ms-input-placeholder {
	color: #707070;
}

.blog__details__comment__form form textarea::-ms-input-placeholder {
	color: #707070;
}

.blog__details__comment__form form textarea::placeholder {
	color: #707070;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 0;
	padding-bottom: 70px;
}

.contact__form {
	margin-top: -180px;
	margin-bottom: 80px;
}

.contact__form__text {
	padding: 70px;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	background: #ffffff;
}

.contact__form__text .contact__form__title {
	margin-bottom: 34px;
}

.contact__form__text .contact__form__title h2 {
	font-size: 40px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 5px;
}

.contact__form__text form input {
	width: 100%;
	height: 50px;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	font-size: 13px;
	padding-left: 20px;
	color: #707070;
	margin-bottom: 20px;
}

.contact__form__text form input::-webkit-input-placeholder {
	color: #707070;
}

.contact__form__text form input::-moz-placeholder {
	color: #707070;
}

.contact__form__text form input:-ms-input-placeholder {
	color: #707070;
}

.contact__form__text form input::-ms-input-placeholder {
	color: #707070;
}

.contact__form__text form input::placeholder {
	color: #707070;
}

.contact__form__text form .input-list {
	margin-right: -20px;
}

.contact__form__text form .input-list input {
	width: calc(50% - 20px);
	float: left;
	margin-right: 20px;
}

.contact__form__text form textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	font-size: 13px;
	padding-left: 20px;
	padding-top: 12px;
	color: #707070;
	margin-bottom: 24px;
	resize: none;
}

.contact__form__text form textarea::-webkit-input-placeholder {
	color: #707070;
}

.contact__form__text form textarea::-moz-placeholder {
	color: #707070;
}

.contact__form__text form textarea:-ms-input-placeholder {
	color: #707070;
}

.contact__form__text form textarea::-ms-input-placeholder {
	color: #707070;
}

.contact__form__text form textarea::placeholder {
	color: #707070;
}

.contact__address__item {
	margin-bottom: 30px;
	text-align: center;
}

.contact__address__item h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 25px;
}

.contact__address__item ul {
	display: inline-block;
}

.contact__address__item ul li {
	list-style: none;
	line-height: 25px;
	font-size: 15px;
	color: #5c5c5c;
	margin-bottom: 12px;
	position: relative;
	padding-left: 30px;
	text-align: left;
}

.contact__address__item ul li:last-child {
	margin-bottom: 0;
}

.contact__address__item ul li i {
	color: #88C417;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: 4px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero__text .primary-btn {
		margin-right: 15px;
		padding: 14px 30px 12px;
	}
	.header__menu ul li {
		margin-right: 40px;
	}
	.loan__services__item__text {
		bottom: -175px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__text {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.home__about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.loan__services__item {
		width: 33.33%;
	}
	.call__text {
		margin-bottom: 40px;
	}
	.about__img .play-btn {
		left: 50%;
		-webkit-transform: translate(-50px, -50px);
		-ms-transform: translate(-50px, -50px);
		transform: translate(-50px, -50px);
	}
	.history__img {
		margin-bottom: 40px;
	}
	.footer__copyright__links li {
		margin-right: 30px;
	}
	.footer__copyright__links li:after {
		right: -20px;
	}
	.header .container {
		position: relative;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #323232;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #323232;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 35px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 98;
		content: "";
		visibility: hidden;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		background: #ffffff;
		padding: 40px 40px 30px 30px;
		z-index: 99;
		overflow-y: auto;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
	}
	.offcanvas-menu-wrapper.active {
		left: 0;
		opacity: 1;
	}
	.offcanvas__logo {
		margin-bottom: 20px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_nav {
		display: block !important;
	}
	.slicknav_nav ul {
		margin: 0;
		padding: 5px 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 10px 0;
		margin: 0;
		color: #323232;
		font-weight: 600;
		border-bottom: 1px solid #323232;
	}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		border-bottom: none;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #323232;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #323232;
	}
	.offcanvas__search {
		margin-bottom: 25px;
		text-align: center;
	}
	.offcanvas__search i {
		font-size: 18px;
		color: #323232;
		cursor: pointer;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget li {
		font-size: 15px;
		color: #323232;
		list-style: none;
		line-height: 30px;
		font-weight: 600;
	}
	.offcanvas__widget li i {
		font-size: 18px;
		color: #88C417;
		margin-right: 8px;
	}
	.offcanvas__language {
		background: #88C417;
		padding: 11px 20px;
		display: inline-block;
		float: none;
		position: relative;
		cursor: pointer;
	}
	.offcanvas__language:hover ul {
		top: 40px;
		opacity: 1;
		visibility: visible;
	}
	.offcanvas__language img {
		display: inline-block;
		height: 26px;
		width: 26px;
		border-radius: 50%;
		margin-right: 6px;
	}
	.offcanvas__language span {
		font-size: 15px;
		font-weight: 700;
		color: #ffffff;
		text-transform: uppercase;
		display: inline-block;
		margin-right: 12px;
	}
	.offcanvas__language i {
		font-size: 20px;
		display: inline-block;
		color: #ffffff;
	}
	.offcanvas__language ul {
		position: absolute;
		left: 50px;
		top: 60px;
		width: 100px;
		background: #ffffff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all, 0.3s;
		-o-transition: all, 0.3s;
		transition: all, 0.3s;
		z-index: 9;
	}
	.offcanvas__language ul li {
		list-style: none;
	}
	.offcanvas__language ul li a {
		font-size: 14px;
		color: #252525;
		padding: 5px 5px 5px 15px;
		display: block;
	}
	.header__top {
		display: none;
	}
	.header__nav {
		display: none;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero__text {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.home__about__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.call__text {
		margin-bottom: 40px;
	}
	.about__img .play-btn {
		left: 50%;
		-webkit-transform: translate(-50px, -50px);
		-ms-transform: translate(-50px, -50px);
		transform: translate(-50px, -50px);
	}
	.history__img {
		margin-bottom: 40px;
	}
	.loan__services__item {
		width: 50%;
	}
	.contact__widget__phone {
		text-align: left;
	}
	.contact__widget__item {
		margin-bottom: 30px;
	}
	.footer__copyright__links {
		text-align: center;
		margin-bottom: 20px;
	}
	.footer__copyright__text {
		text-align: center;
	}
	.team .text-right {
		text-align: left !important;
	}
	.team .section-title {
		margin-bottom: 30px;
	}
	.team .primary-btn {
		margin-bottom: 30px;
	}
	.services__details__calculator__total {
		margin-top: 0;
		padding-top: 40px;
	}
	.services__details__calculator h2 {
		margin-bottom: 50px;
	}
	.blog__sidebar {
		margin-top: 40px;
	}
	.blog__details__share {
		text-align: left;
		margin-top: 15px;
	}
	.blog__details__comment__form form .input-list {
		margin-right: 0;
	}
	.blog__details__comment__form form .input-list input {
		width: 100%;
		float: n;
		margin-right: 0;
	}
	.contact__form__text form .input-list {
		margin-right: 0;
	}
	.contact__form__text form .input-list input {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.header .container {
		position: relative;
	}
	.canvas__open {
		display: block;
		font-size: 22px;
		color: #323232;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: 1px solid #323232;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 35px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 98;
		content: "";
		visibility: hidden;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		background: #ffffff;
		padding: 40px 40px 30px 30px;
		z-index: 99;
		overflow-y: auto;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
	}
	.offcanvas-menu-wrapper.active {
		left: 0;
		opacity: 1;
	}
	.offcanvas__logo {
		margin-bottom: 20px;
	}
	.offcanvas__logo a {
		display: inline-block;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 20px;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_nav {
		display: block !important;
	}
	.slicknav_nav ul {
		margin: 0;
		padding: 5px 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 10px 0;
		margin: 0;
		color: #323232;
		font-weight: 600;
		border-bottom: 1px solid #323232;
	}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		border-bottom: none;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #323232;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #323232;
	}
	.offcanvas__search {
		margin-bottom: 25px;
		text-align: center;
	}
	.offcanvas__search i {
		font-size: 18px;
		color: #323232;
		cursor: pointer;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget li {
		font-size: 15px;
		color: #323232;
		list-style: none;
		line-height: 30px;
		font-weight: 600;
	}
	.offcanvas__widget li i {
		font-size: 18px;
		color: #88C417;
		margin-right: 8px;
	}
	.offcanvas__language {
		background: #88C417;
		padding: 11px 20px;
		display: inline-block;
		float: none;
		position: relative;
		cursor: pointer;
	}
	.offcanvas__language:hover ul {
		top: 40px;
		opacity: 1;
		visibility: visible;
	}
	.offcanvas__language img {
		display: inline-block;
		height: 26px;
		width: 26px;
		border-radius: 50%;
		margin-right: 6px;
	}
	.offcanvas__language span {
		font-size: 15px;
		font-weight: 700;
		color: #ffffff;
		text-transform: uppercase;
		display: inline-block;
		margin-right: 12px;
	}
	.offcanvas__language i {
		font-size: 20px;
		display: inline-block;
		color: #ffffff;
	}
	.offcanvas__language ul {
		position: absolute;
		left: 50px;
		top: 60px;
		width: 100px;
		background: #ffffff;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all, 0.3s;
		-o-transition: all, 0.3s;
		transition: all, 0.3s;
		z-index: 9;
	}
	.offcanvas__language ul li {
		list-style: none;
	}
	.offcanvas__language ul li a {
		font-size: 14px;
		color: #252525;
		padding: 5px 5px 5px 15px;
		display: block;
	}
	.header__top {
		display: none;
	}
	.header__nav {
		display: none;
	}
	.search-model-form input {
		width: 100%;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__form form .input-list {
		margin-right: 0;
	}
	.hero__form form .input-list .input-list-item {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.hero__form .site-btn {
		padding: 14px 20px 12px;
	}
	.loan__services__item {
		width: 100%;
	}
	.footer__copyright__links li {
		margin-right: 12px;
	}
	.footer__copyright__links li:after {
		right: -10px;
	}
	.services__details__calculator__item .price-input {
		position: relative;
		top: 0;
		margin-top: 25px;
	}
	.services__details__calculator__item {
		margin-bottom: 30px;
	}
	.blog__hero__text h2 {
		font-size: 30px;
	}
	.blog__hero__text ul li {
		margin-right: 10px;
	}
	.blog__details__slider.owl-carousel .owl-nav button {
		left: 30px;
	}
	.blog__details__slider.owl-carousel .owl-nav button.owl-next {
		left: auto;
		right: 30px;
	}
	.blog__details__comment__item.reply__item {
		padding-left: 10%;
	}
	.blog__details__comment__item__img {
		float: none;
		margin-bottom: 15px;
	}
	.blog__details__comment__item__text {
		padding-left: 0;
	}
	.blog__details__comment__item.reply__large .blog__details__comment__item__text:after,
	.blog__details__comment__item__text:after {
		display: none;
	}
	.blog__details__comment__item__text a {
		margin-bottom: 10px;
	}
	.contact__form__text {
		padding: 30px;
	}
	.search-model-form input {
		font-size: 24px;
	}
}


/* =============================================================
   SHIVANSHAM MICRO FINANCE - CSS for all remaining sections
   Brand colors: purple #6c2bd9 / #6B14AA
   ============================================================= */

:root{
	--purple: #6c2bd9;
	--purple-dark: #5a22b8;
	--purple-2: #6B14AA;
	--black: #181818;
	--gray-text: #666666;
}

.section-title{
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#323232;
	padding-bottom:12px;
	margin-bottom:15px;
}
.section-title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:var(--purple);
}
.text-center .section-title::after{
	left:50%;
	transform:translateX(-50%);
}

.section-heading{
	margin-bottom:45px;
}
.section-heading h2{
	font-size:36px;
	font-weight:800;
	color:var(--black);
}

/* ===== Vision & Mission ===== */
.vision-mission{
	padding:60px 0;
	background:#faf8ff;
}
.vm__icon{
	width:110px;
	height:110px;
	border-radius:50%;
	background:var(--purple);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:44px;
	color:#ffffff;
	margin:0 auto;
}
.vm__text h3{
	font-size:20px;
	font-weight:700;
	color:var(--black);
	margin-bottom:10px;
	margin-top:20px;
}
.vm__text p{
	color:var(--gray-text);
	line-height:1.7;
	margin-bottom:0;
}
/* ===== Services ===== */

.services{
    padding:80px 0;
}

.service__card{
    background:#fff;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    margin-bottom:30px;
}

.service__img{
    height:180px;
    overflow:hidden;
}

.service__img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.service__body{
    padding:28px 25px;
    position:relative;
}

.service__icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#F4ECFB;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
}

.service__icon i{
    font-size:28px;
    color:#9C62C6;
}

.service__body h4{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:12px;
}

.service__body p{
    color:#666;
    font-size:14px;
    line-height:1.8;
    margin-bottom:20px;
}

.service__arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#9C62C6;
    color:#fff;
    font-size:18px;
    text-decoration:none;
}

.service__arrow:hover{
    background:#9C62C6;
    color:#fff;
}


/* ===== Flexible Loans ===== */
.flexible-loans{
	padding:70px 0;
	background:#faf8ff;
}
.flexible-loans h2{
	font-size:32px;
	font-weight:800;
	color:var(--black);
}
.flexible-loans p{
	color:var(--gray-text);
	line-height:1.8;
}
.flexible-loans__item{
	margin-top:40px;
	text-align:center;
	padding:0 15px;
}
.flexible-loans__icon{
	width:70px;
	height:70px;
	border-radius:50%;
	background:#f3ecff;
	color:var(--purple);
	font-size:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px;
}
.flexible-loans__item h4{
	font-size:17px;
	font-weight:700;
	color:var(--black);
}

.flexible-loans__icon{
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#F4ECFB;
    border-radius:50%;
    margin:0 auto 15px;
}

.flexible-loans__icon i{
    font-size:30px;
    color:#9C62C6;
}

/* ===== Trusted / Steps ===== */
.trusted{
	padding:80px 0;
}
.trusted h2{
	font-size:32px;
	font-weight:800;
	color:var(--black);
	margin-bottom:20px;
}
.trusted p{
	color:var(--gray-text);
	line-height:1.8;
	margin-bottom:25px;
}
.trusted__loan-types a{
	display:block;
	color:var(--black);
	font-weight:600;
	font-size:14px;
	padding:8px 0;
	text-decoration:none;
}
.trusted__loan-types a:hover{
	color:var(--purple);
}

.trusted__steps{
	background:var(--purple);
	border-radius:6px;
	padding:35px 30px;
}
.trusted__step{
	display:flex;
	align-items:flex-start;
	gap:18px;
	background:rgba(255,255,255,.08);
	border-radius:4px;
	padding:18px 20px;
	margin-bottom:15px;
}
.trusted__step:last-child{
	margin-bottom:0;
}
.trusted__step-num{
	flex-shrink:0;
	width:36px;
	height:36px;
	border-radius:50%;
	background:#ffffff;
	color:var(--purple);
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
}
.trusted__step p{
	color:#ffffff;
	margin-bottom:0;
	font-size:15px;
}

/* ===== Our Team ===== */
.team{
	padding:80px 0;
	background:#faf8ff;
}
.team__member{
	text-align:center;
	margin-bottom:30px;
}
.team__member img{
	width:100%;
	border-radius:6px;
	margin-bottom:20px;
}
.team__member h4{
	font-size:18px;
	font-weight:700;
	color:var(--black);
	margin-bottom:5px;
}
.team__member span{
	color:var(--gray-text);
	font-size:13px;
	letter-spacing:.5px;
	text-transform:uppercase;
}

/* ===== Testimonials ===== */
.testimonials{
	padding:80px 0;
}
.testimonial__card{
	background:#ffffff;
	border:1px solid #eee;
	border-radius:6px;
	padding:30px 25px;
	margin-bottom:30px;
}
.testimonial__card p{
	color:var(--gray-text);
	line-height:1.8;
	margin-bottom:22px;
	font-size:14px;
}
.testimonial__author{
	display:flex;
	align-items:center;
	gap:15px;
}
.testimonial__author img{
	width:50px;
	height:50px;
	border-radius:50%;
	object-fit:cover;
}
.testimonial__author h5{
	font-size:15px;
	font-weight:700;
	color:var(--black);
	margin-bottom:2px;
}
.testimonial__author span{
	font-size:13px;
	color:var(--gray-text);
}

/* ===== Why Choose Us ===== */
.why-choose{
	padding:80px 0;
	background:#faf8ff;
}
.why-choose__img{
	position:relative;
}
.why-choose__img img{
	width:100%;
	border-radius:6px;
}
.why-choose__badge{
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
	background:#ffffff;
	border-radius:6px;
	padding:14px 18px;
	font-weight:700;
	font-size:14px;
	color:var(--black);
	box-shadow:0 10px 25px rgba(0,0,0,.1);
}
.why-choose__badge span{
	color:var(--purple);
}
.why-choose h2{
	font-size:32px;
	font-weight:800;
	color:var(--black);
	margin-bottom:18px;
}
.why-choose > .col-lg-7 > p{
	color:var(--gray-text);
	line-height:1.8;
	margin-bottom:30px;
}
.why-choose__feature{
	margin-bottom:25px;
}
.why-choose__icon{
	font-size:26px;
	margin-bottom:12px;
}
.why-choose__feature h4{
	font-size:16px;
	font-weight:700;
	color:var(--black);
	margin-bottom:8px;
}
.why-choose__feature p{
	color:var(--gray-text);
	font-size:14px;
	line-height:1.6;
}

.why-choose__progress{
	margin-top:10px;
}
.progress__item{
	margin-bottom:20px;
}
.progress__item span{
	display:block;
	font-weight:600;
	color:var(--black);
	margin-bottom:8px;
	font-size:14px;
}
.progress__bar{
	width:100%;
	height:8px;
	background:#ece4fa;
	border-radius:10px;
	overflow:hidden;
}
.progress__fill{
	height:100%;
	background:var(--purple);
	border-radius:10px;
}

/* ===== Stats Banner ===== */
.stats{
	background:linear-gradient(90deg, var(--purple), var(--purple-dark));
	padding:50px 0;
}
.stats__item h3{
	font-size:40px;
	font-weight:800;
	color:#ffffff;
	margin-bottom:8px;
}
.stats__item span{
	color:#e4d9ff;
	font-size:14px;
	font-weight:500;
}

/* ===== News & Articles ===== */
.news{
	padding:80px 0;
}
.news__card{
	background:#ffffff;
	border-radius:6px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,.06);
	margin-bottom:30px;
}
.news__img{
	height:200px;
	overflow:hidden;
}
.news__img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.news__body{
	padding:25px;
}
.news__meta{
	display:flex;
	gap:15px;
	font-size:13px;
	color:var(--gray-text);
	margin-bottom:12px;
}
.news__body h4{
	font-size:18px;
	font-weight:700;
	margin-bottom:18px;
	line-height:1.4;
}
.news__body h4 a{
	color:var(--black);
	text-decoration:none;
}
.news__body h4 a:hover{
	color:var(--purple);
}
.news__footer{
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-top:1px solid #eee;
	padding-top:15px;
	font-size:13px;
	color:var(--gray-text);
}
.news__readmore{
	color:var(--purple);
	font-weight:600;
	text-decoration:none;
}

/* ===== CTA Banner ===== */
.cta{
	background:linear-gradient(90deg, #b79cf0, var(--purple));
	padding:55px 0;
}
.cta__eyebrow{
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	display:block;
	margin-bottom:10px;
}
.cta h2{
	color:#ffffff;
	font-size:32px;
	font-weight:800;
	margin-bottom:0;
}
.cta__btn{
	display:inline-block;
	background:#ffffff;
	color:var(--purple);
	font-weight:700;
	padding:16px 34px;
	border-radius:4px;
	text-decoration:none;
}
.cta__btn:hover{
	background:#f0e6ff;
}

/* ===== Core Values ===== */
.core-values{
	padding:40px 0;
}
.core-values__title{
	color:#6c2bd9;
	font-weight:800;
	font-size:38px;
	line-height:1.3;
}
.core-values__img img{
	max-width:100%;
	height:auto;
	display:block;
	margin-left:auto;
}

@media (max-width: 992px){
	.core-values__title{
		font-size:28px;
		text-align:center;
		margin-bottom:30px;
	}
	.core-values__img img{
		margin:0 auto;
	}
}
/* ===== Partners ===== */
.partners{
	padding:70px 0;
}
.partners__row{
	display:flex;
	align-items:center;
	margin-bottom:60px;
	gap:30px;
}
.partners__label{
	flex:0 0 260px;
	max-width:260px;
}
.partners__label h5{
	font-size:26px;
	font-weight:800;
	color:#6c2bd9;
	margin:0;
	line-height:1.3;
}
.partners__carousel{
	flex:1;
	min-width:0; /* important - flex item ला shrink karण्यासाठी */
	position:relative;
}

/* logo boxes */
.partners__slider .col-item{
	padding:0 10px;
}
.partners__slider .col-item img{
	width:100%;
	height:auto;
	display:block;
	border-radius:6px;
	box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* dots - center niche, image sarkhe */
.partners__slider .owl-dots{
	text-align:center;
	margin-top:18px;
}
.partners__slider .owl-dot span{
	width:8px;
	height:8px;
	margin:0 4px;
	background:#d9d9d9;
	border-radius:50%;
	display:inline-block;
}
.partners__slider .owl-dot.active span{
	background:#222222;
}

.partners__slider .owl-nav{
	display:none;
}

@media (max-width: 992px){
	.partners__row{
		flex-direction:column;
		align-items:flex-start;
		gap:15px;
	}
	.partners__label{
		flex:none;
		max-width:100%;
	}
	.partners__carousel{
		width:100%;
	}
}

/* ===== Footer ===== */
/* ===== Footer ===== */
.footer{
	background:#0f1b34;
	color:#b8c2d9;
	padding:80px 0 0;
	overflow-x:hidden; /* extra safety - kontahi child overflow zala tar page scroll hoNar nahi */
	width:100%;
}
.footer *{
	box-sizing:border-box;
}
.footer h5{
	color:#ffffff;
	font-size:22px;
	font-weight:800;
	margin-bottom:28px;
}

/* --- About --- */
.footer__logo{
	max-width:180px;
	width:100%;
	height:auto;
	margin-bottom:24px;
}
.footer__about p{
	font-size:15px;
	line-height:1.8;
	color:#b8c2d9;
	margin-bottom:28px;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.footer__call{
	display:flex;
	align-items:center;
	gap:14px;
	border-top:1px solid rgba(255,255,255,.1);
	padding-top:24px;
	flex-wrap:wrap;
}
.footer__call-icon{
	width:46px;
	height:46px;
	flex-shrink:0;
	border-radius:50%;
	background:rgba(108,43,217,.15);
	color:#8b5cf6;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
}
.footer__call-label{
	display:block;
	font-size:12px;
	color:#8892ab;
	margin-bottom:4px;
}
.footer__call a,
.footer__contact-call a{
	color:#ffffff;
	font-size:18px;
	font-weight:800;
	text-decoration:none;
	word-break:break-word;
}

/* --- Explore links --- */
.footer__links{
	list-style:none;
	padding:0;
	margin:0;
}
.footer__links li{
	margin-bottom:16px;
}
.footer__links a{
	color:#b8c2d9;
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	display:flex;
	align-items:center;
	gap:10px;
	transition:.25s;
	word-break:break-word;
}
.footer__links a i{
	color:#8b5cf6;
	font-size:13px;
	flex-shrink:0;
}
.footer__links a:hover{
	color:#ffffff;
	transform:translateX(4px);
}

/* --- Latest News --- */
.footer__news{
	list-style:none;
	padding:0;
	margin:0;
}
.footer__news li{
	margin-bottom:22px;
}
.footer__news a{
	display:flex;
	gap:14px;
	text-decoration:none;
	align-items:flex-start;
	min-width:0; /* important - text la properly wrap krnyasathi */
}
.footer__news img{
	width:70px;
	height:70px;
	object-fit:cover;
	border-radius:6px;
	flex-shrink:0;
}
.footer__news a > div{
	min-width:0; /* important - overflow fix */
	flex:1;
}
.footer__news-icon{
	margin-right:4px;
}
.footer__news-title{
	display:block;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	line-height:1.4;
	margin-bottom:6px;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.footer__news a:hover .footer__news-title{
	color:#8b5cf6;
}
.footer__news time{
	display:block;
	font-size:13px;
	color:#8892ab;
}

/* --- Contact --- */
.footer__contact{
	list-style:none;
	padding:0;
	margin:0;
}
.footer__contact > li{
	display:flex;
	align-items:flex-start;
	gap:14px;
	margin-bottom:22px;
	min-width:0;
}
.footer__contact-icon{
	width:38px;
	height:38px;
	flex-shrink:0;
	border-radius:50%;
	background:rgba(108,43,217,.15);
	color:#8b5cf6;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
}
.footer__contact a{
	color:#b8c2d9;
	text-decoration:none;
	font-size:15px;
	word-break:break-word;
}
.footer__contact a:hover{
	color:#ffffff;
}
.footer__contact address{
	font-style:normal;
	color:#b8c2d9;
	font-size:15px;
	line-height:1.6;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.footer__contact-call{
	align-items:center;
}

/* --- Bottom bar --- */
.footer__bottom{
	border-top:1px solid rgba(255,255,255,.1);
	margin-top:50px;
	padding:22px 0;
	text-align:center;
	font-size:14px;
	color:#8892ab;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.footer__bottom a{
	color:#c084fc;
	text-decoration:none;
	font-weight:700;
}
.footer__bottom a:hover{
	text-decoration:underline;
}

/* ===== Responsive - all devices ===== */
@media (max-width: 992px){
	.footer{
		padding:60px 0 0;
	}
	.footer .row > div{
		margin-bottom:40px;
	}
}

@media (max-width: 768px){
	.footer h5{
		font-size:20px;
	}
}

@media (max-width: 576px){
	.footer{
		padding:50px 0 0;
	}
	.footer h5{
		font-size:19px;
	}
	.footer__news a{
		flex-direction:row;
	}
	.footer__news img{
		width:60px;
		height:60px;
	}
	.footer__call,
	.footer__contact > li{
		gap:12px;
	}
	.footer__call a,
	.footer__contact-call a{
		font-size:16px;
	}
}

@media (max-width: 400px){
	.footer__news a{
		flex-direction:column;
	}
	.footer__news img{
		width:100%;
		height:160px;
	}
}

/* =============================================================
   RESPONSIVE - all devices
   ============================================================= */
@media (max-width: 992px){
	.section-heading h2{font-size:28px;}
	.services, .flexible-loans, .trusted, .team, .testimonials,
	.why-choose, .news, .partners{padding:55px 0;}
	.trusted__steps{margin-top:30px;}
	.why-choose__img{margin-bottom:30px;}
	.cta .col-lg-4{margin-top:20px;text-align:left !important;}
}

@media (max-width: 768px){
	.vm__icon{margin-bottom:20px;}
	.flexible-loans__item{margin-top:25px;}
	.stats__item{margin-bottom:20px;}
	.stats__item h3{font-size:32px;}
}

@media (max-width: 576px){
	.section-heading h2{font-size:24px;}
	.trusted__steps{padding:25px 18px;}
	.trusted__step{padding:14px 15px;gap:12px;}
	.cta h2{font-size:24px;}
	.footer{padding-top:50px;}
}


/* main about section	 */

/* =============================================================
   SHIVANSHAM MICRO FINANCE - About Page Sections CSS
   Brand colors: purple #6c2bd9 / #6B14AA
   ============================================================= */

:root{
	--purple: #6c2bd9;
	--purple-dark: #5a22b8;
	--black: #181818;
	--gray-text: #666666;
}

.section-title{
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#323232;
	padding-bottom:12px;
	margin-bottom:15px;
}
.section-title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:var(--purple);
}
.text-center .section-title::after{
	left:50%;
	transform:translateX(-50%);
}
.section-heading{
	margin-bottom:45px;
}
.section-heading h2{
	font-size:36px;
	font-weight:800;
	color:var(--black);
}

/* ===== Page Banner / Breadcrumb ===== */
.page-banner{
	position:relative;
	background-size:cover;
	background-position:center;
	padding:110px 0 60px;
}
.page-banner::before{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(15,15,25,.55);
}
.page-banner .container{
	position:relative;
	z-index:2;
}
.page-banner__breadcrumb{
	display:inline-block;
	background:rgba(255,255,255,.15);
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	padding:8px 20px;
	border-radius:4px;
	margin-bottom:20px;
}
.page-banner__breadcrumb a{
	color:#ffffff;
	text-decoration:none;
}
.page-banner h1{
	color:#ffffff;
	font-size:44px;
	font-weight:800;
	margin:0;
}

/* ===== Image Gallery ===== */
.about-gallery{
	padding:70px 0 20px;
}
.about-gallery__img{
	border-radius:6px;
	overflow:hidden;
}
.about-gallery__img--tall{
	height:400px; /* dogha equal height */
}
.about-gallery__img--tall img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.about-gallery__img img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.about-gallery__stack{
	display:flex;
	flex-direction:column;
	gap:0;
}
.about-gallery__stack .about-gallery__img{
	height:107px;
	margin-bottom:12px;
}
.about-gallery__stack .about-gallery__img:last-child{
	margin-bottom:0;
}

.about-gallery__promo{
	position:relative;
	background:#f3f0f8;
	border-radius:6px;
	height:100%;
	min-height:340px;
	padding:40px 30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	overflow:hidden;
}
.about-gallery__promo-badge{
	color:var(--purple);
	font-size:20px;
	margin-bottom:15px;
}
.about-gallery__promo h3{
	color:var(--purple-dark);
	font-size:28px;
	font-weight:800;
	line-height:1.3;
	margin-bottom:25px;
}
.about-gallery__promo .site-btn{
	display:inline-block;
	width:fit-content;
	background:var(--purple);
	color:#ffffff;
	font-weight:700;
	font-size:14px;
	padding:12px 26px;
	border-radius:4px;
	text-decoration:none;
}
.about-gallery__promo .site-btn:hover{
	background:var(--purple-dark);
}

/* ===== Company Intro + Vision/Mission ===== */
.about-intro{
	padding:60px 0;
}
.about-intro h2{
	font-size:34px;
	font-weight:800;
	color:var(--black);
	line-height:1.3;
}
.about-intro h4{
	font-size:17px;
	font-weight:700;
	color:var(--black);
	margin-bottom:15px;
}
.about-intro p{
	color:var(--gray-text);
	line-height:1.8;
	margin-bottom:18px;
}

.about-intro__vm{
	margin-top:50px;
}
.about-intro__vm-icon{
	position:relative;
	background:#f3f0f8;
	border-radius:6px;
	min-height:220px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.vm-circle{
	position:absolute;
	width:90px;
	height:90px;
	border-radius:50%;
	border:3px solid var(--purple);
	background:#ffffff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:26px;
	color:var(--purple);
}
.vm-circle--1{
	left:35%;
	top:30%;
	transform:translate(-50%,-50%);
	z-index:2;
}
.vm-circle--2{
	left:55%;
	top:55%;
	transform:translate(-50%,-50%);
	z-index:1;
	background:var(--purple);
	color:#ffffff;
}
.about-intro__vm h3{
	font-size:20px;
	font-weight:700;
	color:var(--black);
	margin-bottom:10px;
}
.about-intro__vm p{
	margin-bottom:20px;
}

/* ===== Testimonials ===== */
.testimonials{
	padding:70px 0 40px;
}
.testimonial__card{
	position:relative;
	border-left:2px solid #e2d9f5;
	padding:5px 25px 5px 30px;
	margin-bottom:30px;
}
.testimonial__card p{
	color:var(--gray-text);
	font-size:15px;
	line-height:1.8;
	margin-bottom:22px;
}
.testimonial__quote-icon{
	display:none;
}
.testimonial__author{
	display:flex;
	align-items:center;
	gap:14px;
}
.testimonial__author img{
	width:46px;
	height:46px;
	border-radius:50%;
	object-fit:cover;
}
.testimonial__author h5{
	font-size:16px;
	font-weight:700;
	color:var(--purple);
	margin-bottom:2px;
}
.testimonial__author span{
	font-size:13px;
	color:var(--gray-text);
}

.testimonials__dots{
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:20px;
}
.testimonials__dots button{
	width:9px;
	height:9px;
	border-radius:50%;
	border:none;
	background:#ddd;
	padding:0;
	cursor:pointer;
}
.testimonials__dots button.active{
	background:var(--purple);
}

/* ===== Our Team ===== */
.team{
	padding:20px 0 70px;
}
.team__member{
	text-align:center;
	margin-bottom:30px;
}
.team__member img{
	width:100%;
	border-radius:6px;
	margin-bottom:20px;
}
.team__member h4{
	font-size:18px;
	font-weight:700;
	color:var(--black);
	margin-bottom:5px;
}
.team__member span{
	color:var(--gray-text);
	font-size:13px;
	letter-spacing:.5px;
	text-transform:uppercase;
}

/* ===== Video Banner ===== */
.video-banner{
	position:relative;
	background-size:cover;
	background-position:center;
	background-attachment:scroll;
	min-height:420px;
	display:flex;
	align-items:center;
}
.video-banner__overlay{
	background:rgba(15,15,25,.45);
	width:100%;
	padding:100px 0;
}
.video-banner__content{
	text-align:center;
}
.video-banner__play{
	width:70px;
	height:70px;
	border-radius:50%;
	background:var(--purple);
	color:#ffffff;
	border:none;
	font-size:22px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 30px;
	cursor:pointer;
}
.video-banner__play:hover{
	background:var(--purple-dark);
}
.video-banner__content h2{
	color:#ffffff;
	font-size:42px;
	font-weight:800;
	max-width:700px;
	margin:0 auto;
	line-height:1.3;
}

/* ===== Stats Banner ===== */
.stats{
	background:linear-gradient(90deg, var(--purple), var(--purple-dark));
	padding:50px 0;
}
.stats__item h3{
	font-size:40px;
	font-weight:800;
	color:#ffffff;
	margin-bottom:8px;
}
.stats__item span{
	color:#e4d9ff;
	font-size:14px;
	font-weight:500;
}

/* ===== Brand / Partner Logos ===== */
.brand-logos{
	padding:60px 0;
}
.brand-logos img{
	max-width:100%;
	height:auto;
	filter:grayscale(0%);
	margin:0 auto;
	display:block;
}

/* ===== Career CTA ===== */
.career-cta{
	padding:70px 0 90px;
}
.career-cta__img img{
	width:100%;
	border-radius:6px;
}
.career-cta h2{
	color:var(--purple-dark);
	font-size:32px;
	font-weight:800;
	margin-bottom:20px;
}
.career-cta p{
	color:var(--gray-text);
	line-height:1.8;
	margin-bottom:28px;
}
.career-cta__btn{
	display:inline-block;
	background:#22c55e;
	color:#ffffff;
	font-weight:700;
	font-size:15px;
	padding:14px 32px;
	border-radius:4px;
	text-decoration:none;
}
.career-cta__btn:hover{
	background:#16a34a;
}

/* =============================================================
   RESPONSIVE - all devices
   ============================================================= */
@media (max-width: 992px){
	.page-banner{padding:90px 0 50px;}
	.page-banner h1{font-size:34px;}
	.about-gallery__img--tall,
	.about-gallery__promo{min-height:260px;}
	.about-gallery__stack{margin-top:20px;}
	.section-heading h2{font-size:28px;}
	.about-intro h2{font-size:28px;}
	.about-intro__vm-icon{min-height:180px;margin-bottom:30px;}
	.video-banner__content h2{font-size:32px;}
	.career-cta__img{margin-bottom:30px;}
}

@media (max-width: 768px){
	.about-gallery__stack .about-gallery__img{height:90px;}
	.video-banner__overlay{padding:70px 0;}
	.stats__item{margin-bottom:20px;}
	.stats__item h3{font-size:32px;}
}

@media (max-width: 576px){
	.page-banner h1{font-size:28px;}
	.about-gallery__promo h3{font-size:22px;}
	.about-gallery{padding:50px 0 10px;}
	.about-intro{padding:40px 0;}
	.testimonial__card{padding:5px 15px 5px 20px;}
	.video-banner__content h2{font-size:24px;}
	.video-banner__play{width:56px;height:56px;font-size:18px;}
	.brand-logos img{max-width:110px;}
	.career-cta h2{font-size:26px;}
}

/* becam a partnwr */


/* ===== Get in Touch / Ask Query Section ===== */
:root{
	--purple: #6c2bd9;
	--purple-dark: #5a22b8;
	--black: #181818;
	--gray-text: #666666;
}

.section-title{
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#323232;
	padding-bottom:12px;
	margin-bottom:15px;
}
.section-title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:var(--purple);
}

.contact-query{
	padding:80px 0;
}

.contact-query h2{
	font-size:38px;
	font-weight:800;
	color:var(--black);
	margin-bottom:35px;
}

.contact-query__list{
	list-style:none;
	padding:0;
	margin:0;
}

.contact-query__item{
	display:flex;
	align-items:flex-start;
	gap:22px;
	padding-bottom:28px;
	margin-bottom:28px;
	border-bottom:1px solid #e9e9e9;
}
.contact-query__item--last{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}

.contact-query__icon{
	flex-shrink:0;
	width:48px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--purple);
	font-size:24px;
}

.contact-query__item h4{
	font-size:19px;
	font-weight:700;
	color:var(--black);
	margin-bottom:8px;
}

.contact-query__item a{
	display:block;
	color:var(--gray-text);
	font-size:15px;
	text-decoration:none;
	line-height:1.6;
}
.contact-query__item a:hover{
	color:var(--purple);
}

.contact-query__item address{
	font-style:normal;
	color:var(--gray-text);
	font-size:15px;
	line-height:1.6;
	max-width:320px;
}

/* ===== Form Card ===== */
.contact-query__card{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0 20px 50px rgba(0,0,0,.08);
	padding:45px 40px;
}

.contact-query__field{
	margin-bottom:24px;
}

.contact-query__field label{
	display:block;
	font-size:15px;
	color:#323232;
	margin-bottom:10px;
}

.contact-query__field input{
	width:100%;
	height:50px;
	border:1px solid #e2e2e2;
	border-radius:4px;
	background:#ffffff;
	padding:0 15px;
	font-size:15px;
	color:#323232;
	outline:none;
	transition:border-color .2s ease;
}
.contact-query__field input:focus{
	border-color:var(--purple);
}

.contact-query__submit{
	background:transparent;
	border:1px solid #e2417a;
	color:#e2417a;
	font-weight:600;
	font-size:15px;
	padding:12px 34px;
	border-radius:4px;
	cursor:pointer;
	transition:all .3s ease;
}
.contact-query__submit:hover{
	background:#e2417a;
	color:#ffffff;
}

/* ===== Responsive - all devices ===== */
@media (max-width: 992px){
	.contact-query h2{font-size:30px;}
	.contact-query__card{
		margin-top:40px;
		padding:35px 25px;
	}
}

@media (max-width: 576px){
	.contact-query{padding:55px 0;}
	.contact-query h2{font-size:26px;}
	.contact-query__item{
		gap:15px;
		padding-bottom:22px;
		margin-bottom:22px;
	}
	.contact-query__icon{
		width:40px;
		height:40px;
		font-size:20px;
	}
	.contact-query__item h4{font-size:17px;}
	.contact-query__card{
		padding:28px 20px;
	}
}



/* ===== Carrier Application Section ===== */
:root{
	--purple: #6c2bd9;
	--purple-dark: #5a22b8;
	--black: #181818;
}

.section-title{
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#323232;
	padding-bottom:12px;
	margin-bottom:15px;
}
.section-title--center::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:60px;
	height:3px;
	background:var(--purple);
}

.career-form{
	padding:80px 0;
}

.career-form h2{
	font-size:38px;
	font-weight:800;
	color:var(--black);
	margin-bottom:50px;
}

.career-form__wrapper{
	display:flex;
	justify-content:center;
}

.career-form__card{
	background:var(--purple);
	border-radius:8px;
	box-shadow:0 20px 45px rgba(0,0,0,.15);
	padding:45px 50px;
	width:100%;
	max-width:520px;
	text-align:left;
}

.career-form__field{
	margin-bottom:20px;
}

.career-form__field label{
	display:block;
	color:#ffffff;
	font-weight:700;
	font-size:15px;
	margin-bottom:8px;
}

.career-form__field input[type="text"],
.career-form__field input[type="email"],
.career-form__field input[type="tel"]{
	width:100%;
	height:46px;
	border:none;
	border-radius:4px;
	background:#ffffff;
	padding:0 15px;
	font-size:15px;
	color:#323232;
	outline:none;
}

.career-form__field--file input[type="file"]{
	width:100%;
	color:#ffffff;
	font-size:14px;
}
.career-form__field--file input[type="file"]::file-selector-button{
	background:#e9e9e9;
	color:#323232;
	border:none;
	border-radius:4px;
	padding:8px 16px;
	font-size:14px;
	margin-right:12px;
	cursor:pointer;
}
.career-form__field--file input[type="file"]::file-selector-button:hover{
	background:#d9d9d9;
}

.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

.career-form__submit{
	background:#e2417a;
	border:none;
	color:#ffffff;
	font-weight:600;
	font-size:15px;
	padding:12px 34px;
	border-radius:4px;
	cursor:pointer;
	margin-top:10px;
	transition:background .3s ease;
}
.career-form__submit:hover{
	background:#c62e63;
}

/* ===== Responsive - all devices ===== */
@media (max-width: 992px){
	.career-form h2{font-size:30px;}
	.career-form__card{
		padding:35px 30px;
	}
}

@media (max-width: 576px){
	.career-form{padding:55px 0;}
	.career-form h2{font-size:26px;}
	.career-form__card{
		padding:28px 20px;
		border-radius:6px;
	}
	.career-form__field input[type="text"],
	.career-form__field input[type="email"],
	.career-form__field input[type="tel"]{
		height:42px;
		font-size:14px;
	}
}

/* how it eork */

/* =============================================================
   SHIVANSHAM MICRO FINANCE - "How It Works" Page Sections CSS
   ============================================================= */

:root{
	--purple: #6c2bd9;
	--purple-dark: #5a22b8;
	--black: #181818;
	--gray-text: #666666;
}

.section-title{
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#323232;
	padding-bottom:12px;
	margin-bottom:15px;
}
.section-title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:var(--purple);
}

/* ===== 4-Step Process Cards ===== */
.how-steps{
	padding:70px 0;
	margin-top:-60px;
	position:relative;
	z-index:5;
}
.how-steps__card{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0 15px 35px rgba(0,0,0,.08);
	padding:40px 25px;
	text-align:center;
	margin-bottom:25px;
	height:100%;
}
.how-steps__icon{
	font-size:32px;
	color:var(--purple);
	margin-bottom:20px;
}
.how-steps__card h3{
	font-size:20px;
	font-weight:700;
	color:var(--black);
	margin-bottom:14px;
}
.how-steps__card p{
	color:var(--gray-text);
	font-size:14px;
	line-height:1.7;
	margin-bottom:0;
}

/* ===== Video Banner ===== */
.video-banner{
	position:relative;
	background-size:cover;
	background-position:center;
	min-height:420px;
	display:flex;
	align-items:center;
}
.video-banner__overlay{
	background:rgba(15,15,25,.45);
	width:100%;
	padding:100px 0;
}
.video-banner__content{
	text-align:center;
}
.video-banner__play{
	width:70px;
	height:70px;
	border-radius:50%;
	background:var(--purple);
	color:#ffffff;
	border:none;
	font-size:22px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 30px;
	cursor:pointer;
}
.video-banner__play:hover{
	background:var(--purple-dark);
}
.video-banner__content h2{
	color:#ffffff;
	font-size:42px;
	font-weight:800;
	max-width:750px;
	margin:0 auto;
	line-height:1.3;
}

/* ===== Process Section ===== */
.process{
	padding:80px 0 110px;
	position:relative;
}
.process__img{
	border-radius:6px;
	overflow:hidden;
}
.process__img img{
	width:100%;
	display:block;
}

.process__card{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0 20px 50px rgba(0,0,0,.12);
	padding:45px 40px;
	margin-left:-60px;
	position:relative;
	z-index:2;
}
.process__card h2{
	font-size:30px;
	font-weight:800;
	color:var(--black);
	line-height:1.3;
	margin-bottom:22px;
}
.process__list{
	padding-left:20px;
	margin-bottom:20px;
}
.process__list li{
	color:var(--gray-text);
	font-size:15px;
	line-height:1.8;
	margin-bottom:12px;
}
.process__list li strong{
	color:var(--black);
}
.process__highlight{
	color:var(--purple);
	font-weight:700;
	font-size:15px;
	margin-bottom:0;
}

/* ===== CTA Banner ===== */
.cta{
	background:linear-gradient(90deg, #b79cf0, var(--purple));
	padding:55px 0;
}
.cta__eyebrow{
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	display:block;
	margin-bottom:10px;
}
.cta h2{
	color:#ffffff;
	font-size:32px;
	font-weight:800;
	margin-bottom:0;
}
.cta__btn{
	display:inline-block;
	background:#ffffff;
	color:var(--purple);
	font-weight:700;
	padding:16px 34px;
	border-radius:4px;
	text-decoration:none;
}
.cta__btn:hover{
	background:#f0e6ff;
}

/* =============================================================
   RESPONSIVE - all devices
   ============================================================= */
@media (max-width: 992px){
	.how-steps{margin-top:0;padding-top:50px;}
	.process__card{
		margin-left:0;
		margin-top:-40px;
	}
	.video-banner__content h2{font-size:32px;}
	.cta .col-lg-4{margin-top:20px;text-align:left !important;}
}

@media (max-width: 768px){
	.how-steps__card{padding:30px 18px;}
	.video-banner__overlay{padding:70px 0;}
	.process{padding:60px 0 80px;}
	.process__card{padding:32px 25px;}
}

@media (max-width: 576px){
	.how-steps__icon{font-size:26px;}
	.how-steps__card h3{font-size:17px;}
	.video-banner__content h2{font-size:24px;}
	.video-banner__play{width:56px;height:56px;font-size:18px;}
	.process__card h2{font-size:24px;}
	.cta h2{font-size:24px;}
}

/* loan calcu */

/* ===== Loan Interest Calculator Section ===== */
:root{
	--purple: #6c2bd9;
	--purple-dark: #5a22b8;
	--black: #181818;
	--gray-text: #666666;
}

.section-title{
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;
	color:#323232;
	padding-bottom:12px;
	margin-bottom:15px;
}
.section-title::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:60px;
	height:3px;
	background:var(--purple);
}

.loan-calc-page{
	padding:70px 0 90px;
}

.loan-calc-page h2{
	font-size:36px;
	font-weight:800;
	color:var(--black);
	margin-bottom:40px;
}

/* --- Controls --- */
.loan-calc-page__control{
	margin-bottom:40px;
}
.loan-calc-page__control label{
	display:block;
	font-size:19px;
	font-weight:700;
	color:var(--purple);
	margin-bottom:20px;
}

.loan-calc-page__control input[type="range"]{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:6px;
	border-radius:10px;
	background:#e5e0f0;
	outline:none;
	cursor:pointer;
}
.loan-calc-page__control input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance:none;
	appearance:none;
	width:22px;
	height:22px;
	border-radius:50%;
	background:#ffffff;
	border:5px solid var(--purple);
	box-shadow:0 2px 6px rgba(0,0,0,.2);
	cursor:pointer;
}
.loan-calc-page__control input[type="range"]::-moz-range-thumb{
	width:22px;
	height:22px;
	border-radius:50%;
	background:#ffffff;
	border:5px solid var(--purple);
	box-shadow:0 2px 6px rgba(0,0,0,.2);
	cursor:pointer;
	border-style:solid;
}
.loan-calc-page__control input[type="range"]::-moz-range-progress{
	background:var(--purple);
	height:6px;
	border-radius:10px;
}

.loan-calc-page__value{
	margin-top:18px;
	font-size:20px;
	font-weight:700;
	color:var(--purple);
}
.loan-calc-page__value span{
	font-weight:600;
}

/* --- Result Card --- */
.loan-calc-page__result{
	background:#ffffff;
	border-radius:8px;
	box-shadow:0 20px 50px rgba(0,0,0,.1);
	overflow:hidden;
}
.loan-calc-page__result-head{
	background:linear-gradient(90deg, var(--purple), var(--purple-dark));
	padding:35px 30px;
	text-align:center;
}
.loan-calc-page__result-head h3{
	color:#ffffff;
	font-size:26px;
	font-weight:800;
	margin:0;
}

.loan-calc-page__result-body{
	padding:15px 35px 35px;
}
.loan-calc-page__result-item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:22px 0;
	border-bottom:1px solid #eee;
}
.loan-calc-page__result-item:last-of-type{
	border-bottom:none;
}
.loan-calc-page__result-item span{
	color:var(--gray-text);
	font-size:16px;
}
.loan-calc-page__result-item strong{
	color:var(--purple);
	font-size:18px;
	font-weight:700;
}

.loan-calc-page__apply-btn{
	display:block;
	width:100%;
	text-align:center;
	background:var(--purple);
	color:#ffffff;
	font-weight:700;
	font-size:16px;
	padding:16px;
	border-radius:4px;
	text-decoration:none;
	margin-top:20px;
}
.loan-calc-page__apply-btn:hover{
	background:var(--purple-dark);
	color:#ffffff;
}

/* ===== Responsive - all devices ===== */
@media (max-width: 992px){
	.loan-calc-page h2{font-size:28px;}
	.loan-calc-page__result{margin-top:40px;}
}

@media (max-width: 576px){
	.loan-calc-page{padding:50px 0 60px;}
	.loan-calc-page h2{font-size:24px;}
	.loan-calc-page__control label{font-size:17px;}
	.loan-calc-page__value{font-size:18px;}
	.loan-calc-page__result-head{padding:28px 20px;}
	.loan-calc-page__result-head h3{font-size:21px;}
	.loan-calc-page__result-body{padding:10px 20px 25px;}
	.loan-calc-page__result-item span{font-size:14px;}
	.loan-calc-page__result-item strong{font-size:16px;}
}


/* service eligibility */

/* ===== Loan Eligibility Calculator Section ===== */
:root{
	--purple: #6c2bd9;
	--purple-dark: #5a22b8;
	--blue: #1a73e8;
	--black: #181818;
	--gray-text: #666666;
}

.eligibility-calc{
	padding:70px 0 90px;
}

/* --- Controls --- */
.eligibility-calc__control{
	margin-bottom:38px;
}
.eligibility-calc__control label{
	display:block;
	font-size:22px;
	font-weight:700;
	color:var(--black);
	margin-bottom:18px;
}

.eligibility-calc__control input[type="range"]{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:6px;
	border-radius:10px;
	background:linear-gradient(to right, var(--purple) 0%, var(--purple) 20%, #e5e0f0 20%, #e5e0f0 100%);
	outline:none;
	cursor:pointer;
}
.eligibility-calc__control input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance:none;
	appearance:none;
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--blue);
	border:4px solid #ffffff;
	box-shadow:0 2px 8px rgba(0,0,0,.25);
	cursor:pointer;
}
.eligibility-calc__control input[type="range"]::-moz-range-thumb{
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--blue);
	border:4px solid #ffffff;
	box-shadow:0 2px 8px rgba(0,0,0,.25);
	cursor:pointer;
}
.eligibility-calc__control input[type="range"]::-moz-range-progress{
	background:var(--purple);
	height:6px;
	border-radius:10px;
}

.eligibility-calc__value{
	margin-top:16px;
	font-size:18px;
	color:var(--gray-text);
}
.eligibility-calc__value span{
	color:var(--gray-text);
}

/* --- Result Card --- */
.eligibility-calc__result{
	background:linear-gradient(135deg, var(--purple), var(--purple-dark));
	border-radius:8px;
	box-shadow:0 20px 50px rgba(0,0,0,.15);
	padding:45px 40px;
	color:#ffffff;
}
.eligibility-calc__result h3{
	font-size:22px;
	font-weight:700;
	margin-bottom:10px;
	color:#ffffff;
}
.eligibility-calc__result h3:not(:first-child){
	margin-top:30px;
}
.eligibility-calc__big{
	font-size:36px;
	font-weight:800;
	margin-bottom:0;
}
.eligibility-calc__sub{
	font-size:16px;
	font-weight:500;
	opacity:.85;
	margin-left:6px;
}

.eligibility-calc__apply-btn{
	display:block;
	width:100%;
	text-align:center;
	background:var(--blue);
	color:#ffffff;
	font-weight:700;
	font-size:16px;
	padding:16px;
	border-radius:4px;
	text-decoration:none;
	margin-top:35px;
}
.eligibility-calc__apply-btn:hover{
	background:#1557b0;
	color:#ffffff;
}

.eligibility-calc__note{
	font-size:13px;
	opacity:.8;
	margin-top:22px;
	margin-bottom:0;
	line-height:1.6;
}

/* ===== Responsive - all devices ===== */
@media (max-width: 992px){
	.eligibility-calc__result{
		margin-top:40px;
	}
}

@media (max-width: 576px){
	.eligibility-calc{padding:50px 0 60px;}
	.eligibility-calc__control label{font-size:18px;}
	.eligibility-calc__value{font-size:16px;}
	.eligibility-calc__result{padding:32px 25px;}
	.eligibility-calc__result h3{font-size:19px;}
	.eligibility-calc__big{font-size:28px;}
}

/* faq */

/* ===== FAQ SECTION ===== */
.faq-section {
    background-color: #ffffff;
}

.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.faq-question {
    margin: 0;
}

.faq-btn {
    width: 100%;
    text-align: left;
    background-color: #f4f6f9;
    color: #1c1c1c;
    border: none;
    padding: 20px 25px;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.faq-item.active .faq-btn {
    background-color: #0e1b3d;
    color: #ffffff;
}

.faq-icon {
    font-size: 22px;
    font-weight: 400;
    flex-shrink: 0;
    margin-left: 15px;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    background-color: #ffffff;
}

.faq-body {
    padding: 20px 25px;
    font-size: 15px;
    line-height: 1.8;
    color: #555555;
}

/* Sidebar */
.faq-sidebar {
    position: relative;
    height: 100%;
}

.faq-side-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.faq-call-box {
    background-color: #6a2fd0;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
}

.faq-call-icon {
    font-size: 26px;
    color: #ffffff;
    flex-shrink: 0;
}

.faq-call-text {
    display: flex;
    flex-direction: column;
}

.faq-call-text a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}

.faq-call-text span {
    color: #d9c9f7;
    font-size: 13px;
    letter-spacing: 0.5px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .faq-sidebar {
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .faq-btn {
        padding: 15px 18px;
        font-size: 15px;
    }

    .faq-body {
        padding: 15px 18px;
        font-size: 14px;
    }

    .faq-call-text a {
        font-size: 17px;
    }
}


/* contact */


/* ===== CONTACT SECTION ===== */
.contact-section {
    background-color: #ffffff;
}

/* subtitle with dash */
.contact-subtitle {
    display: block;
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}

.contact-subtitle::after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 3px;
    background-color: #6a2fd0;
    margin-left: 12px;
    vertical-align: middle;
}

.contact-heading {
    font-size: 36px;
    font-weight: 800;
    color: #0e1b3d;
    margin-bottom: 30px;
}

.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 0;
}

.contact-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    background-color: #ffffff;
    color: #6a2fd0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.contact-text h4 {
    font-size: 19px;
    font-weight: 700;
    color: #0e1b3d;
    margin-bottom: 6px;
}

.contact-text a,
.contact-text span {
    display: block;
    color: #666666;
    font-size: 15px;
    text-decoration: none;
    line-height: 1.7;
}

.contact-text a:hover {
    color: #6a2fd0;
}

.contact-divider {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 0;
}

/* FORM — matches screenshot: flat grey boxes, no border, no radius */
.contact-form .form-control {
    background-color: #f0f0f0;
    border: none;
    border-radius: 0;
    padding: 18px 20px;
    font-size: 15px;
    color: #333333;
    height: 60px;
}

.contact-form .form-control::placeholder {
    color: #9a9a9a;
}

.contact-form textarea.form-control {
    height: auto;
    min-height: 160px;
    resize: vertical;
}

.contact-form .form-control:focus {
    background-color: #eaeaea;
    box-shadow: none;
    outline: none;
}

.btn-send {
    background-color: #4a9fdc;
    color: #ffffff;
    border: none;
    padding: 16px 40px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-send:hover {
    background-color: #0e1b3d;
    color: #ffffff;
}

/* ===== MAP SECTION ===== */
.map-section {
    width: 100%;
    line-height: 0;
    position: relative;
}

.map-wrapper iframe {
    display: block;
    width: 100%;
    height: 450px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .contact-heading {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .contact-heading {
        font-size: 24px;
    }

    .contact-icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .contact-text h4 {
        font-size: 17px;
    }

    .contact-form .form-control {
        height: 54px;
        padding: 14px 16px;
    }

    .btn-send {
        width: 100%;
        text-align: center;
    }

    .map-wrapper iframe {
        height: 300px;
    }
}

/* apply for loan */

/* ===== LOAN APPLICATION SECTION ===== */
.loan-apply-section {
    background-color: #ffffff;
}

.loan-page-title {
    font-size: 42px;
    font-weight: 800;
    color: #0e1b3d;
}

.loan-form-card {
    background-color: #ffffff;
    border: 1px solid #ececec;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);
    padding: 45px;
}

.loan-form .form-group {
    margin-bottom: 30px;
}

.loan-form label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1c;
    margin-bottom: 10px;
}

.loan-form .form-control {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding: 14px 16px;
    font-size: 15px;
    color: #333333;
    height: 55px;
    transition: border-color 0.3s ease;
}

.loan-form select.form-control {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 18px;
    cursor: pointer;
}

.loan-form .form-control:focus {
    outline: none;
    border-color: #6a2fd0;
    box-shadow: 0 0 0 0.15rem rgba(106, 47, 208, 0.12);
}

.btn-loan-submit {
    background-color: #4a9fdc;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 15px 45px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-loan-submit:hover {
    background-color: #0e1b3d;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .loan-page-title {
        font-size: 34px;
    }

    .loan-form-card {
        padding: 35px 25px;
    }
}

@media (max-width: 575px) {
    .loan-page-title {
        font-size: 26px;
    }

    .loan-form-card {
        padding: 25px 18px;
    }

    .loan-form label {
        font-size: 15px;
    }

    .loan-form .form-control {
        height: 50px;
        font-size: 14px;
    }

    .btn-loan-submit {
        width: 100%;
    }
}