html {
  scroll-behavior: smooth;
}
body {
  color: #fff;
  overflow-x: hidden;
}
.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
h1,
h2,
h3,
h4 {
  font-family: "Playfair Display", serif;
  margin: 0;
}
p,
a {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}
.f-30 {
  font-size: 24px;
}
.f-24 {
  font-size: 22px;
}

.f-35 {
  font-size: 28px;
}
.f-45 {
  font-size: 40px;
}
.text-pink {
  color: #ec1846;
}
.text-grey {
  color: #9c9c9c;
}
.pt-122 {
  padding-top: 122px;
}
.pb-122 {
  padding-bottom: 122px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pt-60 {
  padding-top: 60px;
}

.pb-380 {
  padding-bottom: 202px;
}
.hide {
  opacity: 0;
  visibility: hidden;
}
/****========== Loader Sumant Developer =========== ********/

/* loader style  */
.form-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#multi-step-form .form-step {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#multi-step-form.loading .form-step,
.loading .form-container {
  opacity: 0.1;
}
.loading .form-loader {
  opacity: 1;
  visibility: visible;
}

#c_score_step_two-form #fullname_ct,
#c_score_step_two-form #dob_ct,
#multi-step-form #full-name,
#salaried-loan-form #full-name,
#self-employed-loan-form #full-name {
  /*cursor: not-allowed;
  pointer-events: none;*/
}

.loader {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #fff 94%, #0000) top/8px 8px
      no-repeat,
    conic-gradient(#0000 30%, #fff);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
.owl-carousel-box-reason .item_box_icon .icon_content_box br {
  display: block;
}
/**** =========== Loader End Sumant Developer  ********/
.owl-carousel-perfect-card .item-img-carasoul-trust a {
  pointer-events: none;
}
.item-img-carasoul-trust a {
  pointer-events: none;
}
/* ===== Standard ===== */
input::placeholder,
textarea::placeholder {
  color: #777777;
  opacity: 1;
}

/* ===== WebKit Browsers (Chrome, Safari, new Edge) ===== */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #777777;
  opacity: 1;
}

/* ===== Firefox ===== */
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #777777;
  opacity: 1;
}

/* ===== Internet Explorer 10-11 ===== */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #777777;
  opacity: 1;
}

/* ===== Microsoft Edge (Legacy) ===== */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #777777;
  opacity: 1;
}

.border-top-g {
  border-top: 1px solid #9c9c9c;
  width: 100%;
}

button.btn-close {
  border: 1px solid #000;
  border-radius: 0;
}
/* heading style  */
.heading_inner_wrap_one h1,
.heading_inner_wrap_one h3 {
  font-size: 65px;
  line-height: 85px;
  letter-spacing: -1px;
}
.heading_inner_wrap_two h2,
.heading_inner_wrap_two h3 {
  font-size: 40px;
  line-height: 55px;
}
/* heading style  */
.wid-50 {
  width: 50%;
}

/*** Button Style *****/
.btn.style-1 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  border: 1px solid #c7c7c7;
  border-radius: 0px;
  padding: 16px 30px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.btn.style-2 {
  color: rgb(255, 255, 255);
  font-size: 18px;
  border: 1px solid #c7c7c7;
  border-radius: 0px;
  padding: 16px 30px;
  width: 100%;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.btn.style-4 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  border: 1px solid #c7c7c7;
  border-radius: 0px;
  padding: 9px 30px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
/* .sev_sec_your_loan .button-all, .sev_sec_personal .button-all, #bg-aniamtion_circle .button-al{
    background-color: #2B2B2B;
} */
a.btn.style-2:hover,
.btn.style-4:hover {
  background: transparent
    linear-gradient(
      93deg,
      #390a5d00 0%,
      #572f75d9 0%,
      #390a5d00 0%,
      #390a5d 51%,
      #0e0019 100%
    )
    0% 0% no-repeat padding-box;
}
.btn.style-1:hover,
.button-all:hover button.btn.style-2 {
  background: transparent
    linear-gradient(
      93deg,
      #390a5d00 0%,
      #572f75d9 0%,
      #390a5d00 0%,
      #390a5d 51%,
      #0e0019 100%
    )
    0% 0% no-repeat padding-box;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
}
/* end button */

/* Header toggler */
button.menu-toggler {
  background-color: #000;
}
.menu-item_wrap ul li a {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  color: #fff;
  line-height: 40px;
}
button.menu-toggler {
  border: 1px solid #c7c7c7;
  border-left: 0px;
}
.offcanvas-start {
  background: linear-gradient(to bottom right, #000000, #390a5d);
}
.menu-item_wrap ul li:hover a {
  color: #ec1746;
}

.menu-item_wrap ul li:hover a {
  color: #ec1746;
}
.nav-link:focus,
.nav-link:hover {
  color: rgb(236 23 70) !important;
}
button.btn-close {
  border: 1px solid #d5d5d5;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ec1746'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  opacity: 1;
  height: 28px;
  width: 28px;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 2.5em;
  height: 46px;
  padding: 1px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23EC1846' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* End Header Toggler */
/* Section First  */
.Left_inner_side_img {
  width: 350px;
  margin: auto 0 0 0;
}

.right_inner_side_img {
  width: 300px;
  margin: 0 0 0 auto;
}
img.w-width {
  width: 100%;
}
.center_inner_content {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  transform: translate(0, -69%);
}
/* Section End First */

/* Section Second */
.second_left_side_wrap h2 {
  font-size: 55px;
  line-height: 75px;
}
.single-odometer-item h2 {
  font-size: 55px;
}
/* Section Second */

/* four  Start*/
.wrap_list li span {
  font-size: 26px;
}
.wrap_list ul li {
  line-height: 50px;
  list-style-type: none;
  position: relative;
}
.wrap_list ul li:before {
  content: "";
  position: absolute;
  left: -23px;
  height: 15px;
  top: 24px;
  width: 15px;
  background-image: url("https://netambit.com/assets/bfsi-img/weak-icon.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.wrap_list ul li span {
  padding-left: 9px;
}
/* four  End*/
/* five Section */
.six_sect .form-select,
.six_sect .btn-outline-light {
  background-color: transparent;
  color: white;
  border: 1px solid #a7a7a7;
  border-radius: 0;
  padding: 15px 14px;
  font-size: 24px;
}

.six_sect .form-select:focus,
.btn-outline-light:focus {
  border-color: #fff;
  box-shadow: none;
  background-color: transparent;
  color: white;
}

.six_sect .form-select option {
  background-color: #000;
  color: white;
}
/* Five section */
/* Six section */
/* .six_sect{
background-image: url("/micro-img/bg-lbottom.png");
background-size: default;
background-position: center;
background-repeat: no-repeat;
}
*/

.bg-hidden {
  position: absolute;
  bottom: 0;
  z-index: 0;
  width: 85%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -10%);
}
.six_sect .wrap_list ul li:before {
  content: "";
  position: absolute;
  left: -35px;
  height: 15px;
  top: 26px;
  width: 15px;
  background-image: url("https://netambit.com/assets/bfsi-img/white-check.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.six_sect .wrap_list ul li span {
  padding-left: 0;
}
/* End Six section */

/* Seven section */
.right_side_form input:not([type="radio"]) {
  padding: 15px 10px;
  background-color: transparent;
  border-radius: 0;
  color: #fff !important;
  border-color: #9c9c9c;
}

.right_side_form select {
  background-color: #000000;
  border-radius: 0;
  border-color: #9c9c9c;
  padding: 15px 10px;
  color: #fff;
}
input::-webkit-input-placeholder {
  color: #ffff !important;
  font-weight: 400;
}
input {
  color: #fff;
  font-weight: 400;
}
input::-webkit-input-placeholder,
textarea::-moz-placeholder {
  color: #fff;
  font-weight: 400;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #fff;
  font-weight: 400;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #fff;
  font-weight: 400;
}
textarea::placeholder {
  /* color: #767676 !important; */
  color: #fff !important;
  opacity: 1 !important;
}
input:focus {
  box-shadow: none;
  outline: none;
}
.form-check input[type="checkbox"]:checked {
  background-color: #79245b !important;
  border-color: #481d47 !important;
  border-radius: 0;
}
span.notification {
  color: #767676;
  font-size: 14px;
}
select.custom-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: auto 35px;
}
.style-2 {
  padding: 23px;
  border: 1px solid;
  width: 100%;
  border-radius: 0;
}
.select2-container--default .select2-selection--single {
  background-color: black;
  color: white;
  border: 1px solid white;
}

/* Dropdown list background */
.select2-container--default .select2-results > .select2-results__options {
  background-color: #111;
}
.bg-gif {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
/* Option hover */
.select2-container--default .select2-results__option--highlighted {
  background-color: #8a2be2;
  color: white;
}
/* End Seven section */

/* Eight Start Section */
.bg-jusy {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 20%;
  left: 0;
}
.bg-slack {
  background-color: #0d0a16;
}

/* Eight Start Section */

/*  Start Footer  */

ul.follow-list_icon li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
img.logo_footer {
  width: 215px;
  padding-bottom: 12px;
}
.top_footer {
  padding: 20px 0;
}
.link_a ul li {
  list-style-type: none;
}
.link_a ul li a {
  color: #fff;
  text-decoration: none;
}
.link_a ul {
  padding-top: 14px;
}
.link_a h4 {
  font-size: 26px;
}
.copyright_content_wrap p a {
  font-size: 16px;
}
.copyright p {
  padding-top: 14px;
}
.copyright h4 {
  font-size: 26px;
}
/* #canvas3d {
  pointer-events: auto; 
  touch-action: auto; 
}
#canvas3d {
  opacity: 0.6;
  transition: opacity 0.5s ease-out;
}
#canvas3d.loaded {
  opacity: 1;
}
.canvas_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: auto; 
  overflow: hidden;
} 
*/
.eight_sec .btn.style-2 {
  pointer-events: all;
}
.eight_sec {
  pointer-events: none;
}
#canvas3d {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: auto; /* 👈 mouse events allow karega */
  touch-action: auto;
}
.eight_sec {
  padding-top: 100px; /* You can adjust this */
  padding-bottom: 100px;
}
.six_sect .wrap_list {
  display: flex;
  justify-content: center;
}
/* bfsi-custom.css */
/* .eight_sec {
  overflow: hidden;
  height: 100%;
}

canvas {
  outline: none;
  display: block;
}
.spline-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
 
} */
/* .eight_sec .canvas_wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;              
  width: 100%;
  height: 100%;
  
} */

/* .eight_sec #canvas3d {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

} */

.form_center_wrap input {
  padding: 21px 10px;
  background-color: transparent;
  border-radius: 0;
  color: #fff;
  border-color: #9c9c9c;
}
.Left_inner_side_video {
  position: relative;
  top: -37px;
  z-index: 0;
}
.form_wrap_uper.right_side_form .form-check-input[type="checkbox"],
.right_side_form .form-check-input[type="checkbox"] {
  padding: 10px 10px;
  margin-right: 9px;
}
.right_side_form input[type="checkbox"] {
  padding: 10px 10px;
  margin-right: 9px;
}

.right_side_form input:-internal-autofill-selected {
  /* appearance: menulist-button; */
  background-image: none !important;
  background-color: #ff000000 !important;
  /* color: fieldtext !important; */
}
input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
  background-color: transparent !important;
}
/*====================== presonal Load css start ================================== */
.Persoal_section_wrap .P_Left_inner_side_img img.w-width {
  position: absolute;
  width: 506px;
  right: 0;
  z-index: 0;
  top: -78px;
}
.common_slider_section .owl-carousel .owl-item img,
.business_third_sect .owl-carousel .owl-item img,
.credit_third_sect .owl-carousel .owl-item img {
  height: 382px;
  padding-bottom: 20px;
  display: block;
  object-fit: contain;
  width: 400px;
  margin: 0 auto;
}
.owl-carousel-box-reason .item_box_icon .icon_content_box h4 {
  min-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: flex;
}
.item_box_icon .icon_content_box br {
  display: none;
}
img.w-cancul {
  position: absolute;
  left: 0;
  width: 667px;
  z-index: 0;
  top: 64px;
}
.Canculator_left_side {
  width: 100%;
}
.per_icon_box {
  border: 0.5px solid #707070;
}
img.icon_box {
  width: 100%;
}
.icon_content_box {
  padding: 49px 29px 38px 29px;
}
img.icon_box {
  width: 75% !important;
  transition: width 0.6s ease-in-out;
  display: block;
}
.icon_content_box h4 {
  line-height: 48px;
}
.owl-carousel-box-reason .item_box_icon .per_icon_box h4.f-45 {
  font-size: 35px;
}
.personal_loan_four .col-md-4 {
  display: flex;
}
.per_icon_box {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.per_icon_box::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: radial-gradient(
    circle at 90% 100%,
    /* bottom-right origin */ rgba(81, 42, 99, 0.5),
    /* purple glow center */ transparent 55%
  );
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
  border-radius: inherit;
}

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

.sm_ico {
  padding: 20px;
  height: 100%;
  width: 100%;
}
.sm_ico .icon_sm_box {
  padding-top: 35px;
}
.sm_ico {
  border: 1px solid #707070;
  padding: 40px 25px;
}
.personal_loan_five .col-md-3 {
  display: flex;
}
.sm_ico img {
  min-height: 71px;
  height: 75px;
}
.personal_loan_four .owl-carousel .owl-item img {
  display: unset;
  width: inherit;
}
.per_icon_box:hover .heigt_b img {
  width: 85% !important;
}
.heigt_b {
  height: 215px;
}
input[type="checkbox"] {
  border-radius: 0 !important;
}
/***accordion ***/

.category-btn {
  width: 100%;
  margin-bottom: 10px;
  padding: 15px;
  text-align: left;
  border: 1px solid white;
  background-color: transparent;
  color: white;
  font-size: 24px;
}

.category-btn.active {
  background: linear-gradient(to right, #6a1b9a, #b13673);
  border: none;
}

.question-row {
  border-bottom: 1px solid white;
}

.question-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}

.question-text {
  font-size: 22px;
  width: 90%;
}

.plus-icon {
  font-size: 22px;
  font-weight: bold;
  transition: transform 0.3s;
}

.plus-icon.rotate {
  transform: rotate(45deg); /* + becomes x */
}

.question-answer {
  padding-bottom: 15px;
  font-size: 20px;
  color: #ccc;
  display: none;
}

.question-group {
  display: none;
}

.question-group.active {
  display: block;
}

#bg-aniamtion_circle {
  position: relative;
}

#bg-aniamtion_circle .right_side_form {
  position: relative;
  z-index: 2;
  height: 100%;
  /* display: flex;
  align-items: center;
  pointer-events:unset; */
}
.sev_sec > .container {
  z-index: 2;
}
#bg-aniamtion_circle {
  pointer-events: unset;
}

/* .zoom-section {
  height: 300vh;
  position: relative;
  width: 100%;
}
.zoom-container {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
.zoom-img {
  position: absolute;
  top: 0; left: 25%;
  width: 35%;
  margin: 0 auto;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  opacity: 0;
}
.zoom-img:first-child {
  opacity: 1;
} */
.sev_sec .right_side_form {
  z-index: 2;
  position: relative;
}
#bg-aniamtion_circle {
  position: relative;
  overflow: hidden;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: #fff0;
  border-color: #9c9c9c;
  outline: 0;
  box-shadow: unset;
}
/*** end ***/
/*====================== presonal Load css end  ================================== */

.business_section_wrap .P_Left_inner_side_img img.w-width {
  position: absolute;
  right: 0;
  z-index: 0;
  width: 663px;
}
.w-50_md {
  width: 50%;
}
/*======================Start  Bank Loan css   ================================== */

/*====================== Credit Card Bank Loan css end  ================================== */
.bg-credit {
  width: 88%;
  margin: 0 auto;
}
.top_postion {
  position: absolute;
  bottom: 90px;
}
.purple-bg {
  background: transparent
    linear-gradient(
      93deg,
      #390a5d00 0%,
      #572f75d9 0%,
      #390a5d00 0%,
      #390a5d 51%,
      #0e0019 100%
    )
    0% 0% no-repeat padding-box;
}
.credit_card_box_wrap img {
  width: 100%;
}

.card_cret_content {
  text-align: start;
  padding-top: 30px;
}
.credit_card_box_wrap {
  min-height: 320px; /* adjust as needed */
}
ul.list_credit {
  padding-left: 0px;
}
.card_cret_content p strong {
  color: #ec1846;
}
ul.list_credit li {
  padding: 10px 0;
  list-style-type: none;
}
.card_cret_content h4 {
  padding-bottom: 12px;
}

ul.list_credit {
  padding-left: 0;
}

.crtedit_card_sect_img .btn.style-1 {
  padding: 10px 30px;
}
.borderh {
  border: 1px solid #8f7878;
  padding: 39px;
}
.credit_card_right_video video {
  width: 100%;
  height: 470px;
  object-fit: cover;
  display: block;
}
.creditcard_section_wrap {
  position: relative;
  z-index: 1;
}
.video-section {
  position: relative;
  height: 745px;
  overflow: hidden;
  top: -65px;
}
.creditcard_section_wrap .bg-video_o {
  width: 100%;
  position: relative;
  height: 100%;
  object-fit: contain;
}

.z-1 {
  z-index: 1;
  position: relative;
}

.bg-credit {
  position: relative;
  z-index: 2;
}
span.select2.select2-container {
  width: 100% !important;
}
/*====================== Credit Card  Bank Loan css end  ================================== */
/*====================== Conatct  css start  ================================== */
.right_side_form textarea {
  padding: 15px 10px;
  background-color: transparent;
  border-radius: 0;
  color: #fff !important;
  border-color: #9c9c9c;
}
.list_category li {
  margin-bottom: 15px;
}
span.li-cir i {
  border: 1px solid #c7c7c7;
  width: 50px;
  display: flex;
  height: 50px;
  margin-right: 10px;
  color: #eb1645;
  align-items: center;
  justify-content: center;
}

.icon_content_box p {
  min-height: 108px;
  max-height: 107px;
  height: 100%;
}
img.width-img {
  width: 182px;
  padding-left: 14px;
}

/*====================== Conatct css end  ================================== */

/*============ select box css Start========*/

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #fffefe transparent transparent transparent;
  border-style: solid;
  border-width: 12px 8px 0 9px !important;
  height: 0;
  left: 50%;
  margin-left: -10px !important;
  margin-top: -2px !important;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 52px !important;
  position: absolute !important;
  top: 0px;
  right: 4px !important;
  width: 29px !important;
}
.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border: 0.5px solid #cebebe;
  height: 55px !important;
  border-radius: 0px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff !important;
  line-height: 52px !important;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #ffffff transparent #888 transparent !important;
  border-width: 12px 8px 0 9px !important;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
  background-color: #010101;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  background-color: #000000;
}
.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #ec1746 !important;
  color: white;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #ec1746 !important;
  color: #fff;
}
div#q1a2 h4 {
  font-size: 16px;
  font-family: "Questrial";
  font-weight: 700;
}

.height_l {
  height: 360px;
}
.single-odometer-item {
  text-align: center;
}
.sm_ico_iccome img {
  width: 130px;
}
/*======================= STart  otp pl , bl design ================ */
.mobile_otp_verification_stepper .steps {
  display: none;
}

.otp-inputs {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.mobile_otp_verification_stepper .otp-inputs input,
.check_score_verification_stepper .otp-inputs input,
#otp-box_cr .otp-input {
  width: 50px;
  text-align: center;
  font-size: 18px;
  padding: 10px;
}
.thank {
  font-size: 40px;
  color: #ec1746;
}

.anchore a {
  color: #c37a34;
  text-decoration: none;
}
.mobile_otp_verification_stepper .note {
  font-size: 13px;
  color: gray;
}

.mobile_otp_verification_stepper .report-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  text-align: center;
  padding-top: 10px;
}

.mobile_otp_verification_stepper .report-box div {
  background: #f1f1f1;
  padding: 16px;
  border-radius: 6px;
}

.mobile_otp_verification_stepper .sample {
  grid-column: span 2;
  background: #ffeb3b;
  font-weight: bold;
}

span.error {
  color: #ec1746;
  font-size: 14px;
}

/*============ End select box ========*/

/***Start  Carasoul pl page design **/
.form-check p a span,
.form-check label a span {
  color: #ec1846;
}
.form-check p a {
  color: #ffffff;
}
.heigt_j {
  width: 510px;
  margin: 0 auto;
  padding-bottom: 40px;
  height: 440px;
}
.imge_c {
  position: relative;
}
.item_box_icon {
  height: 100%;
  padding-bottom: 118px;
}
.scrool_content {
  text-align: center;
  z-index: 1;
  position: absolute;
  bottom: -95px;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -0%);
}
h3.slider_f {
  font-size: 65px;
  line-height: 76px;
}
/*** ENd Carasoul pl page design **/

img.w-wsth {
  width: 75%;
}
.sm_ico_iccome {
  padding-bottom: 15px;
}
/* Dropdown list background */
.select2-container--default .select2-results > .select2-results__options {
  background-color: #111;
}
.bg-gif {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
.select2-container--default .select2-results__option--highlighted {
  background-color: #8a2be2;
  color: white;
}
.right_side_form .form-control.error {
  border-color: #f00;
}

.right_side_form span.error {
  color: #f00;
  display: block;
}

.right_side_form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #fff;
  border-radius: 0;
  display: inline-block;
  position: relative;
  margin-top: 0;
  margin-right: 0.5rem;
  background-color: #000;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}

.right_side_form input[type="radio"]:checked {
  background-color: #79245b;
  border-color: #481d47;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.right_side_form input[type="radio"]:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}
.right_side_form input:not([type="radio"]) {
  padding: 15px 10px;
  background-color: transparent;
  border-radius: 0;
  color: #fff !important;
  border-color: #9c9c9c;
}
.right_side_form .otp-inputs input:not([type="checkbox"]),
#otp-box_cr .otp-input {
  padding: 10px 10px;
}
.right_side_form select {
  background-color: #000000;
  border-radius: 0;
  border-color: #9c9c9c;
  padding: 15px 10px;
  color: #fff;
}

/***Sumant  End Developer css ****/
.right_side_form input[type="checkbox"] {
  padding: 10px 10px;
  margin-right: 9px;
}

/* Date piker css start========================== ***/
.credit_score th.ui-datepicker-week-end span {
  color: #ffffff !important;
  opacity: 1;
}
.credit_score th span {
  color: #fff !important;
  opacity: 0.9;
}
.credit_score .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c7c7c7;
  background: #000000;
  color: #ffffff;
}
.credit_score .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #ec1846 !important;
  background: #ec1846 !important;
  color: #ffffff !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0 !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0 !important;
}
.ui-widget-content {
  background: #000000;
  color: #333333;
}
.ui-widget-header {
  background: #d81640;
}
.ui-widget.ui-widget-content {
  background-color: #000000;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #ec1846 I !important;
}
table.ui-datepicker-calendar tr th span {
  color: #ffffff;
  opacity: 0.9;
}

/******Date picker Start =================== End ***********/

/*****Canculator css  =================== Start ***********/
.form-step_c_score {
  display: none;
}

.form-step_c_score.show {
  display: block;
}
.Loan_canculator .container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: start;
}

@media (max-width: 768px) {
  .Loan_canculator .container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.Loan_canculator .card {
  background: #000;
  backdrop-filter: blur(10px);
  border-radius: 0px;
  padding: 5px;
}

.Loan_canculator .form-group {
  margin-bottom: 16px;
}

.Loan_canculator label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #ffffff;
  font-size: 1.1rem;
  opacity: 0.9;
}

.Loan_canculator input {
  width: 100%;
  padding: 15px 10px;
  background-color: transparent;
  border-radius: 0;
  color: #fff !important;
  border-color: #9c9c9c;
  transition: all 0.3s ease;
}

.Loan_canculator input:focus {
  outline: none;
  border-color: #ec1746;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
  transform: translateY(-2px);
}

.Loan_canculator .calculate-btn {
  width: 100%;
  color: rgb(255, 255, 255);
  font-size: 20px;
  border: 1px solid #c7c7c7;
  border-radius: 0px;
  padding: 16px 30px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  background-color: transparent;
  margin-top: 16px;
}

.Loan_canculator .calculate-btn:hover {
  background: transparent
    linear-gradient(
      93deg,
      #390a5d00 0%,
      #572f75d9 0%,
      #390a5d00 0%,
      #390a5d 51%,
      #0e0019 100%
    )
    0% 0% no-repeat padding-box;
}
.Loan_canculator .results {
  margin-top: 26px;
}

.Loan_canculator .result-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 15px;
  background: linear-gradient(135deg, #f8f9ff, #e8ecff);
  border-radius: 0;
  border-left: 5px solid #724491;
  transition: all 0.3s ease;
}

.Loan_canculator .result-item:hover {
  transform: translateX(5px);
  box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);
}

.Loan_canculator .result-label {
  font-weight: 600;
  color: #555;
  font-size: 1.1rem;
}

.Loan_canculator .result-value {
  font-size: 1.3rem;
  font-weight: 700;
  color: #333;
}
.Loan_canculator .highlight span.result-label,
#totalAmount {
  color: #fff;
}
.Loan_canculator .highlight {
  background: linear-gradient(135deg, #724491, #e81847);
  color: #ffffff;
  border-left: 5px solid #ffffff;
}
.Loan_canculator .amortization-table {
  margin-top: 30px;
  overflow-x: auto;
}

.Loan_canculator table {
  width: 100%;
  border-collapse: collapse;
  background: #060603;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.Loan_canculator th {
  background: #2c373d;
  color: white;
  padding: 15px;
  text-align: left;
  font-weight: 600;
  border-radius: 0;
}

button#showScheduleBtn {
  width: 100%;
  padding: 15px;
  background-color: #000000;
  color: #fff;
  border: 1px solid #c7c7c7;
  margin-top: 10px;
  margin-bottom: 26px;
}
.Loan_canculator td {
  padding: 12px 15px;
  border-bottom: 1px solid #f0f0f0;
}

.Loan_canculator tr:hover {
  background: #000000;
}

.Loan_canculator .table-scroll {
  max-height: 400px;
  overflow-y: auto;
}

.Loan_canculator .input-group {
  position: relative;
}

.Loan_canculator .input-prefix {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #ec1846;
  font-weight: 600;
}

.Loan_canculator input.with-prefix {
  padding-left: 35px;
}

.Loan_canculator .summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 15px;
  margin-bottom: 20px;
}

.Loan_canculator .summary-card {
  background: transparent;
  color: white;
  padding: 20px;
  border: 1px solid #c7c7c7;
  border-radius: 0;
  text-align: center;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.Loan_canculator .summary-card:hover {
  transform: scale(1.05);
}

.Loan_canculator .summary-value {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

.Loan_canculator .summary-label {
  font-size: 0.9rem;
  opacity: 0.9;
}
.pagination {
  justify-content: flex-end;
  padding-top: 9px;
}
.error-message {
  color: red;
  font-size: 13px;
}
.bussiness_loan_four .owl-carousel.owl-carousel-box-reason {
  overflow: hidden;
}
.pagination {
  text-align: center;
  margin-top: 15px;
}
.pagination button {
  padding: 8px 14px;
  margin: 0 5px;
  border: none;
  background: #393939;
  cursor: pointer;
  color: #fff;
}
.pagination button.active {
  background: #666666;
}

.pagination button:hover {
  background-color: #666666;
}

/* .bg-video {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 100%;
  min-height: 100vh;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}
.sev_sec .bg-video {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: fill;
} */
.video-section_h {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* cover like background-image */
  pointer-events: none;   /* prevent pause on iPhone touch */
}

.sev_sec_your_loan {
  position: relative;
  overflow: hidden;
}



#bg-aniamtion_circle {
  position: relative;
  overflow: hidden;
}
.Loan_canculator .summary-card:hover {
  background: transparent
    linear-gradient(
      93deg,
      #390a5d00 0%,
      #572f75d9 0%,
      #390a5d00 0%,
      #390a5d 51%,
      #0e0019 100%
    )
    0% 0% no-repeat padding-box;
}
/******End Canculator =================== End ***********/
/***** Start  carasoul ************/
button.owl-prev span,
button.owl-next span {
  font-size: 51px;
  color: #1f191d66;
}

.owl-carousel-box-slider:hover button.owl-prev span,
.owl-carousel-box-slider:hover button.owl-next span {
  color: #ec1846;
}

.owl-carousel-box-slider .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 96%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* Prevent overlap issues */
}

.owl-carousel-box-slider .owl-carousel .owl-nav button {
  background: rgb(189 49 49 / 0%);
  border: none;
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  font-size: 30px;
}

.owl-carousel-box-slider .owl-carousel .owl-nav button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.owl-carousel-box-slider .owl-prev-arrow,
.owl-carousel-box-slider .owl-next-arrow {
  font-size: 2.5rem;
  color: #fefeffb0;
  background: #e1182db3;
  padding: 8px 12px;
  width: 64px;
  height: 68px;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.owl-carousel-box-slider button.owl-next {
  position: absolute;
  right: 0;
  top: 50%;
}
.owl-carousel-box-slider button.owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
}

/***** End   carasoul ************/
div#formMessageSalaried,
#formMessageSelf {
  font-size: 18px;
}
.owl-carousel-credit_card .item_credit {
  height: 100%;
  display: flex;
}

/* Main card wrapper: equal height, vertical layout */
.owl-carousel-credit_card .credit_card_box_wrap {
  display: flex;
  flex-direction: column;
  flex: 1; /* Makes it fill parent */
  min-height: 800px !important;
  transition: height 0.3s ease-in-out;
}

/* Same image height for all */
.owl-carousel-credit_card .credit_card_box_wrap img {
  width: 100%;
  height: 180px; /* or any fixed value */
  object-fit: contain;
  margin-bottom: 15px;
}

/* Card content expands to fill available space */
.owl-carousel-credit_card .card_cret_content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Button sticks to bottom */
.owl-carousel-credit_card .left_button {
  margin-top: 0;
}
.d-md-676 {
  display: none;
}

span.space {
  padding: 0px 6px;
}

div#formMessage {
  font-size: 18px;
  font-weight: 600;
}
/**** Table ****/
#amortizationSchedule {
  margin-top: 25px;
}
#amortizationSchedule th,
#amortizationSchedule td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  white-space: nowrap; /* Prevent text wrapping */
}

#amortizationSchedule th {
  text-align: center;
}

/* Responsive container */
#amortizationScheduleContainer {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/** ENd table ***/

/**================= Blog css start =======================***/
.blog-card {
      background: #000;
      border: 1px solid #333;
      border-radius:0px;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    /* .blog-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(255, 0, 0, 0.3);
    } */
   .blog-card img {
    width: 85%;
    height: 100%;
    padding: 20px 20px 0px 20px;
    object-fit: cover;
}
.blog-meta img.clock_img {
    width: 18px;
    padding: 0;
    object-fit: contain;
}
   .blog-content {
    padding: 30px 20px 40px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
    .blog-meta {
      font-size:16px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 8px;
    }
    .blog-meta i {
      color: crimson;
      margin-left: 8px;
    }
  .blog-title {
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 0px;
    flex-grow: 0;
    font-size: 35px;
    }
    .blog-desc {
    flex-grow: 1;
    color: #fff;
    font-size: 22px;
    }
   .read-more:hover {
    font-weight: 500;
    text-decoration: none;
    margin-top: 10px;
    font-size: 22px;
    color: #EC1846;
}
.read-more {
    color: #EC1846;
    font-weight: 500;
    text-decoration: none;
    margin-top: 10px;
    font-size: 22px;
}
.item-img-carasoul-blog{
display: flex;
justify-content: center;
 align-items: center;
     align-items: flex-end;
}

.owl-carousel-blog button.owl-prev {
    position: absolute;
    left: -70px;
    top: 45%;
}
.owl-carousel-blog button.owl-next {
    position: absolute;
    right: 0px;
    top: 45%;
}
.time_blog span {
    padding-left: 6px;
}

.time_blog {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 58px;
}
.right_content_sucess .blog-content {
    padding: 30px 20px 40px 70px;
}
.blog_slider button.owl-prev span, .blog_slider button.owl-next span {
    font-size: 51px;
    color: #EC1846;
}
/**================= Blog css End =======================***/
div#fees-carousel .item p {
    line-height: 17px;
   
}
.item.p-3.eligibility-item ul {
    margin-bottom: 0;
}

@media screen and (min-width: 1050px) and (max-width: 1240px) {
  .owl-carousel-box-reason .item_box_icon .icon_content_box h4 {
    min-height: 56px;
    font-size: 25px;
  }
  .icon_content_box p {
    font-size: 18px;
    min-height: 99px;
    max-height: 123px;
    height: 100%;
  }
  .icon_content_box {
    padding: 13px 29px 26px 29px;
  }
  .Loan_canculator .summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 13px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-device-width: 892px) and (max-device-width: 1049px) {
  .personal_loan_five.pb-122 {
    padding-bottom: 60px;
  }
  .Left_inner_side_video video {
    height: 222px;
  }
  .item_box_icon {
    height: 100%;
    padding-bottom: 90px;
  }
  section.common_slider_section {
    padding-top: 30px;
  }
  .credit_card_b .right_side_form {
    padding-bottom: 15px;
  }
  section.credit_third_sect {
    padding-bottom: 10px;
  }
  .Left_inner_side_video video {
    height: 222px;
  }
  section.credit_loan_five.pb-122 {
    padding-bottom: 52px;
  }
  .owl-carousel-box-reason .item_box_icon .icon_content_box h4 {
    min-height: 40px;
  }
}
/*============ select box css Start end========*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .credit_loan_five .pb-122 {
    padding-bottom: 50px;
  }
  .heading_inner_wrap_one h1,
  .heading_inner_wrap_one h3 {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: -1px;
  }

  .personal_loan_five .pb-122 {
    padding-bottom: 60px;
  }
  .item_box_icon {
    height: 100%;
    padding-bottom: 60px;
  }
  section.common_slider_section {
    padding-top: 30px;
  }
  .credit_card_b .right_side_form {
    padding-bottom: 15px;
  }
  section.credit_third_sect {
    padding-bottom: 10px;
  }
  .Persoal_section_wrap {
    padding-bottom: 50px;
  }
  span.select2.select2-container.select2-container--default {
    width: 100% !important;
  }
  .second_left_side_wrap h2 {
    font-size: 30px;
    line-height: 46px;
  }
  .second_left_side_wrap .left_button {
    margin-top: 27px;
  }
  .Persoal_section_wrap .P_Left_inner_side_img img.w-width {
    position: absolute;
    width: 350px;
    right: 0;
    top: -85px;
    z-index: 0;
  }
  section.business_third_sect .heading_inner_wrap_one {
    padding-top: 43px;
  }
  img.w-cancul {
    position: absolute;
    left: 0;
    width: 441px;
    z-index: 0;
    top: 220px;
  }
  .personal_loan_four .col-md-4 {
    width: 49%;
    margin-bottom: 27px;
  }
  .personal_loan_five .col-md-3 {
    display: flex;
  }
  .sm_ico img {
    min-height: 56px;
    height: 59px;
  }
  .category-btn {
    padding: 13px 15px;
    font-size: 18px;
  }
  .form_wrap_uper.right_side_form .form-check-input[type="checkbox"] {
    padding: 8px 8px;
    margin-right: 5px;
  }
  .Personal_third_sect.pt-122 {
    padding-top: 0;
  }
  .heigt_b {
    padding-top: 21px;
  }
  .icon_content_box {
    padding: 21px;
  }
  .sev_sec_personal.pt-60 {
    padding-top: 0;
  }
  .sev_sec_personal.pb-122 {
    padding-bottom: 0px;
  }
  .f-35 {
    font-size: 28px;
  }
  .icon_content_box h4 {
    line-height: 36px;
    margin-top: 8px;
  }
  section.personal_loan_four .row {
    justify-content: center;
  }
  .heading_inner_wrap_two h2,
  .heading_inner_wrap_two h3 {
    font-size: 30px;
    line-height: 53px;
  }
  .wrap_list li span {
    font-size: 20px;
  }
  .wrap_list ul li {
    line-height: 41px;
    list-style-type: none;
    position: relative;
    margin-bottom: 20px;
  }
  .credit_card_box_wrap {
    margin-bottom: 62px;
  }
  section.sev_sec.pt-60 {
    padding-top: 0px;
  }
  .business_section_wrap .P_Left_inner_side_img img.w-width {
    right: -29px;
    z-index: 0;
    width: 663px;
  }

  .alli-alisdre .owl-prev-arrow,
  .alli-alisdre .owl-next-arrow {
    font-size: 1.5rem;
    width: 54px;
    height: 56px;
  }
  .pin-spacer {
    display: none !important;
  }
  .scroll-zoom-wrapper {
    display: none;
  }
  .btn.style-2 {
    font-size: 16px;
  }
  img.w-wsth {
    width: 377px;
  }
  h3.slider_f {
    font-size: 40px;
    line-height: 66px;
  }
  .Left_inner_side_img {
    width: 254px;
    margin: auto 0 0 0;
  }
  .right_inner_side_img {
    width: 245px;
    margin: 0 0 0 auto;
  }
  .pb-380 {
    padding-bottom: 0;
  }
  .bg-hidden {
    width: 100%;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -10%);
  }
  section.four_sect {
    padding-top: 30px;
  }
  .eight_sec {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .top_postion {
    position: absolute;
    bottom: 127px;
  }
  section.credit_card_b {
    margin-top: 57px;
  }

  .scrool_content p {
    padding: 18px 0 33px 0 !important;
    line-height: 30px;
    font-size: 20px;
  }
  .scrool_content {
    padding-bottom: 30px;
    bottom: -92px;
    transform: translate(-50%, -0%);
  }
  .video-section {
    position: relative;
    height: 592px;
    overflow: hidden;
    top: -57px;
  }
  section.credit_third_sect {
    margin-top: -60px;
    z-index: 1;
    position: relative;
  }
  .owl-carousel-box-reason .heigt_b {
    height: 210px;
    margin-bottom: 68px;
  }
  section.bussiness_loan_four {
    margin-bottom: 68px;
  }
  .bussiness_loan_four .owl-carousel-box-reason .item_box_icon {
    height: 100%;
    padding-bottom: 0;
  }
  section.form_contact_wrap {
    padding-top: 30px;
  }
  section.form_bg_wrap.bg-black.pt-122 {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .navbar-toggler-icon {
    width: 2em;
  }
  .heigt_j {
    height: unset;
  }
  .common_slider_section .owl-carousel .owl-item img,
  .business_third_sect .owl-carousel .owl-item img,
  .credit_third_sect .owl-carousel .owl-item img {
    height: 100%;
  }
  .owl-carousel-box-reason .item_box_icon .per_icon_box h4.f-45 {
    font-size: 30px;
    padding: 15px 0;
    text-align: left;
  }
  .Canculator_left_side img {
    width: 100% !important;
    margin-top: 0px;
  }
  .Canculator_left_side img {
    padding-bottom: 0;
  }
  .Loan_canculator .summary-value {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .Loan_canculator .summary-label {
    font-size: 13px;
    opacity: 0.9;
  }
  button#showScheduleBtn {
    margin-bottom: 0;
  }
  .copyright_content_wrap p a {
    font-size: 16px;
  }
  h3.slider_f {
    padding: 0 30px;
    font-size: 26px;
    line-height: 39px;
  }
  item_box_icon {
    height: 100%;
    padding-bottom: 96px;
  }
  .heigt_j {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .scrool_content {
    bottom: -84px;
  }
  img.w-wsth {
    width: 100%;
  }
  .common_slider_section .owl-carousel .owl-item img,
  .business_third_sect .owl-carousel .owl-item img,
  .credit_third_sect .owl-carousel .owl-item img {
    display: block;
    width: 70%;
    margin: 0 auto;
  }
  .mobile_otp_verification_stepper .otp-inputs {
    justify-content: center;
  }

  .alli-alisdre .owl-carousel .owl-nav {
    width: 91%;
  }
  .alli-alisdre button.owl-prev {
    left: 6px;
  }

  span.select2.select2-container.select2-container--default {
    width: 100% !important;
  }
  .right_side_form input {
    font-size: 14px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
  }
  span.li-cir {
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .icon_cont {
    text-align: center;
    margin-bottom: 30px;
  }
  .contact-info {
    text-align: center;
  }
  .icon_cont span.li-cir {
    margin-bottom: 22px;
  }
  section.form_contact_wrap {
    padding-bottom: 30px;
    padding-top: 10px;
  }
  .video-section {
    position: relative;
    height: 287px;
    overflow: hidden;
    top: -26px;
  }
  .heading_inner_wrap_one h1,
  .heading_inner_wrap_one h3 {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: -1px;
  }
  .second_left_side_wrap h2 {
    font-size: 30px;
    line-height: 46px;
  }
  .second_left_side_wrap .left_button {
    margin-top: 27px;
  }
  .sev_sec .lefft_side img {
    padding: 30px 0;
  }
  .single-odometer-item {
    text-align: center;
  }
  .second_counter_wrap .heading_inner_wrap_two {
    text-align: center;
  }
  .single-odometer-item .f-45 {
    font-size: 35px;
  }
  .f-24 {
    font-size: 18px;
    line-height: 25px;
  }
  section.third_sect {
    padding: 18px 0;
  }
  .btn.style-4 {
    font-size: 16px;
    border: 1px solid #c7c7c7;
    border-radius: 0px;
    padding: 12px 9px;
  }
  .Left_inner_side_img {
    width: 350px;
    margin: 0 auto;
  }
  .icon_content_box p {
    min-height: 54px;
    max-height: 90px;
    height: 100%;
  }
  .right_inner_side_img {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-top: 91px;
  }
  .second_left_side_wrap {
    padding: 6px 0px 33px 0px;
  }
  .heading_inner_wrap_one {
    padding: 5px 0px;
  }
  .third_sect {
    padding-bottom: 30px;
  }
  .four_sect {
    padding: 0px 0;
  }
  .wrap_list ul li {
    line-height: 37px;
    margin-bottom: 5px;
  }
  .bg-hidden {
    display: none;
  }
  .d-md-676 {
    display: block;
    width: 100%;
  }
  .pb-380 {
    padding-bottom: 20px;
  }
  .five_sect {
    padding: 0px 10px 10px 10px;
  }
  section.sev_sec {
    padding-bottom: 20px;
  }
  .alli-alisdre .owl-prev-arrow,
  .alli-alisdre .owl-next-arrow {
    font-size: 1.5rem;
    width: 44px;
    height: 46px;
  }
  .five_sect .wrap_left_listing {
    padding-top: 0;
  }
  .wrap_list li span {
    font-size: 20px;
  }
  .wrap_list ul li:before {
    content: "";
    position: absolute;
    left: -27px;
    height: 15px;
    top: 12px;
    width: 15px;
  }
  div#offcanvasExample {
    padding: 10px;
  }
  .menu-item_wrap ul li a {
    font-size: 30px;
  }

  .sev_sec .right_side_form {
    text-align: center;
  }
  .credit_card_b .right_side_form {
    padding-bottom: 0;
  }
  .top_footer {
    text-align: center;
  }
  ul.follow-list_icon {
    padding-bottom: 15px;
  }
  section.first_section {
    padding-top: 40px;
  }
  .sm_ico_iccome img {
    width: 114px;
  }

  .heading_inner_wrap_two h2,
  .heading_inner_wrap_two h3 {
    font-size: 30px;
    line-height: 46px;
  }
  .form_bg_wrap .right_side_form {
    padding-bottom: 0;
  }
  img.w-cancul {
    position: unset;
    left: 0;
    width: 100%;
    top: 64px;
  }
  .owl-carousel-box-slider .item_box_icon {
    height: 100%;
    padding-bottom: 96px;
  }
  .Persoal_section_wrap .P_Left_inner_side_img img.w-width {
    position: unset;
    width: 100%;
    /* right: 0; */
    z-index: 0;
    margin-top: -66px;
  }
  section.common_slider_section {
    padding-top: 30px;
  }
  .pb-122.Persoal_section_wrap {
    padding-bottom: 0;
  }
  .personal_loan_five .col-md-3 {
    display: unset;
  }
  section.personal_loan_five.bg-black.pb-122 {
    padding-bottom: 30px;
  }
  .sev_sec .pt-60 {
    padding-top: 0px;
  }
  .sev_sec .pb-122 {
    padding-bottom: 0px;
  }
  .bg-credit {
    padding-top: 44px;
  }
  .wid-75 {
    width: 75%;
  }

  .sev_sec_personal.pt-60 {
    padding-top: 50px;
  }
  .Left_inner_personal {
    text-align: center;
  }
  .Persoal_section_wrap {
    text-align: center;
  }
  .sev_sec_personal {
    padding-bottom: 20px;
  }

  .icon_content_box h4.f-35 {
    padding-bottom: 20px;
  }
  .icon_content_box h4 {
    line-height: 38px;
  }

  .sev_sec_Know_where .heading_inner_wrap_two {
    text-align: center;
  }
  .personal_loan_four.pb-122 {
    padding-bottom: 65px;
  }
  .sev_sec_personal .P_lefft_side {
    text-align: center;
  }
  .f-35 {
    font-size: 20px;
  }
  section.sev_sec.pt-60 {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .heading_inner_wrap_two {
    text-align: center;
  }
  .left_button {
    text-align: center;
  }
  .business_section_wrap .P_Left_inner_side_img img.w-width {
    position: unset;
    right: 0;
    z-index: 0;
    width: 100%;
    margin-top: 40px;
  }
  .pb-122.business_section_wrap {
    padding-bottom: 50px;
    padding-top: 20px;
  }
  .top_postion {
    position: absolute;
    bottom: -10px;
  }
  .wid-50 {
    width: 75%;
  }
  .f-30 {
    font-size: 18px;
  }
  .card_cret_content {
    text-align: center;
    padding-top: 39px;
    padding-bottom: 53px;
  }
  .sev_sec_your_loan.pt-60 {
    padding-top: 0;
    padding-bottom: 0px;
  }
  section.credit_loan_five.pb-122.pt-122 {
    padding-bottom: 60px;
    padding-top: 0;
  }
  .sm_ico {
    border: 1px solid #707070;
    padding: 40px 20px;
    text-align: center;
  }
  .wrap_list ul {
    padding-left: 48px;
  }
  .eight_sec {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .per_icon_box:hover .heigt_b img {
    width: 80%;
  }

  .heigt_b {
    padding-top: 15px;
  }
  .icon_content_box {
    padding: 10px 18px 20px 18px;
    text-align: left;
  }
  img.icon_box {
    width: 70%;
  }
  .first_section .right_inner_side_img {
    width: 138px;
    padding-top: 0;
    margin: 0 0 0 auto;
  }

  .first_section .Left_inner_side_img {
    width: 161px;
    padding-top: 0;
    margin: 0 auto 0 0;
  }
  .per_icon_box {
    margin-bottom: 30px;
  }
  .borderh {
    border: 1px solid #8f7878;
    padding: 20px 20px 20px 20px;
    margin: 2px;
  }
  .btn.style-2 {
    font-size: 16px;
    border: 1px solid #c7c7c7;
    border-radius: 0px;
    padding: 13px 21px;
    width: 100%;
    transition: background-color 0.3s ease, transform 0.3s ease;
  }
  .btn.style-1 {
    font-size: 16px;
  }
  .icon_content_box p {
    height: 100%;
  }
  section.crtedit_card_sect_img {
    padding-top: 0px;
    padding-bottom: 0;
  }
  .four_sect .right_side {
    padding: 30px 0 0px 0;
  }
  .center_inner_content {
    position: absolute;
    top: 47%;
    left: 5%;
    right: 5%;
    transform: translate(0, -69%);
  }
  .second_counter_wrap {
    padding-top: 37px;
  }
  .btn.style-1 {
    padding: 12px 17px;
  }
  .col-h .Left_inner_side_img_cre {
    margin-bottom: 31px;
  }
  .category-btn {
    font-size: 16px;
  }

  .question-answer {
    padding-bottom: 15px;
    font-size: 16px;
  }

  .question-header {
    align-items: center;
    padding: 8px 0 9px 0;
  }
  .height_l {
    height: 200px;
  }
  .column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .pin-spacer {
    display: none !important;
  }
  section#zoom-wrapper {
    display: none;
  }
  .sev_sec_Know_where .right_side_form {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sev_sec_Know_where {
    padding-bottom: 0;
  }
  .mobile_otp_verification_stepper {
    padding-top: 25px;
  }
  .w-50_md {
    width: 100%;
  }
  .image_md_center {
    padding-top: 30px;
  }
  .mob.pb-122 {
    padding-bottom: 45px;
  }
  .owl-carousel-perfect-card .item-img-carasoul-trust {
    margin-bottom: 0px;
  }
  .owl-carousel-box-reason .item_box_icon {
    height: 100%;
    padding-bottom: 0;
  }
  section.common_slider_section {
    padding-bottom: 20px;
  }
  .personal_loan_five {
    padding-top: 0px;
  }
  section.credit_score {
    padding-bottom: 25px;
  }
  section.business_third_sect {
    padding-top: 0;
  }
  .Left_inner_side_video video {
    height: 174px;
  }
  section.sev_sec_knowbuss {
    padding-top: 0px;
  }
  .bl_five {
    padding-bottom: 40px;
  }
  .cc_sect {
    padding-bottom: 0;
  }
  .credit_card_b .Left_inner_side_video video {
    height: 200px !important;
  }
  section.credit_loan_five {
    padding-bottom: 45px;
  }
  .cc_fre {
    padding-bottom: 20px;
  }
  .cc_cb {
    padding-bottom: 0;
  }
  .Left_inner_side_img {
    width: 254px;
    margin: auto 0 0 0;
  }
  .right_inner_side_img {
    width: 245px;
    margin: 0 0 0 auto;
  }
  section.bussiness_loan_four {
    padding-bottom: 12px;
  }
  section.bussiness_loan_four {
    padding-top: 24px;
  }
  .row.reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .form_contact_wrap {
    padding-top: 30px;
  }
  .credit-card-container .accordion-button {
    font-size: 20px;
    line-height: 51px;
    padding: 10px 20px;
  }
  .Loan_canculator .summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 10px;
    margin-bottom: 0;
  }
  .Loan_canculator .summary-card {
    margin-bottom: 17px;
  }
  .Loan_canculator .card {
    text-align: left;
  }
  .question-text {
    font-size: 18px;
  }
  .Loan_canculator .heading_inner_wrap_two {
    margin-top: 0;
  }
  .unslider .item-img-carasoul-trust {
    margin-bottom: 21px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  input,
  select,
  textarea {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .six_sect .wrap_list {
    padding-left: 62px;
    padding-bottom: 28px;
  }
  .six_sect .wrap_list ul li:before {
    top: 12px;
  }
  .pt-122 {
    padding-top: 0;
  }
  ul.follow-list_icon {
    padding-bottom: 15px;
  }

  .Persoal_section_wrap .P_Left_inner_side_img img.w-width {
    position: unset;
    width: 100%;
    /* right: 0; */
    z-index: 0;
  }
  .pb-122.Persoal_section_wrap {
    padding-bottom: 0;
    padding-top: 20px;
  }
  .zoom-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    opacity: 0;
  }
  .heading_inner_wrap_two {
    margin-top: 31px;
  }

  .Left_inner_side_video {
    top: 20px;
  }
}

/*=======================================
  Credit Card Comparison
=======================================*/

.credit-card-container #card-carousel img {
  /* max-height: 180px;
  height: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto; */
  max-height: 180px;
  height: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  min-height: 180px;
  object-fit: contain;
}

.credit-card-container .accordion-item {
  background-color: transparent;
}
div#creditAccordion {
  margin-top: 45px;
}
.credit-card-container .item h3 {
  font-size: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  min-height: calc(1.5em * 2);
  max-height: calc(1.5em * 3);
  margin-top: 41px;
}

/* .credit-card-container #card-carousel .item ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
} */
 .credit-card-container #card-carousel .item ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    flex-direction: row;
    min-height: 75px;
    height: 100%;
    max-height: 100px;
    margin-bottom: 35px;
}

.credit-card-container .item ul {
  padding: 0;
}

.credit-card-container #card-carousel .item ul li {
  padding: 5px 10px;
  background-color: #393939;
  color: #ffffff;
  font-size: 12px;
  border-radius: 0px;
  display: inline-block;
}

.credit-card-container .accordion-button {
  color: #fff;
  background: transparent
    linear-gradient(
      93deg,
      #390a5d00 0%,
      #572f75d9 0%,
      #390a5d00 0%,
      #390a5d 51%,
      #0e0019 100%
    )
    0% 0% no-repeat padding-box;
  box-shadow: none;
  border-radius: 0 !important;
  font-size: 40px;
  line-height: 55px;
  font-family: "Playfair Display", serif;
}

.credit-card-container .accordion-button::after {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  background-image: none;
  color: #fff;
  font-size: 30px;
  position: absolute;
  /* right: 20px;
  top: 15px; */
  right: 33px;
  top: 18px;
  font-weight: 700;
  transform: rotate(0deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.credit-card-container .accordion-button.collapsed::after {
  transform: rotate(180deg);
  right: 33px;
  top: 50px;
}

.accordion-carousel-temp-visible {
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

#eligibility-carousel .eligibility-item ul {
  list-style: none;
}

#benefits-carousel .benefit-item ul li:empty,
#eligibility-carousel .eligibility-item ul li:empty {
  display: none;
}

#benefits-carousel .benefit-item ul li:not(:last-child),
#eligibility-carousel .eligibility-item ul li:not(:last-child) {
  margin-bottom: 10px;
}

.loan-form-container div#lead_success_message {
    margin-top: -113px;
}
section#bg-aniamtion_circle .loan-form-container div#lead_success_message {
    margin-top: -147px;
}
section.credit_loan_five {
    margin-top: -109px;
}
section.crtedit_card_sect_img {
    margin-top: -30px;
    margin-bottom: 80px;
}
div#fees-carousel .item {
     text-align: center;
}
.item.eligibility-item ul{
    text-align: center;
}
@media screen and (max-width: 991px) {
  section.crtedit_card_sect_img {
    margin-top: 0;
    margin-bottom: 0px;
}
.credit-card-container .item h3 {
    font-size: 20px;
    line-height: 31px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    min-height: calc(1.5em * 2);
    max-height: calc(1.5em * 3);
    margin-top: 41px;
    margin-bottom: 24px;
}
.Canculator_left_side img.w-cancul-.w-50 {
    width: 100%;
}

.sev_sec .bg-video {
    min-height: 100%;
   object-fit: contain;
}
section.credit_loan_five {
    margin-top: 40px;
}
}


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

.credit-card-container .accordion-button {
font-size: 25px;
line-height: 45px;
}
.credit-card-container.pt-60 {
    padding-top: 0;
}
.credit-card-container #card-carousel .item ul {
    min-height: 75px;
    margin-bottom: 30px;
}
.credit-card-container .accordion-button.collapsed::after {
    top: 35px;
}
.credit-card-container .accordion-button::after {
    font-size: 24px;
    position: absolute;
    right: 33px;
    top: 12px;
}
.Contact_wrap_uper.right_side_form div#lead_success_message {
    padding-top: 30px;
    padding-bottom: 20px;
}
.loan-form-container div#lead_success_message {
    margin-bottom: 50px;
    margin-top: -105px;
}
.bg-video {
       position: absolute;
        bottom: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: 100%;
        z-index: 0;
        object-fit: contain;
}
section#bg-aniamtion_circle .loan-form-container div#lead_success_message {
    margin-top: -128px;
}
div#eligibility-carousel .item.eligibility-item ul {
    margin-bottom: 3px;
}
div#eligibility-carousel .owl-item.active {
    margin-right: 0 !important;
}
div#animationBox
 {
     background-color: #000000c4;
    padding: 30px 10px 0px 10px;
}
section.credit_loan_five {
    margin-top: 0px;
}
.credit-card-container {
    padding-bottom: 0;
}
.success-massage {
    margin-top: -190px;
    padding: 0 !important;
}
 section.crtedit_card_sect_img {
     margin-top: 0px;
  }
  .cc_cb {
    padding-top: 44px;
    padding-bottom: 20px;
}
}
/*** blog responsive ***/
@media screen and (max-width: 767px) {

  .blog-title {
    line-height: 46px;
    font-size: 30px;
     margin-bottom: 10px;
}
.right_content_sucess .blog-content {
    padding: 0px 20px 0px 0px;
}
    .item-img-carasoul-blog {
        display: flex;
        justify-content: center;
        align-items: center;
        align-items: flex-end;
        flex-direction: column-reverse;
    }
.blog-meta {
    display: flex;
    justify-content: space-between;
}
p.blog-desc-p {
    text-align: center;
}
.read-more
 {
    color: #EC1846;
    margin-top: 0;
    font-size: 22px;
    text-align: center;
    display: block;
}
.blog-card img {
    width: 100%;
    height: 100%;
    padding: 20px 20px 0px 20px;
    object-fit: cover;
}
.pagination_blog .blog-content {
    padding: 10px;
    display: unset;
    flex-direction: unset;
    height: 100%;
    text-align: center;
    align-content: space-between;
}
.blog-desc {
    flex-grow: 1;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 15px;
}
 .pagination_blog .blog-card {
    flex-direction: column-reverse !important;
}
.blog_view .blog-content {
 padding: 10px;
}
.blog_view h4.f-45 {
    font-size: 30px;
}
section.bg-black.blog_view p, section.bg-black.blog_view h4, section.bg-black.blog_view h5, section.bg-black.blog_view h3 {
    text-align: center;
}
section.bg-black.blog_view .blog_slider_img_b img {
    width: 100% !important;
}
}

.know_credit_score{
    color: white; 
    font-size: 14px;
}

.know_credit_score:hover{
    color: #6f42c1; 
}
.know_credit_score:focus{
    color: #6f42c1;
}