.track-app {
  background: #a20e37;

}

.track-app-bg {
  background: #a20e37;
  padding: 37px 0px;
  background-image: linear-gradient(to bottom, #f9b93d, #fabf38, #fbc634, #fbcc2e, #fbd329, #fbd425, #fbd521, #fbd61d, #fbd119, #fbcd15, #fbc812, #fbc30e);
  border-top-left-radius: 360px;
  border-bottom-right-radius: 360px;
}

button:focus {
  outline: none !important;
}




.track-app .form-container {
  max-width: 650px;
  margin: 0px auto;
  padding: 30px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.track-app .form-group {
  margin-bottom: 0;
}

.track-app .form-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.track-app .form-input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 8px !important;
  transition: border-color 0.3s;
}

.track-app .form-input:focus {
  border-color: #007bff;
}

.track-app .country-code {

  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 12px;
}

.track-app .mobile-number {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-left: 0%;
}

.track-app .product-list {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.track-app .application-number {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
}

.track-app .or-text {
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}


.track-app .submit-btn {
  display: block;
  padding: 10px 20px;
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
  color: white;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  margin: 0px auto;
  font-size: 14px;
  font-weight: 600;
}

.show-result-btn {
  display: contents;
}


.track-app .otp-container {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.track-app .otp-actions {
  display: flex;
  align-items: center;
  margin-top: 10px;
  justify-content: right;
}

.track-app .otp-dash {
  flex-grow: 1;
  text-align: center;
  border-bottom: 2px solid #ccc;
  margin: 0 5px;
  padding-bottom: 5px;
}

.track-app .resend-btn,
.countdown-timer {
  display: inline-block;
  /* Making these elements inline */
  vertical-align: middle;
  margin-right: 10px;
}

.track-app .countdown-timer {
  font-weight: bold;
  color: #a20e37;
}



#partitioned {
  padding-left: 15px;
  letter-spacing: 32px;
  /* adjusted for 6 characters */
  border: 0;
  background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 40px 1px;
  /* adjusted for 6 characters */
  background-repeat: repeat-x;
  background-position-x: 32px;
  width: 260px;
  /* adjusted for 6 characters */
  min-width: 260px;
  /* adjusted for 6 characters */
  outline: none;
}

#divInner {
  left: 0;
  position: sticky;
}

#divOuter {
  width: 230px;
  /* adjusted for 6 characters */
  overflow: hidden;
}

.track-app .resend-btn,
.countdown-timer {
  margin-right: 10px;
}






/*
HOME PAGE MAIN bannner ------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.slider-container {

  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}


.home-slide {
  background: #a20e37;
  position: relative;
  width: 100%;
  /* display: block; 
  /* z-index: 99999; */
  padding: 140px 0 0px 0;
}

.home-slide .col-md-9 {
  padding: 0px 10px 8px 0px;
}



.apply_services_box {
  background: #fff;
  border-radius: 8px;
  height: 546px;
}



.intrest-in h6 {
  background-image: linear-gradient(to bottom, #f9b93d, #fabf38, #fbc634, #fbcc2e, #fbd329, #fbd425, #fbd521, #fbd61d, #fbd119, #fbcd15, #fbc812, #fbc30e);
  padding: 10px;
  text-align: center;
  font-weight: 700;
  text-transform: inherit;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 20px;
  box-shadow: -2px 4px 7px #00000045;
}





.icon_box {
  padding: 15px 8px 15px 9px;
  text-align: center;
}


.icon_box p a {
  color: #a20e37;
  font-weight: 500;
  line-height: -1;
}


.icon_box .col-md-4 {
  padding: 15px 0px 12px 0px;
  margin-bottom: 13px;
  height: 82px;
}

.home-slide .col-md-3 {
  padding-left: 0px;
}




.footer {
  margin-top: 40px;
}


/* .card-d {
  display: block;
  padding: 21px 0;
  min-height: 277px;
  background: url(../images/platinumcard_banner.png) no-repeat center top!important;
  background-size: 100%!important;
} */

.cards-fea .icon-f {
  background: #fff;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50px;
}



.credit-card-button img {
  width: 100%;
  margin-top: -9px;
  margin-bottom: 19px;
}




.cards-fea .nav-tabs>li {
  float: left;
  margin-bottom: -36px;
}



.cards-fea .box_info {
  /* background: #f8f8f8; */
  padding: 0px 30px;
  display: inline-block;
  width: 100%;
}



.card-tab>li:last-child a:hover {
  border-bottom: 0px #A20E37 solid !important;
}

.credit-card-d .table td {
  padding: 15px;
}


.ccfeaturedata {
  color: #a20e37;
  font-weight: 700;
}




.cards-fea .icon-f {
  background: #fff;
  width: 80px;
  height: 80px;
  display: flex;
  border-radius: 50px;
  justify-content: center;
  margin: 0 auto;
  padding-top: 15px;
}

.cards-fea .icon-f img {
  width: 50px;
  height: 50px;
  border-radius: 5px;

}






.cards-fea p {
  font-weight: 600;
  text-align: center;
  padding-top: 10px;
}



.cards-fea .card-tab>li>a {
  padding: 26px 0 30px 0;
  color: #09090963;
  font-size: 16px;
  font-weight: 700;
}


.cards-fea .card-tab {
  margin-bottom: 30px;
  border-bottom: 2px #d8e0e7 solid;
}


.news-box {
  background: #eeeeee;
  overflow: hidden;
  position: relative;
}

.news-box:after {
  background: #a20e37;
  position: absolute;
  top: 0;
  left: 0;
  width: 21%;
  height: 100%;
  content: '';
}

/*
HOME PAGE MAIN MENU STYLE HERE ------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

.home-main-menu .row {
  margin-right: 0px;
  margin-left: 0px;
}

.home-main-menu .col-md-10 {
  padding: 0px;
}

.home-main-menu {
  background-color: #a20e37;
}


#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked+.main-menu {
  display: block;
}

#menu input[type="checkbox"],
#menu ul span.drop-icon {
  display: none;
}

#menu li,
#toggle-menu,
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li,
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #a20e37;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li,
#toggle-menu,
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
  text-transform: uppercase;
}

#menu {
  background-color: #a20e37;
}

#toggle-menu {}

#toggle-menu,
#menu a {
  padding: 1.15em 1em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: #fbbc09;
  color: #090909;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked+.sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  /* color: #444; */
}

#toggle-menu .drop-icon,
#menu li label.drop-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}

#menu label.drop-icon,
#toggle-menu span.drop-icon {
  padding: 1em;
  font-size: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}


.active-menu {
  background-color: #fabc1b;
}





@media only screen and (min-width: 1024px) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu,
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    z-index: 3000;
    text-wrap: nowrap;
  }

  #menu .sub-menu,
  #menu input[type="checkbox"]:checked+.sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;

  }

  #menu .sub-menu li a {

    padding-right: 35px;
  }



  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu .sub-menu .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
  }

  #menu li:hover>input[type="checkbox"]+.sub-menu {
    display: block;
  }
}




.fhu {
  border: 0;
  height: 1px;
  background-color: #ffffff;
  width: 39px;
  margin-left: 0px;
  display: block;
  margin-bottom: 8px;
}


.projects {
  padding-bottom: 0px;
  padding-top: 13px;
}

.project-search {
  padding-bottom: 30px;
  margin: auto 108px;
  display: flex;
  align-items: center;

}

.view-courses1 {
  padding-bottom: 25px;
  display: block;
}




.project-details {
  border: 1px solid;
  /* display: flex; */
  padding: 13px 5px 10px 5px;
  justify-content: space-evenly;
  border-radius: 40px;
  border-color: #cecece;
  font-weight: 600;
  color: #090909;
}

.project-details select {
  width: 100%;
  border: none;
}

.project-details .col-sm-3 {
  border-right: 1px solid #cecece;
}


.project-details input {
  width: 100%;
  border: none;
  font-size: 13px;
}

.project-search .cta {
  background-image: linear-gradient(#f8b43f 0%, #fadd22 53.13%, #fbbc09 100%);
  padding: 12px 42px;
  border-radius: 40px;
  font-weight: 600;
  border: none;
}


.project-search .cta:hover {
  box-shadow: #fbbc18f2 0 2px 6px;
  color: #000;
}




.lat-up:hover {
  color: #A20E37;
}

/* ================================================== */
/* contact page
/* ================================================== */

.assit {
  background: #fbfbfb;
  padding: 25px;

  border: 1px solid #cecece;
  margin: 19px 0px;
}

.assit h6 {
  padding-left: 24%;
  font-weight: 600;
  text-transform: capitalize;
}

.assit p {
  font-size: 20px;
  font-weight: 700;
}

.high-phn {
  color: #a20e37;
}

.feature-ht {
  height: 102px;
}

.benefit-ht {
  height: 70px;
}

.assitance h2 {
  text-align: center;
  text-transform: capitalize;
  padding-top: 30px;
}


.head-office .address {
  border: 1px solid #E5E5E5;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 15px;
  margin-top: 15px;
}




.enquiry .card-tab>li {
  width: auto !important;
}



.enquiry .card-tab>li>a {
  padding: 15px 25px 15px 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #090909;
  text-transform: capitalize;

}





.city-highlight {
  position: absolute;
  width: 10px;
  height: 10px;
}



.head-office h1 {
  text-transform: unset;
  font-weight: 700;
  font-size: 25px;
  /* padding-bottom: 10px; */
  background: #fff;
  width: 35%;
  margin-top: -26px;
  margin-left: -18px;
  padding: 11px 0px 10px 20px;
}


.head-office h6 {
  text-transform: unset;
  font-weight: 700;
  font-size: 16px;
  /* padding-bottom: 10px; */
  background: #fff;
  padding: 11px 0px 10px 20px;
  margin-left: -18px;
}

.head-office p {
  background: #fff;
  padding: 0px 0px 5px 20px;
  margin-left: -18px;
}




.enquiry input {
  width: 100%;
  padding: 0 22px;
  height: 45px;
  border: 1px #dae4e8 solid;
  font-size: 14px;
  color: #090909 !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 15px;
  color: #000 !important;
  border-radius: 10px;
}


.enquiry select {
  width: 100%;
  padding: 0 22px;
  height: 45px;
  border: 1px #dae4e8 solid;
  font-size: 14px;
  color: #090909 !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 15px;
  background: transparent;
  border-radius: 10px;
}


.enquiry textarea {
  width: 100%;
  padding: 10px 15px;
  height: 45px;
  border: 1px #dae4e8 solid;
  font-size: 14px;
  /* color: #090909 !important; */
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 15px;
  height: 80px;
  border-radius: 10px;
}


.enquiry .form-wrapper .row .col-sm-6 {
  margin-bottom: 0px;
}



.form-wrapper placeholder {
  color: #090909 !important;
}


/* .padding-lg {
  display: block;
  padding-top: 120px!important;
  padding-bottom: 0px!important;
} */

/* ================================================== */
/* 25. From MD & CEO's Desk */
/* ================================================== */


.about-bod {
  display: block;
  padding: 21px 0;
  min-height: 300px;
  background: url(../images/aboutus-banner.png) no-repeat center top !important;
  background-size: 100% !important;
  margin-top: 100px;
}


.about-bod h1 {
  padding-top: 120px;
}

.our_vision h2,
.our_mission h2,
.our_values h2 {
  padding-bottom: 20px;
}

.board_qut {
  display: flex;
  justify-content: center;
}



.ceo-content {
  background: #e9e9e9;
  padding-left: 20px;
  display: block;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}


.ceo-content:before {
  width: 9%;
  height: 100%;
  display: block;
  content: "";
  background: rgb(251 251 251);
  position: absolute;
  left: -73px;
  top: 0;
  /* box-shadow: 0px 19px 21px 0px rgba(0, 0, 0, 0.1); */
}


.ceo-content h1 {
  position: relative;
  font-size: 25px;
  text-align: initial;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  font-weight: 800;
  padding-bottom: 20px;
}


.ceo-content p {
  position: relative;
  text-align: center;
  padding-bottom: 15px;
}


.ceo .dep h6 {
  background: #FBBC09;
  padding: 11px 10px 0px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}

.ceo .dep p {
  background: #FBBC09;
  padding: 10px;
  text-align: center;
}



.ceo {
  z-index: 999;
  position: relative;
}


.ceo-mdd {
  padding-bottom: 80px;
}



.ceo .dep {
  padding: 19px 20px 31px 0px;
}

.board_qut {
  padding-top: 20px;
}

.about_company h2 {
  display: flex;
  justify-content: center;
  font-weight: 800;
  padding-bottom: 30px;
}


.ceo_desk {
  background-image: url("../images/about-company-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;

}

.ceo-read-more {
  /* margin-top: 2px; */
  display: flex;
  justify-content: center;
  margin-top: -37px;
  position: absolute;
}

.ceo-read-more1 {

  display: flex;
  justify-content: end;
  margin-top: -1px;
  position: absolute;
}


.cesp {
  padding-bottom: 20px;
}


.director-box .col-md-3 {
  border: 1px solid #e5e5e5;
  padding: 20px;
  min-height: 320px;
  background: #fff;
}


.director-box .col-md-9 {
  border: 1px solid #e5e5e5;
  padding: 19px;
  min-height: 320px;
}



.director-box h6 {
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0px;
  text-transform: capitalize;
}


.director-box_row {
  padding-bottom: 60px;
  padding-left: 50px;
}

.director-box_row h3 {
  font-size: 16px;
  font-weight: 700;
  padding: 12px 0px;
  text-transform: capitalize;
}

.about2 {
  display: block;
  position: relative;
  padding: 30px 0 30px 0;
  background: url(../images/about-bg.jpg) no-repeat center bottom;
}

/*
.director-box_row{
  background-image: url("../images/bod-box-bg.png");
  background-size: 10%;

  
}
*/

.bod-dbimg img {
  display: block;
  margin-top: -34px;
  position: absolute;
  width: 9%;
  margin-left: -34px;
}

.our_vision {
  background: #e9e9e9;
  /*padding: 0px 8px 30px 15px;*/
  padding: 0px 8px 57px 15px;
  margin: 40px 0px;
}



/*PROJECT DETAILS--------------------------------------*/


.pnb-property-d li {
  margin-top: 20px;
  text-align: center;
  margin-left: 15px;
  padding: 20px 0px;
  height: 90px;
  margin-bottom: 20px;
}

.about-bod-d {
  background: url(../images/pearl_home.png) no-repeat center top !important;
  background-size: 100% !important;

}

.pearl_infratech {
  padding: 20px;
  background: #fff;
  border-radius: 15px;
}

.project_deatails {
  background: #F8F8F8;
  border: 1px solid #E5E5E5;
  padding: 15px;
  margin-top: 20px;
}


.pearl_home img {
  width: 100%;
}

.app-for-l {
  justify-content: center;
  display: flex;
}

.Possession {
  border: 1px solid #D6D6D6;
  /* margin-right: 2rem; */
  padding: 20px 8px;
}


.carpet_area {
  border: 1px solid #D6D6D6;
  /* margin-right: 2rem; */
  padding: 20px 10px;
}

.floor {
  border: 1px solid #D6D6D6;
  /* margin-right: 2rem; */
  /* padding: 20px 3px; */
}


.configuration {
  border: 1px solid #D6D6D6;
  /* margin-right: 2rem; */
  padding: 20px 10px;
}



.royal_infrtech {
  margin-top: 2rem;
  display: flex;

  margin-right: 0;
  margin-left: 0;

}

.Pearl_col {
  color: #A5173D;
  text-transform: capitalize;
  font-weight: 600;
  padding-bottom: 10px;
}


.project_dtab .card-tab {
  margin-bottom: 0px;

}

.project_dtab {
  padding-top: 10px;
}


.project_dtab .card-tab>li>a {
  padding: 15x 0px 15px 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #090909;
  text-transform: capitalize;
  border: none !important;
  text-align: center;
}


.royal_infrtech h5 {
  font-weight: 700;
}

.royal_infrtech h6 {
  padding-bottom: 10px;
  font-weight: 500;
}

.card-offer-banner {
  background-image: url(../images/credit-card-title-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 15px 10px;
  color: #fff;
  background-color: #a20e37;
}

.card-offer-banner h2 {
  display: block;
  font-size: 16px;
}

.card-offer-banner h2 a {
  text-transform: capitalize;
  color: #FBBC09;
  position: absolute;
  padding-left: 6px;
  text-decoration: underline !important;
}

.cbb {
  border-right: 1px solid;
}


.join_apply {
  background-image: linear-gradient(-180deg, #e7285a, #A20E37);
  text-decoration: underline;
  color: #fff;
  border-radius: 28px;
  padding: 5px 15px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-top: 33px;
}

.filters {
  margin-top: 30px;
}

.filter_color {
  background-color: #a20e37;
  color: #fff;
  padding: 13px;
}

.assistant {
  padding: 0px 0px;
  border: 1px solid #cecece;
}

.assistant h6 {

  font-weight: 700;
  text-transform: capitalize;
}



.job-search-form-two {
  position: relative;
  background: #FFFFFF;
  border: 1px solid #ECEDF2;
  box-shadow: 0px 7px 18px rgba(64, 79, 104, 0.05);
  border-radius: 10px;
  min-width: 740px;
  margin-bottom: 18px;
}

.job-search-form-two form {
  background: #ffffff;
  padding: 15px 44px;
  /* padding-left: 12px; */
}

.job-search-form-two .row {
  margin: 0 -30px;
}

.job-search-form-two .form-group {
  position: relative;
  text-align: left;
  padding: 0px 0px;
  margin-bottom: 0;
  border: 1px solid #e6e6e6;
}

.job-search-form-two .form-group:first-child {
  /* border-right: 1px solid #e6e6e6; */
}


.job-search-form-two .form-group .icon {
  position: absolute;
  right: 15px;
  bottom: 0;
  width: 30px;
  text-align: center;
  line-height: 38px;
  font-size: 18px;
  color: #cecece;
  background: #ffffff;
  z-index: 9;
}

.job-search-form-two .job-search-form-two .form-group input,
.job-search-form-two .form-group select,
.job-search-form-two .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  font-size: 15px;
  color: #696969;
  line-height: 20px;
  font-weight: 400;
  background: #ffffff;
  padding: 5px 0px;
  padding-right: 40px;
  border: 0;
  border-radius: 0;
  transition: all 300ms ease;
}

.job-search-form-two .ui-selectmenu-button.ui-button,
.job-search-form-two .form-group input,
.job-search-form-two .form-group select,
.job-search-form-two .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  font-size: 15px;
  /* color: #696969; */
  line-height: 20px;
  font-weight: 400;
  background: #ffffff;
  padding: 7px 15px;
  padding-right: 40px;
  border: 0;
  border-radius: 0;
  transition: all 300ms ease;
}



.job-search-form-two .form-group.btn-box {
  text-align: right;
}

.job-search-form-two .form-group .theme-btn {
  width: 100%;
  min-width: auto;
  height: 40px;
}


.btn-style-one {
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background-color: #A20E37;
  font-size: 22px;
  line-height: 15px;
  /* border-radius: 8px; */
  font-weight: 700;
  /* padding: 12px 25px 15px 35px; */
  outline: none !important;
  border: none;
}



.theme-btn {
  position: relative;
  display: inline-flex;
  transition: all 0.5s ease;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  z-index: 1;
}


.assistant .table .lsepp td {
  width: 15%;
  text-align: center;
  font-weight: 700;
  background: #fff8e6;
}

.assistant .table .result td {
  border-top: 1px solid #fff;
  /* padding: 0px 0px 8px 26px; */
  font-weight: 600;
  text-align: center;
}


.join-us-h {
  text-align: center;
  padding: 15px 0px;
}

.full-time {
  background: #f6e7eb;
  padding: 4px 0px;
  text-align: center;
  width: 30%;
  display: block;
  float: right;
  color: #a20e37;
  font-weight: 600;
}



.job-box {
  border: 1px solid #cecece;
}

.job-box input[type=checkbox],
input[type=radio] {
  margin: 11px 11px 0;
}


.filter_color h2 {
  text-transform: capitalize;
}


.enquiry .card-tab {
  margin-bottom: 15px;
}




.enquiry .general {
  width: 30%;
  background-color: initial;
  background-image: linear-gradient(-180deg, #e7285a, #a20e37);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  text-transform: uppercase;
  font-weight: 500;
}





.dropdown-pnb {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fbbc09;
  min-width: 36px;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.2);
  padding: 3px 11px;
  z-index: 1;
  border-radius: 7px;
  margin: 2px 0px 0px -9px;
}

.dropdown-pnb:hover .dropdown-content {
  display: block;
}


.dropdown-content p {
  padding-bottom: 5px;
}



.dropdown {
  display: inline-block;
  position: relative;
}

button {
  border: none;
  border-radius: 5px;
  padding: 15px 30px;
  font-size: 18px;
  cursor: pointer;
}



.dropdown-options {
  display: none;
  position: absolute;
  overflow: auto;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);
}

.dropdown:hover .dropdown-options {
  display: block;
}

.dropdown-options a {
  display: block;
  color: #000000;
  padding: 5px;
  text-decoration: none;
  padding: 20px 40px;
}

.dropdown-options a:hover {
  color: #0a0a23;
  background-color: #ddd;
  border-radius: 5px;
}







.know-more1 a {
  text-align: center;
  color: #a20e37;
  font-weight: 600;
  text-decoration: underline !important;
}

.know-more1 {
  text-align: center;
  padding: 0px 0px 5px 0px;
}

.ami {
  font-weight: 600;
}



/* ==================================================  offer slider*/


.scheme-and-offers {
  background: #f5f5f5;
  padding: 30px 0px;
}

.carusel-fullbox {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: calc(100% - 30px);
  margin: 15px;
  background: #fff;
  border-radius: 0 0 30px 30px;
  overflow: hidden;
  transition: all 0.5s ease;
  cursor: pointer;
}

.carusel-fullbox {
  border-radius: 25px;
  background: transparent;
}

.carusel-fullbox {
  height: calc(100% - 30px);
}


.scheme-and-offers .offer-img {
  position: relative;
  transition: 0.5s;
  border-radius: 30px;
  height: 400px;
  display: block;
  background: #fff0;
  border: none;
  margin: 15px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);

}


.scheme-and-offers .offer-img img {
  max-width: 100%;
  /* border: 4px solid rgba(255, 255, 255, 0.2); */
  position: relative;
  border-radius: 30px;
  height: 100%;
}

.scheme-and-offers .offer-img:hover {
  transform: scale(1.03);
}



.scheme-and-offers .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  border: 1px solid #a20a3a;
  border-radius: 50%;
  margin: 0 3px;
  background: transparent;
}

.scheme-and-offers .owl-theme .owl-dots .owl-dot span.active {
  background: #a20a3a;
}

.scheme-and-offers .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #a20e37;
}



.offer-heading h2:after {
  /* border-top:2px double #a20e37; */
  /* content: ''; */
  /* display: table-cell; */
  /* width: 50%; */
}





.offer-heading h2 {
  display: inline-block;
  position: relative;
  color: #a20e20;
}

.offer-heading h2:before,
.offer-heading h2:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 3px solid #a20e37;
  top: 6px;
  width: 20%;
  width: 20%;
}

.offer-heading h2:before {
  right: 100%;
  margin-right: 15px;
}

.offer-heading h2:after {
  left: 100%;
  margin-left: 15px;
}

.offer-heading {
  text-align: center;
}

.scheme-and-offers .col-sm-8 {
  padding: 0px;
}

.scheme-and-offers .col-lg-12 {
  padding: 0px;
}

.scheme-and-offers .col-sm-4 {
  padding: 0px;
}

.scheme-and-offers h5 {
  text-transform: capitalize;
  font-weight: 700;
  padding: 15px 0px 2px 20px;
}

.chof a {
  color: #a20e37;

  text-decoration: underline !important;
  font-style: italic;
}


/*--------------------------------------------------------------
# Featured Services Section
--------------------------------------------------------------*/
.featured-services .service-item {
  transition: all ease-in-out 0.4s;
}

.featured-services .service-item:hover {
  transform: translateY(-10px);
  box-shadow: 0px 0 27px 0 #bdbdbdc7;
  background: #ffffff;
}





.dropbtn {
  background-color: #4caf5000;
  padding: 0px 1px;
  border: none;
  cursor: pointer;
}

.accessibility {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 99;
}

.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {}

.accessibility:hover .dropdown-content {
  display: block;
}

.accessibility:hover .dropbtn {}

.call-n {
  text-align: center;
  padding-bottom: 5px;
}

.offer-right-content {
  margin: 20px 0px 5px 0px;
}

.applycard {
  margin-top: 10px;
}



.catagories-list li {
  width: 165px;
  margin-right: -19px;
  /* height: 0px; */
}

.catagories-list .inner1 {
  text-align: center;
  padding: 17px;
  background: #fefce8;
  border-radius: 10px;
  height: 120px;
}

.catagories-list .inner2 {
  text-align: center;
  padding: 15px;
  background: #fef2f2;
  border-radius: 10px;
  height: 120px;
}

.catagories-list .inner3 {
  text-align: center;
  padding: 15px;
  background: #eff6ff;
  border-radius: 10px;
  height: 120px;
}

.catagories-list .inner4 {
  text-align: center;
  padding: 15px;
  background: #f2ddfb;
  border-radius: 10px;
  height: 120px;
}

.catagories-list .inner5 {
  text-align: center;
  padding: 15px;
  background: #e1ffff;
  border-radius: 10px;
  height: 120px;
}

.catagories-list .inner6 {
  text-align: center;
  padding: 15px;
  background: #fefce8;
  border-radius: 10px;
  height: 120px;
}

.catagories-list .inner7 {
  text-align: center;
  padding: 15px;
  background: #fef2f2;
  border-radius: 10px;
  height: 120px;
}

.catagories-list .inner8 {
  text-align: center;
  padding: 15px;
  background: #eff6ff;
  border-radius: 10px;
  height: 120px;
}

.catagories-list p a {
  text-align: center;
  font-size: 13px;
  color: #000;
}

.services-list1 li {
  /* width: 180px; */
  margin: 0px 0px 0px 0px;
  text-align: center;
}

.services-list1 .inner {
  text-align: center !important;

  display: block;
  /* justify-content: center; */
}

.services-list1 .inner p {
  text-align: center !important;
}

.services-list1 .inner figure {
  padding: 31px 14px;
  border-radius: 10px;
  border: 1px solid #a20e37;
  margin-bottom: 5px;
  margin: 6px 26px;
  width: 123px;
  height: 115px;
  cursor: pointer;
}

/* .services-list1 .inner figure:hover{  background: linear-gradient(-180deg, #a20e37,#D80F46) !important;} */

.copy-code {
  background: #fbbc09;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
}

.copy-code.active {
  background-color: #a20e37;
  color: #fff;
}

.offer-right-content .col-sm-2 .copy-code {
  position: relative;
}

.copy-code:before {
  content: "Copied";
  position: absolute;
  top: -45px;
  right: 0px;
  background: #a20e37;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 15px;
  display: none;
}

.copy-code.active::before {
  display: block;
}

.offerspage .viewproject .view-courses {
  height: 50px;
  line-height: 50px;
}

.join_apply a {
  color: #fff !important;
}

p.services-list1 a {
  text-align: center;
  font-size: 13px;
  color: #000;
}

.offer-taglines1 {
  text-align: center;
  margin: 12px 0px 0px 0px;
}

.tagline1 {
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.offer-middlebar {
  background: #f9f9f9;
  margin-bottom: 30px;
  padding: 3px 0px 0px 0px;
}

.contact_bg img {
  display: block;
  margin-top: -7px;
  position: absolute;
  width: 19%;
  margin-left: -156px;
}

.col-sm-6.head-office {
  background: #fff;
  margin-top: 30px;
  padding: 33px 20px 20px 20px;
}

.logo-pnb img {
  float: right;
}

.discount-slide img {
  width: 100%;
}

.coming-soon .cnt-block h1 {
  display: block;
  padding-bottom: 40px;
  font-size: 45px;
  color: #a20e37;
  font-weight: 700;
}

.coming-soon .col-md-12 {
  margin: 30px auto;
  display: flex;
  justify-content: center;
}

.cnt-block {
  text-align: center;
}


.coming-soon h3 {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
  color: #a20e37;
  padding-bottom: 6px;
  padding-top: 20px;
}


.coming-soon .inner img {
  width: 100%;
  margin: 0 auto;
}



.eli-cal .card {
  margin-bottom: 30px;
  border: none;
  border-radius: 20px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
  background: #fff;
  padding: 35px 65px;
}


.eli-cal .mb-3 {
  margin-bottom: 2rem !important;
}


.eli-cal .col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
  font-weight: 600;
}



.eli-cal .card-title {
  font-size: 20px;
  text-align: center;
  padding: 15px 0px 30px 0px;
  font-weight: 700;
  text-transform: capitalize;
  color: #a20e37;
}


#home-radio {
  accent-color: #a20e37;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 0;
}


#car-radio {
  accent-color: #a20e37;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 15px;
}





#cob {
  accent-color: #a20e37;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 0;
}


#nob {
  accent-color: #a20e37;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 0 15px;
}







.epd {
  padding: 0;
}


.pdro {
  padding-right: 0;
  padding-left: 0;
}


/* Floating Social Media Bar Style Starts Here */

.fl-fl {
  background: #ffffff;
  letter-spacing: 0px;
  padding: -1px;
  width: 192px;
  position: fixed;
  right: -123px;
  z-index: 1000;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  box-shadow: 1px 1px 9px 0px #1200007d;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-bottom: 34px;
  margin-top: 19%;
  height: 56px;
}


.fl-fl:hover {
  right: 0;
}

.fl-fl a {
  color: #a20e37 !important;
  text-decoration: none;
  text-align: center;
  line-height: 50px !important;
  vertical-align: top !important;
  font-size: 12px;
  font-weight: 700;
}

.float-fb {
  top: 158px;
}

.float-tw {
  top: 217px;
}

.float-gp {
  top: 276px;
}

.float-rs {
  top: 334px;
}

.float-ig {
  top: 380px;
}

.float-pn {
  top: 435px;
}



.float-sm img {
  /* padding: 6px 5px; */
  margin-left: 12px;
  margin-right: 13px;
  width: 56px;
  height: 56px;
}




.newCalc .inpt-statement label {
  padding: 0;
  display: inline-block;
  font-weight: 700;
  margin: 0;
}


.newCalc .inpt-statement input {
  float: right;
  background: #fff;
  border-radius: 5px;
  padding: 3px 6px;
  border: 1px solid #d5d5d5;
  width: 135px;
  color: #97144d;
  font-weight: 600;
}


.newCalc input[type="range"] {
  accent-color: #a20e37;
}

.newCalc input[type="range" i] {
  appearance: auto;

}

.bod-text {
  color: #777;
}

.track-app-bg h2 {
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 30px;
  font-size: 30px;
  padding-top: 35px;
}

.gallery-video .slider__item img {
  height: 263px;
}

.catagories-list input [type=checkbox] {
  margin: 0px;

  width: 15px;
  position: absolute;
  /* top: 66px; */
  opacity: 1;
  cursor: pointer;
  height: 15px;
}


.catagories-list .inner2 {
  display: grid;
}

.catagories-list li p {
  text-align: center;
}

.catagories-list .col-md-1:first-child .inner1 {
  background-color: #fefce8;
}

.catagories-list .col-md-1:nth-child(2) .inner2 {
  background-color: #fef2f2;
}

.catagories-list .col-md-1:nth-child(3) .inner2 {
  background-color: #eff6ff;
}

.catagories-list .col-md-1:nth-child(4) .inner2 {
  background-color: #f2ddfb;
}

.catagories-list .col-md-1:nth-child(5) .inner2 {
  background-color: #e1ffff;
}

.catagories-list .col-md-1:nth-child(6) .inner2 {
  background-color: #fefce8;
}

.catagories-list .col-md-1:nth-child(7) .inner2 {
  background-color: #fef2f2;
}

.catagories-list .col-md-1:nth-child(8) .inner2 {
  background-color: #eff6ff;
}


.catagories-list input[type=checkbox] {
  margin: 0px;
  width: 12px;
  position: absolute;

  opacity: 1;
  cursor: pointer;
  height: 12px;

  border: none;
}


.services-list1 input[type=checkbox] {

  width: 28px;
  height: 12px;
}


.services-list1 {
  display: flex;
  justify-content: center;
}


element.style {
  font-weight: 600;
  color: #a20e37;
  padding-top: 6px;
  display: block;
  text-decoration: underline !important;
}

.cer3 {
  font-weight: 600;
  color: #a20e37;
  padding-top: 6px;
  display: block;
  text-decoration: underline !important;
}

.offerspage h1 {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 700;
  color: #a20e37;
  padding-bottom: 16px;
}


.offerspage h2 {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 700;

  padding-bottom: 10px;
}


.header {
  padding: 0px 0;
  transition: all 0.5s;
  z-index: 997;
}

.header.sticked {
  background: #fff;
  box-shadow: 0px 2px 20px #06000087;
}

.fixed-top {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999999;
}


.offers-products .cer {
  display: none;
}

.offers-products .project1 {
  height: 330px;
  margin-bottom: 30px;
}


.offers-products .cer1 {
  font-weight: 700 !important;
  color: #a20e37;
}

.cer-box {
  display: inline-flex;
  border-top: 1px solid #d1cbcb;
  width: 100%;
  padding-top: 10px;
  margin-top: 10px;
}

.cer3 {
  padding-left: 10px;
  padding-top: 0px;
}

.box.col-sm-3 {
  padding: 0 10px !important;
}

.offers-products .cer2 {
  font-size: 13px;
  font-weight: 600;
  margin-left: .5rem;
}

.inner2:hover {
  cursor: pointer;
}

.offers-products .cer3 {
  font-size: 13px;
  font-weight: 600;
}

.md_content {
  padding-bottom: 40px;
}

#readMoreBtn {
  padding-top: 10px;
}

.about_company p {
  padding-bottom: 10px;
  text-align: justify;
}


.pnb_list li:before {
  content: "\f054";
  display: block;
  font-family: FontAwesome !important;
  position: absolute;
  line-height: 2.5;
  font-weight: 600;
  left: 12px;
  font-size: 10px;
  color: #a20e37;
}


.pnb_list {
  margin-left: 13px;
}


.catagories-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
}

.inner2.active {
  border: 1px solid #a20e37;
  box-shadow: rgb(204 219 232) 3px 3px 6px 0px inset, rgb(255 255 255 / 50%) -3px -3px 6px 1px inset;
}


/* .loader {
  position: fixed;
  z-index: 99999999;
  transition: ease .35s all;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

/* .loader-overly {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 9999999;
  transition: ease 2s all;
} */

/* .loader.active{ top: 0;left: 0;} */
.logo-icon {
  width: 40%;
  display: block;
  margin: 0 auto;
  transition: ease .35s all;
}

.logo-icon img {
  width: 100%;
}

/* .loader.active .logo-icon {
  width: 11%;
} */

/* .loader .ring{width: 200px;height: 200px;border: 0px solid #011015;border-radius: 50%;position: absolute;}
.loader .ring:nth-child(1){border-bottom-width: 8px;border-color: rgb(162, 14, 55);animation: rotate1 2s linear infinite;}
.loader .ring:nth-child(2){border-bottom-width: 8px;border-color: rgb(251, 188, 24);animation: rotate2 2s linear infinite;}
.loader .ring:nth-child(3){border-bottom-width: 8px;border-color: rgb(255, 255, 255);animation: rotate3 2s linear infinite;} */

/* .loding-logo{color: wheat;} */


/* .logo-icon{width: 53%;margin: 0 auto;}
.logo-icon img{width: 50%;margin: 0 auto;}
.loader-hidden{opacity: 0;visibility: hidden;} */

/* .loader.active .logo-icon {
  width: 10%;
  margin: 0 auto;
  margin-left: 34%;
}
.loader.active .logo-icon img{width: 100%;} */

/* @keyframes rotate1{
  0%{
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100%{
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate2{
  0%{
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100%{
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate3{
  0%{
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100%{
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
} */

.resendBtn {
  font-weight: bold;
  color: #a20e37;
  text-decoration: underline;
  border: none !important;
  background: none;
}

.padd-0 {
  padding: 0 !important;
}

.card-details a {
  font-weight: bold;
  color: #a20e37;
  text-decoration: underline !important;
  display: flex;
  justify-content: flex-end;
}

/* .col-sm-1.epd{width: 15% !important;} */
.col-sm-1.epd span {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  width: 100%;
}



.popup-box {
  max-width: 450px;
  background: #fff;
  position: fixed;
  width: 100%;
  padding: 25px;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
  border-radius: 10px;
}

.popup-box.active {
  display: block;
}

.popup-box p {
  color: #A20E37;
  font-weight: 700;
  text-align: center !important;
}

.popup-box .close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A20E37;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: -10px;
  color: #ffffff !important;
  cursor: pointer;
}

.popup-overly {
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  display: none;
}

.popup-overly.active {
  display: block;
}

.tabs-career .content ul {
  display: block !important;
}

.click-open {
  cursor: pointer;
}

.offerLinkNew {
  color: #a20e37;
  font-weight: 700;
}

.offerLinkNew:hover {
  color: #a20e37;
}

.default-code {
  background: #fbbc09;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.track-app .form-container .mt-0 {
  margin-top: 0 !important;
}

.form-group001 {
  text-align: center !important;
  margin-top: 30px !important;
}

.form-group001 button {
  display: inline-block !important;
  width: auto !important;
  border-radius: 30px !important;
  padding: 15px 35px !important;
}

.track-app .row {
  margin-top: 20px !important;
}

.track-app .form-group {
  display: flex !important;
  align-items: center !important;
}

.track-app .form-group001 {
  justify-content: center;
}

.form-group-send .submit-btn {
  font-size: 14px !important;
}

.fonts-new-btnadd {
  background-image: linear-gradient(-180deg, #a20e37, #D80F46) !important;
  border: none !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 auto !important;
  padding: 15px !important;
}

.fonts-new-btnadd:focus {
  outline: none !important;
}

.fonts-new-btnadd-flex {
  display: flex;
  align-items: center;
  grid-gap: 4px;
}

#list.active,
#grid.active {
  background-color: #a20e37;
  border: 1px solid #a20e20;
  color: #ffffff;
  padding: 4px 10px;
}

.video-gallery .slider-container .img .slider__item {
  height: 263px !important;
}

.thumbnail-card-btn {
  padding: 15px;
  padding-top: 0 !important;
  padding-right: 0 !important;
}

.thumbnail-card-btn .pro-dm {
  margin-top: 0 !important;
}

/* .item ul li:hover .loan-offer .item li, .item ul li:hover .loan-offer .item li {    background-color: #A20E37;
  color: #fff;} */
.home-main-menu .menu {
  display: none;
}

.newlyadded-btn {
  border: 1px solid #ccc;
  display: inline-block !important;
  border-radius: 30px;
  padding: 10px 20px !important;
}

.NewAddtab-btnadded {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  grid-gap: 10px;
  padding: 0 10px;
}

.two-box .right-box {
  padding: 15px 25px !important;
}

/* ================================================== */
/* 25. Responsive Style 7vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv--------------------------********************************
*-------------------------------------------------------------------------------------------/
/* ================================================== */


@media (min-width:1920px) {
  .home-banner .right-block {
    margin-top: -31%;
  }

}

@media (max-width:1820px) {
  .apply_services_box {
    height: 435px;
  }
}




@media only screen and (max-width:1366px) {
  .apply_services_box {
    height: 390px !important;
  }

  .login-bg {
    padding-top: 85px !important;
  }


}



@media only screen and (max-width:1440px) {
  .apply_services_box {
    height: 414px;
  }

}





@media (max-width:1280px) {

  .login-bg {
    padding-top: 85px;
  }


  .fl-fl {
    margin-top: 9%;
  }


  .credit-card-button img {
    width: 64%;
  }

  .news-box:after {
    width: 12%;
  }

  .home-banner .right-block {
    margin-top: -25%;
  }

  .apply_services_box .apply {
    padding: 5px 23px;
    min-height: 276px;
  }

  .loan_home_banner img {
    width: 100% !important;
    display: block;
    height: 100%;
  }

  .apply_services_box {
    height: 366px !important;
  }

  .note {
    margin: 4px 15px 5px 9px;
    text-wrap: balance;


  }

  .card-tab>li {
    width: 25% !important;
  }

  .enquire-btn1 {
    font-size: 11px;
    background: transparent;
  }

  .new-added-tabs .two-box {
    grid-template-columns: 20% 60%;
  }

  .new-added-tabs .container {
    width: auto !important;
  }

  .home-main-menu {
    position: relative !important;
  }

  .home-main-menu .close {
    display: none !important;
  }

  .home-main-menu .close.active {
    display: block !important;
  }

  #menu .main-menu.active {
    display: block !important;
  }

  .home-main-menu .menu.active {
    display: none !important;
  }
}


@media (min-width: 1200px) {
  .added-container {
    width: 1096px !important;
  }

}



@media (min-width: 1200px) and (max-width:1366px) {

  .fl-fl {
    margin-top: 9%;
  }

  .home-banner .right-block {
    margin-top: -26%;
  }

  .news-box:after {
    width: 12%;
  }

  .enquire-btn1 {
    font-size: 11px;
    background: transparent;
  }

  .offers-products {
    width: 1250px !important;
  }

  /* .view-group .col-lg-4{width: 32% !important;} */

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width:1199px) {
  .note {
    margin: 18px 15px 10px 9px;
    text-wrap: balance;
  }

  .apply_services_box {
    height: 367px;
  }

  .enquire-btn1 {
    font-size: 11px;
    background: transparent;
  }

  .view-group .col-lg-4 {
    width: 32% !important;
  }
}



@media (max-width: 1023px) {
  .new-dataTabsteu .four-box {
    grid-template-columns: 1fr 1fr 1fr !important;
  }

}

@media (min-width: 768px) {


  .new-dataTabsteu .four-box {
    display: block;
  }

  .emi-loan-cal .tabs {
    display: block;
  }



  .offer-heading {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .dosanddont {
    /* left: -181px!important; */
    /* top: 0!important; */
  }

  .added-container {
    width: auto !important;
  }
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {

  .fixed-top {
    position: static !important;

  }

  .home-inner-banner {
    margin-top: 186px !important;
  }

  .loan-offer .item {
    display: block;
  }

  .NewAddtab {
    margin-bottom: 30px;
  }

  .new-dataTabsteu .four-box {
    display: block !important;
  }

  .emi-loan-cal .tabs {
    /* display: block!important; */
  }


  .offer-heading {
    padding-top: 1px;
    padding-bottom: 22px;
  }


  .dosanddont {
    left: 13px !important;
    top: 0 !important;
  }



  .fl-fl {
    margin-top: 131%;
  }

  .header-middle .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .copy-code:before {
    top: -38px;
    right: 0;
    padding: 5px 10px;
    border-radius: 10px;
  }

  .projects .box .addnewbottom {
    padding: 20px 10px !important;
  }

  .offers-products .project1 {
    height: 100% !important;
  }

  .projects .box {
    width: 50% !important;
  }

  .breadcrumb_box_details1 {
    margin-top: 143px !important;
  }

  .view-group .view-group .col-lg-4 {
    width: 48% !important;
  }

  .ceo .dep {
    padding: 19px 20px 31px 20px;
  }

  .welcome {
    border: none;
    padding-left: 0;
  }

  .services-list {
    margin-top: 10px;
  }

  .services-list .inner {
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .home-slide .col-md-9 {
    padding: 0px 10px 0px;
  }

  .home-slide .col-md-3 {
    padding: 0px 10px 0px;
  }

  .fin-cal {
    margin-top: 20px;
  }

  .our_values h2 {
    margin-left: 100px;
  }

  .pnb_list {
    padding-top: 60px;
  }

  .our_vision p {
    padding-top: 66px;
  }

  .our_vision h2 {
    margin-top: -79px;
    margin-left: 106px;
  }

  .our_mission h2 {
    margin-top: -54px;
    margin-left: 71px;
    float: left;
  }

  .our_vision h2 {
    margin-top: -79px;
    margin-left: 106px;
  }

  .our_vision img {
    width: 10%;
  }

  .our_mission img {
    float: right;
    margin-top: -112px;
    position: initial;
    width: 10%;
  }

  .our_values img {
    width: 10%;
  }

  .notice-b {
    /* margin-top: 60px; */
  }

  .apply_services_box {
    height: 459px;
  }

  .services-list li {
    width: 50%;
    float: left;
  }

  .icon_box .col-md-4 {
    width: 50%;
    float: left;
  }

  .enquire-btn1 {
    font-size: 11px;
    background: transparent;
  }

  .home-banner .right-block {
    margin-top: 7%;
  }

  .ticker-container ul div li {
    padding: 28px 10px;
  }

  .financial {
    background: #ffffff;
  }

  .services-list p {
    margin-bottom: 25px;
  }

  .our_values img {
    margin-top: -55px;
  }

}



@media (max-width: 767px) {

  .fixed-top {
    position: absolute !important;

  }


  .loan-offer .item {
    display: block;
  }

  .offer-heading {
    padding-top: 2px;
    padding-bottom: 22px;
  }

  .dosanddont {
    left: 13px;
    top: 0 !important;
  }

  .fl-fl {
    margin-top: 131%;
  }

  .header-middle .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .our-services .offer-heading h2 {
    margin-top: 70px !important;
  }

  .new-dataTabsteu .four-box {
    padding: 80px 30px !important;
  }

  .home-main-menu .menu,
  .home-main-menu .close {
    right: 10px !important;
    display: block;
    float: right;
  }

  .project-search {
    display: block;
  }

  .item.list-group-item .thumbnail {
    display: block !important;
    padding: 0 !important;
  }

  .item.list-group-item .thumbnail .wrapper {
    display: block !important;
  }

  .header-top .contact {
    float: left !important;
    margin-top: 10px;
  }

  .new-added-tabs .two-box .left-box .tabheader.active::after {
    content: none !important;
  }

  .new-added-tabs .two-box {
    grid-template-columns: 1fr !important;
    grid-gap: 10% !important;
  }

  .emi-loan-cal {
    display: block !important;
  }

  .loan_home_banner {
    height: 154px;
  }

  .addednew {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }

  .addednew .tab {
    display: block !important;
  }

  .new-dataTabsteu .four-box {
    grid-template-columns: 1fr !important;
  }

  .track-app .form-container {
    width: 90%;
  }

  .copy-code:before {
    top: 0;
    right: 10px;
    padding: 5px 10px;
    border-radius: 10px;
  }

  .track-app .form-group {
    display: block !important;
  }

  .track-app .submit-btn {
    margin: 0 auto;
    margin-top: 20px;
  }

  .projects .box .addnewbottom {
    padding: 20px 10px !important;
  }

  .offers-products .project1 {
    height: 100% !important;
  }

  .projects .box {
    width: 100% !important;
  }

  /* .loader.active{ transform: none;} */
  .tabs-career ul li label {
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  .tabs-career ul li {
    padding: 5px !important;
  }

  .tabs-career ul {
    display: block !important;
  }

  .job-search-form-two {
    width: 100%;
    min-width: auto;
  }

  .full-time {
    width: auto;
  }

  .assistant {
    overflow: auto;
  }

  .job-table-wrapper {
    width: max-content;
  }

  .breadcrumb_box_details1 {
    margin-top: 160px !important;
  }

  /* .loader.active .logo-icon {
    width: 13%;
  } */

  .paddmobile-0 {
    padding: 0 !important;
  }

  .epd {
    margin-bottom: 15px;
  }

  #sendOtpButton {
    margin-top: 15px;
  }

  .eli-cal .card {
    padding: 35px 40px !important;
  }

  .bs-example-tabs .card-tab>li {
    width: 50% !important;
  }

  .view-group {
    display: flex;
    flex-wrap: wrap;
  }

  .view-group .col-xs-4 {
    width: 100%;
  }

  .home-slide {
    margin-top: 125px;
  }

  .tab {
    padding: 5px 10px;
  }

  .ceo .dep {
    padding: 19px 20px 31px 20px;
  }

  .welcome {
    border: none;
    padding-left: 0;
  }

  .video-gallery {
    margin-top: 20px;
  }

  .our-services .offer-heading h2:before,
  .our-services .offer-heading h2::after {
    content: none;
  }

  .project-details {
    margin-bottom: 10px;
  }

  .project-details .col-sm-3 {
    margin: 10px 0;
  }

  .home-slide .col-md-9 {
    padding: 94px 10px 0px;
  }

  .home-slide .col-md-3 {
    padding: 0px 10px 0px;
  }

  .fin-cal {
    margin-top: 20px;
  }

  .services-list {
    margin-top: 80px;
  }

  .services-list .inner {
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .ceo-content .md_content {
    padding-left: 15px;
  }

  .our_values h2 {
    margin-left: 100px;
  }

  .pnb_list {
    padding-top: 60px;
  }

  .our_values img {
    margin-top: -55px;
  }

  .our_vision p {
    padding-top: 66px;
  }

  .our_vision h2 {
    margin-top: -79px;
    margin-left: 106px;
  }

  .our_mission h2 {
    margin-top: -54px;
    margin-left: 71px;
    float: left;
  }

  .our_vision h2 {
    margin-top: -36px;
    margin-left: 106px;
  }

  .our_vision img {
    width: 30%;
  }

  .our_mission img {
    float: right;
    margin-top: -219px;
    position: initial;
    width: 30%;
  }

  .our_values img {
    width: 30%;
  }

  .our_mission p {
    padding-top: 100px;
  }

  .notice-b {
    margin-top: 15px;
  }

  .services-list li {
    width: 50%;
    float: left;
  }

  .apply_services_box {
    height: 459px;
  }

  .icon_box .col-md-4 {
    width: 50%;
    float: left;
  }

  .apply_services_box {
    height: 468px;
  }


  .navbar-form {
    width: 103%;
    margin: 0px -27px;
    background: #fff;
    margin-top: 40px;
    margin-bottom: 14px;
  }

  .enquire-btn1 {
    font-size: 11px;
    background: transparent;
  }

  .home-banner .right-block {
    margin-top: 7%;
  }

  .ticker-container ul div li {
    padding: 28px 10px;
  }


  .financial {
    background: #ffffff;
  }

  .services-list p {
    margin-bottom: 25px;
  }



  .our-services .services-list1 {
    flex-wrap: wrap;
  }

  .our-services .services-list1 li {
    width: 180px;
  }

  /* .catagories-list li{display: inline-block;vertical-align: middle;margin-bottom: 15px;} */
  .catagories-list li p {
    text-align: center;
  }


}



/* Landscape phones and down */

@media (max-width: 640px) {
  .dosanddont {
    left: 13px !important;
    top: 0 !important;
  }

  .fl-fl {
    margin-top: 131%;
  }

  .home-inner-banner {
    margin-top: 250px !important;
  }

  .breadcrumb_box_details1 {
    margin-top: 148px !important;
  }

  .fin-cal {
    height: 608px;
  }

  .services-list .inner {
    margin: 0px;
    width: 100%;
  }

  .fin-cal ul li {
    width: 90%;
  }

  .fmr {
    margin-left: 0% !important;
  }

  .project-search {
    margin: 0px 0px 30px 0px;
  }

  .project-details .col-sm-3 {
    border-right: 0px solid #cecece;
  }

  .project-details select {
    padding-bottom: 7px;
    border-bottom: 1px solid #cecece;
    padding-top: 7px;
  }

}



@media (max-width: 480px) {
  .fin-cal {
    height: 608px;
  }

  .services-list .inner {
    margin: 0px;
    width: 100%;
  }

  .fin-cal ul li {
    width: 90%;
  }

  .fmr {
    margin-left: 0% !important;
  }

  .project-search {
    margin: 0px 0px 30px 0px;
  }

  .project-details .col-sm-3 {
    border-right: 0px solid #cecece;
  }
}



/* iPhone 6 Plus and down */
@media (max-width: 414px) {
  .breadcrumb_box_details1 {
    margin-top: 128px !important;
  }

  .fin-cal {
    height: 608px;
  }

  .services-list .inner {
    margin: 0px;
    width: 100%;
  }

  .fin-cal ul li {
    width: 90%;
  }

  .fmr {
    margin-left: 0% !important;
  }

  .project-search {
    margin: 0px 0px 30px 0px;
  }

  .project-details .col-sm-3 {
    border-right: 0px solid #cecece;
  }

}



/* iPhone 6 and down */
@media (max-width: 375px) {
  .fin-cal {
    height: 608px;
  }

  .services-list .inner {
    margin: 0px;
    width: 100%;
  }

  .fin-cal ul li {
    width: 90%;
  }

  .fmr {
    margin-left: 0% !important;
  }

  .project-search {
    margin: 0px 0px 30px 0px;
  }

  .project-details .col-sm-3 {
    border-right: 0px solid #cecece;
  }

}



/* iPhone 4 */
@media (max-width: 320px) {
  .fin-cal {
    height: 608px;
  }

  .services-list .inner {
    margin: 0px;
    width: 100%;
  }

  .fin-cal ul li {
    width: 90%;
  }

  .fmr {
    margin-left: 0% !important;
  }

  .project-search {
    margin: 0px 0px 30px 0px;
  }

  .project-details .col-sm-3 {
    border-right: 0px solid #cecece;
  }
}

.new-added-tabs .heading {
  text-align: center;
  color: #a20e37
}

.new-added-tabs .two-box {
  display: grid;
  grid-template-columns: 20% 66%;
  grid-gap: 2%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.new-added-tabs .two-box .left-box .tabheader {
  background-color: #fbbc09;
  width: 100%;
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 2px;
  cursor: pointer;
  text-align: left;
  border-radius: 8px;
}


.new-added-tabs .two-box .left-box .tabheader:last-child {
  margin-bottom: 0;
}

.new-added-tabs .two-box .left-box .tabheader.active {
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
  color: #fff;
  position: relative;
  font-weight: 700;
}

.new-added-tabs .two-box .left-box .tabheader.active::after {
  content: "";
  clip-path: polygon(75% 50%, 0 0, 0 100%);
  position: absolute;
  background-color: #a20e37;
  width: 15px;
  height: 15px;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}

.new-added-tabs .two-box .right-box {
  background: #fff;
  border-radius: 8px 8px;
  height: 100%;
  border: 1px solid #e1e1e1;
  padding: 15px;
  box-shadow: 0px 2px 8px rgb(63 77 192 / 20%);
}

.new-dataTabsteu .four-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  background-color: #e9e9e9;
  border: #e9e9e9;
  padding: 0px 40px 40px 40px;
}

.new-dataTabsteu .four-box img {
  width: 100%;
}

.home-main-menu .close {
  display: none;
}

.career-app {
  position: relative;
  margin-top: 12%;
}


.app-sub {
  margin-top: 20%;
  text-align: center;
  margin-bottom: 20%;
  background: #f4f3f3;
  padding: 15px;
  border-radius: 15px;
}

.app-sub p {
  text-align: center;
}



.app-sub h1 {
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: 600;
  color: #a20e37;
}

.job-d2 {
  margin-top: 4%;
}

.career-right {
  margin-top: 3%;
  border: 1px solid #cecece;
  background: #fff8e5;
  padding: 15px 21px;
  text-align: center;
}

.career-right .follow-us {
  display: inline-flex;
}


career-right .follow-us li {
  padding-left: 10px;
}


.career-right .follow-us li a {
  color: #a20e37;
}


.overview-loan {
  background: #e9e9e9;
  margin-bottom: -5px;
  padding: 42px;
}


.overview-loan p {
  padding-top: 20px;
}



.row-pd {
  display: grid;
  border: 1px solid #d8e0e7;
  margin-top: 12px;
}

.pnb-property-d h6 {
  font-weight: 700;
  padding-bottom: 10px;
}

.pnb-property-d h5 {
  font-weight: 700;
  color: #a20e37;
  font-size: 20px;
}


.ecmm {
  padding: 30px 15px;
}


.ec-active {
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
  color: #fff;
}




.grid-container {
  display: grid;
  gap: 20px 20px;
  grid-template-columns: auto auto auto;
  background-color: #2196F3;
  padding: 10px;
}

/*BY MUGDA*/
.inner_interestrate {
  margin-left: 5%;
  margin-right: 5%;
}



.circle li:before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #a20a3a;
  margin-right: 10px;
  border-radius: 50%;
  margin-top: 2px;
  position: absolute;
  left: 0;
  top: 10px;
}



.circle li {
  position: relative;
  padding-left: 17px;
}

.circle li::marker {
  display: none;
}


.loan_home_banner img {
  width: 100%;
}


.home-inner-banner {
  display: block;
  padding: 21px 0;
  min-height: 300px;
  background: url(../images/home_loan.jpg) no-repeat center top;
  background-size: cover;
  margin-top: 115px;
}



.home-inner-banner h1 {
  display: block;
  padding-bottom: 18px;
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  color: #24353b;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 89px;

}



.car-inner-banner {
  display: block;
  padding: 21px 0;
  min-height: 300px;
  background: url(../images/car_loan.jpg) no-repeat center top;
  background-size: cover;
  margin-top: 115px;
}



.car-inner-banner h1 {
  display: block;
  padding-bottom: 18px;
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  color: #24353b;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 89px;

}





.education-inner-banner {
  display: block;
  padding: 21px 0;
  min-height: 300px;
  background: url(../images/education_loan.png) no-repeat center top;
  background-size: cover;
  margin-top: 115px;
}



.education-inner-banner h1 {
  display: block;
  padding-bottom: 18px;
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  color: #24353b;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 89px;


}



.gallery-banner {
  display: block;
  padding: 21px 0;
  min-height: 300px;
  background: url(../images/photogallery-banner.jpg) no-repeat center top;
  background-size: cover;
  margin-top: 115px;
}



.gallery-banner h1 {
  display: block;
  padding-bottom: 18px;
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 89px;

}


#propertiesDiv .viewproject {
  border-top: 1px solid #e5e2e2;
  margin-top: 18px;
}





.services-apply .btn {
  background-color: initial;
  background-image: linear-gradient(-180deg, #cf1245, #a20e37);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  text-transform: capitalize;
  font-weight: 500;
}


.services-apply .btn:hover {
  box-shadow: #A20E379e 0 3px 8px;
}


.click-hd {
  border: 1px solid #FBBC09;
  border-radius: 30px;
  padding: 9px 20px;
  margin: 10px 0px;
  display: block;
  background-color: #fff !important;
}





.newlyadded-btn2-c {
  background-color: initial;
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */

  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  font-weight: 500;
  margin-top: 8px;
  text-decoration: none !important;
  margin-right: 8px;
}

.newlyadded-btn2-c:hover {
  box-shadow: #A20E379e 0 3px 8px;
}





.newlyadded-btn02 {
  background-color: initial;
  background: linear-gradient(45deg, #FBE309, #FBBC09);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #000 !important;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */

  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  font-weight: 500;
  margin-top: 8px;
  text-decoration: none !important;
  margin-right: 8px;
}

.newlyadded-btn02:hover {
  box-shadow: #A20E379e 0 3px 8px;
}


.tender-bg h1 {
  margin-top: 24%;
}


.tender_link a {
  color: #A20E37;
  font-weight: 600;
  text-decoration: underline !important;
}



.click-hd:hover {
  border: 1px solid #A20E37;
  ;
  border-radius: 30px;
  padding: 9px 20px;
  margin: 10px 0px;
  display: block;
  color: #fff !important;
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
}


.sitemap h3 {
  font-size: 16px;
  font-weight: 600;
  color: #a20e37;
  padding-top: 30px;
}


.sitemap ul li {
  display: block;
  line-height: 2;
  padding-left: 12px;
}


.sitemap ul li :before {
  content: "\f054";
  display: block;
  font-family: FontAwesome !important;
  position: absolute;
  line-height: 2.9;
  /* font-weight: 400; */
  left: 13px;
  font-size: 10px;
  color: #a20e37;
}




.sitemap h2 a {
  font-size: 15px;
  color: #000 !important;
}


.sitemap-b1 h3 {
  padding-left: 13px;
  padding-bottom: 10px;
}

.sitemap ul li a {
  color: #090909;
}

.otp-pd {
  padding-left: 0px;
}



.gallery-video {
  margin-top: 40px;
}

.demo5 ul li {

  margin-right: 10px !important;
}



.gallery-detail-page img {
  width: 100%;
  height: 140px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.gallery-detail-page h6 {

  background: #a20e37;
  color: #fff;
  padding-bottom: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.video-gallery-box h6 {

  background: #a20e37;
  color: #fff;
  padding-bottom: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  padding-top: 10px;
  margin-top: 150px;
  position: relative;
}






.apro {
  padding: 15px !important;

}




.apro .project_deatails {
  background: #ffffff !important;
  border-radius: 8px !important;
  padding: 25px !important;
}


.emi-loan-cal .addednew {
  display: flex;
  justify-content: center;
}

.ecmm .tabs {
  display: flex;
  justify-content: center;
}


.ccfeature {
  background: #a20e37;
  color: #fff;
  font-weight: 600;

}

.card-d {
  margin-top: 120px;
}



.com-cb {
  border: 1px solid #C9C9C9;
  border-radius: 20px;
  margin-bottom: 16px;
  box-shadow: 0px 0px 13px 0px rgb(130 130 130 / 19%);
  /* margin-top: 28px; */
  padding: 15px;
}



.card-cf {
  display: flex;
  border-bottom: 1px solid #cecece;
  justify-content: space-between;

}

.com-cb #name {
  font-size: 16px;
  font-weight: 700;
  padding: 20px 5px;
}



.cc-fea {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 0px;
}


.cc-data {
  padding-top: 5px;
  padding-bottom: 5px;
}



.com-cb h6 {
  color: #a20e37;
  font-weight: 700;
  text-transform: capitalize;
  padding-left: 5px;
  padding-bottom: 12px;
}



.card-compare {
  padding-top: 60px;
}




.acompare-b {
  background-color: initial;
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  font-weight: 500;
  margin-top: 8px;
  text-decoration: none !important;
  margin-right: 8px;
}

.acompare-b:hover {
  box-shadow: #A20E379e 0 3px 8px;
}


.form-control-c {
  height: 34px;
  padding: 6px 16px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-left: 32px;
}



.cremove {
  border-radius: 2px;
  padding: 5px 12px 10px 12px;
  height: 34px;
  background: #fbbc09;
  margin-top: 0px;
  margin-left: 6px;
  position: absolute;
}


.paddingClass {
  padding-top: 130px;
  /* Adjust the padding value as per your requirement */
}


.director-box {
  padding-top: 75px;
}


.propertyFilter {
  text-align: center;
  color: #a20e37;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}






.select-lang2 select {

  background: none;
}



.result-box a {
  font-size: 14px;
  text-transform: capitalize;
  color: #a20e37;
}



.result-box h2 {
  font-size: 14px;
  text-transform: capitalize;

}


.result-box li {
  display: block;
  line-height: 1.5;
  padding-left: 12px;
  padding-bottom: 10px;
  position: relative;
}



.result-box li:before {
  content: "\f054";
  display: block;
  font-family: FontAwesome !important;
  position: absolute;
  /* line-height: 2.5; */
  /* font-weight: 400; */
  left: 0px;
  font-size: 8px;
  color: #a20e37;
}



.agm-box {

  border-radius: 0px !important;

}

.an-report {
  background: #eeecec;
  padding: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}


.agm-title a {
  font-weight: 600;
  color: #090909;
}




.agm-box .new-added-tabs .heading {

  margin-top: 30px !important;
}



.agm-inner-banner {
  display: block;
  padding: 21px 0;
  min-height: 300px;
  background: url(../images/agmbanner.jpg) no-repeat center top;
  background-size: cover;
  margin-top: 115px;
}



.agm-inner-banner h1 {
  display: block;
  padding-bottom: 18px;
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  color: #24353b;
  text-transform: capitalize;
  font-weight: 700;
  margin-top: 89px;

}

.egm-note {
  background-color: #EEECEC;
  padding: 10px 10px 25px 10px;
  font-weight: 700;
  margin-top: 20px;
  display: flex;
}

.egm-note i {
  font-weight: 700;
  color: #a20e37;
  font-size: 17px;
  padding-right: 10px;

}


.heading-egm {
  text-align: center;
  color: #a20e37;
  margin-top: 35px;
  margin-bottom: 10px;

}


.highlightRed {

  color: red !important;
}

.form-control {
  height: 41px;
}

.egm-note p:before {
  font-family: bootstrap-icons !important;
  content: "\f43c";
  position: relative;
  color: #a20e37;
  font-size: 16px;
}

.egm-note a {
  position: absolute;
  margin-left: 11px;
  font-weight: 500;
  color: #000;
  width: 82%;

}


.agmmessage {
  display: flex;
  justify-content: center;
  color: #a20e37;
  font-weight: bold;
  font-size: 18px;
  align-items: center;
  height: 20vh;
  /* Use 100% of the viewport height for vertical centering */
  flex-direction: column;
  /* Arrange text vertically */
  margin-top: 20px;
  /* Adjust the margin as needed */
}

.no-offers-message {
  text-align: center;
  margin-top: 20px;
}

.no-offers-message p {
  color: #333;
  font-size: 18px;
}

.download-info button {
  background: #a20e37;
  color: #fff;
  padding: 4px 18px;
  font-size: 14px;
  border-radius: 28px;
}

.file-info {
  font-size: 12px;
}

.topright-box {
  display: flex;
  padding-left: 0;
  margin-top: 8px;
}


.miss-call {
  color: #a20e37;
}

.misscall-no {
  font-size: 21px;
  font-weight: bold;
  color: #a20e37;
  /* margin-top: 11px; */
  line-height: 1.8;
}

.assistance2 {
  padding: 0;
}



.emi-loan-cal .tabs {
  /* display: flex; */
  /* justify-content: center; */
  text-align: center;
}


.pad_h ul li {
  padding-bottom: 10px !important;
}



.contact-us-top {
  background-color: initial;
  background-image: linear-gradient(#f8b43f 0%, #fadd22 53.13%, #fbbc09 100%);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 8px;
  text-transform: capitalize;
  font-weight: 700;

}



.contact-us-top:hover {
  box-shadow: #fbbc18f2 0 2px 6px;
  color: #000;
}


.list-group-item-text {
  line-height: 2.5 !important;
}



.loan {
  font-size: 14px;
  text-transform: capitalize;
  padding-bottom: 5px;
  display: block;
  padding-top: 5px;
}


.saving-acc h6 {
  font-size: 16;
  font-size: 14px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 8px;
}



.viewcard .view-card-details:hover {
  box-shadow: #A20E379e 0 3px 8px;
}


.viewcard .compare-card {
  background-color: initial;
  background: linear-gradient(45deg, #FBE309, #FBBC09);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #000000 !important;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  font-weight: 500;
  margin-top: 8px;
  text-decoration: none !important;
  margin-right: 8px;
}


.viewcard .compare-card:hover {
  box-shadow: #fbbc18f2 0 2px 6px;
}


.saving-acc .circle li {
  padding-bottom: 10px;
}


.offerspage .view-courses {
  color: #fff !important;
}




.lead-successform {
  color: #ffffff;
  background-color: #a20e37;
  border-color: #a20e37;
  width: 50%;
  margin: 0px auto;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
}

.lead-failureform {
  color: #ffffff;
  background-color: #a20e37;
  border-color: #a20e37;
  width: 50%;
  margin: 0px auto;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
}


.partner-successform {
  color: #ffffff;
  background-color: #ffeef2;
  border-color: #ffffff;
  padding: 30px 30px;
  width: 32%;
  margin: 0px auto;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-radius: 4px;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
  border-width: 4px;
  font-size: 15px;
  margin-top: 7%;
}


span.partner-name-msg {
  font-weight: 700;
  line-height: 2;
  text-transform: capitalize;
}


.partner-ref-msg {
  font-weight: 700;
}



.contact-map {
  cursor: pointer !important;
}

.offer_sidebar {
  float: right;
}

.offer_sidebar ul li {
  border-top: 1px solid #666;
  box-shadow: 0px 2px 8px rgb(63 77 192 / 20%);
}

.download-offer {
  padding: 5px;
}


.download-offer-list {
  float: right;
}

.download-offer-list:hover {
  color: #fff;
}

.offer-taglines .tagline1 {
  padding-bottom: 15px;
}


.exp-offer:hover {
  color: #fff;
}

.offer-brands-logo {
  padding-bottom: 0px;
}

#languageToggle {
  padding: 0px;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  color: #a20e37;
}

#hBenefits {
  padding-top: 30px;
}


/* .preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/pnbcsl-loader-text.gif);
} */



.dosanddont {
  position: relative;
  display: block;

  left: -183px;
  top: 212px;
}

.dosanddont a {
  color: #fff;
  padding-left: 10px;
}


.foot-nav1 i {
  font-size: 9px;
}


/* TRCK APPLICATION CSS*/

.track-app {
  margin-top: 123px;
}

.track-app1 {
  background: #fbc409;
  border-top-left-radius: 220px;
  border-bottom-right-radius: 220px;
  padding: 70px;
}

.track-bg {
  background: #a10e37;
}


.track-app1 h2 {
  text-align: center;
  padding-bottom: 35px;
  font-size: 30px;
}


.track-app-submit {
  text-align: center;
}

.stellarnav .full {
  width: 100%;
  text-align: right;
  top: -46px;
  position: absolute;
}


.product-enq h6 {
  color: #7d7d7d;
  text-transform: capitalize;
  line-height: 3;
  padding-left: 10px;
}

.circle {
  text-align: justify;
}

#compare-cards-btn {
  background-color: initial;
  background: linear-gradient(45deg, #FBE309, #FBBC09);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #000000 !important;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  font-weight: 500;
  margin-top: 8px;
  text-decoration: none !important;
  margin-right: 8px;
}


#compare-cards-btn:hover {
  box-shadow: #fbbc18f2 0 2px 6px;
}



#compareContainer .card__details {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
}




#compareContainer .img-responsive {
  max-height: 40%;
  width: auto;
  margin-bottom: 1px;
  border: 0px solid #af0037;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  margin-top: 0px;
}



.ncct {
  color: #fff;
  background: #a20e37;
}


.cc-features {
  color: #fff !important;
  font-size: 16px !important;
}

.cc-card-name {
  color: #fff !important;
  font-size: 16px !important;
}

.new-compare-card .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 14px;
  line-height: 1.42857143;
  vertical-align: middle;
}




.new-card-n {
  font-size: 14px !important;
  color: #a20e37 !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
}

.login-bg {
  background-image: url(../images/login-bg.jpg);
  background-size: 100%;
  background-repeat: repeat-y;
  height: 99vh;
  padding-top: 258px;
}


.login-container h2 {
  display: inline-block;
  position: relative;
  color: #a20e20;
  margin-bottom: 20px;
}


.login-container h2:before,
.login-container h2:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 3px solid #a20e37;
  top: 6px;
  width: 20%;
  width: 20%;
}

.login-container h2:before {
  right: 100%;
  margin-right: 15px;
}

.login-container h2:after {
  left: 100%;
  margin-left: 15px;
}


.login-bt {
  background-color: initial;
  background-image: linear-gradient(-180deg, #cf1245, #a20e37);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 50px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
}


.login-bt:hover {
  box-shadow: #A20E379e 0 3px 8px;
  background: #fbbc09;
  color: #000;
}



#close-compare-tab-btn {
  background-color: initial;
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  font-weight: 500;
  margin-top: 8px;
  text-decoration: none !important;
  margin-right: 8px;
}

#close-compare-tab-btn:hover {
  box-shadow: #A20E379e 0 3px 8px;
}


/* compare card-css----------------------------------------------------------------------            */

/* Increase space between header fragment and main content */
.container.my-5 {
  margin-top: 150px;
  /* Adjust the value as needed */
}

.compare-table {
  margin-top: 30px;

  border-spacing: 0 15px;
}

.compare-table th,
.compare-table td {
  vertical-align: middle;
  text-align: center;
  padding: 12px;
}



.card-img-top {
  width: 220px;
  height: 140px;
  margin: 0 auto;
  padding: 15px;
  transition: transform 0.3s ease;
}


.card-img-top:hover {
  transform: scale(1.1);
  /* Zoom effect on hover */
}

.feature-benefit-section {
  background-color: #e9ecef;
  border-top: 2px solid #dee2e6;
  padding-top: 10px;
}

.feature-benefit-title {
  font-weight: 600;
  color: #495057;
  background-color: #e9ecef;
  padding: 12px 0;
}

.card-title {
  font-size: 1.1rem;
  /* Slightly larger font size for card titles */
  color: #007bff;
  font-weight: 500;
  margin-top: 10px;
}

.card-detail {
  font-size: 0.95rem;
  /* Slightly larger font size for card details */
  color: #6c757d;
  margin: 6px 0;
  /* Adjusted margin for better spacing */
}

.compare-table th {
  font-size: 1.3rem;
  /* Slightly larger font size for headers */
  color: #343a40;
  font-weight: 700;
}



/* Responsive design adjustments */
@media (max-width: 768px) {
  .card-img-top {
    width: 120px;
    /* Adjust image size for smaller screens */
  }

  .feature-benefit-title,
  .card-title,
  .card-detail {
    font-size: 0.9rem;
    /* Adjust text size for readability on smaller screens */
  }

  .compare-table th,
  .compare-table td {
    padding: 8px;
    /* Adjust padding for compact layout on smaller screens */
  }
}

/* CSS for Category Headings */
.category-heading {
  background-color: #f0f0f0;
  /* Set the background color */
  font-weight: bold;
  /* Make the text bold */
  padding: 5px;
  /* Add padding for spacing */
}


.services-apply1 .form-control {
  display: block;
  width: 100%;
  height: 45px !important;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #090909 !important;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dae4e8 !important;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom: 25px;
}





.card-lead {
  text-align: center;


}

.card-lead .title {
  font-size: 2em;
  margin: 15px;
}

.card-lead .form {
  display: flex;
  align-items: center;
  justify-content: center;

}

.form label {
  cursor: pointer;
}

.card-lead .form .input-radio {
  box-shadow: 0px 0px 0px 1px #6d6d6d;
  font-size: 3em;
  width: 15px;
  height: 15px;
  /* margin-right: 7px; */
  border: 4px solid #fff;
  background-clip: border-box;
  border-radius: 50%;
  appearance: none;
  transition: background-color 0.3s, box-shadow 0.3s;
  padding: 0;
  margin: 4px 11px 0;
}

.card-lead .form label {
  display: flex;
  margin: 10px 15px;
}

.input-radio.on:checked {
  box-shadow: 0px 0px 0px 4px #00eb27;
  background-color: #51ff6e;
}

.input-radio.off:checked {
  box-shadow: 0px 0px 0px 4px #eb0000;
  background-color: #ff5151;
}


.lead-genaration {
  padding-top: 10%;
}

.lead-sub {
  background: #f8eded;
  padding: 30px;
  text-align: center;

  margin-bottom: 30px;
}

.lead-sub h5 {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
}


.lead-genaration .form-wrapper .input-row {
  display: block;

}


.current-add h5 {

  background: rgb(229 229 229);
  padding: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
}


.permanent-add h5 {

  background: rgb(229 229 229);
  padding: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.padc {
  width: 3% !important;
  padding: 1px !important;
  height: 15px !important;
  border: 0px;

}




.loan-required h5 {

  background: rgb(229 229 229);
  padding: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.customer-consent h5 {

  background: rgb(229 229 229);
  padding: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
}






.lead-submit {
  background-color: initial;
  background-image: linear-gradient(-180deg, #cf1245, #a20e37);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  /* font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif; */
  height: 40px;
  line-height: 40px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  /* width: 100%; */
  z-index: 9;
  border: 0;
  transition: box-shadow .2s;
  border-radius: 28px;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 14px;
}


.lead-genaration .row {
  margin-right: 0;
  margin-left: 0;
}


.track-app .submit-otp {
  display: block;
  padding: 10px 20px;
  background-image: linear-gradient(-180deg, #a20e37, #D80F46);
  color: white;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-size: 14px;
  float: right;
}



/* #loader-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
 
  z-index: 9999;
 
} */

/* #loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #ae0f39;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

#main-content {
  display: flex;
  flex-direction: column;
  /* Stack children vertically */
  justify-content: center;
  align-items: center;
  position: relative;
}

/* ... your other styles ... */

#result-container {
  border: 1px solid #ddd;
  /* Soft gray outline for the entire result block */
  padding: 15px;
  /* Increased padding around the content */
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  /* Add soft shadow for a lifted effect */
  width: 60%;
  /* Adjust width as per requirement */
  margin: 80px auto;
  /* Center the block */
  background-color: #fff;
  /* White background */
  display: none;
}

#result h2 {
  text-align: center;
  /* Center the heading */
  margin-bottom: 20px;
  /* Add margin below the heading for spacing */
}

#result table {
  width: 100%;
  border-collapse: collapse;
  /* Combine borders */
}

#result td {
  padding: 10px 20px;
  /* Add padding to cells for spacing */
  border: 1px solid #ddd;
  /* Soft gray bottom border */
}

#result tr:last-child td {
  /* border-bottom: none; */
  /* Remove bottom border for the last row */
}

#result td:first-child {
  font-weight: bold;
  /* Make the label cells bold */
  /* color: #555; */
  /* Dark gray text color */
  width: 40%;
  /* Adjust as per requirement */
}

.highlighted {
  background-color: #ffe0e0;
  /* Light red background */
  font-weight: bold;
  padding: 5px;
  /* Padding to give some space around the text */
  border-radius: 5px;
  /* Rounded corners for a better look */
}

.track-app {
  margin-top: 50px;
  /* Add space between header and form */
}

/* Increase the height of form fields */
.form-input {
  padding: 15px 10px;
  /* Increase padding for height */
  font-size: 16px;
  /* Increase font size */
}

.or-condition {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 60px;
  margin: 20px 0;
  /* Add margin for spacing */
}

.or-condition::before,
.or-condition::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #ccc;
}

.or-condition span {
  width: 30px;
  text-align: center;
}

.form-input,
select.form-control {
  padding: 15px 10px;
  /* Increased padding for height */
  font-size: 16px;
  /* Increase font size */
  height: auto;
  /* This makes sure the height adjusts to the content */
}

.track-app {
  padding-top: 50px;
  /* Add space on top of the tracking application */
  margin-top: 50px;
  /* Existing space below header */
}

.track-app {
  margin-bottom: -40px;
}

.submit-btn {
  background-color: #ae0f39;
  /* Change to your desired color */
  color: #ffffff;
  /* Change text color if needed */
  font-size: 18px;
  /* Adjust font size */
  padding: 10px 20px;
  /* Adjust padding for size */
  border-radius: 5px;
  /* Rounded corners */
  border: none;
  /* Remove default borders */
}

.otp-input {
  width: 50%;
  /* Adjust as needed */
}

.form-group {
  margin-bottom: 20px;
  /* Adjust this value to increase or decrease space */
}


#trackAppForm .col-form-label {
  font-weight: 700;
}



#trackAppForm .color-tapp {
  background: #fdf4f4;
}

.color-tapp {
  background: #fff7f7;
}


.form-validation {
  color: red;
  display: none;
  margin-top:-28px;
}


.custom-modal-header {
  padding: 0px;
  border-bottom: none;
}

.custom-modal-content {
  background: #a20e37;
  padding: 10px;
}
.custom-modal-header .close {
  margin-top: -25px;
}

.custom-modal-header .modal-title {
  font-size: 14px;
  text-align: center;
  color: #fff;
}

#successModal .modal-lg {
  margin-top: 10%;
}

#errorModal .modal-lg {
  margin-top: 10%;
}
.partner-dear {
  font-weight: 700;
}


.partner-message p {
  padding: 0px;
  margin: 0px;
  text-align: left;
  margin-bottom: 5px;
  color: #000;
  line-height: 2;
}


.partner-card {
  font-weight: bold;
  color: #ad143d;
}

.partner-errorMsg{
  color: #da0a44;
}