@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

*::after,
*::before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

:active,
:focus,
.form-control:focus {
  outline: 0px !important;
  box-shadow: none;
  outline-offset: 0;
}
.home-category-icon i {
  color: #ccc;
  font-size: 50px;
}
.form-floating>.form-control,
.form-floating>.form-select {
  height: 45px;
  border-radius: 5px !important;
}

a:hover {
  text-decoration: none;
  color: var(--blue-color);
}

ul,
ol {
  margin: 0px;
  padding: 0px;
}

.navbar-toggler {
  background-color: #fff;
}

.btn-primary {
  color: #fff;
  background-color: #C20000;
  border-color: #C20000;
}

.btn-primary:hover,
.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #a00101;
  border-color: #a00101;
  box-shadow: none;
}

.btn-outline-dark {
  color: #094174;
  border-color: #094174;
}

:root {
  --blue-color: #094174;
  --maroon-color: #C20000;
  --subheading-grey: #848484;
  ---white: #fff;
  --tablightblue: #DEEFFF;
  --tabgrey: #EEEEEE;
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 16px;
  background-color: #fff;
}

.w100 {
  width: 100% !important;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-size: 16px;
}

.nav2 {
  position: absolute;
  width: 100%;
  box-shadow: none !important;
}

.bdn {
  border: none;
  color: #fff;
  background-color: transparent;
}

.dropdown-toggle::after {
  content: none;
}

.dropend .dropdown-toggle::after {
  content: none;
}

.dropdown-item {
  padding: 10px 12px 12px 12px;
  border-bottom: solid 1px #ccc;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.bdnone {
  border-bottom: none;
}

.fr {
  float: right;
}

.cwh {
  color: #fff;
  border-bottom: none;
  padding: 16px 16px 10px 30px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #fff;
}

.dropdown-menu[data-bs-popper] {
  margin-top: -4px;
}


@media all and (min-width: 992px) {
  .dropdown-menu {
    border-radius: 0;
    width: 250px;
    margin-top: 6px;
  }

  .dropend .dropdown-menu[data-bs-popper] {
    width: 451px;
    margin-right: 0px;
    background-color: #632A1D;
    border-bottom: none;
    color: #fff;
  }

  .mega-submenu {
    width: 451px;
    margin-right: 0px;
    background-color: #632A1D;
    border-bottom: none;
    color: #fff;
  }

  .ktm-mega-menu {
    position: static;
  }

  .mega-menu {
    left: 0;
    right: 0;
    width: 451px;
  }

  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu .submenu {
    display: none;
    width: 451px;
    margin-right: 0px;
    background-color: #632A1D;
    border-bottom: none;
    color: #fff;
    left: 100%;
    top: -15px;
  }

  .dropdown-menu>li:hover>.submenu,
  .dropdown:hover>.dropdown-menu,
  .nav-item.country:hover .dropdown>.dropdown-menu {
    display: block;
  }

  .nav-item.country .dropdown>.dropdown-menu {
    width: 180px !important;
  }

}
.main-description-wrp {
    height: 90px;
    overflow: hidden;
}
.readmoreBox {
    text-align: right;
    padding-right: 15px;
    display: flex;
    justify-content: flex-end;
}
.readmore-text {
    color: #ec6446;
    text-decoration: underline;
    cursor: pointer;
}

.pd20 {
  padding-top: 20px;
}

.sign-top {
  margin-top: -10px;
}
.navbar-nav li.signup-pro-li .nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #FDF0ED;
  border-radius: 6px;
  padding: 7px 21px !important;
}
.navbar-nav li.signup-pro-li .nav-link:hover, 
.navbar-nav li.signup-pro-li .nav-link:focus {
  color: #fff !important;
  background: rgba(236, 100, 70, 1);
  border-color: rgba(236, 100, 70, 1);
}

.inner-header .navbar-nav li.signup-pro-li .nav-link {
  color: #fff !important;
  background: rgba(236, 100, 70, 1);
  border-color: rgba(236, 100, 70, 1);
}

.inner-header.navbar-light .navbar-nav .nav-link2 {
  padding-right: .5rem;
  padding-left: .5rem;
  margin-left: 0px;
}

.country {
  margin-top: 5px;
}

.dm {
  margin-left: -90px;
}

.reno {
  font-weight: 700;
  font-size: 18px;
  padding: 16px 16px 16px 0px;
  border-bottom: solid 1px;
  border-color: rgba(255, 255, 255, 50%);
  width: 81%;
  margin-left: 43px;
  color: #fff;
}

.dropend .dropdown-menu[data-bs-popper] {
  margin-left: 0px;
  margin-top: -9px;
  border-bottom: none;
}

.search-sec {
  width: 100%;
  height: 660px;
  background-image: url(../image/bg-img.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 15px;
}

.search-sec p {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  display: grid;
  padding: 0px 40px 0px 40px;
}

.search-sec h1 {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
}

.search-sec span {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

.search-sec .sbox {
  height: 55px;
  border-radius: 8px 0px 0px 8px;
  background-color: transparent;
  color: #fff;
  margin-top: 0px;
}

.search-sec .sbox01 {
  height: 55px;
  border-radius: 0px 0px 0px 0px;
  background-color: transparent;
  color: #fff;
  margin-top: 0px;
}

.search-sec .sbox3 {
  height: 55px;
  border-radius: 0px 8px 8px 0px;
  background-color: #fff;
  margin-top: 0px;
}

.search-sec .sbox2 {
  margin-left: -25px;
}

.search-sec .form-select {
  background-image: url(../image/aerrow5.png);
  background-size: auto;
  background-color: #c1523a;
}

.search-sec .input-group .form-control {
  color: #fff;
}

.search-sec .input-group .form-control::placeholder {
  color: #fff;
}

.search-sec .input-group {
  width: 300px;
}

.search-sec .fre {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.search-sec .fre a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  border-bottom: solid 2px #db9484;
}

.search-sec .tru {
  display: block;
  padding: 10px;
  text-decoration: none;
}

.search-sec .top170 {
  margin-top: 180px;
}

.search-sec .top270 {
  margin-top: 220px;
}

@media (max-width: 767px) {
  .search-sec {
    width: 100%;
    height: 100%;
    background-color: #b44c35;
    background-image: none;
  }

  .dm {
    margin-left: 0px;
  }

  .dropdown-menu {
    width: 100%;
  }

  .dropend .dropdown-menu[data-bs-popper] {
    width: 100%;
    background-color: #632A1D;
  }

  .dropdown-item {
    padding: 14px 12px 25px 25px;
  }

  .search-sec .top170 {
    margin-top: 110px;
  }

  .search-sec .top270 {
    margin-top: 10px;
  }

  .search-sec .input-group {
    width: 100%;
  }

  .search-sec .pdr {
    padding-right: 0px;
  }

  .search-sec .mrl {
    margin-left: 10px;
  }

  .search-sec .img2 {
    margin-top: 25px;
  }

  .mobmenubg {
    background-color: #b44c35;
    position: absolute;
    z-index: 9;
    padding: 10px;
  }

  .search-sec p {
    font-size: 25px;
    padding: 0px;
  }

  .search-sec h1 {
    font-size: 25px;
    padding: 0px;
  }

}

@media (max-width: 768px) {
  .search-sec {
    width: 100%;
    height: 100%;
    background-color: #b44c35;
    background-image: none;
  }

  .dm {
    margin-left: 0px;
  }

  .dropdown-menu {
    width: 100%;
  }

  .dropend .dropdown-menu[data-bs-popper] {
    width: 100%;
  }

  .search-sec .top170 {
    margin-top: 110px;
  }

  .search-sec .top270 {
    margin-top: 130px;
  }

  .search-sec .input-group {
    width: 100%;
  }

  .search-sec .pdr {
    padding-right: 0px;
  }

  .search-sec .mrl {
    margin-left: 10px;
  }

  .search-sec .img2 {
    margin-top: 25px;
  }

  .search-sec .nm {
    margin-top: 40px !important;
    margin-bottom: 10px;
  }
}

@media (max-width: 1024px) {
  .search-sec p {
    font-size: 25px;
  }

  .search-sec h1 {
    font-size: 25px;
  }

  .search-sec span {
    font-size: 16px;
  }

  .search-sec .input-group {
    width: 100%;
  }

}

/* ---------Start Only Mobile menu bar---------- */
.mymenu {
  padding: 15px 15px 0px 10px;
  transition: all 300ms ease-in-out;
}

.mymenu .nav-link {
  color: #000 !important;
  padding: 14px 12px 10px 25px;
}

.mymenu .bdn {
  color: #000;
}

.mymenu .mobflag {
  padding: 14px 12px 25px 25px;
}

.button {
  width: 25px;
  height: 25px;
  display: none;
  cursor: pointer;
}

.button .bar {
  transition: all 300ms ease-in-out;
  border-top: 3px solid #fff;
  position: relative;
  display: block;
  width: 25px;
  margin-top: 5px;
  opacity: 1;
}

.tbg {
  background-color: #b44c35;
  padding-bottom: 15px;
}

@media only screen and (max-width: 678px) {
  .mymenu {
    ul {
      flex-direction: column;
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: all 300ms ease-in-out;
    }

    .button {
      display: inline-block;
    }
  }

  .open {
    ul {
      display: table-column;
      width: 100%;
      background-color: #fff;
      margin-top: 10px;
      height: auto;
      opacity: 1;
      max-height: 630px;
      z-index: 9999;
    }

    .button {
      .bar {
        &:nth-child(1) {
          transform: rotate(45deg) translate(6px, 6px);
        }

        &:nth-child(2) {
          transform: translateX(10px);
          opacity: 0;
        }

        &:nth-child(3) {
          transform: rotate(-45deg) translate(5px, -5px);
        }
      }
    }
  }
}

/* End  Only Mobile menu bar */

/*----- Start Service------ */
.service {
  margin-top: 50px;
  margin-bottom: 10px;
}

.service .mnbd {
  border: solid 1px #e6e6e6;
  border-radius: 6px 0px 0px 0px;
}

.service .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: #525969;
}

.service .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: #525969;
  margin-top: 0;
  margin-bottom: 1rem;
}

.service .legal-bg {
  background-color: rgba(253, 240, 237, 1);
  padding: 10px 0px 0px 0px;
  height: 100px;
  border-bottom: solid 2px #ec6446;
  text-align: center;
  cursor: pointer;
}

.service .legal-bg2 {
  background-color: #fff;
  padding: 10px 0px 0px 0px;
  height: 100px;
  border-left: solid 1px #e6e6e6;
  text-align: center;
  cursor: pointer;
}

.service .legal-bg p {
  margin-top: 5px;
  margin-bottom: 10px;
}

.service .legalfont {
  font-size: 12px;
  color: rgba(21, 26, 37, 1);
  font-weight: 700;
}

.service .nopadding-l {
  padding-left: 0px;
  padding-right: 0px;
}

.service .nopadding-r {
  padding-right: 0px;
}

.service .rightbd {
  border-right: solid 1px #e6e6e6;
}

.service .iconali {
  padding-top: 11px;
}

@media (max-width: 767px) {
  .service .Track h2 {
    font-size: 25px;
  }

  .service .legal-bg {
    width: 100%;
  }

  .service .legalfont {
    font-size: 11px;
  }

  .service .nopadding-l {
    padding-left: 11px;
    padding-right: 13px;
  }

  .service .nopadding-r {
    padding-right: 4px;
  }

  .service .legal-bg2 {
    border-left: 0;
  }

}

/*----- Legal Profesnional------ */
.legal {
  margin: 0px;
}

.legal .bg {
  background-color: rgba(233, 242, 245, 1);
}

.legal .imp {
  padding: 0px 20px 90px 34px;
}

.legal .tbox {
  width: 450px;
  /* height: 400px; */
  background-color: #fff;
  border-radius: 6px;
  padding-bottom: 50px;
}

.legal .tbox p {
  font-size: 24px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
  padding: 5px 30px 0px 55px;
  display: grid;
}

.legal .tbox h2 {
  font-size: 24px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
  padding: 55px 30px 0px 55px;
  display: grid;
}

.legal .tbox span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(21, 26, 37, 1);
  margin-top: 15px;
}

.legal .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  /*width: 235px;*/
  height: 48px;
  border-radius: 6px;
  padding-top: 10px;
}

.legal .btnpd {
  padding-left: 55px;
}

.legal .imgh {
  width: 100%;
  height: 500px;
}

.Professionals {
  margin-top: -470px;
}


@media (max-width: 767px) {
  .legal .tbox {
    width: 100%;
    height: 100%;
  }
  .legal .btnpd {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

  .legal .tbox {
    padding-bottom: 0px;
}

  .legal .imgh {
    width: 100%;
    height: 100%;
  }

  .Professionals {
    margin-top: 10px;
  }

  .legal .tbox p {
    padding: 20px 30px 0px 55px;
    font-size: 20px !important;
    text-align: justify;
  }

  .legal .btnpd {
    padding-bottom: 20px;
    padding-left: 34px;
    text-align: center;
  }

  .service .Track p {
    font-size: 25px;
  }

  .legal .imp {
    padding: 0px;
  }

  .legal .explorebtn {
    font-size: 16px;
    padding-bottom: 12px;
    /* width: 280px; */
    /* height: 55px; */
  }

}

@media (max-width: 1024px) {
  .legal .tbox {
    width: 100%;
    height: 100%;
  }

  .legal .tbox p {
    font-size: 21px;
  }

  .legal .tbox p {
    padding: 20px 0px 0px 10px;
  }

  .legal .btnpd {
    padding-left: 0px;
    margin-bottom: 10px;
  }
}

/* How does it work? */
.work {
  background-color: rgba(253, 240, 237, 1);
  margin-top: 50px;
}

.work p {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 40px 0px;
}

.work h2 {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 40px 0px;
}

.work .one {
  font-size: 60px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
}

.work .two,
.work .two h3 {
  font-size: 24px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
}

.work .two1 {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  padding-top: 8px;
}

.work .bd1 {
  border-bottom: solid 1px rgba(207, 207, 207, 1);
  margin-bottom: 40px;
}

.work .gg {
  text-align: right;
}

@media (max-width: 767px) {
  .work .gg {
    text-align: center;
    margin-bottom: 20px;
  }

  .work p {
    font-size: 25px;
  }

  .work .one {
    font-size: 50px;
  }

  .work .two,
  .work .two h3 {
    font-size: 21px;
  }

  .work h2 {
    font-size: 25px;
  }
}

/* Start All services */
.All-services {
  width: 100%;
}

.All-services .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.All-services .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: rgba(21, 26, 37, 1) !important;
  background-color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.nav .nav-item button.active::after {
  content: "";
  border-bottom: 4px solid rgba(236, 100, 70, 1);
  color: rgba(82, 89, 105, 1);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-radius: 5px 5px 0 0;
}

.text-primary {
  color: rgba(82, 89, 105, 1) !important;
}

.nav-pills .nav-link {
  font-weight: 700;
}

.border-2 {
  border-width: 1px !important;
}

.border-bottom {
  border-bottom: 1px solid rgba(207, 207, 207, 1) !important;
}

.All-services .dist-box,
.All-services .dist-box a {
  display: block;
  background-color: rgba(250, 250, 252, 1);
  color: #000;
  min-width: 183px;
  height: 50px;
  transition: all 0.5s ease-out 0s;
  border: solid 1px rgba(233, 235, 248, 1);
  border-radius: 6px;
  text-decoration: none;
}

.All-services .eq {
  padding: 14px 5px 0px 8px
}

.All-services .Explore-QRfont {
  font-size: 12px;
  font-weight: 500;
}

.All-services .f13 {
  font-size: 13px;
}

.wbd {
  border-left: solid 2px rgba(236, 100, 70, 1);
  margin-left: -8px;
  margin-right: 10px;
}

.All-services .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 235px;
  height: 48px;
  border-radius: 6px;
  padding-top: 10px;
}

.All-services .bt2 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0px;
}

.eqimg {
  width: 24px;
  height: 24px;
  margin-top: 10px;
}

.btn-wh {
  color: #000;
  background-color: #fff;
  font-weight: 500;
  border-radius: 14px;
  font-size: 18px;
}

.ex-b {
  margin-bottom: 140px;
  margin-top: 30px;
}

.All-services .tab2 {
  width: 80%;
  margin-left: 12%;
}

@media (max-width: 767px) {
  .All-services .Track h2 {
    font-size: 25px;
  }

  .mob-mr {
    margin-top: 10px;
  }

  .All-services .dist-box,
  .All-services .dist-box a {
    min-width: 100%;
  }

  .All-services .tab2 {
    width: 100%;
    margin-left: 0px;
  }

  .at {
    padding-top: 0px !important;
  }

  .at2 {
    padding-top: 10px !important;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
    font-size: 13px;
  }

  .nav-pills .nav-link {
    font-size: 13px;
  }

  .All-services .Track p {
    font-size: 25px;
  }

  .All-services .explorebtn {
    font-size: 20px;
    width: 240px;
    height: 55px;
  }

  .All-services .dist-box,
  .All-services .dist-box a {
    min-height: 56px;
  }

  .All-services .Explore-QRfont {
    font-size: 16px !important;
  }

  .All-services .nav-pills .nav-link,
  .All-services .nav-pills .nav-link.active,
  .All-services .nav-pills .show>.nav-link {
    padding: .5rem 0.5rem;
    font-size: 14px;
  }


}

@media (max-width: 1024px) {

  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
    font-size: 16px;
  }

  .nav-pills .nav-link {
    font-size: 16px;
  }

  .All-services .dist-box,
  .All-services .dist-box a {
    min-width: 154px;
  }

  .All-services .Explore-QRfont {
    font-size: 10px;
  }

  .at2 {
    padding-top: 10px !important;
  }

  .fr {
    width: 4px;
  }
}



/* Your Smart Platform for Comparing Local Services */
.Smart-Platform {
  background-color: rgba(244, 245, 247, 1);
  margin-top: 50px;
}

.Smart-Platform h2 {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 0px 0px;
}

.Smart-Platform .sp {
  padding: 0px 50px 35px 0px
}

.Smart-Platform p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  padding: 5px 0px 10px 0px;
}

.Smart-Platform .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 154px;
  height: 48px;
  border-radius: 6px;
  padding-top: 10px;
}

.Smart-Platform .imgmar {
  margin-top: 58px;
}

@media (max-width: 767px) {
  .Smart-Platform .imgmar {
    margin-top: 58px !important;
  }

  .Smart-Platform h2 {
    font-size: 25px;
  }

  .mobile-center {
    text-align: center;
  }

  .Smart-Platform .sp {
    text-align: justify;
    padding: 0px 0px 35px 0px;
  }

  .Smart-Platform .explorebtn {
    font-size: 20px;
    width: 220px;
    height: 55px;
  }
}

@media (max-width: 1024px) {
  .Smart-Platform .imgmar {
    margin-top: 141px;
  }
}

/* Connecting you with trusted local experts */

.trusted-local {
  padding: 40px 0px 0px 0px;
  background-color: #fff;
}

.trusted-local .three-box {
  border-radius: 6px;
  height: 250px;
  padding: 50px 3px;
  box-shadow: 0 4px 8px 0 rgba(236, 100, 70, 0.2), 0 6px 20px 0 rgba(236, 100, 70, 0.19);
}

.trusted-local .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
  color: rgba(82, 89, 105, 1);
}

.trusted-local .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
  color: rgba(82, 89, 105, 1);
}

.trusted-local .Track span {
  display: block;
  text-align: center;
  line-height: 48px;
}

.tl1 {
  font-size: 24px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
  margin-bottom: 5px;
}

.colorgrey2 {
  font-size: 16px;
  color: rgba(21, 26, 37, 1);
  font-weight: 700;
  display: grid;
  margin-bottom: 6px;
}

.colorgrey {
  font-size: 16px;
  color: rgba(61, 63, 73, 1);
  font-weight: 400;
  padding: 10px;
}

.trusted-local .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 235px;
  height: 48px;
  text-align: center;
  padding: 9px;
}

@media (max-width: 767px) {
  .trusted-local .three-box {
    margin-bottom: 15px;
  }

  .trusted-local .Track p {
    font-size: 25px;
  }

  .trusted-local .Track h2 {
    font-size: 25px;
  }

  .trusted-local .explorebtn {
    font-size: 20px;
    width: 235px;
    height: 55px;
  }
}

/* Are you a service provider? Become a part of the Bambelo network today! */
.service-provider {
  background-color: #3a3a3a;
  margin-top: 50px;
}

.service-provider h2 {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  padding-top: 110px;
  padding-left: 30px;
}

.service-provider .sp {
  padding: 0px 50px 35px 30px
}

.service-provider p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  padding: 5px 0px 10px 0px;
}

.service-provider .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 154px;
  height: 48px;
  border-radius: 6px;
  padding-top: 10px;
  margin-left: 30px
}

.service-provider .sp2 {
  padding-bottom: 110px;
}

.imgh {
  min-height: 427px;
  margin-top: 30px;
}

.service-provider .imgmargin {
  margin-top: 90px !important;
}

@media (max-width: 767px) {
  .imgh {
    min-height: 100%;
    margin-top: 0px;
  }

  .service-provider h2 {
    font-size: 20px;
    padding-top: 20px;
  }

  .service-provider .sp2 {
    padding-bottom: 30px;
  }

  .service-provider .explorebtn {
    font-size: 20px;
    width: 200px;
    height: 55px;
  }
}

@media (max-width: 1024px) {
  .service-provider .imgmargin {
    margin-top: 154px;
  }
}

/* What users say about Bambelo  */
.about-Bambelo .item {
  padding: 10px;
}

.about-Bambelo .item .img-box img {
  border-radius: 30px;
}

.about-Bambelo .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
  margin-top: 50px;
}

.about-Bambelo .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
  margin-top: 50px;
}

.about-Bambelo .slick-prev,
.item-box .slick-next {
  z-index: 1;
}

.cl-m {
  margin-top: 39px;
  margin-bottom: 122px;
}

.about-Bambelo .slick-prev {
  left: -10px;
}

.about-Bambelo .slick-next {
  right: -20px;
}

.about-Bambelo .slick-next:before {
  content: "\f105";
}

.about-Bambelo .slick-prev:before {
  content: "\f104";
}

.about-Bambelo .slick-prev:before,
.item-box .slick-next:before {
  font-weight: 600;
  color: #000;
  font-size: 19px;
  opacity: 1;
}

.about-Bambelo .slick-prev.slick-disabled,
.item-box .slick-next.slick-disabled {
  cursor: no-drop;
}

.about-Bambelo .slick-prev.slick-disabled:before,
.item-box .slick-next.slick-disabled:before {
  color: #000;
  opacity: 0.5;
}

.about-Bambelo .card {
  width: 360px;
  height: 280px;
  background: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 15px;
  font-size: 16px;
  color: black;
  border: solid 1px rgba(254, 216, 207, 1);
}

.ctext {
  color: rgba(61, 63, 73, 1);
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0px 0px 10px;
}

.ctext1 {
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

.rating-txt {
  display: grid;
  padding: 5px;
}

.w50 {
  width: 50px;
  height: 50px;
}

.ctext2 {
  color: #4A4A4A;
  font-weight: normal;
  font-size: 14px;
}

.about-Bambelo .card:hover {
  border: 1px solid black;
}

.about-Bambelo .bd09 {
  border: solid 1px rgba(254, 216, 207, 1);
  margin-top: 40px;
  margin-left: 7px;
  margin-right: 4px;
}

.about-Bambelo .fr1 {
  float: right;
}

.item-box .slick-prev:before,
.item-box .slick-next:before {
  font-family: "Font Awesome 6 Free";
}

@media (max-width: 767px) {
  .about-Bambelo .card {
    width: 100%;
  }

  .about-Bambelo .slick-next {
    right: -11px;
  }

  .about-Bambelo .Track p {
    font-size: 23px;
  }

  .ctext {
    padding: 0px;
  }

  .about-Bambelo .Track h2 {
    font-size: 25px;
  }
}


@media (max-width: 1024px) {
  .about-Bambelo .card {
    width: 100%;
    height: 325px;
  }

}

/* ----------Latest Blog------ */
.blog {
  background-color: rgba(253, 240, 237, 1);
  margin-top: 50px;
}

.blog .text1 {
  color: rgba(82, 89, 105, 1);
  font-size: 32px;
  font-weight: 800;
  padding: 50px 0px 40px 0px;
}

.blog .text1 h3 {
  color: rgba(82, 89, 105, 1);
  font-size: 32px;
  font-weight: 800;
  padding: 50px 0px 40px 0px;
}

.blog h3 {
  font-size: 18px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
  padding: 20px 0px 0px 0px;
}

.blog p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
}

.blog .btn-outline-danger {
  color: rgba(236, 100, 70, 1);
  border-color: rgba(236, 100, 70, 1);
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: #fff;
}

.btn-outline-danger:hover {
  background-color: #fff;
}

@media (max-width: 767px) {
  .blog .text1 {
    font-size: 25px;
  }
}

/* Start Serving customers across the Netherlands */
.Serving-customers {
  width: 100%;
  padding: 50px 0px 60px 0px;
}

.Serving-customers .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.Serving-customers .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.Serving-customers .dist-box,
.Serving-customers .dist-box a {
  display: block;
  background-color: rgba(233, 235, 248, 1);
  color: #000;
  min-width: 183px;
  height: 50px;
  box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);
  text-decoration: unset;
  transition: all 0.5s ease-out 0s;
  border: solid 1px rgb(219, 219, 221);
  border-radius: 6px;
}

.Serving-customers .eq {
  padding: 14px 5px 0px 8px
}

.Serving-customers .Explore-QRfont {
  font-size: 13px;
  font-weight: 500;
}

.Serving-customers .f13 {
  font-size: 13px;
}

.Serving-customers .Explore-QRfont span.fr {
  display: inline-block;
  width: 16px;
}

@media (max-width: 767px) {
  .Serving-customers .Track p {
    font-size: 25px;
  }

  .Serving-customers .Explore-QRfont {
    font-size: 16px;
    font-weight: 500;
  }

  .Serving-customers .Track h2 {
    font-size: 25px;
  }
}

@media (max-width: 1024px) {

  .Serving-customers .dist-box,
  .Serving-customers .dist-box a {
    min-width: 100%;
  }

  .fr {
    width: 12px;
  }
}


/* Footer */
footer {
  background-image: url(../image/footer-bg.png);
  position: relative;
  padding: 50px 0px 0px 0px;
  z-index: 1;
}

footer p {
  margin-bottom: 0px;
  text-align: justify;
  color: #C6C6C6;
}

footer .row:first-child {
  padding-bottom: 10px;
}

footer .footer-about img {
  height: auto;
  opacity: 1;
}

footer .footer-about .fre a {
  color: #fff;
  text-decoration: none;
  border-bottom: solid 2px #92746e;
}

footer .ml01 {
  margin-left: 13px;
}

footer .tr {
  display: grid;
}

footer .fre2 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

footer .footer-about p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-top: 5px;
  color: #fff;
}

footer .footer-menu h3 {
  font-size: 20px;
  color: #fff;
  padding: 20px 0px;
  margin-bottom: 0px !important;
}

footer .footer-menu ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  list-style: none;
}

footer .footer-menu ul.help-number {
  margin: 0px 0px 15px;
  padding: 0px;
}

footer .footer-menu ul li {
  margin: 0px;
  padding: 0px 0px 10px;
}

footer .footer-menu ul li a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

footer p,
footer .footer-menu ul.help-number li,
footer .footer-menu ul.support-mail li,
footer .footer-menu ul li a {
  color: #fff;
}

footer .footer-menu ul li a i {
  opacity: 0;
  -webkit-transition-duration: .9s;
  transition-duration: .9s;
  color: #C6C6C6;
}

footer .footer-menu ul li a:hover {
  color: #fff;
  padding-left: 5px;
}

footer .footer-menu ul li a:hover i {
  opacity: 1;
}

footer .footer-menu ul.help-number li,
footer .footer-menu ul.support-mail li {
  font-size: 14px;
  font-weight: 600;
}

footer .footer-menu ul.help-number li a,
footer .footer-menu ul.support-mail li a {
  padding-left: 0px;
}

footer .footer-menu ul.help-number li:last-child a,
footer .footer-menu ul.support-mail li:last-child a {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}

footer .footer-menu ul.help-number li:first-child,
footer .footer-menu ul.support-mail li:first-child {
  padding: 0px 0px 5px;
}

footer .row:last-child p {
  padding-top: 20px;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
}

footer .row:last-child p:last-child {
  padding-top: 15px 0px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}

.bottomfooter {
  background-color: rgba(67, 20, 10, 1);
  color: #fff;
  margin-top: 50px;
}

@keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 1920px 0;
  }
}

@-webkit-keyframes slide {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 1920px 0;
  }
}

@media (max-width: 991px) {
  footer {
    padding: 10px 0px 0px 0px;
  }

  .social {
    margin: 20px auto 0px;
    width: 250px;
  }
}

/* Footer */


/* -------Start General Category page------- */

.Category-page {
  width: 100%;
  height: 500px;
  background-image: url(../image/bg-img.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.Category-page p {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  display: grid;
}

.Category-page h1 {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
}

.Category-page span {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

.Category-page .sbox {
  height: 55px;
  border-radius: 8px 0px 0px 8px;
  background-color: transparent;
  color: #fff;
  margin-top: 0px;
}

.Category-page .sbox01 {
  height: 55px;
  border-radius: 10px 0px 0px 10px;
  background-color: transparent;
  color: #fff;
  margin-top: 0px;
}

.Category-page .sbox3 {
  height: 55px;
  border-radius: 0px 8px 8px 0px;
  background-color: #fff;
  margin-top: 0px;
}

.Category-page .form-select {
  background-image: url(../image/aerrow5.png);
  background-size: auto;
}

.Category-page .input-group .form-control {
  color: #fff;
  border: 1px solid #ffffff;
}

.Category-page .input-group .form-control::placeholder {
  color: #fff;
}

.Category-page .fre {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.Category-page .fre a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  border-bottom: solid 2px #db9484;
}

.Category-page .tru {
  display: block;
  padding: 10px;
  text-decoration: none;
}

.Category-page .top168 {
  margin-top: 170px;
}

.Category-page .top108 {
  margin-top: 108px;
}

@media (max-width: 767px) {
  .Category-page {
    width: 100%;
    height: 100%;
    background-color: #b44c35;
    background-image: none;
  }

  .dm {
    margin-left: 0px;
  }

  .Category-page p {
    font-size: 24px;
  }

  .Category-page .top168 {
    margin-top: 140px;
  }

  .Category-page .top108 {
    margin-top: 30px;
  }

  .Category-page span {
    margin-top: 40px;
  }

  .Category-page h1 {
    font-size: 26px;
  }
}

/*  Need help finding an Accountant? */
.Need-help {
  margin-top: 20px;
}

.Need-help p {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 0px 0px;
}

.Need-help h2 {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 0px 0px;
}

.Need-help span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  padding: 5px 0px 10px 0px;
}

.Need-help .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  border-radius: 6px;
  margin-top: 20px;
  padding-top: 9px;
}

.Need-help .nn {
  padding: 60px 0px 60px 0px;
}

.height {
  height: 90%;
}

@media (max-width: 767px) {
  .Need-help .nn {
    padding: 5px 0px 0px 15px;
  }

  .height {
    height: 100%;
  }

  .Need-help .btc {
    text-align: center;
  }

  .Need-help p {
    font-size: 25px;
  }

  .Need-help h2 {
    font-size: 25px;
  }
}

/*--  General category page How does it work? */
.General-category-work {
  background-color: rgba(253, 240, 237, 1);
  margin-top: 0px;
}

.General-category-work p {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 40px 0px;
}

.General-category-work h2 {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 40px 0px;
}

.General-category-work .one {
  font-size: 60px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
}

.General-category-work .two h3 {
  font-size: 24px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
}

.General-category-work .two1 {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  padding-top: 8px;
}

.General-category-work .bd1 {
  border-bottom: solid 1px rgba(207, 207, 207, 1);
  margin-bottom: 40px;
}

.General-category-work .gg {
  text-align: right;
}

.General-category-work .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  border-radius: 6px;
  padding-top: 9px
}


@media (max-width: 767px) {
  .General-category-work .gg {
    text-align: center;
    margin-bottom: 20px;
  }

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

  .General-category-work p {
    font-size: 25px;
  }

  .General-category-work .two h3 {
    font-size: 21px;
  }

  .General-category-work .one {
    font-size: 50px;
  }

  .General-category-work h2 {
    font-size: 25px;
  }
}

/* How much does an accountant cost? */
.accountant-cost {
  margin-top: 50px;
  margin-bottom: 50px;
}

.accountant-cost p {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 10px 0px 0px 0px;
}

.accountant-cost h2 {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
  padding: 10px 0px 0px 0px;
}

.accountant-cost .sp {
  padding: 0px 50px 35px 0px
}

.accountant-cost span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  padding: 5px 0px 10px 0px;
}

.accountant-cost .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 154px;
  height: 48px;
  border-radius: 6px;
  padding-top: 10px;
}

.cost {
  text-align: right;
}

@media (max-width: 767px) {
  .accountant-cost p {
    font-size: 23px;
    padding: 00px 0px 0px 0px;
  }

  .accountant-cost h2 {
    font-size: 25px;
  }

  .cost {
    text-align: center;
  }

  .accountant-cost .btc {
    text-align: center;
  }

  .accountant-cost .sp {
    padding: 0px 5px 35px 0px;
  }
}

/* --------- Popular regions ----------*/
.Popular-regions {
  padding: 0px 0px;
  width: 100%;
  background-color: rgba(244, 245, 247, 1);
}

.Popular-regions .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-top: 40px;
  color: rgba(82, 89, 105, 1);
}

.Popular-regions .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-top: 40px;
  color: rgba(82, 89, 105, 1);
}

.accordion-button:not(.collapsed)::after {
  background-image: url(../image/up-aerrow.png);
  transform: rotate(-360deg);
  background-size: auto;
}

.accordion-button:not(.collapsed) {
  background-color: #fff;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.Popular-regions .nor {
  color: rgba(21, 26, 37, 1);
  font-size: 18px;
  font-weight: 600;
}

.Popular-regions .dist-box,
.Popular-regions .dist-box a {
  display: block;
  text-decoration: unset;
  background-color: rgba(233, 235, 248, 1);
  color: #000;
  border: solid 1px rgba(233, 235, 248, 1);
  border-radius: 6px;
  height: 50px;
}

.Popular-regions .eq {
  padding: 14px 5px 0px 8px
}

.Popular-regions .Explore-QRfont {
  font-size: 13px;
  font-weight: 500;
}

.Popular-regions .wbd {
  border-left: solid 2px rgba(236, 100, 70, 1);
  margin-left: -8px;
  margin-right: 10px;
}

.Popular-regions .fr {
  float: right;
}

.Popular-regions .accordion-body {
  padding: 8px 15px 18px 15px;
}

.Popular-regions .accordion-item {
  border: solid 1px rgba(230, 230, 230, 1);
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 6px;
}

.Popular-regions .Explore-QRfont span.fr {
  display: inline-block;
  width: 16px;
}

@media (max-width: 767px) {

  .Popular-regions .dist-box,
  .Popular-regions .dist-box a {
    width: 130px;
  }

  .Popular-regions .mobt1 {
    margin-top: 10px;
  }

  .Popular-regions .Track h2 {
    font-size: 25px;
  }
}

/* ----------Top picks & expert recommendations------ */
.Top-picks {
  margin-top: 0px;
}

.Top-picks .text1 {
  color: rgba(82, 89, 105, 1);
  font-size: 32px;
  font-weight: 800;
  padding: 50px 0px 20px 0px;
}

.Top-picks .text1 h3 {
  color: rgba(82, 89, 105, 1);
  font-size: 32px;
  font-weight: 800;
  padding: 50px 0px 20px 0px;
}

.Top-picks h3 {
  font-size: 17px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
  padding: 20px 0px 0px 0px;
}

.Top-picks p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
}

.Top-picks .btn-outline-danger {
  color: rgba(236, 100, 70, 1);
  border-color: rgba(236, 100, 70, 1);
  margin-top: 15px;
  margin-bottom: 50px;
}

.btn-outline-danger:hover {
  background-color: #fff;
  color: #000;
}

@media (max-width: 767px) {
  .Top-picks .btc {
    text-align: center;
  }

  .tc {
    text-align: center;
  }

  .Top-picks .text1 {
    font-size: 23px;
  }
}

@media (max-width: 1024px) {
  .mb-m24 {
    margin-top: 24px;
  }

}


/*------ Start Related services---------*/
.Related-services {
  width: 100%;
  padding: 50px 0px 50px 0px;
  background-color: rgba(253, 240, 237, 1);
}

.Related-services .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.Related-services .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.Related-services .dist-box,
.Related-services .dist-box a {
  display: block;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1);
  color: #000;
  min-width: 183px;
  height: 50px;
  box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);
  transition: all 0.5s ease-out 0s;
  border: solid 1px rgba(233, 235, 248, 1);
  border-radius: 6px;
}

.Related-services .eq {
  padding: 14px 5px 0px 8px
}

.Related-services .Explore-QRfont {
  font-size: 13px;
  font-weight: 500;
}

.Related-services .f13 {
  font-size: 13px;
}

.Related-services .mn {
  margin-top: 10px;
}

@media (max-width: 767px) {

  .Related-services .dist-box,
  .Related-services .dist-box a {
    min-width: 100%;
  }

  .Related-services .mn {
    margin-top: 10px;
  }

  .Related-services .Track p {
    font-size: 25px;
  }

  .Related-services .Track h2 {
    font-size: 25px;
  }

  .Related-services .Explore-QRfont {
    font-size: 17px !important;
  }

  .Related-services .dist-box {
    height: 57px;
  }

  .pd78 {
    padding-top: 10px !important;
  }
}

@media (max-width: 1024px) {
  .Related-services .dist-box {
    min-width: 155px;
  }

  .Related-services .Explore-QRfont {
    font-size: 11px;
  }

}

/* --------- Frequently asked questions ----------*/
.Frequently-asked {
  padding: 0px 0px;
  width: 100%;
  background-color: #fff;
}

.Frequently-asked .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-top: 40px;
  color: rgba(82, 89, 105, 1);
}

.Frequently-asked .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-top: 40px;
  color: rgba(82, 89, 105, 1);
}

.Frequently-asked span {
  font-size: 15px;
  font-weight: 500;
  color: rgba(21, 26, 37, 1);
}
.Frequently-asked h4 span {
    font-weight: 600;
}

.Frequently-asked .t3 {
  font-size: 14px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
}

@media (max-width: 767px) {
  .Frequently-asked .Track p {
    font-size: 25px;
  }

  .Frequently-asked .Track h2 {
    font-size: 25px;
  }
}

/* ----------Latest blogs form Bambelo------ */
.Recent-blog-posts {
  background-color: rgba(244, 245, 247, 1);
  margin-top: 50px;
}

.Recent-blog-posts .text1 {
  color: rgba(82, 89, 105, 1);
  font-size: 32px;
  font-weight: 800;
  padding: 50px 0px 40px 0px;
}

.Recent-blog-posts .text1 h3 {
  color: rgba(82, 89, 105, 1);
  font-size: 32px;
  font-weight: 800;
  padding: 50px 0px 40px 0px;
}

.Recent-blog-posts h3 {
  font-size: 18px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
  padding: 20px 0px 0px 0px;
}

.Recent-blog-posts p {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
}

.Recent-blog-posts .btn-outline-danger {
  color: rgba(236, 100, 70, 1);
  border-color: rgba(236, 100, 70, 1);
  margin-top: 15px;
  margin-bottom: 50px;
  background-color: #fff;
}

@media (max-width: 767px) {
  .Recent-blog-posts .btc {
    text-align: center;
  }

  .Recent-blog-posts .text1 {
    font-size: 25px;
    padding: 30px 0px 20px 0px;
  }
}

@media (max-width: 1024px) {
  .mobme23 {
    margin-top: 23px;
  }

  .mobme24 {
    margin-top: 48px !important;
  }
}

/* -----------------------End General category page---------------------- */

/* -----------------------Start Local category page---------------------- */
.local-category-main {
  margin: 0px;
}

.local-category-main .dist-box {
  background-color: #fff;
  border-radius: 6px;
  height: 50px;
}

.local-category-main .eq {
  padding: 10px 5px 0px 10px;
}

.local-category-main .Explore-QRfont {
  font-size: 14px;
  font-weight: 500;
  color: rgba(82, 89, 105, 1);
  display: block
}

.local-category-main .wbd2 {
  border-left: solid 2px #000;
  margin-left: -10px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .lcm {
    margin-top: 10px;
  }

  .yu2 {
    margin-top: 10px !important;
  }

  .yu3 {
    padding-top: 20px !important;
    margin-bottom: 20px;
  }
}

@media (max-width: 1024px) {
  .Category-page p {
    font-size: 26px;
  }

  .local-category-main .Explore-QRfont {
    font-size: 16px;
  }

  .sortby {
    padding: 0px 0px 0px 1px;
  }
}

/* ----------  Filter and  Top 10 Accountants in Amsterdam---------------------- */
.Accountants {
  background-color: rgba(244, 245, 247, 1);
  padding-bottom: 100px;
}

.Accountants p {
  font-size: 24px;
  font-weight: 900;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 0px 0px;
}
.ate.main-description-wrp p {
    font-size: 15px;
    font-weight: 400;
    color: rgba(61, 63, 73, 1);
    padding-top: 10px;
    padding-right: 5px;
}
.Accountants h2 {
  font-size: 24px;
  font-weight: 900;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 0px 0px;
}

.Accountants span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(61, 63, 73, 1);
  padding: 5px 0px 10px 0px;
}

.Accountants .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  height: 48px;
}

/* Filter left side */
.filter {
  background-color: #fff;
  border: solid 1px rgba(221, 221, 221, 1);
  border-radius: 6px;
}

.filter p {
  font-size: 18px;
  font-weight: 700;
  color: rgba(21, 26, 37, 1);
  padding: 15px 0px 0px 14px;
}

.filter .collapse:not(.show) {
  display: block !important;
}

.sbd {
  border-top: solid 1px rgba(207, 207, 207, 1);
}

.form-check-input {
  width: 1.3em;
  height: 1.3em;
}

.filter-body {
  padding: 0px 22px 10px 14px;
}

.filter-body .showm {
  font-size: 14px;
  color: rgba(236, 100, 70, 1);
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

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

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top .3s;
  transition: left 0.3s, top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -7px;
  top: -7px;
  background-color: #345DBB;
}

.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #345DBB;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #345DBB;
  border: 8px solid rgba(53, 93, 187, 0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -20px;
  top: -8px;
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

.slider-labels {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px 0px 0px;
}

.caption strong {
  font-size: 12px;
  display: block;
  font-weight: normal;
}

.range-box .noUi-connect {
  background: #fa7603;
}

.range-box.noUi-horizontal .noUi-handle {
  width: 17px !important;
  height: 17px;
  border-radius: 50%;
  top: -7px;
  background-color: rgba(236, 100, 70, 1);
  box-shadow: 0px 0px 8px rgb(0 0 0 / 40%);
}

.range-box.noUi-horizontal .noUi-handle::after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
}

.range-box.noUi-horizontal .noUi-handle.noUi-handle-lower {
  left: 0px;
}

.range-box.noUi-horizontal .noUi-handle.noUi-handle-upper {
  right: 0px;
  display: none;
}

.range-box.noUi-horizontal .noUi-handle:active {
  top: -15px;
  border: 8px solid #fa7603;
  border: 8px solid rgb(250 118 3 / 30%);
}

.range-box.noUi-horizontal .noUi-handle.noUi-handle-lower:active {
  left: -10px;
}

.range-box.noUi-horizontal .noUi-handle.noUi-handle-upper:active {
  right: -10px;
}

@media (max-width: 767px) {
  .filter .collapse:not(.show) {
    display: none !important;
  }

  .ic09 {
    float: right;
    width: 12px;
    margin: 20px 25px 0px 0px;
  }
}


/* Right side Top 10 Accountants in Amsterdam */

.Accountants-right {
  background-color: #fff;
  border: solid 1px rgba(221, 221, 221, 1);
  border-radius: 6px;
}

.Accountants-right .ate {
  font-size: 15px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  padding-top: 10px;
  padding-right: 5px;
}

.Accountants-right .gh {
  border-bottom: solid 1px rgba(207, 207, 207, 1);
  margin-right: 20px;
  padding-top: 20px;
}

.Accountants-right .b1 {
  padding: 15px 0px 14px 15px;
}

.Accountants-right span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(61, 63, 73, 1);
  padding: 0px 0px 10px 0px;
  float: right;
  padding-right: 15px;
}

.Accountants-right .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  width: 220px;
  height: 48px;
  border-radius: 6px;
      display: flex;
    align-items: center;
    justify-content: center;
}

.Accountants-right .elite3,
.Accountants-right h3.elite3 a {
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
  font-weight: 700;
  padding-top: 18px;
}

.Accountants-right .elite3 h3,
 {
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
  font-weight: 700;
  padding-top: 18px;
}

.Accountants-right .elite4 {
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
  font-weight: 700;
}

.Accountants-right .elite5 {
  width: 108px;
  padding: 4px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  background-color: rgba(34, 124, 158, 1);
  text-decoration: none;
}

.sortby {
  background-color: transparent;
  border: none;
  padding: 0px 5px 0px 10px;
}

.sortby2 {
  display: flex;
}

.nopadding {
  padding-right: 0px;
}

.loadmore {
  background-color: #fff;
  color: rgba(236, 100, 70, 1);
  border-color: rgba(236, 100, 70, 1);
}

.lc-mid {
  font-size: 14px;
  font-weight: 500;
  color: rgba(61, 63, 73, 1);
  padding: 10px 0px 10px 0px;
  float: right;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .w-100 {
    width: 100%;
    ;
  }

  .Accountants-right .elite3 {
    padding: 15px;
  }

  .Accountants-right .ate {
    padding: 20px 5px 0px 15px;
  }

  .Accountants-right span {
    float: left;
  }

  .Accountants-right .mt9 {
    margin-top: 10px;
  }

  .Accountants p {
    padding: 15px 0px 0px 0px;
  }

  .sbd {
    padding: 10px !important;
  }

  .filter p {
    padding-left: 10px;
  }

  .lc-mid {
    float: none;
    text-align: center;
    padding: 0px 0px 20px 0px;
  }

  .tc {
    text-align: center;
  }

  .Accountants .yu {
    border: solid 1px #ccc;
    width: 93%;
    margin: 10px 0px 15px 15px;
  }

  .Accountants .yu p {
    padding: 4px;
    margin-bottom: 0px;
  }
}

@media (max-width: 1024px) {
  .sortby {
    padding: 0px 0px 0px 1px;
  }
}


/* How does it work? */
.it-work {
  padding: 40px 0px 0px 0px;
  background-color: #fff;
}

.it-work .three-box {
  border-radius: 6px;
  height: 250px;
  padding: 35px 30px 10px 30px;
  background-color: rgba(253, 240, 237, 1);
}

.it-work .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
  color: rgba(82, 89, 105, 1);
}

.it-work .Track h2 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
  color: rgba(82, 89, 105, 1);
}

.it-work .Track span {
  display: block;
  text-align: center;
  line-height: 48px;
}

.tl1 {
  font-size: 24px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
  margin-bottom: 5px;
}

.w1 {
  font-size: 23px;
  color: rgba(21, 26, 37, 1);
  font-weight: 900;
  display: grid;
  margin-bottom: 6px;
}

.w2 {
  font-size: 16px;
  color: rgba(61, 63, 73, 1);
  font-weight: 400;
}

.it-work .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 235px;
  height: 48px;
  text-align: center;
  padding: 9px;
}

.explorebtn02 {
  background-color: rgba(236, 100, 70, 1);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  width: 166px;
  height: 48px;
  border-radius: 6px;
  padding: 10px;
}

@media (max-width: 1024px) {
  .w1 {
    font-size: 20px;
  }
}

/* Start, What users say about Bambelo, Local category page */
.local3s-bg {
  background-color: rgba(244, 245, 247, 1);
  margin-top: 35px;
  padding-bottom: 30px;
}

.local3s-bg .card {
  width: 345px;
  height: 300px;
  background: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 15px;
  font-size: 16px;
  color: black;
  border: solid 1px rgba(254, 216, 207, 1);
}

.local3s-bg .slick-next {
  right: -20px;
}

.local3s-bg .slick-prev {
  left: -20px;
}

@media (max-width: 767px) {
  .local3s-bg .card {
    width: 100%;
  }

  .local3s-bg .slick-next {
    right: -10px;
  }

  .local3s-bg .slick-prev {
    left: -10px;
  }
}

@media (max-width: 1024px) {
  .local3s-bg .card {
    width: 100%;
    height: 100%;
  }
}

/* End, What users say about Bambelo, Local category page */

/* Regions nearby  */
.Regions-nearby {
  width: 100%;
  padding: 50px 0px 50px 0px;
  background-color: #fff;
}

.Regions-nearby .Track p {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.Regions-nearby .Track h3 {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  color: rgba(82, 89, 105, 1);
}

.Regions-nearby .dist-box,
.Regions-nearby .dist-box a {
  display: block;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1);
  color: #000;
  min-width: 183px;
  height: 50px;
  box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);
  transition: all 0.5s ease-out 0s;
  border: solid 1px rgba(233, 235, 248, 1);
  border-radius: 6px;
}

.Regions-nearby .eq {
  padding: 14px 5px 0px 8px
}

.Regions-nearby .Explore-QRfont {
  font-size: 13px;
  font-weight: 500;
}

.Regions-nearby .f13 {
  font-size: 13px;
}

.Regions-nearby .Explore-QRfont span.fr {
  display: inline-block;
  width: 16px;
}

@media (max-width: 767px) {

  .Regions-nearby .dist-box,
  .Regions-nearby .dist-box a {
    min-width: 100%;
    height: 57px;
  }

  .Regions-nearby .mo {
    padding-top: 10px !important;
  }

  .Regions-nearby .Explore-QRfont {
    font-size: 17px;
  }
}

@media (max-width: 1024px) {

  .Regions-nearby .dist-box,
  .Regions-nearby .dist-box a {
    min-width: 100%;
  }

  .tabm {
    margin-top: 25px;
  }

  .tabm2 {
    margin-top: 49px !important;
  }

}

/* ---------------End Local category page---------------------- */

/* ------Start details page------------ */
.nav3 {
  width: 100%;
  box-shadow: none !important;
}

.nav4 {
  width: 100%;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.navbar-light .navbar-nav .nav-link2 {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  margin-left: 18px;
}

.pd21 {
  padding: 10px 0px 10px 0px;
}

.sign-top2 {
  margin-top: 5px;
}

.search-sec2 .sbox {
  height: 50px;
  border-radius: 8px 0px 0px 8px;
  background-color: transparent;
  color: #000;
  margin-top: 0px;
}

.search-sec2 .sbox01 {
  height: 50px;
  background-color: transparent;
  color: #fff;
  margin-top: 0px;
  border-radius: 0;
}

.search-sec2 .sbox3 {
  height: 50px;
  background-color: #ec6446;
  margin-top: 0px;
  border-radius: 0px 6px 6px 0px;
}

.search-sec2 .sbox2 {
  margin-left: -13px;
  padding-left: 0px;
}

.search-sec2 .form-select {
  background-image: url(../image/aerrow-6.png);
  background-size: auto;
  border-radius: 6px 0px 0px 6px;
}

.search-sec2 .input-group .form-control {
  color: #fff;
}

.search-sec2 .input-group-text {
  padding: 0px 6px 0px 6px;
}

.search-sec2 .input-group .form-control::placeholder {
  color: #000;
}

.search-sec2 .fre {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.search-sec2 .fre a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.bdn3 {
  color: #000;
  margin-top: 12px;
}

.startmar {
  margin-top: -5px;
}


@media (max-width: 767px) {
  .nav3 {
    padding: 10px;
  }

  .nav4 {
    padding: 10px;
  }

  .mobmenubg2 {
    background-color: #b44c35;
    position: absolute;
    z-index: 9;
    width: 95%;
    margin-top: 20px;
  }

  .mob-pd25 {
    padding-left: 25px;
  }

  .mob-pd-20 {
    padding-left: 17px;
  }

  .search-sec2 .input-group .form-control::placeholder {
    color: #fff;
  }

  .search-sec2 .sbox {
    color: #fff;
  }

  .search-sec2 .form-select {
    background-image: url(../image/aerrow.png);
  }

  .navbar-light .navbar-nav .nav-link2 {
    color: #fff;
  }

  .bdn3 {
    color: #fff;
    padding-bottom: 20px;
  }

  .dropdown-menu[data-bs-popper] {
    margin-top: 0px;
  }
}

/* Details page tabing section */
.Details-page-tabing {
  width: 100%;
  background-color: rgba(244, 245, 247, 1);
}

.Details-page-tabing .dist-box {
  background-color: rgba(233, 235, 248, 1);
  color: #000;
  min-width: 183px;
  height: 50px;
  box-shadow: 0px 2px 3px rgb(0 0 0 / 10%);
  transition: all 0.5s ease-out 0s;
  border: solid 1px rgb(219, 219, 221);
  border-radius: 6px;
}

.Details-page-tabing .eq {
  padding: 14px 5px 0px 8px
}

.Details-page-tabing .Explore-QRfont {
  font-size: 12px;
  font-weight: 500;
}

.Details-page-tabing .f13 {
  font-size: 13px;
}

.Details-page-tabing .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 235px;
  height: 48px;
  border-radius: 6px;
  padding-top: 10px;
}

.Details-page-tabing .bt2 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}

.Details-page-tabing .slick-prev {
  left: 6px;
  background-color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50px;
  top: 78px;
}

.Details-page-tabing .slick-next {
  right: 12px;
  background-color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50px;
  top: 78px;
}

.Details-page-tabing .slick-next:before {
  content: "\f105";
}

.Details-page-tabing .slick-prev:before {
  content: "\f104";
}

.Details-page-tabing .slick-prev:before,
.item-box .slick-next:before {
  font-weight: 600;
  color: #000;
  font-size: 19px;
  opacity: 1;
}

.Details-page-tabing .slick-prev.slick-disabled,
.item-box .slick-next.slick-disabled {
  cursor: no-drop;
}

.Details-page-tabing .slick-prev.slick-disabled:before,
.item-box .slick-next.slick-disabled:before {
  color: #000;
  opacity: 0.5;
}

.Details-page-tabing .slick-prev,
.item-box .slick-next {
  z-index: 1;
}

.Details-page-tabing .card {
  width: 238px;
  height: auto;
  background: #fff;
  border-radius: 6px;
}

.Details-page-tabing .elite4 {
  font-size: 20px;
  color: rgba(0, 0, 0, 1);
  font-weight: 700;
}

.Details-page-tabing .elite5 {
  width: 108px;
  padding: 4px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  background-color: rgba(34, 124, 158, 1);
  text-decoration: none;
}

.d-about {
  background-color: rgba(253, 240, 237, 1);
  padding: 10px;
  font-size: 18px;
  font-weight: 700;
}

.bgwhite {
  background-color: #fff;
  border: solid 1px rgba(221, 221, 221, 1);
  border-radius: 6px;
}

.bgwhite2 {
  background-color: #fff;
  border: solid 1px rgba(221, 221, 221, 1);
  border-radius: 6px;
  padding: 50px 16px 47px 16px;
  float: right;
}

.Details-page-tabing .showm {
  font-size: 14px;
  color: rgba(236, 100, 70, 1);
  font-weight: 700;
}

.Details-page-tabing .el1 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
}

.Details-page-tabing .el12 {
  padding-left: 20px;
}

.Details-page-tabing .el2 {
  font-size: 16px;
  font-weight: 700;
  color: rgba(82, 89, 105, 1);
  margin-left: 5px;
}

.Details-page-tabing .dist-box02 {
  background-color: #fff;
  color: #000;
  /*height: 42px;*/
  width: 175px;
  border-radius: 8px;
}

.Details-page-tabing .Ex2 {
  font-size: 12px;
  font-weight: 700;
  color: #000;
  padding: 10px;
  text-align: center;
}

.ex-3 {
  list-style: none;
  padding: 10px 0px 0px 0px;
}

.Details-page-tabing .Experience {
  background-color: rgba(250, 250, 252, 1);
  border-radius: 6px;
  border: solid 1px rgba(233, 235, 248, 1);
}

.Details-page-tabing .Experience p {
  font-size: 14px;
  font-weight: 500;
  color: rgba(82, 89, 105, 1);
  display: grid;
  padding: 10px;
}

.Details-page-tabing .exp-bd {
  border-bottom: solid 1px rgba(232, 232, 232, 1);
  margin-top: 20px;
  margin-bottom: 25px;
}

.Details-page-tabing .hh {
  font-size: 16px;
  font-weight: 700;
  color: rgba(61, 63, 73, 1);
}

.Details-page-tabing .get {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.Details-page-tabing .explorebtn-right {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 300px;
  height: 48px;
  border-radius: 6px;
  padding-top: 10px;
}

.Details-page-tabing .starmar6 {
  margin-top: -6px;
}

.Details-page-tabing .iconwi {
  width: 20px;
  height: 20px;
}

.Details-page-tabing .nav .nav-item button.active::after {
  content: "";
  border-bottom: 2px solid rgba(236, 100, 70, 1);
  color: rgba(82, 89, 105, 1);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.Details-page-tabing .detail-tabingbg {
  background-color: #f4f5f7 !important;
}

.Details-page-tabing .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #f4f5f7 !important;
}

.Details-page-tabing .heart {
  margin-bottom: 0px;
  padding-top: 8px;
}

.bdnone {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px !important;
  border-bottom: solid 1px #ccc;
}

@media (max-width: 767px) {
  .Details-page-tabing .dist-box02 {
    height: 100%;
    width: 100%;
  }

  .Details-page-tabing .mobse {
    margin-top: 10px;
  }

  .Details-page-tabing .card {
    width: 100%;
  }

  .Details-page-tabing .slick-next {
    top: 130px;
  }

  .Details-page-tabing .slick-prev {
    top: 130px;
  }

  .mobiletextcen {
    text-align: center;
  }

  .ftnone1 {
    float: none !important;
  }

  .mob-07 {
    margin-top: 0px !important;
    margin-bottom: 20px;
  }

  .Details-page-tabing .Ex2 {
    padding-top: 17px;
    padding-bottom: 2px;
  }

  .Details-page-tabing .mt001 {
    margin-top: 0px !important;
  }

  .bgwhite2 {
    float: none;
    margin-top: 10px;
  }

  .receive-bt {
    text-align: center !important;
  }

  .Details-page-tabing .Experience p {
    font-size: 13px !important;
  }
}

@media (max-width: 1024px) {
  .bgwhite2 {
    float: none;
  }

  .Details-page-tabing .explorebtn-right {
    width: 260px;
  }

  .Details-page-tabing .get {
    font-size: 15px;
  }

  .Details-page-tabing .dist-box02 {
    width: 146px;
  }

  .Details-page-tabing .Ex2 {
    font-size: 10px;
  }

  .Details-page-tabing .Experience p {
    font-size: 11px;
  }
}

.btn-loading {
  display: inline-block;
}

.btn-loading .fas {
  margin-right: 8px;
}

/* Animation for new posts */
.post-item-new {
  animation: slideInUp 0.5s ease-out;
}

@keyframes slideInUp {
  from {
      opacity: 0;
      transform: translateY(30px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

/* Sorting loading states */
.opacity-50 {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

#sorting-loading {
  transition: all 0.3s ease;
}

.spinner-border {
  width: 3rem;
  height: 3rem;
}

/* Distance Filter Styles */
#distance-slider-range {
  margin: 10px 0;
}

.noUi-connect {
  background: #007bff;
}

.noUi-handle {
  border: 1px solid #007bff;
  background: #fff;
  cursor: pointer;
}

.noUi-handle:hover {
  background: #f8f9fa;
}

#apply-distance-filter,
#clear-distance-filter {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}

#apply-distance-filter {
  background-color: #007bff;
  border-color: #007bff;
}

#clear-distance-filter {
  color: #6c757d;
  border-color: #6c757d;
}

.slider-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.slider-labels .caption {
  font-size: 0.875rem;
  color: #6c757d;
}

/* Filter Styles */
.filter-body {
  margin-bottom: 8px;
}

.form-check-input:checked {
  background-color: #007bff;
  border-color: #007bff;
}

#clear-all-filters {
  border: 1px solid #6c757d;
  color: #6c757d;
  transition: all 0.3s ease;
}

#clear-all-filters:hover {
  background-color: #6c757d;
  color: #fff;
  border-color: #6c757d;
}

/* Read More Styles */
.main-description-wrp {
  max-height: 60px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.main-description-wrp.autoHeight {
  max-height: none;
}

.readmoreBox {
  cursor: pointer;
  color: #007bff;
  font-weight: 500;
  margin-top: 10px;
}

.readmoreBox:hover {
  color: #0056b3;
}

/* ------End details page------------ */

/* ------Start Service Provider page------------ */
.Accountants-service-provider {
  background-color: rgba(244, 245, 247, 1);
  padding-bottom: 50px;
}

.Accountants-service-provider h2 {
  font-size: 24px;
  font-weight: 900;
  color: rgba(82, 89, 105, 1);
  padding: 40px 0px 0px 0px;
}

.Accountants-service-provider span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(61, 63, 73, 1);
  padding: 5px 0px 10px 0px;
  display: inline-block;
}

.Accountants-service-provider .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  padding: 10px;
}

.Brokers {
  font-size: 15px;
  color: rgba(236, 100, 70, 1);
  font-weight: 700;
}

.Accountants-right .brok {
  padding-top: 10px !important;
}

.Accountants-right .brok2 {
  padding-top: 10px !important;
}

.Accountants-right .brok3 {
  padding-top: 15px !important;
}

.Accountants-right .ate12 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  padding-top: 2px;
  padding-right: 5px;
}

.btnbg {
  background-color: #fff;
}

.pp .dist-box,
.pp .dist-box a {
  display: block;
  text-decoration: none;
  background-color: rgba(250, 250, 252, 1);
  color: rgba(236, 100, 70, 1);
  min-width: 183px;
  height: 50px;
  transition: all 0.5s ease-out 0s;
  border: solid 1px rgba(233, 235, 248, 1);
  border-radius: 6px;
}

.pp .dist-box2,
.pp .dist-box2 a {
  display: block;
  text-decoration: none;
  background-color: rgba(255, 244, 241, 1);
  color: rgba(236, 100, 70, 1);
  min-width: 183px;
  height: 50px;
  transition: all 0.5s ease-out 0s;
  border: solid 1px rgba(236, 100, 70, 1);
  border-radius: 6px;
}

.pp .dd {
  color: rgba(236, 100, 70, 1);
}

.pp .Explore-QRfont {
  font-size: 14px;
  font-weight: 500;
}

.pp .eq {
  padding: 14px 5px 0px 8px;
}

.pp .wd {
  border-left: solid 2px rgba(236, 100, 70, 1);
  margin-left: -8px;
  margin-right: 10px;
}

.pp span {
  padding: 1px 15px 1px 0px;
}

.pd26 {
  padding: 0px 0px 0px 70px !important;
}

.sevicestarmar6 {
  margin-top: -6px;
}

.sp-filterBox .sortby2 .pd26 {
    padding: 5px 0px 10px 0px !important;
}

@media (max-width: 767px) {
  .prov {
    margin-left: 15px;
  }

  .prov2 {
    margin-bottom: 20px;
  }

  .Category-page p {
    font-size: 25px;
  }

  .cpp1 {
    margin-bottom: 20px;
  }

  .Accountants-right .ate12 {
    text-align: center;
  }

  .rmq {
    float: none !important;
    text-align: center;
  }

  .b1 {
    padding: 0px !important;
  }

  .pd26 {
    padding: 0px 0px 0px 0px !important;
  }

  .Accountants-service-provider .yu {
    border: solid 1px #ccc;
    width: 91%;
    margin: 10px 0px 15px 15px;
  }

  .Accountants-service-provider .yu p {
    padding: 4px;
    margin-bottom: 0px;
  }

  .Accountants-service-provider .explorebtn {
    margin-bottom: 17px;
    margin-top: 20px;
  }

}

@media (max-width: 1024px) {

  .pp .dist-box2,
  .pp .dist-box2 a {
    min-width: 156px;
  }

  .pp .dist-box,
  .pp .dist-box a {
    min-width: 156px;
  }

  .pd26 {
    padding: 0px 0px 0px 50px;
  }

  .Accountants-service-provider .explorebtn {
    margin-bottom: 17px;
  }

}

/* ------Start Service category Listing page------------ */

.notar {
  background-color: #fff;
  text-align: center;
  color: rgba(21, 26, 37, 1) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  padding: 20px 0px 20px 0px !important;
  box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
  border-radius: 0px 0px 6px 6px;
}

@media (max-width: 767px) {
  .listing-img {
    width: 100%;
  }

  .cat-mr {
    margin-bottom: 20px;
  }
}



/* ------Start Where do you look for a "real estate agent" page------------ */

.real-estate-agent {
  background-color: #f4f5f7;
  padding-bottom: 150px;
  padding-top: 70px;
}

.real-estate-agent .btn-outline-danger {
  color: rgba(236, 100, 70, 1);
  border-color: rgba(236, 100, 70, 1);
  background-color: #fff;
  padding: 7px 25px 7px 25px;
  border-radius: 6px;
  margin-bottom: 35px;
}

.real-estate-agent .bd-line {
  border-top: solid 6px rgba(232, 232, 232, 1);
  border-radius: 6px;
  margin-bottom: 20px;
}

.real-estate-agent .bd-line2 {
  border-top: solid 6px rgba(236, 100, 70, 1);
  border-radius: 6px;
  width: 120px;
  position: absolute;
  z-index: 1;
  margin-top: -26px;
}

.real-estate-agent p, .real-estate-agent h1, .real-estate-agent h2, .real-estate-agent h3 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
}

.real-estate-agent .input-group {
  width: 500px;
  height: 50px;
  margin-bottom: 30px;
}

.real-estate-agent .form-control {
  border: solid 1px rgba(207, 207, 207, 1);
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-radius: 8px;
}

.real-estate-agent span {
  position: absolute;
  right: 10px;
  top: 10px;
}

.real-estate-agent .bgw {
  background-color: #fff;
  border: solid 1px rgba(221, 221, 221, 1);
  border-radius: 6px;
  width: 417px;
}

.real-estate-agent .sbr {
  padding: 25px 25px 25px 25px;
}

.real-estate-agent .sbr3 {
  font-size: 15px;
  font-weight: 700;
  color: rgba(236, 100, 70, 1);
  margin-bottom: 5px;
  margin-top: 12px;
}

.btfooter {
  bottom: 0px;
  background-color: #fff;
  padding: 14px;
}

.btfooter .explorebtn {
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  width: 160px;
  height: 40px;
  border-radius: 6px;
  padding-top: 7px
}

.real-estate-agent .bd-line3 {
  border-top: solid 6px rgba(236, 100, 70, 1);
  border-radius: 6px;
  width: 155px;
  position: absolute;
  z-index: 1;
  margin-top: -26px;
}

.real-estate-agent .bd-line4 {
  border-top: solid 6px rgba(236, 100, 70, 1);
  border-radius: 6px;
  width: 230px;
  position: absolute;
  z-index: 1;
  margin-top: -26px;
}

.real-estate-agent .bd-line5 {
  border-top: solid 6px rgba(236, 100, 70, 1);
  border-radius: 6px;
  width: 400px;
  position: absolute;
  z-index: 1;
  margin-top: -26px;
}

.real-estate-agent .bd-line6 {
  border-top: solid 6px rgba(236, 100, 70, 1);
  border-radius: 6px;
  width: 600px;
  position: absolute;
  z-index: 1;
  margin-top: -26px;
}

.real-estate-agent .bd-line7 {
  border-top: solid 6px rgba(236, 100, 70, 1);
  border-radius: 6px;
  width: 652px;
  position: absolute;
  z-index: 1;
  margin-top: -26px;
}

.real-estate-agent .input-group2 {
  width: 100%;
  height: 50px;
  margin-bottom: 30px;
}

.real-estate-agent .input-group2 .form-control {
  height: 50px;
}

.real-estate-agent .paticular {
  width: 100%;
  height: 50px;
  border: solid 1px rgba(236, 100, 70, 1);
  background-color: #fff;
  border-radius: 6px;
}

.real-estate-agent .paticular-se {
  width: 100%;
  height: 50px;
  border: solid 1px rgba(233, 235, 248, 1);
  background-color: #fff;
  border-radius: 6px;
}

.real-estate-agent .pat2 {
  background-color: #ec6446;
  border-color: #fff;
}

.real-estate-agent .pat3 {
  padding: 9px 0px 0px 30px;
}

.address {
  display: block;
}

.address-mar {
  margin-bottom: 20px !important;
}

.address p, .address h2 {
  font-size: 30px;
  font-weight: 700;
  color: rgba(236, 100, 70, 1);
}

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

.addressnopadding {
  padding-left: 0px;
}

.addressnopadding2 {
  padding-left: 0px;
}

.mt2 {
  margin-top: 2px;
}



@media (max-width: 767px) {
  .real-estate-agent .bgw {
    width: 100%;
  }

  .real-estate-agent .input-group {
    width: 100%;
  }

  .mob-type-re {
    margin-top: 10px;
  }


  .real-estate-agent .bd-line4 {
    width: 38%;
  }

  .real-estate-agent .bd-line5 {
    width: 48%;
  }

  .real-estate-agent .bd-line6 {
    width: 80% !important;
  }

  .real-estate-agent .bd-line7 {
    width: 95% !important;
  }

  .addressnopadding {
    padding-left: 10px;
    text-align: center;
  }

  .add-bar {
    margin-top: 28px !important;
  }

  .t01 {
    text-align: center;
  }

  .addressnopadding2 {
    padding-left: 0px;
  }
}

@media (max-width: 1024px) {
  .real-estate-agent .bgw {
    width: 100%;
  }

  .real-estate-agent .bd-line6 {
    width: 48%;
  }

  .real-estate-agent .bd-line7 {
    width: 547px;
  }
}

.privacy {
  background-color: #f4f5f7;
  padding-bottom: 40px;
}

.privacy h1 {
  font-size: 32px;
  font-weight: 700;
  color: rgba(82, 89, 105, 1);
  text-align: center;
  padding-top: 85px;
}

.priv1 {
  font-size: 16px;
  font-weight: 700;
  color: rgba(61, 63, 73, 1);
}

.priv2 {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  line-height: 26px;
}

.priv3 {
  font-size: 18px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
}

.priv5 {
  font-size: 18px;
  font-weight: 700;
  color: 18px;
  line-height: 26px;
}

.privacy a {
  color: rgba(61, 63, 73, 1);
}

.bampad0 {
  padding-left: 0px;
}

@media (max-width: 767px) {
  .privacy {
    padding-top: 40px;
  }

  .privacy p {
    padding-top: 30px;
  }

  .priv3 {
    font-size: 16px;
  }

  .bampad0 {
    padding-left: 10px;
  }
}

@media (max-width: 1024px) {
  .privacy p {
    padding-top: 30px;
  }
}

/* contact page */

.contact {
  background-color: #fff;
}

.contact h1 {
  font-size: 32px;
  color: rgba(82, 89, 105, 1);
  font-weight: 800;
  margin-bottom: 45px !important;
}


.list-unstyled {padding-left: 0; list-style: none;}
      .contact_boxes {width: 100%; max-width: 936px; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; margin-right: auto; margin-left: auto; padding-bottom: 48px; margin-bottom: 48px; padding-left: 0px;
    padding-right: 0px;}
      .contact_leftBox {flex: 0 0 calc(100% - 290px); max-width: calc(100% - 290px); padding-right: .5rem; padding-left: .5rem;}

      .contact_boxes h2 {font-size: 18px; font-weight: 900; color: rgba(21, 26, 37, 1);}

      .contact_infoBox {padding: 30px; border-radius: 5px; font-size: 16px; line-height: 1.5; border: 1px solid #ec6446;}
      .get_touch_boxes {display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: center;}
      .get_touch_imgBox {width: 180px; height: 180px; overflow: hidden; border-radius: 50%;}
      .get_touch_imgBox img {width: 100%; height: 100%; object-fit: cover;}
      .get_touch_infoBox {flex: 0 0 calc(100% - 180px); max-width: calc(100% - 180px); padding-left: 50px;}
      .get_touch_infoBox ul li {display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px;}
      .get_touch_infoBox ul li:last-child {margin-bottom: 0px;} 
      .get_touch_infoBox ul li .iconBox {width: 26px; height: 26px;}
      .get_touch_text {flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); padding-left: 15px;}
      .get_touch_text a {color: #212529; text-decoration: none;}
      .get_touch_text a:hover {color: #ed634b;}
      .contact_rightBox {flex: 0 0 275px; max-width: 275px;}
      .have_business_box {padding: 30px; border-radius: 5px; background-color: rgba(253, 240, 237, 1);}
      .have_business_box .btn {width: auto; height: 40px; background-color: rgba(236, 100, 70, 1); font-size: 16px; font-weight: 500; color: #fff; border-radius: 6px;}
      .social-box {padding: 30px; border-radius: 5px; background-color: rgba(244, 245, 247, 1); margin-top: 15px;}
      .social-box ul {display: flex; flex-wrap: wrap; gap: 10px;}
      .social-box ul li {flex: 0 0 40px; max-width: 40px;}
      .social-box ul li a {display: flex ; flex-wrap: wrap; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ec6446; border-radius: 50%;}

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

         .contact_boxes {padding-left: 15px; padding-right: 15px; padding-bottom: 0px}
         .contact_leftBox {flex: 0 0 100%; max-width: 100%;}
         .contact_rightBox {flex: 0 0 100%; max-width: 100%; margin-top: 25px}
         .social-box {text-align: center;}
         .social-box ul {justify-content: center; margin-top: 15px;}
      }

      @media screen and (max-width: 767px) {
         .get_touch_imgBox {width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 15px 0px;}
         .get_touch_infoBox {flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); padding-left: 20px;}
         .get_touch_infoBox ul li {margin-bottom: 10px;}
      }

      @media screen and (max-width: 575px) {
         .get_touch_boxes {justify-content: center;}
         .get_touch_infoBox {flex: 0 0 100%; max-width: 100%; padding-left: 0px;}
      }


/*.contact span {
  font-size: 16px;
  color: rgba(82, 89, 105, 1);
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
  line-height: 26px;
}

.contact .form-control {
  height: 50px;
}

.contact .form-control.cc {
  height: 120px;
  resize: none;
}

.contact .send {
  width: 120px;
  height: 40px;
  background-color: rgba(236, 100, 70, 1);
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
}

.contact-bg {
  background-color: rgba(244, 245, 247, 1);
  padding: 50px 0px 50px 0px;
}

.contact-bg h2 {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
}

.contact-bg .email,
.contact-bg h2.email {
  font-size: 20px;
  font-weight: 900;
  color: rgba(21, 26, 37, 1);
}

.contact-bg .email2 {
  font-size: 16px;
  font-weight: 700;
  color: rgba(21, 26, 37, 1);
  display: block;
}

@media (max-width: 767px) {
  .contact .mobmt1 {
    padding-left: 10px;
  }
}*/

.login {
  background: #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.37) 19%, rgba(249, 210, 203, 0.5) 100%);
}

.login .mains {
  padding: 170px 0px 150px 0px;
}

.login p, .login h1 {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
}

.login span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(61, 63, 73, 1);
}

.login .forget {
  font-size: 14px;
  font-weight: 700;
  color: rgba(236, 100, 70, 1);
  text-align: left;
  margin-top: 10px;
}

.login .loginbtn {
  background-color: rgba(236, 100, 70, 1);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
}

.login .mains .form-control {
  border: 1px solid #707070;
}


@media (max-width: 767px) {
  .login .mains {
    padding: 90px 0px 435px 0px;
  }

  .login .margin1 {
    margin-top: 25px !important;
  }

}

@media (max-width: 1024px) {
  .login .mains {
    padding: 90px 0px 340px 0px;
  }
}

/* update feedback Style 20-05-2025 */

.section-HD {
  font-size: 32px;
  font-weight: 800;
  color: rgba(82, 89, 105, 1);
}

.breadcrumb-item a,
.breadcrumb-item.active {
  color: #212529;
  text-decoration: none;
}

.breadcrumb-item a:hover {
  color: #ca563c;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #6c757d;
  content: '>' !important;
}

.filterOption-box {
  overflow: hidden;
  height: 140px;
}
.autoHeightMore {
    height: auto;
}
.showmoreBtn.active .toggle-icon {
  transform: rotate(180deg);
}

/*  */
.All-services .tab2.category-toggle-container {
  width: 100%;
  margin-left: 0px;
}
.All-services .tab2.category-toggle-container ul.nav-pills {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.All-services .tab2.category-toggle-container ul.nav-pills .notar.mb-3 {
    font-size: 13px !important;
    padding: 10px 0px !important;
}
/* Responsive Layout */

@media screen and (max-width: 767px) {
  .section-HD {
    font-size: 25px;
  }
}