@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital@0;1&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.banner {
  width: 100%;
  background: url(../img/banner-img.png) no-repeat top center;
  background-size: cover;
  padding-top: 234px;
  padding-bottom: 172px;
  position: relative; }
  @media (max-width: 1441px) {
    .banner {
      padding-top: 200px;
      padding-bottom: 150px; } }
  @media (max-width: 579px) {
    .banner {
      padding-bottom: 90px; } }
  .banner .bnr-cont {
    max-width: 898px;
    margin: 0 auto; }
    .banner .bnr-cont .bnr-title {
      color: #fff;
      text-align: center;
      font-size: 52px;
      line-height: 72px;
      font-weight: 500;
      margin-bottom: 15px; }
      @media (max-width: 1679px) {
        .banner .bnr-cont .bnr-title {
          font-size: 38px;
          line-height: 52px; } }
      @media (max-width: 1441px) {
        .banner .bnr-cont .bnr-title {
          font-size: 36px;
          line-height: 50px; } }
      @media (max-width: 1199px) {
        .banner .bnr-cont .bnr-title {
          font-size: 30px;
          line-height: 40px; } }
      @media (max-width: 991px) {
        .banner .bnr-cont .bnr-title {
          font-size: 26px;
          line-height: 36px; } }
      @media (max-width: 991px) {
        .banner .bnr-cont .bnr-title br {
          display: none; } }
    .banner .bnr-cont .bnr-desc {
      font-size: 18px;
      line-height: 32px;
      color: #E4EBEF;
      text-align: center;
      font-weight: 400; }
      @media (max-width: 1441px) {
        .banner .bnr-cont .bnr-desc {
          font-size: 16px;
          line-height: 20px; } }
      @media (max-width: 1199px) {
        .banner .bnr-cont .bnr-desc {
          font-size: 13px;
          line-height: 17px; } }
      @media (max-width: 991px) {
        .banner .bnr-cont .bnr-desc br {
          display: none; } }
  .banner .bnr-btm {
    border-radius: 61px 61px 0 0;
    height: 61px;
    background-color: #fff;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: -1px;
    justify-content: center; }
    @media (max-width: 1199px) {
      .banner .bnr-btm {
        border-radius: 30px 30px 0 0; } }
    @media (max-width: 991px) {
      .banner .bnr-btm {
        height: 45px; } }
    @media (max-width: 579px) {
      .banner .bnr-btm {
        height: 17px;
        border-radius: 0; } }
    .banner .bnr-btm .search-box-wrp {
      max-width: 716px;
      width: 100%;
      background-color: #fff;
      border: 1px solid #D1C9B9;
      height: 68px;
      padding: 23px 31px;
      box-shadow: 0px 14px 41px #776D571F;
      border-radius: 34px;
      margin: -33px auto 0;
      display: flex; }
      @media (max-width: 1679px) {
        .banner .bnr-btm .search-box-wrp {
          padding: 20px 30px; } }
      @media (max-width: 1199px) {
        .banner .bnr-btm .search-box-wrp {
          height: 60px;
          padding: 15px 25px;
          margin: -28px auto 0; } }
      @media (max-width: 991px) {
        .banner .bnr-btm .search-box-wrp {
          height: 55px;
          padding: 15px 25px; } }
      .banner .bnr-btm .search-box-wrp .form-control {
        border: none;
        box-shadow: none;
        outline: none;
        padding: 0px;
        flex: 1;
        font-size: 18px;
        font-weight: 500;
        margin-right: 20px;
        color: #998E76; }
        @media (max-width: 1679px) {
          .banner .bnr-btm .search-box-wrp .form-control {
            font-size: 16px; } }
        .banner .bnr-btm .search-box-wrp .form-control::-webkit-placeholder {
          color: #998E76; }
        .banner .bnr-btm .search-box-wrp .form-control::placeholder {
          color: #998E76; }
      .banner .bnr-btm .search-box-wrp .btn-search {
        padding: 0px;
        outline: none;
        box-shadow: none;
        border: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 38px;
        background-color: transparent; }
        .banner .bnr-btm .search-box-wrp .btn-search img {
          display: block; }
          @media (max-width: 991px) {
            .banner .bnr-btm .search-box-wrp .btn-search img {
              height: 24px; } }
  .banner.listing-bnr {
    padding-top: 128px;
    padding-bottom: 60px;
    background: url(../img/list-bnr.png) no-repeat top center;
    background-size: cover;
    position: relative;
    overflow-x: clip; }
    @media (max-width: 579px) {
      .banner.listing-bnr {
        padding-top: 75px;
        padding-bottom: 20px; } }
    .banner.listing-bnr .bnr-cont {
      max-width: 100%; }
      .banner.listing-bnr .bnr-cont .bnr-big-txt {
        font-size: 130px;
        font-weight: 500;
        color: #fff;
        position: absolute;
        bottom: -16px;
        right: 45px;
        opacity: 0.15;
        white-space: nowrap; }
        @media (max-width: 1679px) {
          .banner.listing-bnr .bnr-cont .bnr-big-txt {
            font-size: 109px;
            bottom: -4px; } }
        @media (max-width: 1481px) {
          .banner.listing-bnr .bnr-cont .bnr-big-txt {
            font-size: 100px;
            bottom: 3px; } }
        @media (max-width: 1399px) {
          .banner.listing-bnr .bnr-cont .bnr-big-txt {
            font-size: 90px;
            bottom: 10px; } }
        @media (max-width: 991px) {
          .banner.listing-bnr .bnr-cont .bnr-big-txt {
            font-size: 70px;
            bottom: 20px; } }
        @media (max-width: 579px) {
          .banner.listing-bnr .bnr-cont .bnr-big-txt {
            font-size: 45px;
            bottom: -7px; } }
    .banner.listing-bnr .bnr-btm {
      bottom: 0px; }
      @media (max-width: 579px) {
        .banner.listing-bnr .bnr-btm {
          height: 17px;
          border-radius: 0; } }
  .banner.dtl-bnr {
    padding-top: 128px;
    padding-bottom: 60px;
    background: url(../img/dtl-bnr.png) no-repeat top center;
    background-size: cover; }
    @media (max-width: 579px) {
      .banner.dtl-bnr {
        padding-top: 75px;
        padding-bottom: 20px; } }
    .banner.dtl-bnr .bnr-cont {
      max-width: 100%; }
    .banner.dtl-bnr .bnr-btm {
      bottom: 0px; }
      @media (max-width: 579px) {
        .banner.dtl-bnr .bnr-btm {
          height: 17px;
          border-radius: 0; } }

.breadcrumb-wrp {
  padding-top: 40px;
  margin-bottom: 25px; }
  .breadcrumb-wrp .breadcrumb .breadcrumb-item {
    font-size: 16px;
    line-height: 19px; }
    @media (max-width: 1199px) {
      .breadcrumb-wrp .breadcrumb .breadcrumb-item {
        font-size: 14px;
        line-height: 17px; } }
    @media (max-width: 479px) {
      .breadcrumb-wrp .breadcrumb .breadcrumb-item {
        font-size: 13px;
        line-height: 16px; } }
    .breadcrumb-wrp .breadcrumb .breadcrumb-item a {
      color: #A6A6A6;
      text-decoration: none; }
    .breadcrumb-wrp .breadcrumb .breadcrumb-item.active {
      color: #fff; }
  .breadcrumb-wrp .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "";
    width: 3px;
    height: 19px;
    margin-right: 8px;
    background: url(../img/chevron-right.svg) no-repeat center;
    background-size: 10px; }
  .breadcrumb-wrp .breadcrumb .breadcrumb-item + .breadcrumb-item.active::before {
    width: 3px;
    height: 19px;
    margin-right: 8px;
    background: url(../img/chevron-right-active.svg) no-repeat center;
    background-size: 10px;
    filter: none; }

.search-box-list {
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  border: 1px solid #D1C9B9;
  height: 68px;
  padding: 23px 31px;
  border-radius: 34px;
  margin: 0 auto 35px;
  display: flex;
  position: relative;
  z-index: 1; }
  @media (max-width: 1679px) {
    .search-box-list {
      margin: 0 auto 30px;
      height: 58px;
      padding: 18px 25px; } }
  @media (max-width: 1199px) {
    .search-box-list {
      height: 50px;
      padding: 15px 25px;
      margin: 0 auto 20px; } }
  @media (max-width: 991px) {
    .search-box-list {
      height: 55px;
      padding: 15px 25px; } }
  @media (max-width: 579px) {
    .search-box-list {
      height: 50px;
      padding: 10px 20px; } }
  .search-box-list .form-control {
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0px;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    margin-right: 20px;
    color: #998E76; }
    @media (max-width: 1679px) {
      .search-box-list .form-control {
        font-size: 16px; } }
    .search-box-list .form-control::-webkit-placeholder {
      color: #998E76; }
    .search-box-list .form-control::placeholder {
      color: #998E76; }
  .search-box-list .btn-search {
    padding: 0px;
    outline: none;
    box-shadow: none;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 38px;
    background-color: transparent; }
    .search-box-list .btn-search img {
      display: block; }
      @media (max-width: 1441px) {
        .search-box-list .btn-search img {
          height: 25px; } }
      @media (max-width: 991px) {
        .search-box-list .btn-search img {
          height: 24px; } }

/*# sourceMappingURL=banner.css.map */