:root {

    scroll-behavior: auto;    

    --primary: #008387;

    --primary-hover: #005cde;

    --secondary: #818181;

    --thm-gray: #E8E8E8;

	--thm-gray-2: #F5F5F5;

	--thm-gray-3: #f4f4f4;

	--thm-gray-4: #DEDEDE;

	--thm-gray-5: #F2F2F2; 

}

.bg_gray3 {

	background-color: var(--thm-gray-3);

}

.shadow{

	box-shadow: 0px 1px 10px -1px #ccc;

}



.border-top{

	border-top:1px solid;

}

.justify-content-center {

    justify-content: center !important;

}

.align-items-center {

	align-items: center !important;

  }

.primary-text{

  color:var(--primary);

}

.info-bg{

	background-color: #1676ff12;

}

.primary-bg{

	background-color: #1676ff2e;

}

.secondary-bg{

	background-color: #008387;

}



.secondary-text{

  color:var(--secondary);

}

* {box-sizing: border-box;}

@font-face{

    font-family: 'Raleway';

    src: url(Raleway-Regular.ttf);

}



@font-face{

    font-family:'Hind Madurai';

    src: url(HindMadurai-Regular.ttf);

}





body { 

  margin: 0;

  /* font-family: 'Raleway'; */

  font-family: 'Hind Madurai';

}

.mt-2{

  margin-top: 16px;

}

.mt-3{

    margin-top: 24px;

}

.mt-4{

    margin-top: 32px;

}

.mt-5{

    margin-top: 40px;

}

.header {

  overflow: hidden;  

  padding: 0px 20px 10px;

  position: relative;

}

.me-2{

    margin-right: 10px;

}

.header a {

  float: left;

  color: rgb(90, 90, 90);

  text-align: center;

  padding: 12px;

  text-decoration: none;

  font-size: 18px; 

  line-height: 25px;

  border-radius: 4px;

  font-weight: 600;

}



.header a.logo {

  font-size: 25px;

  font-weight: bold;

}

.logo img{

    height: 100%;

    width: 250px;

    position: relative;

}



.first{

    height:400px;

    width:100%;

    padding-left:50px;

    padding-right:50px;

    position:relative;

}

.header a:hover {

  

  color: black;

}



.header a.active {

 

  color: var(--primary);

}



.header-right {

  float: right;

  

}



/* Hamburger icon styles */

.hamburger {

  display: none;

  cursor: pointer;

  position: absolute;

  top: 20px;

  right: 10px;

}



.hamburger-bar {

  width: 30px;

  height: 3px;

  background-color: black;

  margin: 6px 0;

  transition: 0.4s;

}



.slider-container {

    position: relative;

    width: 100%;    

    margin: auto;

    overflow: hidden;

  }



  .slides {

    display: flex;

    transition: transform 0.5s ease-in-out;

    height:400px;

  }



  .slide {

    min-width: 100%;

    display: flex;

    box-sizing: border-box;

    position: relative;

    border-radius:20px;

    height:330px;

  }



  .slide img {

    width: 100%;

    height: 100%;

  }



  .slide h2, .slide p {

        color: #fff;

  }

  .slide .text h2{

      font-size:36px;

  }

  .text h2{

    font-size: 48px;

  }

  .text-center{

    text-align:center;

}

.my-5{

    margin-top:3rem;

    margin-bottom: 3rem;

}

.mb-1{

    margin-bottom: 0.5rem!important;

}

.mb-2{

    margin-bottom: 1rem!important;

}

.mb-3{

    margin-bottom: 1.5rem!important;

}

.mb-4{

    margin-bottom: 2rem!important;

}

.mb-5{

    margin-bottom: 3rem!important;

}

.py-5{

    padding-bottom: 3rem!important;

    padding-top: 3rem!important;

}

.py-4{

    padding-bottom: 2rem!important;

    padding-top: 2rem!important;

}

.py-2{

    padding-bottom: 1rem!important;

    padding-top: 1rem!important;

}

.pt-5{

    padding-top: 3rem !important;

}

  .text {

    margin-bottom: 20px;

    position: absolute;

    top: 30%;

    left: 7%;

    width: 45%;

  }



  /* Navigation styles (optional) */

  .prev, .next {

    cursor: pointer;

    position: absolute;

    top: 36%;

    width: auto;

    /*margin-top: -25px;*/

    padding: 16px;

    color: white;

    font-weight: bold;

    font-size: 20px;

    transition: 0.6s ease;

    border-radius: 0 3px 3px 0;

    user-select: none;

  }



  .next {

    right: 0;

    border-radius: 3px 0 0 3px;

  }



  .prev:hover, .next:hover {

        background-color: rgb(255 255 255 / 70%);

  }



.container{

    width:100%;

    padding-left: 5%;

    padding-right: 5%;    

}

.col-md-1{

    flex: 0 0 auto;

    width:8.33%

}

.col-md-2{

    flex: 0 0 auto;

    width:16.66%

}

.col-md-3{

    flex: 0 0 auto;

    width:24.99%;

}

.col-md-4{

    flex: 0 0 auto;

    width:33.33%;

	margin-bottom: 30px;

	

}

.col-md-5{

    flex: 0 0 auto;

    width:41.66%

}

.col-md-6{

    flex: 0 0 auto;

    width: 50%;

	padding-left: 0.5rem;

    padding-right: 0.5rem;

}

.col-md-7{

    flex: 0 0 auto;

    width:58.33%

}

.col-md-8{

    flex: 0 0 auto;

    width:66.66%

}

.col-md-9{

    flex: 0 0 auto;

    width:74.99%

}

.col-md-10{

    flex: 0 0 auto;

    width:82.33%

}

.col-md-12{

    width:100%;

	padding-left: 0.5rem;

    padding-right: 0.5rem;

}

.text-uppercase{

  text-transform: uppercase;

}

.text-danger{

  color: #c70017;

}

.border{

	border:1px solid #00000027

}

@media screen and (min-width: 500px) {

.bg-1{

    background-image:url('https://kbkfintech.com/assets/img/home/home-loan-service.webp');

    background-size:cover;

    background-repeat:no-repeat;

    height:400px;

}

.bg-2{

    background-image:url('https://kbkfintech.com/assets/img/home/personal-loan-services.webp');

    background-size:cover;

    background-repeat:no-repeat;

    height:400px;

}

.bg-3{

    background-image:url('https://kbkfintech.com/assets/img/home/business-loan-service.webp');

    background-size:cover;

    background-repeat:no-repeat;

    height:400px;

}

.bg-4{

    background-image:url('https://kbkfintech.com/assets/img/home/mortgage-loan-services.webp');

    background-size:cover;

    background-repeat:no-repeat;

    height:400px;

}

}





@media screen and (max-width: 500px) {

    .bg-1{

    background-image:url('https://kbkfintech.com/assets/img/home/home-loan-service.webp');

    background-size:cover;

    height: 150px;

    background-size: 100% 100%;

}

.bg-2{

    background-image:url('https://kbkfintech.com/assets/img/home/personal-loan-services.webp');

    background-size:cover;

    height: 150px;

    background-size: 100% 100%;

}

.bg-3{

    background-image:url('https://kbkfintech.com/assets/img/home/business-loan-service.webp');

    background-size:cover;

    height: 150px;

    background-size: 100% 100%;

}

.bg-4{

    background-image:url('https://kbkfintech.com/assets/img/home/mortgage-loan-services.webp');

    background-size:cover;

    height: 150px;

    background-size: 100% 100%;

}

  .header a:not(.logo) {

    display: block;

    width: 100%;

    box-sizing: border-box;

  }

  

  .header a.icon {

    display: block;

    position: absolute;

    right: 0px;

    width: 50px;

  }



  .header-right {

    float: none;

    display: none;

  }



  .header.active .header-right {

    display: block;

  }



  .hamburger {

    display: block;

    right: 20px; /* Adjust the right value to position the hamburger icon */

  }

}

.team .blog-card{

	box-shadow: none!important;

}



.blog-card {

	position: relative;

	background-color: #fff;

	height: 100%;

	overflow: hidden;

  padding: 0px;

  box-shadow: 0px 0px 25px -8px #ccc;

  margin: 15px;

}



.blog-card__image {

	position: relative;

	overflow: hidden;

}



.blog-card__image>img {

	width: 100%;

	transform: scale(1);

	transition: transform 500ms ease;

}



.blog-card__image>a {

	display: flex;

	width: 100%;

	height: 100%;

	background-color: rgba(var(--thm-black-rgb), 0.4);

	position: absolute;

	top: 0;

	left: 0;

	justify-content: center;

	align-items: center;

	opacity: 0;

	transform: translateY(-20%);

	transition: opacity 500ms ease, transform 500ms ease;

}



.blog-card__image>a::before,

.blog-card__image>a::after {

	content: "";

	width: 32px;

	height: 2px;

	background-color: #af0000;

	display: block;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}



.blog-card__image>a::after {

	transform: translate(-50%, -50%) rotate(90deg);

}



.blog-card:hover .blog-card__image>a {

	opacity: 1;

	transform: translateY(0);

}



.blog-card:hover .blog-card__image>img {

	transform: scale(1.05);

}



.blog-card__content {

	height: 100%;

	background-color: var(--thm-gray-2);

	position: relative;

	text-align: center;

	padding-top: 20px;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 10px;

	border: 1px solid var(--thm-gray);

	border-top: 0;

	transition: all 500ms ease-out;

}



.blog-card:hover .blog-card__content {

	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);

}



.blog-card__title {

	margin: 0;

	color: var(--thm-black);

	font-size: 24px;

	line-height: 1.5em;

	font-weight: 700;

	margin-top: 4px;

	margin-bottom: 11px;

}



.blog-card__title a {

	color: inherit;

	transition: all 500ms ease;

    text-decoration: none;

}



.blog-card__title a:hover {

	color: #fff;

}



.blog-card__text {

	margin: 0;

	margin-bottom: 31px;

  font-size: 16px;

}



.blog-card__link {

	display: flex;

	width: 100%;

	color: white;

	background-color: var(--primary);

	/* text-transform: uppercase; */

	justify-content: center;

	align-items: center;

	font-size: 18px;

	font-weight: bold;

	transition: all 0.5s ease;

	padding: 17px 0;

    font-weight:600;

    text-decoration: none;



	/* letter-spacing: .2em; */

}



.blog-card__link.max-btn {

	max-width: 160px;

}



.blog-card__link:hover {

	background-color: var(--primary);

	color: #fff;

}



.blog-card:hover .blog-card__content {

	background-color: #000;

	color: #fff!important;

}



.blog-card:hover .blog-card__title {

	color: #fff!important;

}

.blog-card:hover .blog-card__text {

	color: #fff!important;

}

.blog-card .blog-card__link {

	border: 1px solid transparent;

}



.blog-card .blog-card__link:hover {

	border: 1px solid white;

}



.row{

    display: flex;

    flex-wrap: wrap;    

}



.fact-one {

	background-image: url(../img/counter_bg_1.webp);

	background-color: var(--primary);

	background-size: cover;

	background-repeat: no-repeat;

	background-attachment: fixed;

}



.fact-one__item {

    text-align: center;

    margin-top: -7px;

    padding: 60px 40px;

}

.why-choose-us{

    position: relative;

    background-image: url(../img/benefit-circle-1-1.webp);

    background-repeat: no-repeat;

    background-position: top right;

    overflow: hidden;

}



.fact-one__count {

	font-size: 44px;

	font-weight: bold;

	color: #fff;

	line-height: 1em;

	white-space: none;

}



.fact-one__count .count-box {

	display: inline-flex;

}



.fact-one__title {

	font-size: 18px;

	margin: 0;

	color: #fff;

	display: inline-block;

	border: 1px solid white;

	padding-top: 9px;

	padding-bottom: 12px;

	padding-left: 29px;

	padding-right: 29px;

	margin-top: 23px;

	transition: all 0.3s ease;

}



.fact-one__title:hover {

	background-color: #000;

	border: 1px solid #000;

}





.btn-primary{

  padding: 0.5rem 2rem;

  border:1px solid #c70017;

  font-size: 18px;

  background-color: #c70017;

  color:#fff;

  border-radius: 2px;

  cursor: pointer;

  text-align: center;

  margin: 0px auto;

  position:relative;

  height: 50px;

  margin-top: 1px;

}

.btn-primary span{

	height: 50px;

}



.btn-secondary{

  padding: 0.5rem 2rem;

  border:1px solid transparent;

  font-size: 18px;

  background-color: #008387;

  color:#fff;

  border-radius: 2px;

  cursor: pointer;

  text-align: center;

  margin: 0px auto;

}

.btn-info{

	padding: 0.5rem 2rem;

  border:1px solid;

  font-size: 18px;

  background-color:transparent;

  color:#000;

  border-radius: 2px;

  cursor: pointer;

  text-align: center;

  margin: 0px auto;

  position:relative;

  height: 50px;

}

.btn-light{

	padding: 0.6rem 2rem;

	border:1px solid transparent;

	font-size: 16px;

	background-color:#cccccc8a;

	color:#000;

	border-radius: 50px;

	cursor: pointer;

	text-align: center;

	margin: 5px auto;

	position:relative;	

}

.btn-light:hover{

	padding: 0.6rem 2rem;

	border:1px solid transparent;

	font-size: 16px;

	background-color:var(--primary);

	color:#fff;

	border-radius: 50px;

	cursor: pointer;

	text-align: center;

	margin: 0px auto;

	position:relative;	

}



.rounded{

  border-radius: 10px;

}

.p-2{

  padding:0.5rem;

}

.p-3{

  padding:1.5rem;

}

.fw-bold{

  font-weight: 600;

}

.fw-normal{

  font-weight: 400;

}



.m-0{

  margin:0px;

}

.mx-auto {

  margin-right: auto !important;

  margin-left: auto !important;

}



.h-100 {

  height: 100% !important;

}

.d-flex {

  display: flex !important;

}

.position-relative{

  position: relative;

}



.box_down {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  justify-content: flex-end;

}



.gray_box {

  width: 81px;

  height: 131px;

  background: #ccc;

}



.img_zoom_container {

  position: relative;

  overflow: hidden;

  max-width: 300px;

  z-index: 1;

}

.img_zoom_container:hover>img {

  transform: scale(1.1);

}



.img_zoom_container>img {

  transition: .25s ease all;

  width: 100%;

  object-fit: cover;

}

.img-fluid {

  max-width: 100%;

  height: auto;

}

.img_zoom_container:hover::after {

  opacity: 0.2;

}

.img_zoom_container::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: var(--thm-base);

  opacity: 0;

  transition: .5s ease all;

}

.px-0 {

  padding-right: 0 !important;

  padding-left: 0 !important;

}

.px-5 {

  padding-right: 3rem !important;

  padding-left: 3rem !important;

}

.mx-5 {

  margin-right: 3rem !important;

  margin-left: 3rem !important;

}

.box_up {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: flex-start;

}





.text-decoration-none{

  text-decoration: none;

}



p{

  font-size: 18px;

  line-height: 2; 

  color: #767676;

  font-weight: 500;

  

}

h1, .h1{

  font-size: 48px;

  font-weight: 400;

  

  line-height: 1.2;

}

h2, .h2{

  font-size: 40px;

  

  line-height: 1.2;

  margin:0px;

}

.h3, h3{

  font-size: 32px;

}

h4, .h4{

  font-size: 22px;

  font-weight: 400; 

  margin:0px;   

}

.p-3.h-80.border.rounded h4{

    font-size:20px!important;

    color:#008387;

}

.blog-card .content p{

    font-size:16px;

    line-height: 1.5;

}

.pb-3 {

  padding-bottom: 1rem !important;

}



h5, .h5{

  font-size: 18px;

 

}

.google span{

  line-height: 1.2;

  margin: 0;

}







.loan-calculator {

	position: relative;

	z-index: 10;

}



.loan-calculator--has-bg {

	background-image: linear-gradient(0deg, #ffffff 0%, var(--thm-gray) 100%);

}



.loan-calculator--has-bg::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-image: url(../images/shapes/faq-form-bg-1-1.png);

	background-repeat: no-repeat;

	background-position: top center;

}



.loan-calculator--has-bg .container {

	position: relative;

}



.loan-calculator__top__text {

	margin-bottom: 50px;

}



.loan-calculator__form {

	padding: 40px;

	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);

	margin-top: 40px;

	background-color: #fff;

}



@media (min-width: 992px) {

	.loan-calculator__form {

		margin-top: 0;

		padding-top: 7px;

		padding-bottom: 8px;

	}

}



@media (min-width: 1200px) {

	.loan-calculator__form {

		padding-top: 55px;

		padding-bottom: 53px;

		padding-left: 80px;

		padding-right: 80px;

		margin-right: -43px;

	}

}



.loan-calculator__form__terms {

	font-size: 14px;

	line-height: 2.14286em;

	font-weight: 300;

	margin-top: 21px;

}



.loan-calculator__form .thm-btn {

	margin-top: 40px;

}



.loan-calculator__form p {

	margin: 0;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	font-size: 18px;

	align-items: center;

}



.loan-calculator__form p:first-child {

	margin-top: 40px;

}



.loan-calculator__form p span {

	line-height: 1;

}



.loan-calculator__form p i {

	font-style: normal;

}



.loan-calculator__form p b {

	font-weight: 600;

	color: var(--thm-black);

	line-height: 1;

}



.loan-calculator__form p+p {

	padding-top: 30px;

	margin-top: 30px;

	border-top: 1px solid var(--thm-border-color);

}



.loan-calculator__form .noUi-horizontal {

	height: 7px;

	border-radius: 3.5px;

	background-color: var(--thm-gray);

	border: none;

	box-shadow: none;

}



.loan-calculator__form .noUi-horizontal .noUi-handle {

	width: 20px;

	height: 20px;

	border: 4px solid var(--thm-base);

	background: #fff;

	border-radius: 50%;

	outline: none !important;

	box-shadow: none;

}



.loan-calculator__form .noUi-horizontal .noUi-handle::before,

.loan-calculator__form .noUi-horizontal .noUi-handle::after {

	display: none;

}



.loan-calculator__form .noUi-tooltip {

	border: none;

	padding: 0;

	color: var(--thm-color);

	font-size: 15px;

	background-color: none;

	box-shadow: none;

}



.loan-calculator__form .noUi-horizontal .noUi-tooltip {

	top: 185%;

}



.loan-calculator__form .noUi-connect {

	background-color: var(--thm-base);

	border-radius: 0px;

}



.loan-calculator__form .input-box {

	margin-bottom: 50px;

}



.loan-calculator__form .input-box__top {

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 15px;

	color: var(--thm-color);

	margin-bottom: 12px;

}



.loan-calculator__image {

	position: relative;

}



@media (max-width: 991px) {

	.loan-calculator__image {

		text-align: center;

	}

}



.loan-calculator__image img {

	max-width: 100%;

}



@media (min-width: 1200px) {

	.loan-calculator__image img {

		margin-left: 43px;

	}

}



.loan-calculator__image__caption {

	width: 398px;

	height: 295px;

	background-image: url(../images/shapes/calculator-form-bubble-bg-1-1.png);

	background-repeat: no-repeat;

	align-items: flex-start;

	justify-content: center;

	position: absolute;

	z-index: 10;

	bottom: 80px;

	right: -120px;

	display: none;

}



@media (min-width: 1200px) {

	.loan-calculator__image__caption {

		display: flex;

	}

}



.loan-calculator__image__caption__inner {

	background-color: var(--primary);

	border: 4px solid #767676;

	width: 260px;

	height: 130px;

	margin-top: 59px;

	padding-left: 30px;

	padding-top: 20px;

}



.loan-calculator__image__title {

	margin: 0;

	color: #fff;

	font-size: 55px;

	font-weight: 600;

	line-height: 1;

}



.loan-calculator__image__title span {

	font-size: 35px;

	position: relative;

	top: -20px;

	right: 3px;

}



.loan-calculator__image__text {

	font-size: 20px;

	color: #fff;

	line-height: 1;

	font-weight: 400;

	margin-top: 5px;

}

.bg-color{

    background-color: cadetblue;

    padding:20px;

    border-radius:10px;

}

.hw-100{

    height:100px;

    width:100px;

}

.apply-now-form{

    padding:20px;

    border: 1px solid #00000027;

    align-items: center !important;

    box-shadow: 0px 1px 10px -1px #ccc;

    border-radius:20px;

    position: relative;

    overflow: hidden;

}

.apply-now-form img{

    width: 143px;

    height: auto;

    margin: 0 40px 0 10px;

}



.apply-now-form:before {

    content: "";

    width: 8px;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: -webkit-linear-gradient(270deg, #ff72af 0, #fc7 100%);

}

@media (min-width: 768px) {

    .pb-5{

        padding-bottom: 3rem !important;

    }

    .first-tab{

        margin-left:-5px;

    }

    .tab-container{

        margin-right:10px;

    }

    .tablinks {

        width: 25%;

    }

}

@media(max-width: 576px) {

    .jobs .col-md-3{

        width:50%;

    }

    .breadcumb-wrapper {

        padding: 1px!important;

    }

    .pb-5{

        padding-bottom: 1.5rem !important;

    }

    .contact {

        padding-right: 20px!important;

    }

    footer .col-md-3{

        width:100%!important;

    }

    .pt-5 {

        padding-top: 1.5rem !important;

    }

    .container {

        width: 100%;

        padding-left: 5%;

        padding-right: 5%;

    }

    .col-md-9{

        width:100%;

    }

    .col-md-3{

        width:100%;

    }

    .m-none{

        display:none;

    }

    .mob-cr{

        flex-direction: column-reverse;

    }

    #modal h3{

        font-size: 20px;

        line-height: 0px;

    }

    

    .col-6{

        width:50%!important;

    }

    .modal-content {

        margin: 25% auto!important;

        width: 100%!important;

    }

    .d-contents .btn-primary{

        width: 100%;

        margin-bottom: 5px;

    }

    .service-banner{

        height: 100%!important;

        width: 100%!important;

        padding-left: 10px!important;

        padding-right: 10px!important;

    }

    .service-banner img{

        height:140px!important;

    }

    footer .col-md-4{

        width:100%;

    }

    footer .col-md-4.col-6{

        width:50%;

    }

    .testimonial p{

        font-size:15px;

    }

    .prev, .next {

        top: 16%;

    }

    .first {

        height: 150px;

    }

    .text {

        top: 15%;

    }

    .d-contents{

        display: contents;

    }

    .fact-one__item {

        text-align: center;

        padding: 40px 50px;

    }

    .fact-one__count{

        display:flex;

        font-size: 35px;

    }

    .h2{

        font-size: 25px;

    }

    .md-w-100{

        width:100%!important;

    }

    .p-0{

        padding:0px;

    }

    .service .col-md-8{

        width:100%;

    }

    .service .col-md-4{

        width:100%;

    }

    footer .col-md-3{

        width:50%;

    }

    h2{

        font-size: 30px;

    }

    .prev, .next{

        margin-top: 0px;

        padding: 0px;

    }

    .text{

        width:70%;

        left:0%;

        padding-left: 35px;

        padding-right: 35px;

    }

    .first{

        padding-left:10px;

        padding-right:10px;

    }

    .first.mt-5 {

        margin-top: 10px;

    }

    .slide .text h2 {

        font-size: 18px;

    }

    .fact-one .container{

        padding-left:0%;

    }

    .col-lg-3{

        width:50%;

    }

    .col-md-6{

        width:100%;

    }

    .box_down{

        width: 33.33%;

    }

    .owl-carousel .item.col-md-4{

        width:100%;

    }

    .contact .col-md-4{

        width:100%;

    }

    .col-md-5{

        width:100%;

    }

    .col-md-7{

        width:100%;

    }

    .h-80{

        height: fit-content!important;

    }

	.loan-calculator__box {

		padding: 0px 0px;

	}

	.col-md-5.p-3{

	    padding: .2rem!important;

	}

	.contact-image{

	    display:none;

	}

	.py-5 {

        padding-bottom: 1rem !important;

        padding-top: 1rem !important;

        padding:15px;

    }

    .slick-next {

        right: -30px!important;

    }

    .slick-prev {

        left: -30px!important;

    }

}



.slider-box {

	margin-bottom: 30px;

}



@media(min-width: 1200px) {

	.slider-box .main-slide {

		margin-bottom: 3rem;

	}

}



.main-heading.block-title {

	margin-bottom: 40px;

}



.main-heading p {

	line-height: 1.66;

	margin: 0;

}



.main-heading h3 {

	font-size: 34px;

}



.single-loan-header {

	display: flex;

	justify-content: space-between;

	margin-bottom: 15px;

	flex-wrap: wrap;

}



.main-slide h4 {

	font-size: 22px;

}



.main-slide input {

	border-radius: 0;

	max-width: 200px;

	padding: 13px 15px;

	outline: 0;

	/* background-color: var(--thm-gray); */

	background-color: white;

	border: none;

	color: #767676;

}



.main-slide input.grey_bg {

	background-color: #ccc !important;

}



@media(max-width: 576px) {

	.single-loan-header {

		display: block;

	}

	.highcharts-legend-item{

	    margin-bottom:10px;

	}



	.main-slide h4 {

		margin-bottom: 20px;

	}



	.main-slide input {

		max-width: none;

		width: 100%;

		margin-bottom: 10px;

	}

}



.slider-box .ui-widget-content {

	border: none !important;

	background:#ccc;

	height: 7px;

}



.main-slide .ui-slider .ui-slider-range.flled {

	background:#ccc;

	border-radius: 3px;

}



.main-slide .ui-slider-horizontal .ui-slider-handle {

	top: -6px !important;

	margin-left: -5px !important;

}



.main-slide .ui-slider .ui-slider-handle {

	width: 20px;

	height: 20px;

	border: 4px solid var(--primary);

	background: #fff;

	border-radius: 50%;

	outline: none !important;

	box-shadow: none;

}



.loan-counter-value {

	margin-top: 12px;

	margin-bottom: 30px;

	font-weight: 600;

	font-size: 18px;

	color: #6e6d6e;

	display: flex;

	align-items: center;

}



.loan-counter-value p {

	margin-top: 14px;

	display: inline-block;

	font-weight: 400;

	font-size: 18px;

	color: var(--primary);

	margin: 0;

}



.total-loan-form {

	margin-bottom: 40px;

}



.total-loan-form-emi {

	margin-bottom: 90px;

}



.total-loan-form-calculation {

	text-align: center;

}



@media (max-width: 767px) {

	.total-loan-form {

		padding: 20px;

	}

}



.highcharts-exporting-group,

.highcharts-credits {

	display: none;

}



.emi-calculation {

	position: relative;

	margin-bottom: 12px;

	background-color: #f2ede9;

	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);

	border-radius: 4px;

	background-color: #fff;

}







.emi-calculation-content {

	padding-left: 50px;

	padding-top: 24px;

	padding-right: 50px;

	padding-bottom: 24px;

}



@media (max-width: 425px) {

	.emi-calculation-content {

		padding-left: 25px;

		padding-right: 25px;

	}

}



.emi-calculation-content p {

	margin: 0;

	text-align: center;

	font-size: 16px;

	align-items: center;

}



@media (max-width: 1199px) {

	.emi-calculation-content p {

		font-size: 18px;

	}

}



@media (max-width: 767px) {

	.emi-calculation-content p {

		font-size: 16px;

	}

}



@media (max-width: 425px) {

	.emi-calculation-content p {

		display: block;

		text-align: center;

	}

}



.emi-calculation-content p span {

	font-size: 15px;

	font-weight: 500;

	margin-bottom: 10px;

	display: inline-block;

}



@media (max-width: 767px) {

	.emi-calculation-content p span {

		font-size: 14px;

	}

}



@media (max-width: 490px) {

	.emi-calculation-content p span {

		max-width: 100px;

	}

}



.emi-calculation-content p i {

	font-style: normal;

}



.emi-calculation-content p b {

	font-weight: 600;

	font-size: 32px;

	color: var(--thm-black);

	line-height: 1;

	display: block;

}



@media (max-width: 425px) {

	.emi-calculation-content p b {

		margin-top: 10px;

	}

}



.loan-calculation {



	position: relative;

	z-index: 10;

	margin-left: 0px;

	background-color: #fff;

	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);

	border-radius: 4px;

}



.loan-calculation.gray_bg5 .highcharts-background {

	fill: var(--thm-gray-5);

}



#loan-chart {

	/* height: 300px; */

	min-height: 230px;

}



#home-loan-chart {

	height: 230px;

}



@media(max-width: 499px) {



	#loan-chart,

	#home-loan-chart {

		min-height: 170px;

	}

}



@media (max-width: 1199px) {

	.loan-calculation {

		margin-left: 0;

	}

}



.loan-calculation.loan-eligibility {

	background-color: var(--thm-gray);

	box-shadow: none;

}



.loan-calculation-content {

	padding-left: 50px;

	padding-right: 50px;

	padding-bottom: 30px;

	padding-top: 0;

}



@media (max-width: 425px) {

	.loan-calculation-content {

		padding-left: 25px;

		padding-right: 25px;

	}

}



.loan-calculation-content p {

	margin: 0;

	display: flex;

	justify-content: space-between;

	font-size: 16px;

	align-items: center;

}



@media (max-width: 1199px) {

	.loan-calculation-content p {

		font-size: 18px;

	}

}



@media (max-width: 767px) {

	.loan-calculation-content p {

		font-size: 16px;

	}

}



@media (max-width: 425px) {

	.loan-calculation-content p {

		display: block;

		text-align: center;

	}

}



.loan-calculation-content p span {

	line-height: 1;

	font-size: 16px;

	font-weight: 500;

}



@media (max-width: 767px) {

	.loan-calculation-content p span {

		font-size: 14px;

	}

}



@media (max-width: 490px) {

	.loan-calculation-content p span {

		max-width: 100px;

	}

}



.loan-calculation-content p i {

	font-style: normal;

}



.loan-calculation-content p b {

	font-weight: 400;

	color: var(--thm-black);

	line-height: 1;

	display: block;

	font-size: 20px;

}



@media (max-width: 425px) {

	.loan-calculation-content p b {

		margin-top: 10px;

	}

}



.loan-calculation-content .loan-eligibility-inner {

	text-align: left;

	font-size: 30px;

	color: var(--thm-black);

}



.loan-calculation-content .loan-eligibility-inner h4 {

	font-weight: 700;

}



.loan-calculation-content .loan-eligibility-inner #loan-eligibility-emi {

	font-size: 20px;

}



.loan-calculation-content p+p,

.loan-calculation-content .loan-eligibility-inner+.loan-eligibility-inner {

	padding-top: 25px;

	margin-top: 20px;

	border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.loan-calculation .thm-btn {

	width: 100%;

	margin-top: 45px;

	padding-top: 17.5px;

	padding-bottom: 17.5px;

}



.loan-calculation .thm-btn.scroll-to-chart {

	background-color: var(--thm-gray);

	color: var(--thm-black);

}



.loan-calculation .thm-btn:hover {

	background-color: var(--thm-black);

	color:var(--primary-hover);

}



.loan-calculation .noUi-horizontal {

	height: 7px;

	border-radius: 4px;

	background-color: #eff2f6;

	border: none;

	box-shadow: none;

}



.loan-calculation .noUi-horizontal .noUi-handle {

	width: 20px;

	height: 20px;

	border: 4px solid #fff;

	background: var(--thm-base);

	border-radius: 50%;

	outline: none !important;

	box-shadow: none;

}



.loan-calculation .noUi-horizontal .noUi-handle::before,

.loan-calculation .noUi-horizontal .noUi-handle::after {

	display: none;

}



.loan-calculation .noUi-tooltip {

	border: none;

	padding: 0;

	color: var(--thm-color);

	font-size: 15px;

	background-color: none;

	box-shadow: none;

}



.loan-calculation .noUi-horizontal .noUi-tooltip {

	bottom: 185%;

	font-weight: 500;

}



.loan-calculation .noUi-connect {

	background-color: var(--thm-base);

	border-radius: 4px;

}

.contact{

    padding-right:50px;

}

.border-top span{

    color:#fff;

}

.footer-logo{

    background:#fff;

    height:fit-content;

    margin-bottom:15px;

}

.container.p-10{

    padding-left: 5%;

    padding-right: 5%;

}

footer a{

	line-height: 2;

	color: #fff;

}



footer p{

    color:#fff;

}

footer .border{

    border: 1px solid #fff;

    padding: 5px;

}

footer a img{	

	padding-right: 20px;

}

footer ul, .contact ul{

	padding-left: 0px;

    list-style: none;

}

.d-none{

	display: none;

}

.h-80{

	height:140px;

}



.form-control {

    -webkit-appearance: none;

    appearance: none;

    background-clip: padding-box;

    background-color: #fff;

    border: none;

    border-bottom:1px solid #ccc;

    border-radius: 0.375rem;

    border-radius: 0;

    color: #212529;   

    display: block;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    padding: 0.375rem 0.75rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    width: 100%;

	margin-right: 10px;

}

.service-banner{

    height:100%;

    width:100%;

    padding-left:50px;

    padding-right:50px;

    

}

.service-banner img{

    border-radius:20px;

}

.pt-3{

    padding-top:30px;

}

.alert-success{

    color:lightgreen;

    font-size: 30px;

    font-weight: bold

}

.mob-logo{

    padding-left:3%;

}

/* Modal styles */

.modal {

  display: none;

  position: fixed;

  z-index: 1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.4);

}



.modal-content {

  background-color: #fefefe;

  margin: 0% auto;

  padding: 20px;

  border: 1px solid #888;

  width: 50%;

}



.close {

  color: #aaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: black;

  text-decoration: none;

  cursor: pointer;

}



/* Blinking effect */

@keyframes blinking {

  0% { box-shadow: 0 0 10px #ebe28f; }

  50% { box-shadow: 0 0 20px #ebe28f; }

  100% { box-shadow: 0 0 10px #ebe28f; }

}



.blinking {

  animation: blinking 1s infinite;

  color: #fff;

background-image: linear-gradient(45deg, #bebe19, #008387);

border-radius: 50px !important;

padding: 10px 30px !important;

}

#openModalBtn{

    color:#ffff;

}

.btn-danger{

    background-color:red;

    color:#fff;

}

.modal-content .btn-danger{

    padding: 0px 10px;

}

.tabcontent {

  padding: 20px;

  display: none;

}



.tablinks {

  background-color: #f2f2f2;

  border: 1px solid #fff;

  padding: 15px 15px;

  cursor: pointer;

  margin-right:-4px;

}



.tablinks.active {

  background-color: #60b2b473;

}

.border a{

    text-decoration:none;

    color:#000;

}





.blue-text h2 {

  color: blue;

}



.text-green span {

  color: green;

}



.text-green p {

  color: green;

}

footer h4{

    color: #e9e2e2;

}

.blue{

    color:#1B1DC7;

}

.span-text{

    color:#D90368;

}

.apply-now-form .col-md-3{

    padding-right:10px;

    padding-bottom: 20px;

}

.social-Icon a img{

    width:40px!important;

    height:40px!important;

    padding-right:0px;

}

.form-control:focus-visible{

    box-shadow:none;

    

    outline:none;

}

/*Career CSS*/

.breadcumb-wrapper {

    background-color: #021D35;

    padding: 130px 0;

    color:#fff;

}

table, td, th {

    border: 1px solid rgba(0, 0, 0, .1);

}

td, th {

    padding: 10px 15px;

}

.career-form .form-control, .form-select, input, select, textarea {

    height: 50px;

    margin: 10px 10px 10px 0px;

    padding-right: 20px !important;

    border: none;

    color: var(--body-color);

    background-color: #F0F1F5;

    border-radius: 5px;

    font-weight: 400;

    font-size: 14px;

    width: 100%;

}

.jobs button{

    border:none;

}

.pointer{

    cursor:pointer;

}