:root {
	--blue-1: #131348;
	--yellow: #F3A93C;
	--dark: #171717;
	--blue-2: #22407C;
	--light-1: #F7F7FD;
	--black: #000;
	--grey-1: #C2C1C1;
}

@media screen and (min-width:1440px) {
	.block-1060 {
		margin-left: auto;
		margin-right: auto;
		max-width: 1200px;
	}

	.block-860 {
		margin-left: auto;
		margin-right: auto;
		max-width: 1060px;
	}
}

/* @media screen and (min-width:1280px) {
	#navbarNavDropdown .dropdown:hover>.dropdown-menu {
		top: 38px !important;
	}
} */

@media screen and (max-width:1279px) {
	.container {
		max-width: 100%;
	}

	.col-12 {
		padding-left: 2.4rem;
		padding-right: 2.4rem;
	}
}

@media screen and (min-width:992px) and (max-width:1399px) {
	#navbarNavDropdown .nav-link {
		margin: 0 0 0 1.2rem;
		/* font-size: 1.4rem;
		line-height: 2rem; */
	}
}

@media screen and (min-width:992px) and (max-width:1279px) {
	#navbarNavDropdown .nav-link{
		font-size:1.2rem;
		line-height:1.8rem;
	}
	.nordic-tracking-form-block .col-12{
		padding:0 1.2rem 0 0;
	}
	.nordic-tracking-form-block .col-12:first-child{
		max-width:75%;
	}
	.nordic-tracking-form-block .col-12:last-child{
		padding:0;
		max-width:40%;
	}
	.navbar-logo{
		width:275px !important;
	}
	.navbar-expand-lg{
		justify-content: space-between !important;
	}
}

@media screen and (min-width:992px) {
	.emi_calculator .input-group input[type="number"] {
		display: inline-block;
		width: 30%;
	}

	.emi_calculator .input-group input[type="range"] {
		display: inline-block;
		width: 30%;
	}

	.emi-calculator .input-group label {
		display: inline-block;
		width: 20%;
	}

	/* .talentchess-navigation nav .navbar-brand {
        position: absolute;
        bottom: 0;
    }    */
}

@media screen and (max-width: 991px) {
	.mt-80 {
		margin-top: 4rem;
	}

	body {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}

	.fs-56 {
		font-size: 4rem;
		line-height: 4.8rem
	}

	.fs-48 {
		font-size: 3rem;
		line-height: 3.8rem;
	}

	.fs-40 {
		font-size: 2.8rem;
		line-height: 3.6rem;
	}

	.fs-32 {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}

	.fs-28 {
		font-size: 2.2rem;
		line-height: 3rem;
	}

	.fs-24 {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	.fs-18 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.navbar-toggler {
		/*  padding:1.6rem 1.6rem 0 0; */
		border: 0px none;
	}

	.hamburger .line {
		width: 24px;
		height: 2px;
		background-image: none;
		background-color: var(--blue-1);
		display: block;
		margin: 4px auto;
		border: 0px none;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#hamburger-line.is-active .line:nth-child(2) {
		opacity: 0;
	}

	#hamburger-line.is-active .line:nth-child(1) {
		-webkit-transform: translateY(5px) rotate(45deg);
		-ms-transform: translateY(5px) rotate(45deg);
		-o-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg);
	}

	#hamburger-line.is-active .line:nth-child(3) {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		-ms-transform: translateY(-7px) rotate(-45deg);
		-o-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}


	#navbarNavDropdown {
		padding: 2rem;
		position: absolute;
		top: 90px;
		width: 100%;
		background: var(--white);
		box-shadow: 0px 4px 72px 0px rgba(0, 0, 0, 0.08);
		z-index: 999;
	}

	.loan_section_grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.contact_form {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
		padding: 3rem;
		border-radius: 2rem;
	}

	.hero_banner_grid {
		gap: 2rem;
		padding: 3rem;
	}

	.blogs {
		grid-template-columns: repeat(2, 1fr);
	}

	.blog_outer {
		padding: 4rem 0;
	}

	.personal_loan_grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.emi-calculator .input-group {
		gap: 1rem;
		/* margin-bottom: 3rem; */
	}

	.services-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.service-item h3 {
		font-size: 2rem;
	}

	.help-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 2.4rem;
	}

	#navbarNavDropdown .nav-link {
		margin: 0;
		font-size: 1.8rem;
		padding: 1rem 0;
	}

	.tracking_form {
		padding: 1rem 0 0 0;
	}

	.rates_form {
		padding: 2rem 0 0 0;
	}

	.service_grid {
		display: block;
	}

	.service_details h3 {
		margin: 2rem 0 2rem;
	}

}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (max-width:767px) {
	.feature_left_right {
		grid-template-columns: repeat(3, 1fr);
	}

	.digital_stack_section .content,
	.digital_stack_section .digital_stack_img {
		flex: 0 0 100%;
	}

	.digital_stack_section {
		display: grid;
	}

	.calculator_grid {
		display: block;
		max-width: 500px;
		margin: auto;
		padding: 2.4rem;
	}

	.emi_calculator .calculator,
	.emi_calculator .summary {
		width: 100%;
	}

	.calculator {
		margin-bottom: 2.4rem;
	}

	.contact_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.contact_title {
		font-size: 3rem;
	}
}

@media screen and (max-width:640px) {
	.contact_grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width:575px) {
	.blogs {
		grid-template-columns: repeat(1, 1fr);
	}

	.feature_left_right {
		grid-template-columns: repeat(2, 1fr);
	}

	.contact_form .form-group {
		display: block;
	}

	.contact_form .form-control {
		height: 40px;
	}

	.contact_form .form-group label {
		margin-bottom: 0.8rem;
	}

	.loan_section_type {
		grid-template-columns: 40% repeat(1, 1fr);
		padding: 2rem 1rem;
		gap: 1rem;
	}

	.flickity-prev-next-button {
		width: 36px;
		height: 36px;
	}

	.personal_loan_banner .hero_banner_grid {
		padding: 5rem 2rem 5rem 5rem;
	}

	.emi-calculator {
		padding: 3rem;
	}

	.hero_banner_grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width:480px) {
	.loan_section_type {
		grid-template-columns: repeat(1, 1fr);
		text-align: center;
	}

	.personal_loan_banner .hero_banner_grid {
		padding: 3rem 2rem 1rem 2rem;
	}

	.services-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}


/* Make all images responsive */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Make all sections adjust automatically */
.container, .section, .wrapper {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* Prevent overflow issues */
* {
  box-sizing: border-box;
}

/* Responsive text */
h1, h2, h3, h4, h5, p {
  word-wrap: break-word;
}

/* Tablet view */
@media (max-width: 992px) {
  .row {
    display: block;
  }
  .col {
    width: 100% !important;
  }
}

/* Mobile view */
@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
  .row {
    display: block;
  }
  .col {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .hide-mobile {
    display: none !important;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  body {
    font-size: 14px;
  }
}

/* Footer Responsive Fix */
@media (max-width: 768px) {

  .tlc-footer-content-block,
  .tlc-footer-content,
  .footer-address-content {
    display: block !important;
    width: 100% !important;
  }

  .footer-address-item {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .footer-address-text {
    width: 100% !important;
  }

  .block-1060,
  .block-900 {
    max-width: 100% !important;
    padding: 0 15px !important;
  }

  footer {
    padding-bottom: 40px !important;
    overflow: visible !important;
  }
}




@media (max-width: 768px) {

  .footer-address-content {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .footer-address-item {
    width: 100% !important;
    margin-bottom: 25px !important;
  }

  .footer-address-text {
    width: 100% !important;
  }

  .block-1060,
  .block-900 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
  }

  footer {
    overflow: visible !important;
    padding-bottom: 50px !important;
  }
}


/* FULL MOBILE FIX FOR TRACKING PAGE */
@media screen and (max-width: 767px) {

    /* Parent container ko column bana do */
    .timeline_final_progress {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 0 !important;
    }

    /* LEFT BLOCK (Customer Details) */
    #left_block {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        order: 1 !important;
        float: none !important;
    }

    /* RIGHT BLOCK (Tracking Timeline) */
    #right_block {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        order: 2 !important;
        float: none !important;
    }

    /* Timeline items ko fix karo */
    .item-single {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    .txt_values_block {
        flex: 0 0 90px !important;
        max-width: 90px !important;
        white-space: nowrap !important;
    }

    .status_block {
        flex: 1 !important;
        max-width: 100% !important;
    }

    /* Footer issue fix */
    #track_details {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }
}