.font-manrope {
  font-family: "Roboto", sans-serif !important;
}

.font-bona-nova {
  font-family: "Bona Nova", serif !important;
}

.rounded-15 {
  border-radius: 15px !important;
}

.rounded-20 {
  border-radius: 20px !important;
}

.rounded-30 {
  border-radius: 30px !important;
}

.rounded-40 {
  border-radius: 40px !important;
}

.h-15 {
  height: 15px !important;
}

.w-15 {
  width: 15px !important;
}

.h-20 {
  height: 20px !important;
}

.w-20 {
  width: 20px !important;
}

.h-30 {
  height: 30px !important;
}

.w-30 {
  width: 30px !important;
}

.h-40 {
  height: 40px !important;
}

.w-40 {
  width: 40px !important;
}

.object-fit-scale-down {
  object-fit: scale-down;
}

.btn-mushroom:hover {
  background-color: rgb(133.8146341463, 130.0975609756, 120.1853658537);
}

.btn-tan:hover {
  background-color: rgb(215.7692307692, 213.4615384615, 204.2307692308);
}

.btn-peach:hover {
  background-color: rgb(160.0789473684, 106.3815789474, 70.9210526316);
}

.custom-card {
  background-color: #9E9B93;
  color: white;
  border-radius: 8px;
  padding: 20px;
}

hr {
  border-top-width: 1.5pt;
}

/*=====custom scroll=====*/
/*::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: transparent;
}
::-webkit-scrollbar-thumb:hover {
  background: transparent;
}*/
/*=====nav Section=====*/
header {
  position: relative;
}
header::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
}

@media only screen and (max-width: 576px) {
  nav .navbar-brand h2 img {
    height: 24px;
  }
}
nav .navbar-toggler:focus {
  box-shadow: none;
}
nav .navbar-toggler .navbar-toggler-icon {
  background-image: url("../images/menuicon.svg") !important;
}
@media only screen and (max-width: 576px) {
  nav .navbar-collapse {
    background-color: #fff;
    border-radiusX: 10px;
    margin-topX: 10px;
  }
}
nav .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #9E9B93 !important;
}
@media only screen and (max-width: 576px) {
  nav .navbar-collapse .navbar-nav .nav-item {
    color: #485958 !important;
  }
}

/*.carousel-about-us {
    background-image: url('../images/hero-about.png') !important;
    background-position-x: 50%;

    @media only screen and (max-width: 768px) {
        background-position-x: 85%;
    }
}

.carousel-contact-us {
    background-image: url('../images/hero-contact.png') !important;
    background-position-y: center;

    @media only screen and (max-width: 768px) {
        background-position-x: -240px;
        background-position-y: -0px;
    }
}*/
.search-container {
  width: 370px;
}
@media only screen and (min-width: 768px) {
  .search-container {
    width: 480px;
  }
}

.search-error {
  font-size: 12px !important;
}

.hero {
  background-size: cover;
}
.hero.hero-home {
  background-image: url("../images/hero-home-mobile.jpg") !important;
}
.hero.hero-about {
  background-image: url("../images/hero-about.png") !important;
}
.hero.hero-contact {
  background-image: url("../images/hero-contact.jpg") !important;
}
.hero.hero-provider-directory {
  background-image: url("../images/hero-provider-directory.png") !important;
}
.hero.hero-internship {
  background-image: url("../images/hero-internship-directory.png") !important;
}
.hero.hero-corporate {
  background-image: url("../images/hero-corporate-wellness.png") !important;
}
.hero.hero-provider-detail {
  background-image: url("../images/hero-provider-detail.png") !important;
}
.hero.hero-default {
  background-image: url("../images/hero-provider-detail.png") !important;
}
.hero.height-short {
  height: 200px;
}
.hero.height-medium {
  height: 280px;
}
.hero.height-tall {
  height: 380px;
}
.hero.background-position-x-center {
  background-position-x: center;
}
.hero.background-position-x-right {
  background-position-x: right;
}
.hero h1.h1 {
  font-size: calc(1.425rem + 2.1vw);
}
.hero .hero-content {
  margin-top: 112px;
}
@media only screen and (min-width: 768px) {
  .hero h1.h1 {
    font-size: calc(1.525rem + 3.3vw);
  }
  .hero.height-short {
    height: 242px;
  }
  .hero.height-medium {
    height: 320px;
  }
  .hero.height-tall {
    height: 420px;
  }
  .hero.hero-home {
    background-image: url("../images/hero-home.jpg") !important;
  }
  .hero .hero-content {
    margin-top: 110px;
  }
  .hero .search-container {
    width: 480px;
  }
}
@media only screen and (min-width: 992px) {
  .hero.height-medium {
    height: 453px;
  }
  .hero.height-tall {
    height: 580px;
  }
  .hero .hero-content {
    margin-top: 146px;
  }
}
@media only screen and (min-width: 1200px) {
  .hero h1.h1 {
    font-size: 4rem;
  }
  .hero.height-tall {
    height: 720px;
  }
  .hero.height-tall .hero-content {
    margin-top: 210px;
  }
}

/*=====carousel Section=====*/
.carousel {
  height: 100vh;
}
@media only screen and (max-width: 576px) {
  .carousel {
    height: 80vh;
  }
}
.carousel .carousel-inner {
  height: 100vh;
  overflow: unset;
}
@media only screen and (max-width: 576px) {
  .carousel .carousel-inner {
    height: 80vh;
  }
}
.carousel .carousel-inner .carousel-item {
  height: 100vh;
}
@media only screen and (max-width: 576px) {
  .carousel .carousel-inner .carousel-item {
    height: 80vh;
  }
}
.carousel .carousel-inner .carousel-item img {
  height: 100vh;
}
@media only screen and (max-width: 576px) {
  .carousel .carousel-inner .carousel-item img {
    height: 80vh;
  }
}
.carousel .carousel-inner .carousel-item .carousel-caption {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.carousel .carousel-img-curve {
  bottom: -1px;
}

.carousel-details {
  height: 30vh;
}
@media only screen and (max-width: 576px) {
  .carousel-details {
    height: 30vh;
  }
}
.carousel-details .carousel-inner {
  height: 30vh;
}
@media only screen and (max-width: 576px) {
  .carousel-details .carousel-inner {
    height: 30vh;
  }
}
.carousel-details .carousel-inner .carousel-item {
  height: 30vh;
}
@media only screen and (max-width: 576px) {
  .carousel-details .carousel-inner .carousel-item {
    height: 30vh;
  }
}
.carousel-details .carousel-inner .carousel-item img {
  height: 30vh;
}
@media only screen and (max-width: 576px) {
  .carousel-details .carousel-inner .carousel-item img {
    height: 30vh;
  }
}
.carousel-details .carousel-inner .carousel-item .carousel-caption {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.carousel-details .carousel-img-curve {
  bottom: -1px;
}
@media only screen and (max-width: 1700px) {
  .carousel-details .carousel-img-curve {
    bottom: -1px;
  }
}
@media only screen and (max-width: 991px) {
  .carousel-details .carousel-img-curve {
    bottom: -1px;
  }
}
@media only screen and (max-width: 576px) {
  .carousel-details .carousel-img-curve {
    bottom: -1px;
  }
}

/*=====About Us Section=====*/
.about-us h6 {
  letter-spacing: 4px;
}

.register {
  background-image: url(../images/register-bg.png);
  background-repeat: no-repeat;
}

/*=====Steps Section=====*/
.steps {
  background-image: url(../images/step-bg.png);
  background-repeat: no-repeat;
}

@media only screen and (max-width: 991px) {
  .sep-icon {
    transform: rotate(90deg);
  }
}
/*=====call to action Section=====*/
.call-to-action {
  background-image: url("../images/communitycta-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: right;
  background-position-y: 23%;
}
.call-to-action::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

/*=====story Section=====*/
.story {
  background-image: url("../images/storybg.png");
  background-repeat: no-repeat;
}

/*=====team Section=====*/
.our-team .team-box {
  /*border: 1px solid $white;*/
}
@media only screen and (max-width: 576px) {
  .our-team .team-box img {
    width: 100%;
    height: 205pt;
    object-fit: cover;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0rem !important;
  }
}

/*=====FAQ Section=====*/
.faq .accordion .accordion-item {
  border: none;
}
.faq .accordion .accordion-item .accordion-header .accordion-button {
  color: #fff;
  background-color: #657B6C;
}
.faq .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "";
  background-image: url(../images/arrow-up.svg) !important;
  --bs-accordion-btn-icon-transform: rotate(0deg);
}
.faq .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.faq .accordion .accordion-item .accordion-header .collapsed {
  color: #000;
  background-color: #EEEDE9;
}
.faq .accordion .accordion-item .accordion-header .collapsed::after {
  content: "";
  background-image: url(../images/down.svg) !important;
}
.faq .accordion .accordion-item .accordion-header .collapsed:focus {
  box-shadow: none;
}
.faq .accordion .faq-border {
  border-bottom: 1px solid #b98461;
}

/*=====Get in touch section=====*/
.get-in-touch {
  background-image: url("../images/get-in-touch.png");
  background-repeat: no-repeat;
  background-size: cover;
  /*padding: 100px 0px 200px;*/
  background-position: 42%;
}
.get-in-touch::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
}

/*=====Footer Section=====*/
footer .social-media a i {
  height: 32px !important;
  width: 32px !important;
  line-height: 32px;
}
footer ul li a:hover {
  color: #b98461 !important;
}
footer p a:hover {
  color: #b98461 !important;
}
/*=====contact us page start=====*/
/*=====contact us form=====*/
.contact-form-main {
  background-image: url("../images/form-bg.png") !important;
  background-repeat: no-repeat;
}

.carousel-img-curve-1 {
  bottom: -6px;
}
@media only screen and (max-width: 1700px) {
  .carousel-img-curve-1 {
    bottom: -1px;
  }
}
@media only screen and (max-width: 991px) {
  .carousel-img-curve-1 {
    bottom: -1px;
  }
}
@media only screen and (max-width: 576px) {
  .carousel-img-curve-1 {
    bottom: -1px;
  }
}

/*=====Get in touch section=====*/
.mental {
  background-image: url(../images/boardwalk-mobile.png);
  background-repeat: no-repeat;
  background-size: cover;
  /*&::after {
  	position: absolute;
  	content: "";
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: linear-gradient( 90deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100% );
  }*/
}
@media (min-width: 768px) {
  .mental {
    background-image: url(../images/hero-boardwalk.png);
  }
}

/*=====contact us page end=====*/
.mental-fitness {
  background-image: url(../images/white-bg.png);
  background-repeat: no-repeat;
}

.list-us {
  background-image: url(../images/backgroundteture.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 20%;
}

.search-bar {
  width: 80%;
}
@media only screen and (max-width: 991px) {
  .search-bar {
    width: 100%;
  }
}

.services-main {
  background-image: url(../images/services-bg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media only screen and (max-width: 576px) {
  .services-main h3,
  .services-main h3 a {
    color: #000 !important;
    font-size: 18px !important;
  }
}
.services-main .service-card {
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.services-main .service-card.shrink {
  opacity: 0.4;
}
.services-main .service-card:hover {
  background-color: #234d74 !important;
  color: #fff !important;
}
.services-main .service-card:hover h3,
.services-main .service-card:hover p,
.services-main .service-card:hover h4,
.services-main .service-card:hover a {
  color: #fff !important;
}
.services-main .service-card h3:hover,
.services-main .service-card p:hover,
.services-main .service-card h4:hover {
  color: #fff !important;
}
.services-main .service-card a:hover {
  color: #fff !important;
}
.services-main .service-card.expand {
  z-index: 10;
  max-height: 572px;
  position: absolute;
  overflow: hidden;
  overflow-y: auto;
  background-color: #234d74 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  left: 12px;
  right: 12px;
}
.services-main .service-card.expand h3,
.services-main .service-card.expand p,
.services-main .service-card.expand h4 {
  color: #fff !important;
}
.services-main .service-card.expand a {
  color: #fff !important;
}
.services-main .service-card.expand .extra-content,
.services-main .service-card.expand .close-btn {
  display: block;
}
.services-main .service-card.expand p.expand-hide {
  display: none !important;
}
.services-main .service-card .extra-content {
  display: none;
  /*margin-top: 1rem;*/
}
.services-main .service-card .close-btn {
  position: absolute;
  top: 0px;
  cursor: pointer;
  display: none;
  color: white;
}

.expand .learn-more {
  display: none !important;
}

.provider-main {
  background-image: url(../images/provider-bg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.provider-main iframe {
  -webkit-filter: grayscale(100%);
}
.provider-main .provider-card {
  transition: all 0.3s ease;
}
.provider-main .provider-card:hover .provider-con h2 {
  color: #b98461 !important;
}
@media only screen and (max-width: 576px) {
  .provider-main .provider-card:hover .provider-con h2 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 576px) {
  .provider-main .provider-card .provider-con h2 {
    font-size: 18px !important;
  }
}
.provider-main .provider-card a:hover {
  color: white !important;
}
.provider-main .provider-box .provider-img img {
  height: 158px;
  max-width: 158px !important;
}
@media only screen and (max-width: 576px) {
  .provider-main .provider-box .provider-img img {
    height: 100px;
    max-width: 100px !important;
  }
}

.wrapper-dropdown {
  /*padding: 15px;*/
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 15px;
  min-height: 56px;
  border-radius: 100px 0px 0px 100px;
  user-select: none;
  align-self: center;
  width: 200px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .wrapper-dropdown {
    positionX: unset !important;
    width: 140px;
  }
}
.wrapper-dropdown .arrow {
  rotate: 180deg;
  transition: all 0.3s;
}
.wrapper-dropdown::before {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -2px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fff transparent;
}
.wrapper-dropdown .dropdown {
  transition: 0.3s;
  top: 120%;
  right: 0;
  left: 0;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 0.5rem !important;
}
@media only screen and (max-width: 576px) {
  .wrapper-dropdown .dropdown {
    top: 190px;
    left: 15px;
    right: 15px;
  }
}
.wrapper-dropdown .dropdown li {
  padding: 10px 15px;
  overflow: hidden;
}
.wrapper-dropdown .dropdown li:last-child {
  border-bottom: none;
}
.wrapper-dropdown .form-check-input:checked {
  background-color: #9E9B93;
  border-color: #9E9B93;
}

.rotated {
  transform: rotate(-180deg);
}

.active .dropdown {
  opacity: 1;
  visibility: visible;
  border-radius: 15px;
}

.active .show {
  opacity: 1;
  visibility: visible;
  border-radius: 15px;
}

.highlighted {
  opacity: 0.4;
}

.dropdown-1 {
  position: absolute;
  top: 120%;
  left: 0;
  right: 0;
  min-width: 150%;
  padding: 0.5rem !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform-origin: top;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

.dropdown-1.show {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}

.dropdown-1.drop-up {
  top: auto;
  bottom: 100%;
  transform-origin: bottom;
}

.dropdown-1 li {
  padding: 10px 15px 10px 5px;
}

.dropdown-1 li:last-child {
  border-bottom: none;
}

.arrow.rotated,
.drop-up .arrow {
  transform: rotate(180deg);
}

@media only screen and (max-width: 576px) {
  .dropdown-1 {
    left: 15px;
    right: 15px;
    min-width: calc(100vw - 30px);
    min-width: 80vw;
  }
}
.step {
  position: relative;
}

.step::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 1.5rem !important;
  height: 3px;
  background-color: #b98461;
  transform: translateY(-50%);
  z-index: 0;
}

.step:last-child::after {
  content: none;
}

.step-circle {
  width: 24px;
  height: 24px;
  background-color: transparent;
  color: #b98461;
  border: 3px solid #b98461;
  border-radius: 50%;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.step-circle.active {
  background-color: #fff;
  border-color: #fff;
}

.scrollable-div {
  max-height: 30vh;
  overflow-y: auto;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #B98461 #888;
}

.scrollable-div::-webkit-scrollbar {
  width: 5px;
}

.scrollable-div::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scrollable-div::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.owl-carousel .item {
  justify-content: center;
}
.owl-carousel .c1 {
  transition: transform 0.3s;
}
.owl-carousel .c1:hover {
  transform: scale(1.05);
}

.slider-two .item img {
  width: auto !important;
}

.slider-three .item img {
  width: auto !important;
}
.slider-three .owl-nav .nav-arrow-1 {
  border: 1px solid #b98461;
  border-radius: 50%;
  line-height: 37px;
}

.owl-nav {
  position: absolute;
  top: -60px;
  right: 0;
  margin-top: 0px !important;
}
@media only screen and (max-width: 576px) {
  .owl-nav {
    position: relative;
    top: 0px;
    right: 0;
    margin-top: 20px !important;
  }
}
.owl-nav .nav-arrow-1 {
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 37px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #fff;
  text-decoration: none;
}

.tooltip-i {
  position: relative;
  top: -15px;
}
.tooltip-i .open-tooltip {
  opacity: 0 !important;
  position: absolute;
  width: 270px;
  transition: all ease 0.3s;
}
@media only screen and (max-width: 576px) {
  .tooltip-i .open-tooltip {
    transition: all ease 0.3s;
    left: -110px;
    right: 0;
    top: 40px;
    margin: auto;
  }
}
.tooltip-i:hover .open-tooltip {
  opacity: 1 !important;
  position: absolute;
  width: 270px;
  transition: all ease 0.3s;
}
@media only screen and (max-width: 576px) {
  .tooltip-i:hover .open-tooltip {
    transition: all ease 0.3s;
    left: -110px;
    right: 0;
    top: 40px;
    margin: auto;
  }
}

.font-size-12 {
  font-size: 0.75rem !important;
}

.font-size-14 {
  font-size: 0.875rem !important;
}

.font-size-16 {
  font-size: 1rem !important;
}

.font-size-18 {
  font-size: 1.125rem !important;
}

.font-size-20 {
  font-size: 1.25rem !important;
}

.font-size-24 {
  font-size: 1.5rem !important;
}

.font-size-28 {
  font-size: 1.75rem !important;
}

.font-size-32 {
  font-size: 2rem !important;
}

.font-size-36 {
  font-size: 2.25rem !important;
}

.font-size-40 {
  font-size: 2.5rem !important;
}

.font-size-44 {
  font-size: 2.75rem !important;
}

.font-size-48 {
  font-size: 3rem !important;
}

.font-size-52 {
  font-size: 3.25rem !important;
}

.font-size-56 {
  font-size: 3.5rem !important;
}

.font-size-60 {
  font-size: 3.75rem !important;
}

.font-size-64 {
  font-size: 4rem !important;
}

.lh-sm {
  line-height: 1.2 !important;
}

.lh-md {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 1.75 !important;
}

.lh-xl {
  line-height: 2 !important;
}

.h-20 {
  height: 20px !important;
}

.h-30 {
  height: 30px !important;
}

.h-40 {
  height: 40px !important;
}

.h-60 {
  height: 60px !important;
}

.h-80 {
  height: 80px !important;
}

.h-120 {
  height: 120px !important;
}

.fw-semibold {
  font-weight: 500 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-extrabold {
  font-weight: 800 !important;
}

.ls-xs {
  letter-spacing: 0.5px !important;
}

.ls-sm {
  letter-spacing: 2px !important;
}

.ls-md {
  letter-spacing: 3px !important;
}

.ls-lg {
  letter-spacing: 4px !important;
}

.fs-7 {
  font-size: 0.875rem !important;
}

.fs-8 {
  font-size: 0.75rem !important;
}

.fs-9 {
  font-size: 0.625rem !important;
}

.fs-10 {
  font-size: 0.5rem !important;
}

/* Base Roboto font */
.roboto {
  font-family: "Roboto", sans-serif;
}

/* Roboto Regular (400) */
.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

/* Roboto Medium (500) */
.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

/* Roboto Semi-Bold (600) */
.roboto-semi-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

/* Roboto Bold (700) */
.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.roboto-heading {
  font-family: "Roboto", sans-serif;
  font-size: 45pt;
  line-height: 52pt;
}

.logo-img {
  width: auto;
  height: auto;
  max-width: 380px;
}

.responsive-img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.responsive-btn {
  width: 100%;
}

@media (max-width: 390px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 348px;
    padding: 0px;
  }
}
@media (min-width: 1440px) {
  .logo-img {
    width: 390px;
    max-width: none;
  }
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1180px;
  }
  .responsive-img {
    width: auto;
    max-width: none;
  }
  .roboto-heading {
    font-family: "Roboto", sans-serif;
    font-size: 48pt;
    line-height: 58pt;
  }
  .get-in-touch {
    background-position: unset;
  }
  .responsive-btn {
    width: auto;
  }
}
.pt-2rem {
  padding-top: 2rem;
}

.carousel-home {
  height: unset;
  background-image: url("../images/hero-home.png") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: right;
}

.carousel-item {
  height: unset;
  background-repeat: no-repeat;
  background-size: cover;
}

.detail-page-bg {
  background-image: url(../images/detail-page-texture-shape.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.h-unset {
  height: unset !important;
}

.fullscreen-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url("/images/menu-background.jpg") no-repeat center center;
  background-size: cover;
  z-index: 1050;
  /* above navbar */
  transition: all 0.3s ease-in-out;
}

body:not(.navbar-collapse.show) .fullscreen-menu {
  display: none;
}

.mobile-nav-bg {
  background-image: url("/images/bg-mobile-menu.png");
  background-position-y: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
}

.mobile-nav-bottom-bg {
  background-image: url("/images/mobile-menu-bottom.png");
  background-position-y: bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 120px;
}

.modal-footer-bg {
  background-image: url(/images/modalbg.png);
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

.about-us-bg {
  background-image: url(/images/about-us-background-texture.png);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}

/*.form-check {
	display: flex;
	align-items: flex-start;
}*/
.hide-scrollbar {
  overflow: auto;
  /* or scroll, if always needed */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  /* Chrome, Safari, Opera */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.contour-lines {
  position: absolute;
  z-index: 3;
  top: 0;
}
@media only screen and (min-width: 576px) {
  .contour-lines {
    bottom: 0;
  }
}

.search-input {
  height: 48px;
}
.search-input:focus {
  outline: none;
}

/* events */
.events-bg {
  background-image: url(../images/hero-events.png);
  background-repeat: no-repeat;
  background-position-x: 50%;
}

.events-details-bg {
  background-image: url(../images/hero-events-detail.png);
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-size: cover;
  padding-bottom: 110px;
}

.provider-details-bg {
  background-image: url(../images/hero-provider-detail.png);
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-size: cover;
  padding-bottom: 110px;
}

.sign-up-get-listed-bg {
  background-image: url(../images/hero-sign-up.png);
  background-repeat: no-repeat;
  background-position-x: 50%;
}

.z-2000 {
  z-index: 2000 !important;
}

@media (min-width: 992px) {
  .offcanvas-custom {
    --bs-offcanvas-width: 700px;
  }
}
.form-control.form-textarea {
  height: 120px;
}
.form-control.form-textarea-sm {
  height: 80px;
}

/*.editable {
    .editable-section {
        border: 1px solid $green;
        border-radius: 16px;
        padding: 4px;
        margin-bottom: 16px;
    }
}
.bg-green {
    .editable-section {
        border: 1px solid $white;
    }
}*/