.bannerHeight {
  height: 280px;
}

.bannerCarousel .bannerCarousel-content {
  height: 383px !important;
}

.bannerTitle1 {
  font: normal normal bold 38px/50px Roboto;
  color: white;
}

.bannerTitle2 {
  font: normal normal bold 38px/50px Roboto;
  color: var(--services-secondary-color);
}

.banner-img a {
  display: block;
  width: 100%;
  top: 0;
}

.bannerContent {
  margin-top: 135px;
}

/* @media  (max-width: 1365.98px) {  
  .banner-img {
    background: url('/static/assets/images/finance-banner-top-1366.jpg')
  }
}

@media (min-width: 1366px) {
  .banner-img {
   background: url('/static/assets/images/finance-banner-top-1920.png')
  }
} */
.mainContent h1 {
  margin-bottom: 38px;
}

.mainContent h1 span {
  font-size: 2.25rem;
  margin: 0;
  display: inline-block;
  font-weight: 600;
}

.mainContent h1 span::after {
  content: " ";
  display: block;
  background: var(--services-secondary-color);
  width: 114px;
  height: 4px;
}

.formBox {
  background: var(--file-upload-table-td-even-bg);
  border-radius: 8px;
  padding: 28px 30px 5px 30px;
  margin-top: -5px;
  border-bottom: solid 10px var(--breadcrumb-text-color);
}

.formBox .titleBox {
  background: var(--card-border);
  color: black;
  padding: 13px 20px;
  margin-bottom: 10px;
}

.redDanger {
  color: red;
}

.formBox .title {
  font: normal normal bold 25px/30px Roboto;
  margin: 0;
}

.formBox .titleBox span {
  font-size: 0.938rem;
}

.formBox .infotext {
  font-style: italic;
  font-size: 0.75rem;
  color: var(--category-color);
}

.info {
  color: var(--category-color);
}

.formBox button.active-btn {
  background: var(--services-secondary-color);
  color: white;
}

.formBox .infotex2 {
  font: normal normal normal 13px/21px Roboto;
  color: var(--category-color);
}

.formBox .titleTC {
  font: normal normal bold 14px/20px Roboto;
  color: var(--category-color);
}

.formBox .desTC {
  font: normal normal normal 12px/16px Roboto;
  color: var(--category-color);
}

.icon-boxes {
  margin-top: 66px;
}

.icon-box {
  padding: 10px;
  position: relative;
  overflow: hidden;
  background: white;
  flex-grow: 1;
}

.icon-box .title {
  display: block;
  font-size: 1.125rem;
  letter-spacing: 0px;
  color: var(--tile-title-color);
  position: relative;
  left: 10px;
  margin-top: 15px;
}

.icon-box .title.minH {
  min-height: 59px;
}

.icon-box .title span {
  color: var(--tile-title-color);
  transition: 0.3s;
  font-weight: bold;
}

.icon-box .description {
  font-size: 0.938rem;
  line-height: 28px;
  margin-bottom: 0;
  clear: both;
}

.icon-box .icon {
  margin-bottom: 20px;
  /* padding-top: 17px; */
  display: block;
  font-size: 36px;
  line-height: 60px;
  float: left;
}

.icon-box .mark {
  display: inline-block;
  background: transparent;
  font-weight: bold;
  border-bottom: solid 1px var(--services-secondary-color);
  line-height: 14px;
}

.why-us .icon {
  max-height: 70px;
  min-height: 70px;
}

.icon-box ul {
  margin: 0px;
  list-style: none;
  clear: both;
  padding-left: 26px;
}

ul > li {
  clear: left;
}

ul > li:before {
  content: "";
  height: 1em;
  width: 1em;
  display: block;
  float: left;
  margin-left: -1.5em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-box ul li {
  font-size: 16px;
  padding-bottom: 12px;
}

.icon-box ul > li:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23F27D17' class='bi bi-caret-right-fill' viewBox='0 0 16 16'> <path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/> </svg>");
  background-position: center;
  background-size: 50%;
  margin-top: 3px;
}

.icon-box ul > li:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235fb4be' class='bi bi-caret-right-fill' viewBox='0 0 16 16'> <path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/> </svg>") !important;
}

/* count Section */
.counts {
  background: linear-gradient(rgb(0 0 0 / 20%), rgb(0 0 0 / 20%)), url('/static/assets/images/finance-banner-bottom-1920.png') fixed;
  background-position: center;
  /* height: 350px; */
  color: white;
  background-origin: border-box;
  margin: 40px 0 70px 0px;
  text-align: center;
  /* height: 350px; */
  background-repeat: no-repeat;
}

.counts .container {
  padding: 20px 0 12px 0px;
}

.counts img {
  height: 82px;
  margin: 0px auto;
}

.countNum {
  font-size: 54px;
  vertical-align: middle;
}

.countNum small,
.countNum sup {
  font-size: 33px !important;
  vertical-align: middle;
}

.countNum p {
  font: 15px;
}

/* services */
.services {
  margin-bottom: 70px;
}

.services .icon-box {
  box-shadow: 0px 3px 15px var(--dropdown-menu-arow-dropdwn-bottom);
  text-align: center;
  padding-top: 20px;
}

.services .icon {
  float: none;
  min-height: 128px;
  max-height: 128px;
}

.services .icon-box .title {
  position: static;
  margin-bottom: 0;
  font-weight: bold;
  min-height: 43px;
  line-height: 22px;
}

.services .icon-box small {
  font-size: 16px !important;
  display: block;
  padding: 15px;
  font-weight: bold;
}

.services .icon-box p {
  font-size: 14px;
  padding: 15px;
}

/* How */
/* Wizard*/
.active span span {
  background: white !important;
  color: var(--footer-border-color) !important;
  font-size: 32px;
  border: solid 1px var(--services-secondary-color) !important;
  width: 70px;
  height: 70px;
  padding-top: 13px;
  font-weight: bold;
}

.multiple-stepwizard::after {
  background: var(--header-nav-border) !important;
  left: 45%;
  width: 100%;
  top: 33px;
}

.multiple-stepwizard-previous-step {
  color: var(--services-secondary-color) !important;
  font-size: 20px !important;
  line-height: 25px;
  margin: 30px 0px;
  font-weight: bold;
}

.how {
  margin-bottom: 50px;
}

.how .des {
  font-size: 16px;
  color: var(--tile-title-color);
  text-align: center;
}

/* more */
.more {
  margin: 100px 0px 50px 0px;
}

.more ul {
  list-style: none;
  width: 100%;
  padding: 0px;
}

.more ul li {
  padding: 18px 10px 5px 9px;
  border-bottom: solid 1px var(----breadcrumb-text-color);
  font-size: 16px;
  color: var(--tile-title-color);
}

.downloadButton,
.downloadButton:hover {
  color: white;
  padding: 6px 35px;
  border: none;
  box-shadow: none;
  font-size: 14px;
  background: var(--services-secondary-color);
  border-radius: 4px;
  float: right;
  margin-top: 6px;
}

.arrow {
  color: var(--services-secondary-color);
  position: relative;
  width: 49px;
  left: 0;
  top: 0;
}

/* popup */
.modal-header,
.modal-footer {
  border: none;
}

.modal h5.modal-title {
  font-size: 16px;
  font-weight: 600;
}

.modal-body {
  padding: 0px 30px 30px 30px;
  /* margin-top: -27px; */
}

.modal-header {
  padding: 15px 20px;
}

.modal {
  width: 350px;
  left: calc(50% - 160px);
}

.requirementTxt {
  height: 75px !important;
}

.price {
  padding: 15px 30px;
  border-top: solid 1px var(--card-border);
  border-bottom: solid 1px var(--card-border);
  margin: 0;
  font-size: 14px;
  color: var(--category-color);
}
.bannerCarousel.service-banner ::ng-deep.slick-list {
  height: 383px!important;
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .arrow {
    display: none;
  }

  span.knowMore {
    display: inline-block;
  }

  .mainContent h1 {
    margin-bottom: 0;
    font-size: 27px;
  }

  .mainContent h1 span::after {
    width: 72px;
    margin-bottom: 0px;
    margin-top: 10px;
    height: 2px;
  }

  .countNum {
    font-size: 35px;
  }

  .counts img {
    width: 35px;
  }

  /* .icon-box ul li {
        font-size: 13px;
    }

    .PageHeader2 {
        font-size: 12px;
    }

    .mainContent h1 {
        margin-bottom: 0;
        font-size: 27px;
    }

    .mainContent h1 span::after {
        width: 50%;
        margin-bottom: 20px;
    }

    .banner-img img {

       
    }

    .icon-box {
        padding: 0px;
    }


    .icon-box .icon {
        width: 50px !important;
    }

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

    .icon-box ul {
        padding-left: 18px;
    }

    .icon-box .title {
        left: 65px;
        margin-top: 15px;
        font-size: 14px;
        line-height: initial;
    } */
  .bannerTitle2 {
    font: normal normal bold 14px/14px Roboto;
  }

  .bannerTitle1 {
    font: normal normal bold 14px/14px Roboto;
  }

  .bannerCarousel .bannerCarousel-content {
    height: 113px !important;
  }
  .bannerCarousel.service-banner ::ng-deep.slick-list {
    height: 115px!important;
  }
  .bannerContent {
    margin-top: 10px;
  }

  .bannerContent .btn {
    font-size: 8px;
    padding: 5px 15px;
    margin: 5px 0px !important;
  }

  .bannerContent {
    padding-left: 40px;
    padding-top: 10px;
  }

  .mainContent h1 span {
    font-size: 16px;
  }

  .step-title {
    display: inline-block;
  }

  .multiple-stepwizard-previous-step {
    display: block !important;
   
    font-size: 14px !important;
    margin-bottom: 25px;
    margin-left: 33px;
    padding-top: 2px;
  }

  .multiple-stepwizard {
    flex: 100%;
    max-width: 100%;
    text-align: left;
    vertical-align: unset;
  }

  .multiple-stepwizard:after {
    height: 81%;
    width: 2px!important;
    top: 76px;
    left: 28px!important;
  }

  .active span span {
    font-size: 19px;
    width: 48px;
    height: 48px;
    padding-top: 9px;
  }
  .mb-5,
  .mt-5 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .formBox{
    margin-top:0;
  }
  .bannerCarousel .banner-img {
  position:relative
  }
}

/* tab */
@media (min-width: 576px) and (max-width: 991.98px) {
	.bannerCarousel .banner-img{
  position:relative
  }
  .bannerTitle2 {
    font: normal normal bold 24px/33px Roboto;
  }

  .bannerTitle1 {
    font: normal normal bold 24px/33px Roboto;
  }

  .bannerCarousel .bannerCarousel-content {
    height: 220px !important;
  }
  .bannerCarousel.service-banner ::ng-deep.slick-list {
    height: 220px!important;
  }
  .bannerContent {
    margin-top: 49px;
  }

  .bannerContent .btn {
    font-size: 14px;
    padding: 8px 19px;
    margin: 10px 0px !important;
  }

  .bannerContent {
    padding-left: 72px;
    padding-top: 10px;
  }

  
  .multiple-stepwizard-previous-step {
 
    font-size: 16px !important;
  
  } 
  .countNum{
    font-size: 40px;
  }
  .counts img{
    height: 50px;
    margin: 6px auto;
  }
}

.font14 {
  font-size: 0.875rem;
}

.font15 {
  font-size: 0.938rem;
  margin-bottom: 0;
}

.font16 {
  font-size: 1rem;
}

.noBold {
  font-weight: normal !important;
}

.pt30 {
  padding-top: 30px;
}

.pt20 {
  padding-top: 20px;
}

.PageHeader2 {
  margin-bottom: 10px !important;
}

h1 {
  margin-bottom: 20px !important;
}

.tc {
  font: normal normal 300 12px/20px Roboto;
  color: white;
  opacity: 0.5;
}

.tickIcon {
  margin: 25px auto;
  display: block;
  height: 64px;
}
.quick-sanction{
font-size: 30px;
line-height: 30px;
padding-top: 12px;
padding-bottom: 8px;
}