table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #000;
}

th,
td {
    border: 1px solid #000 !important;
    text-align: left;
    padding: 8px;
}

tr {
    border: 1px solid #000 !important;
}
.hdfc-head{
    background:#fff;
}
/* th {
    background-color: #f2f2f2;
} */

.top-sec {
    padding: 30px 250px !important;
    text-align: center;
    color: #fff;
}

.hdfc-b {
    background-color: #2BBBAD;
}
.header__menu ul li a{
    text-decoration:none;
}

.logo-c {
    color: #000;
}

.logo-c2 {
    color: #FF3547;
}

.hdf-btn {
    background-color: #FF3547 !important;
    padding: 8px 20px;
    color: #fff;
    border: none;
}

.ul-item{
    padding-left:0px;
}

.ul-item li a{
    text-decoration:none !important;
}

.hdfc-h {
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
    font-weight: 600;
}

.tren-head {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.loan-det {
    background-color: #fff;
    padding: 60px;
}

.hdfc-inn {
    background-color: #fff;
    margin-left: 60px;
    margin-right: 60px;
    padding: 20px 50px;
}

.inn-sec {
    background-color: #fff;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box {
    background-color: #fff;
    border-radius: 10px;
    padding: 50px !important;
    width: 49% !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.money-logo {
    height: 50px;
    width: 50px;
}

.money-img {
    display: flex;
    justify-content: end;
}

.money-row {
    gap: 20px;
}


/* external css: flickity.css */

.carousel-cell {
    width: 45%;
    margin-right: 10px;
    border-radius: 5px;
    counter-increment: carousel-cell;
}



/* cell number */
.carousel-cell:before {
    line-height: 200px;
    font-size: 80px;
    color: #000;
}

.box-bg {
    background-color: #fff;
    color: #000 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.slide-box {
    background-color: #263A73;
    color: #fff;
    padding: 80px !important;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    display: none;
    list-style: none;
    text-align: center;
    line-height: 1;
}

/* .bot-line {
    background-color: #263A73;
} */
.bot-head {
    background-color: #263A73;
    padding: 10px 10px !important;
    color: #fff;
    padding-left: 40px !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.trsut-color {
    color: #FF3547;
}

.slide-logo {
    display: flex;
    flex-direction: column;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 100%;
    font-size: 1.8rem;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slide {
    transition: filter .4s;
    margin: 0px 40px;
}

.fas {
    color: #96bd0b;
}

.slick-prev {
    left: 0;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 17%;
    font-size: 1.8rem;
}

/* .section {
    max-width: 1200px;
    margin: 0 auto;
} */

.sli-logo {
    width: 140px !important;
    height: 140px !important;
    padding: 30px !important;
    background-color: #fff;
    text-align: center;
}

.logo-img {
    width: 60px;
    height: 60px;
}

.slide-1 {
    margin-top: 40px;
}

.enqiure-sec {
    background-color: #82CA3D;
    padding: 40px;
    color: #fff;
}

.enq-btn {
    background-color: #FF3547;
    color: #fff;
    padding: 5px 20px;
    border: none;
    margin-top: 60px;
}

.emi-box {
    background-image: url("../img/fintools-bg.html");
    background-size: cover;
    background-position: center;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 40px 30px;
    border-radius: 10px;
}

.fina-head {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
}

.accordion-button:not(.collapsed) {
    color: #000 !important;
    font-size: 20px;
    font-weight: 600;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-weight: 600;
    padding: 1rem 1.25rem;
    font-size: 20px;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.acc-box {
    margin: 10px 20px;
}

.accordion-body-1 {
    background-color: #58c6bb;
    color: #e7f1ff;
    height: 150px !important;
    overflow-y: scroll;
}

.accordion-item {
    background-color: #58c6bb;
}

.list-acc {
    list-style: none;
    padding-left: 20px;
}

//priya css

.cols {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cols-btn {
  display: flex;
  justify-content: end;
  border: none;
}
.th-b {
  background: linear-gradient(90deg, #3181d0, #273b74);
  color: #fff;
}
.th-btn {
  background: linear-gradient(90deg, #3181d0, #273b74);
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 4px;
}

.float-right img {
  width: 100%;
  height: 680px;
}
iframe {
  width: 80%;
}
.emi-inner {
  margin-left: 80px;
}
.overflow {
  height: 100px;
  overflow: hidden;
}

ul li {
  line-height: 1.6rem;
}
/* =================================================================================== */

.shield {
  display: flex;
  justify-content: center;
}
.shield-txt {
  text-align: center;
}
.shield-txt b {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1030px) {
  .ad-img img {
    width: 100%;
  }
}
@media screen and (max-width: 730px) {
  table {
    border-collapse: collapse;
    width: 100%;
  }

  th,
  td {
    text-align: left;
    padding: 8px;
  }
}
.list-sign li {
  list-style: none;
}
.list-sign li::before {
  content: "✓";
  margin-right: 15px;
  color: green;
}
.score-chart img {
  width: 400px;
  position: absolute;
  margin-top: 20px;
}
