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

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    user-select: auto !important;
}
body {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}
*:not(input):not(textarea) {
  user-select: all;
}


body {
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
}
.dropdown-menu{
    --bs-dropdown-link-active-bg: rgb(205 151 140);
}
.logo-images {
    width: 120px;
}

.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 110;
    box-shadow: rgb(141 141 141 / 20%) 0px 1px 12px;
    background-color: rgb(255, 255, 255) !important;
    transition: all 0.4s ease-in-out 0s;
    padding: 20px 0px;
}

.navbar-inner {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    padding: 10px 0;
    background-color: #fff;
    display: block;
}
.top-main-menu{
    background: #fdf3f1;
    position: relative;
    top: -10px;
}

.menu-title {
    font-size: 17px;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0 10px;
    transition: all 0.3s;
}

.menu-title:hover,.menu-title.active {
    color: #cd978c !important;
}

.login-btn {
    background-color: #cd978c;
    padding: 16px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 10px;
    transition: all 0.5s;
}

.login-btn:hover {
    color: #fff;
    background-color: #F2B2B2;
}

.register-btn {
    background-color: #3e5c61;
    padding: 16px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-left: 10px;
}

.register-btn:hover {
    background-color: #cd978c;
    color: #fff;
}

.banner-inner {
    /*background-image: url(../images/banner4.jpg);*/
    /*background-size: cover;
    position: relative;
    background-position: center center;*/
}

.shape-img {
    position: absolute;
    top: 0;
}

.bg-overlay {
    /*background-color: #3b3a3acc;*/
    padding: 95px 0 0;
    display: flex;
    align-items: center;
}

.banner-title span {
    display: block;
    font-size: 23px;
    font-weight: 500;
    color: #F2B2B2;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.banner-title h1 {
    font-size: 55px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.4em;
}

.banner-title h3 {
    font-size: 36px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.4em;
}

.banner-title p {
    font-size: 20px;
    font-weight: 500;
    color: #2d2d2d;
    margin-top: 20px;
    line-height: 1.6em;
}

.banner-images {
    position: relative;
}
.banner-images img{
    border-radius: 30px;
}

.read-btn {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 20px;
    transition: all 0.5s;
}

.read-btn:hover {
    background-color: #F2B2B2;
    color: #fff;
}

.banner-images img {
    width: 100%;
    /*height: 83vh;*/
    object-fit: cover;
}

.p-80 {
    padding: 90px 0;
}

.clinical-images {
    border-radius: 30px;
}
.banner-title:nth-child(odd) {
    padding-left: 25px;
}

.banner-title:nth-child(even) {
    padding-right: 25px;
}
.about-title span {
    font-size: 20px;
    font-weight: 600;
    color: #cd978c;
}

.about-title h1 {
    font-size: 52px;
    font-weight: 700;
    color: #2d2d2d;
    margin-top: 15px;
    line-height: 1.4em;
}

.about-title {
    padding-left: 50px;
}

.about-title p {
    font-size: 17px;
    font-weight: 500;
    color: #707070;
    margin-top: 15px;
    line-height: 1.6em;
}

.stats-list li {
    font-size: 18px;
    font-weight: 500;
    color: #2d2d2d;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.stats-list li strong {
    color: #cd978c;
    margin-right: 10px;
}

.about-btn {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 30px;
    transition: all 0.5s;

}

.about-btn:hover {
    color: #fff;
    background-color: #F2B2B2;
}

.about-images {
    position: relative;
}

.item1 {
    left: -115px;
    position: absolute;
    bottom: 40px;
    padding: 25px;
    border-radius: 45px;
    background: rgb(255, 255, 255);
}

.item1 img {
    border-radius: 30px;
    height: 300px;
}

.about-inner {
    position: relative;
}

.shape-inner {
    position: absolute;
    right: 71px;
    top: 49px;
    width: 168px;
}

.bg-color {
    background-color: #fdf3f1;
    padding: 100px 0;
}

.sub-title h1 {
    font-size: 45px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.5em;
    margin-bottom: 0;
}

.view-btn {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 30px;
    transition: all 0.5s;
}

.view-btn:hover {
    background-color: #F2B2B2;
    color: #fff;
}

.view-info {
    text-align: end;
}

.services-card {
    z-index: 1;
    filter: drop-shadow(0 20px 50px rgba(var(--bs-secondary-rgb), .02));
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 25px;
    padding: 30px;
    position: relative;
}

.services-card::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
    mask-image: url(../images/download.svg);
    background: rgb(255, 255, 255);
    mask-position: right bottom;
    border-radius: 25px 25px 0px;
    transition: 0.5s;
}

.services-card img {
    width: 64px;
}

.services-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #2d2d2d;
    margin-top: 20px;
}

.services-card p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    margin-top: 10px;
    line-height: 1.6em;
}

.arrow-inner i {
    height: 48px;
    width: 48px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    transition: 0.5s;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(325deg);
    background-color: #cd978c;
}

.mb-20 {
    margin-bottom: 30px;
}

.experience-title h1 {
    font-size: 38px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 15px;
}

.experience-title p {
    font-size: 18px;
    font-weight: 500;
    color: #707070;
    line-height: 1.7em;
    margin-bottom: 0;
}

.experience-card {
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 0 35px rgba(3, 27, 78, .05);
    border: 1px solid #ddd;
    border-radius: 20px;
    margin-bottom: 30px;
}

.experience-card h3 {
    font-size: 38px;
    font-weight: 600;
    color: #cd978c;
    text-align: center;
}

.experience-card p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7em;
    color: #707070;
    text-align: center;
    margin-bottom: 0;
}

.mt-30 {
    margin-top: 30px;
}

.sub-title-info {
    text-align: center;
}

.sub-title-info h3 {
    font-size: 35px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 15px;
    line-height: 1.5em;
}

.sub-title-info p {
    font-size: 17px;
    font-weight: 500;
    color: #707070;
    line-height: 1.7em;
}

.sub-title-info p span {
    color: #cd978c;
    font-weight: 600;
}

.logo-inner {
    border: 1px solid #c9c9c973;
    padding: 50px;
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-right: 30px;
    background-color: #fff;
}

.bg-color-info {
    background-color: #fdf3f1;
    padding: 100px 0;
}

.sub-title-info h6 {
    font-size: 20px;
    font-weight: 600;
    color: #cd978c;
}

.testimonials-card {
    position: relative;
    background-color: #fff;
    padding: 60px;
    height: 100%;
    margin: 0 15px 15px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    border-top: 3px solid #cd978c;
}
.testimonials-card img{
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.user-title h2 {
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 10px;
}

.user-title p {
    margin-bottom: 0;
}

.user-title i {
    font-size: 15px;
    color: #f8bc26;
}

.user-item p {
    font-size: 16px;
    font-weight: 400;
    color: #707070;
    line-height: 1.7em;
    margin-top: 20px;
    margin-bottom: 0;
}

.user-images {
    width: 100%;
}

.bg-images {
    background-image: url(../images/bg1-lt4pUoqm.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-overlay-inner {
    background-color: #3b3a3acc;
    padding: 100px 0;
}

.newsletter-title h1 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
}

.newsletter-title p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    margin-top: 15px;
}

.register-inner {
    background-color: #fff;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #2d2d2d;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 20px;
    transition: all 0.5s;
}

.footer-bg-color {
    background-color: #fdf3f1;
    padding: 100px 0 0;
}

.footer-inner img {
    width: 200px;
}

.footer-inner p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    line-height: 1.7em;
    margin-top: 30px;
}

.footer-title h3 {
    font-size: 22px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 20px;
}

.footer-title {
    padding-left: 20px;
}

.footer-item {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
}

.footer-item:hover {
    color: #cd978c;
}

.newsletter-input {
    width: 100%;
    outline: 0;
    border: 1px solid #ddd;
    padding: 20px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    border-radius: 10px;
}

.newsletter-input:focus {
    border-color: #cd978c;
}

.subscribe-btn {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 10px;
    transition: all 0.5s;
    width: 100%;
    text-align: center;
    border: 0;
}
.subscribe-btn:hover {
    color: #fff;
}
.doula-link-menu{
    background: #cd978c;
    color: #fff;
    padding: 7px 20px;
    border-radius: 100px;
}
.doula-link-menu:hover{
    color: #fff !important;
    background: #cd978c;
}

.social-inner {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.social-inner a {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: #cd978c;
    border-radius: 50%;
    display: flex;
    font-size: 17px;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.social-inner a:hover {
    color: #fff;
    background-color: #3e5c61;
}
.topbar-contact a{
    color: #9d6559;
    font-weight: 400;
    font-size: 14px;
}
.social-inner-header {
    display: flex;
    align-items: center;
    justify-content: end;
}

.social-inner-header a {
    margin-right: 10px;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    background: #9d6559;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    transition: 0.4s;
}

.social-inner-header a:hover {
    color: #fff;
    transform: rotate(360deg);
    transition: 0.4s;
}

.footer-copyright {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    margin-top: 20px;
}

.footer-copyright p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    text-align: center;
    margin-bottom: 0;
}

/* ................................ about us */

.about-img-inner {
    background-image: url(../images/bdrc-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.about-sub-title h1 {
    font-size: 35px;
    font-weight: 700;
    color: #2d2d2d;
    text-align: center;
    margin-bottom: 20px;
}

.about-sub-title p {
    font-size: 18px;
    font-weight: 600;
    color: #2d2d2d;
    text-align: center;
    margin-bottom: 0;
}

.about-sub-title p a {
    display: inline;
    color: #cd978c;
}

.about-info img {
    border-radius: 20px;
}

.about-sub-info h3 {
    font-size: 35px;
    font-weight: 600;
    color: #2d2d2d;
    line-height: 1.6em;
}

.about-sub-info {
    padding-left: 50px;
}

.about-sub-info p {
    font-size: 18px;
    font-weight: 400;
    color: #707070;
    line-height: 1.7em;
    margin-bottom: 0;
}

.vision-images {
    position: relative;
}

.vision-images img {

    border-radius: 20px;
}

.male-img {
    left: -115px;
    position: absolute;
    bottom: 40px;
    padding: 25px;
    width: 60%;
    border-radius: 45px;
    background: rgb(255, 255, 255);
}

.male-img {
    border-radius: 30px;
    height: 300px;
}

.vision-title span {
    font-size: 20px;
    font-weight: 600;
    color: #cd978c;

}

.vision-title h1 {
    font-size: 52px;
    font-weight: 700;
    color: #2d2d2d;
    margin-top: 15px;
    line-height: 1.4em;
}

.vision-title {
    padding-left: 50px;
}

.vision-title p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    line-height: 1.8em;
}

.vision-btn {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 30px;
    transition: all 0.5s;
}

.mission-title span {
    font-size: 20px;
    font-weight: 600;
    color: #cd978c;
}


.mission-title h1 {
    font-size: 52px;
    font-weight: 700;
    color: #2d2d2d;
    margin-top: 15px;
    line-height: 1.4em;
}

.mission-title p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    line-height: 1.8em;
    margin-top: 20px;
    margin-bottom: 0;
}

.mission-images img {
    border-radius: 20px;
}

.story-title h6 {
    font-size: 32px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 20px;
}

.story-title p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    line-height: 1.8em;
}

.story-title p span {
    font-size: 18px;
    font-weight: 600;
    color: #cd978c;
}

.storyimg-imges img {
    border-radius: 20px;
}

.story-title {
    padding-left: 30px;
}

.docter-imges img {
    border-radius: 20px;
}

.docter-title h3 {
    font-size: 35px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 20px;
}

.docter-title p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    line-height: 1.8em;
}

.docter-title p span {
    color: #cd978c;
    font-size: 18px;
    font-weight: 600;
}

.p-50 {
    padding-left: 40px;
}

.docter-list {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.docter-list i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    color: #3e5c61;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.docter-list p {
    font-size: 16px;
    font-weight: 600;
    color: #707070;
    width: 80%;
    line-height: 1.7em;
    margin-left: 15px;
    margin-bottom: 0;
}

/* ..............doula-list....... */

.sort-title p {
    font-size: 20px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.sort-btn {
    background-color: #3e5c61;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 0px;
    transition: all 0.5s;
}

.sort-btn:hover {
    background-color: #cd978c;
    color: #fff;
}

.filter-btn {
    background-color: transparent;
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #3e5c61;
    width: 100%;
    border: 1px solid #3e5c61;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 0px;
    transition: all 0.5s;
    outline: 0;
}

.docpostcontent-card {
    border: 1px solid #ddd;
    margin-top: 30px;
    border-radius: 20px;
    background-color: #fff;
    transition: all 0.7s;
}

.docpostcontent-card:hover {
    border-color: #cd978c;
    box-shadow: 0px 11px 18px 0px rgb(217 217 217);
}

.docpostcontent-inner {
    display: flex;
    align-items: center;
    padding: 26px 26px;
}

.docpostcontent-images {
    
}

.docpostcontent-images img {
    width: 250px;
    height: 250px;
    min-width: 250px;
    min-height: 250px;
    max-width: 250px;
    max-height: 250px;
    object-fit: cover;
    border-radius: 20px;
}

.docpostcontent-title {
    margin-left: 20px;
}

.docpostcontent-title h2 {
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d;
}

.docpostcontent-title p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 5px;
}

.docpostcontent-title h6 {
    font-size: 15px;
    color: #b3b3b3;
    font-weight: 600;
    margin-bottom: 0;
}

.icon-color {
    color: #f8bc26;
}

.docpostcontent-item {
    padding: 30px;
    border-left: 1px solid #ddd;
}

.docpostcontent-item p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 5px;
}

.docpostcontent-item p i {
    margin-right: 10px;
}

.docpostcontent-info a {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    width: 100%;
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 10px;
    transition: all 0.5s;
}

.docpostcontent-info a:hover {
    background-color: #3e5c61;
    color: #fff;
}

.page-item {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
}

.page-item.active {
    background-color: #cd978c;
    color: #fff;
    border-color: #cd978c;
}

.docter-inner {
    background-color: #fdf3f1;
    border-radius: 20px;
    position: relative;
}

.social-info {
    position: absolute;
    left: 40px;
    display: flex;
    background-color: #fff;
    border-radius: 50px;
    height: 60px;
    padding: 10px 50px;
    right: 40px;
    bottom: 40px;
    box-shadow: 0 0 40px #0000001a;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}

.social-info a {
    color: #2d2d2d;
    font-size: 18px;
}

.time-card {
    background-color: #3e5c61;
    padding: 30px;
    margin-top: 20px;
    border-radius: 20px;
}

.time-card h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.time-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.time-list p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.time-border {
    border-bottom: 1px solid #fff;
}

.docter-detail h2 {
    font-size: 45px;
    font-weight: 700;
    color: #2d2d2d;
}

.docter-detail {
    padding-left: 50px;
}

.docter-detail p {
    font-size: 17px;
    font-weight: 500;
    color: #707070;
    margin-top: 15px;
    margin-bottom: 30px;
    line-height: 1.8em;
}

.docter-detail span {
    font-size: 16px;
    font-weight: 600;
    color: #cd978c;
    display: block;
    margin-top: 10px;
}

.docter-item {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.docter-item h3 {
    width: 30%;
    font-size: 16px;
    font-weight: 600;
    color: #2d2d2d;
}

.docter-item h6 {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
}

.docter-border {
    border-bottom: 1px solid #ddd;
}

.skills-title {
    font-size: 25px;
    font-weight: 700;
    color: #2d2d2d;
    margin-top: 25px;
    margin-bottom: 15px;
}

.skills-list {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.skills-list i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #cd978c21;
    color: #cd978c;
    font-size: 15px;
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.skills-list h5 {
    font-size: 18px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 0;
}

.book-btn {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 10px;
    transition: all 0.5s;
}

.book-btn:hover {
    background-color: #3e5c61;
    color: #fff;
}

.form-list {
    background-color: #fdf3f1;
    padding: 30px;
    margin-top: 20px;
    border-radius: 20px;
}

.from-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;

    background-color: #cd978c;
}

.from-title h3 {
    font-size: 19px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.from-title P {
    font-size: 15px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 0;
}

.from-title {
    margin-left: 15px;
}

.form-info {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.form-info:hover .from-icon i {
    animation: 1s ease 0s 1 normal none running shake;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}


/* ..........................referral-from */
.patients-images img {
    border-radius: 10px;
}

.patients-title h1 {
    font-size: 45px;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 1.3em;
    margin-bottom: 15px;
}

.patients-title {
    padding-left: 50px;
}

.patients-title p {
    font-size: 18px;
    font-weight: 500;
    color: #707070;
    line-height: 1.7em;
}

.information-btn {
    border: 0;
    padding: 18px 50px;
    font-size: 17px;
    font-weight: 600;
    color: #2d2d2d;
    margin-right: 20px;
    border-radius: 10px;
    background-color: #dddddd4a;
}

.information-btn.active {
    color: #fff;
    background-color: #3e5c61;
}

.information-card {
    background-color: #fdf3f1;
    padding: 50px;
    border-radius: 20px;
    margin-top: 20px;
}

.information-label {
    font-size: 17px;
    font-weight: 500;
    color: #2d2d2d;
}

.information-input {
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    width: 100%;
    margin-top: 5px;
    padding: 18px 25px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    outline: 0;
}

.information-input.information-input:focus {
    border-color: #cd978c;
}

.refer-btn {
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 10px;
    transition: all 0.5s;
    margin-top: 30px;
    outline: 0;
    border: 0;
}

.refer-btn:hover {
    background-color: #3e5c61;
    color: #fff;
}

.refer-title h1 {
    font-size: 35px;
    font-weight: 600;
    color: #2d2d2d;
    text-align: center;
}

.refer-title p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    line-height: 1.7em;
    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;
}

/* ......................login card............... */
.login-card {
    background-color: #fdf3f1;
    padding: 50px;
    border-radius: 20px;
}

.login-card h3 {
    font-size: 35px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 10px;
    text-align: center;
}

.login-card p {
    font-size: 18px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 15px;
    text-align: center;
}


.login-card .info-register {
    font-size: 16px;
    font-weight: 500;
    color: #cd978c;
    margin-bottom: 15px;
    text-align: center;
    border: 1px solid #ebbab0;
    background: #ffeae6;
    padding: 12px;
    border-radius: 10px;
}

.sub-label {
    font-size: 16px;
    font-weight: 500;
    color: #2d2d2d;
}

.sub-input {
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    width: 100%;
    padding: 18px 25px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    outline: 0;
    line-height: 1.3;
    -webkit-appearance: none !important;
}

.sub-input:focus {
    border-color: #cd978c;
}
.sub-input[type="file"]{
    max-height: 58px;
    font-size: 13px;
}
select.sub-input {
    appearance: auto; /* ensures default arrow shows */
    -webkit-appearance: auto; /* Safari / Chrome */
    -moz-appearance: auto; /* Firefox */
}
/* Style the main Select2 container like your input */
.step .select2-container--default .select2-selection--single {
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    width: 100%;
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    outline: 0;
    line-height: 1.3;
    min-height: 60px; /* Set minimum height */
    height: auto;      /* allow height to grow if needed */
    display: flex;
    align-items: center; /* vertically center the text */
}

/* Remove default arrow padding */
.step .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px; /* 5px margin from right */
}

/* Optional: style the dropdown items */
.step .select2-container--default .select2-results__option {
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    padding: 8px 25px;
}

.step .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 17px;
}
.forgot-title {
    text-align: end;
    font-size: 16px;
    font-weight: 500;
    color: #3e5c61;
    margin-bottom: 0;
}

.login-btn-inner {
    text-decoration: none;
    background-color: #cd978c;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 10px;
    border: 0;
    margin-top: 20px;
    transition: all 0.5s;
    width: 100%;
}
.login-btn-inner:hover{
    background-color: #d58676;
    color: #fff;
}
.login-item {
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
}

.login-item a {
    display: inline;
    color: #cd978c;
    font-size: 18px;
}

.photo-title {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    display: block;
    margin-bottom: 20px;
}


/* .....................my-account........... */
.account-inner li{
    width: 100%;
}
.account-tabs {
    border: 0;
    padding: 18px 25px;
    font-size: 16px;
    font-weight: 600;
    color: #2d2d2d;
    margin-right: 10px;
    border-radius: 10px;
    transition: all 0.5s;
    background-color: #dddddd4a;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
}
#myTabContent .profile-card{
    margin-top: 0;
}
.account-tabs i {
    margin-right: 10px;
}

.account-tabs:hover {
    background-color: #3e5c61;
    color: #fff;
}

.account-tabs.active {
    background-color: #3e5c61;
    color: #fff;
}
.account-tabs.active .fa-check-circle{
    color: #fff !important;
}
.profile-card {
    background-color: #fdf3f1;
    padding: 50px;
    border-radius: 20px;
    margin-top: 20px;
}

.profile-inner h6 {
    font-size: 16px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.profile-images img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.profile-images {
    position: relative;
}

.profile-inner {
    margin-bottom: 13px;
}

.edit-btn {
    position: absolute;
    bottom: 0;
    left: 82px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
}


.driving-images img {
    border-radius: 10px;
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.driving-images {
    position: relative;
}
.driving-images .edit-btn {
    left: unset;
    bottom: -10px;
    right: -10px;
}

.swal2-styled.swal2-confirm,.submit-btn {
    background-color: #cd978c !important;
    padding: 18px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 10px;
    margin-top: 20px;
    transition: all 0.5s;
    border: 0;
}
.swal2-styled.swal2-confirm:hover,.submit-btn:hover {
    border: 0;
    color: #fff;
    background-color: #d58676 !important;
}

.profile-label {
    font-size: 16px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.question-title h6 {
    font-size: 27px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 30px;
}

.question-title h5 {
    font-size: 20px;
    font-weight: 500;
    color: #2d2d2d;
    margin-bottom: 13px;
}

.question-label {
    font-size: 18px;
    font-weight: 500;
    color: #707070;
}

.question-input {
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    width: 100%;
    margin-top: 5px;
    padding: 18px 25px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    outline: 0;
}

.question-inner {
    margin-bottom: 20px;
}



.table {
    background-color: #fff;
    vertical-align: middle;
}



.approve-btn {
    background-color: transparent;

    font-size: 18px;
    font-weight: 600;
    color: #2d2d2d;
    border: 0;
    transition: all 0.5s;
}

.reject-btn {
    background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    color: rgb(207, 13, 13);
    border: 0;
    margin-left: 10px;

}

.appointments-inner {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}

.appointments-inner h3 {
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 10px;
}

.appointments-inner i {
    margin-right: 5px;
}

.appointments-inner p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 10px;
}

.appointments-inner span {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
}

.testimonials-bg-color {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
}

.testimonials-item h3 {
    font-size: 20px;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.testimonials-item p {
    font-size: 18px;
    font-weight: 500;
    color: #707070;
}

.testimonials-inner {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}

.testimonials-inner p {
    font-size: 18px;
    font-weight: 500;
    color: #2d2d2d;
    line-height: 1.5em;
}

.testimonials-inner i {
    color: #f8bc26;
    font-size: 15px;
    margin-bottom: 10px;
}

.booking-title h3 {
    font-size: 35px;
    font-weight: 700;
    color: #2d2d2d;
    text-align: center;
}

.booking-title p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
    text-align: center;
    line-height: 1.7em;
    margin-bottom: 0;
    margin-top: 15px;
}

.booking-card {
    background-color: #fdf3f1;
    padding: 50px;
    border-radius: 20px;
}

.booking-card h3 {
    font-size: 25px;
    font-weight: 600;
    color: #2d2d2d;
    text-align: center;
    margin-bottom: 20px;
}

.booking-label {
    font-size: 17px;
    font-weight: 500;
    color: #707070;
}

.booking-input {
    background-color: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #2d2d2d;
    width: 100%;
    margin-top: 5px;
    padding: 18px 25px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    outline: 0;
}

.booking-input:focus {
    border-color: #cd978c;
}

.booking-label-inner {
    font-size: 17px;
    font-weight: 500;
    color: #2d2d2d;
}

.submit-info {
    background-color: #cd978c;
    padding: 16px 50px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 10px;
    transition: all 0.5s;
    text-align: center;
    margin-top: 15px;
}

.booking-images img {
    border-radius: 20px;
}
.main-menu .dropdown-menu {
    border-radius: 12px;
    overflow: hidden;
    min-width: 200px;
}

.main-menu .dropdown-item i {
    width: 18px;
    text-align: center;
}

.stepper-wrapper {
    margin-top: 30px;
}

.stepper-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 15px;
    border-radius: 12px;
    background-color: #fff;
    
    width: calc(33.33% - 11px);
    transition: all 0.3s ease;
        border: 1px solid #ffd8d0;
}

.stepper-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.step #counties{
    right: 0;
}
.step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
    transition: background-color 0.3s ease;
}

.step-title {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #333;
}

.stepper-box.active  {
    color: #cd978c;
    background-color: #ffeae6;
}
.stepper-box.active .step-circle {
    background-color: #cd978c;
    color: #fff;
}

.stepper-box.active .step-title {
    color: #cd978c;
}

.stepper-box.completed  {
    color: #cd978c;
    background-color: #ffeae6;
}
.stepper-box.completed .step-circle {
    background-color: #cd978c;
    color: #fff;
}

.stepper-box.completed .step-title {
    color: #cd978c;
}

/*.stepper-box.completed .step-circle {
    background-color: #198754;
    color: #fff;
}

.stepper-box.completed .step-title {
    color: #198754;
}*/

.upload-card {
    background: #fff;
    border: 2px solid #fbe1db;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    text-align: center;
    transition: 0.3s;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    cursor: pointer;
    align-items: center;
}
.upload-card:has(.is-invalid){
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    border-width: 1px;
}
.upload-card:focus-visible{
    outline:none;
}

.profile-images:has(.is-invalid) img{
    border:1px solid #dc3545;
}

.upload-card:hover,.upload-card:focus {
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.upload-label {
    cursor: pointer;
    color: #777;
    font-weight: 600;
    display: block;
    font-size: 16px;
}

.upload-label i {
    font-size: 18px;
}

.upload-input {
    display: none;
}

.upload-filename {
    text-align: right;
    font-size: 14px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
}

#autocomplete-results {
    position: absolute;
    z-index: 1000;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--bootstrap-5 .select2-selection--single{
    padding: 16px 25px !important;
    height: auto !important;
    line-height: 1 !important;
    border-radius: 10px  !important;
    border: 1px solid #ddd  !important;
}
.select2-container .select2-selection--multiple{
    padding: 8px 25px 13px 25px !important;
    height: auto !important;
    line-height: 1 !important;
    border-radius: 10px  !important;
    border: 1px solid #ddd  !important;
}
.select2-container{
    width: auto !important;
        min-width: 100%;
}
.verified-badge {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(to right, #28a745, #218838);
  color: white;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 5px 12px;
  border-radius: 50px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.verified-badge i {
  margin-right: 6px;
}
.btn-primary{
    background-color: #cd978c;
    border-color: #d58676;
}
.btn-primary:hover{
    background-color: #d58676;
    border-color: #d5735f;
}
.form-control[type="password"].is-invalid, .was-validated .form-control[type="password"]:invalid{
    background-position: right calc(.375em + 2.1875rem) center;
}
.text-primary{
    color: #cd978c !important;
}
#password-strength{
    
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #d58676 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #cd978c;
    border: 1px solid #cb8071;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
    border-color: #ffffff;
    top: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding-top: 5px;
    padding-bottom: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    color: #fff;
}
.day.active{
  background-color: #d58676 !important;
  color: white !important;
}

/* Optional: Hover color */
td[data-day]:hover > div {
  background-color: #e6a396 !important;
}
.select2-container--open {
  z-index: 9999;
}

.select2-dropdown {
  max-height: 250px;
  overflow-y: auto !important;
}
/* Make Bootstrap 5 checkbox more modern */
.custom-checkbox .form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 6px; /* rounded corners */
  border: 2px solid #d58676;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.custom-checkbox .form-check-input:checked {
  background-color: #d58676;
  border-color: #d58676;
  box-shadow: 0 0 0 0.15rem rgba(213, 134, 118, 0.25);
}

.custom-checkbox .form-check-input:focus {
  box-shadow: 0 0 0 0.15rem rgba(213, 134, 118, 0.25);
  outline: none;
}

.custom-checkbox .form-check-label {
  cursor: pointer;
  font-size: 0.95rem;
  padding-left: 5px;
  
  position: relative;
    top: 3px;
}

/* Make Bootstrap 5 radio more modern */
.custom-radio .form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 50%; /* perfect circle */
  border: 2px solid #d58676;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.custom-radio .form-check-input:checked {
  background-color: #d58676;
  border-color: #d58676;
  box-shadow: 0 0 0 0.15rem rgba(213, 134, 118, 0.25);
}

.custom-radio .form-check-input:focus {
  box-shadow: 0 0 0 0.15rem rgba(213, 134, 118, 0.25);
  outline: none;
}

.custom-radio .form-check-label {
  cursor: pointer;
  font-size: 0.95rem;
  padding-left: 5px;
  position: relative;
    top: 3px;
}
.th-step-flow {
    margin-top: 30px;
}
.th-step {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #fdf3f1;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #f0d4ce;
}
.th-step i {
    font-size: 20px;
    color: #d58676;
    width: 35px;
    text-align: center;
}
.th-step span {
    font-weight: bold;
    color: #333;
}
.verify-section {
    margin-top: 30px;
    background: #fff8f7;
    border: 1px solid #f5d6d0;
    border-radius: 8px;
    padding: 20px;
}
.verify-section h2 {
    color: #d58676;
    font-size: 18px;
    margin-bottom: 10px;
}
.verify-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.verify-item i {
    color: #d58676;
    margin-right: 10px;
    font-size: 18px;
}
.verify-btn {
    display: inline-block;
    padding: 8px 15px;
    background: #d58676;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.3s;
}
.verify-btn:hover {
    background: #b95d4c;
    color: #fff;
}
.table-wrapper{
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
table.main-tbl {
  width: 100%;
  border-collapse: collapse;
  background-color: #fdf3f1;
  font-family: Arial, sans-serif;
      margin: 0;
}

table.main-tbl thead {
  background-color: #f8dcd6; /* Slightly darker for header */
}

table.main-tbl th,
table.main-tbl td {
  border: 1px solid #f2c9c0;
  padding: 10px 14px;
  text-align: left;
}

table.main-tbl th {
  font-weight: bold;
  color: #5a3e36;
}

table.main-tbl tbody tr:nth-child(even) {
  background-color: #fbe8e4; /* subtle alternate row */
}

table.main-tbl tbody tr:hover {
  background-color: #f7d7d0; /* hover effect */
  transition: background-color 0.2s ease-in-out;
}


.password-strength {
    border-radius: 7px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-left: 8px;
    transition: background-color 0.3s ease;
    position: relative;
    top: -2px;
}

/* Weak */
.password-danger {
  background-color: #e74c3c; /* Red */
}

/* Medium */
.password-warning {
  background-color: #f39c12; /* Yellow/Orange */
}

/* Strong */
.password-success {
  background-color: #27ae60; /* Green */
}


.password-requirements {
  background: #ffffff; /* Slight contrast against #fdf3f1 */
  border: 1px solid #f4ccc4;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 14px;
  margin-top: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}


.requirement-item {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  color: #666;
  font-weight: 500;
}

.requirement-item i {
  margin-right: 8px;
  font-size: 14px;
  transition: color 0.3s ease;
}

/* Success check */
.requirement-item.valid {
  color: #27ae60;
}

.requirement-item.valid i {
  color: #27ae60;
}

/* Failure */
.requirement-item.invalid {
  color: #e74c3c;
}

.requirement-item.invalid i {
  color: #e74c3c;
}

.country-alert {
  background-color: #fdf3f1; /* Matches your theme */
  border: 1px solid #f4ccc4;
  color: #b71c1c; /* Deep red for emphasis */
  padding: 12px 15px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.04);
}

.country-alert i {
  color: #d32f2f;
  font-size: 16px;
}
.form-error {
  color: #d32f2f; /* Deep red */
  font-size: 13px;
  margin-top: 4px;
  display: block;
  font-weight: 500;
}
.input-group:has(.is-invalid) .input-group-text{
    border: 1px solid #dc3545;
}


.referral-steps-vertical {
  position: relative;
}
.referral-steps-vertical::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #e77e6c;
}
.step-vertical {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 50px;
}
.step-icon {
  width: 50px;
  height: 50px;
  background: #fdf3f1;
  border: 2px solid #e77e6c;
  color: #e77e6c;
  border-radius: 50%;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.step-content {
  margin-left: 20px;
}
.step-icon:hover {
  background: #e77e6c;
  color: #fff;
  transform: scale(1.05);
  transition: all 0.3s ease;
}
.d-nav-filter {
    background: #fff;
    border-radius: 0;
    border: none;
    z-index: 100;
    padding: 25px 15px;
    /*position: sticky;
    top: 150px;*/
    background: #eaeaed !important;
    z-index: 99;
    border-radius: 0;
    background-color: #F5F7FC !important;
    border-radius: 8px;
}

.gps-icon {
    display: inline-block;
    opacity: .7;
    right: 10px !important;
}

.gps-icon:hover {
    opacity: 1
}

.gps-icon img {
    width: 20px;
    z-index: 1;
}

.nav-form .form-control {
    margin-right: 4px !important;
    border-radius: 0;
    border: none;
    background: #fff;
    font-size: .9rem;
    height: auto;
    padding: .7rem .75rem;
    padding: 10px 25px;
    margin: 0;
    /* background: #F0F5F7; */
    height: 50px;
    color: #77838F;
    border-radius: 8px;
}
.nav-form .form-select {
    margin-right: 4px !important;
    border-radius: 0;
    border: none;
    background: #fff;
    font-size: .9rem;
    height: auto;
    padding: .7rem .75rem;
    border-radius: 8px;
}


.list-table {
    width: 100%
}

.list-table tr {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    transition: .4s
}

.list-table tr:hover {
    box-shadow: 0 0 10px #ddd;
    transition: .4s
}

.list-middle h2 {
    color: #212529;
}

.list-middle h5 {
    color: #212529;
}

.list-middle p {
    color: #222;
}

.fa-map-marker-alt .color-red {
    color: #cd978c;
}

.list-middle h6 {
    color: #878791;
}

h3.reivew-list {
    color: #cd978c;
}

h3.reivew-list span {
    color: #000000
}

.view-profile-btn, .view-profile-btn:focus {
    background: #cd978c;
    border: 1px solid #cd978c;
    color: #ffffff;
}

.view-profile-btn:hover {
    background: #d58676;
    border-color: #d58676;
    color: #ffffff;
}

.view-profile-btn-empty, .view-profile-btn-empty:focus {
    background: #ffffff;
    color: #212529;
    border: 1px solid #cd978c;
}

.view-profile-btn-empty:hover {
    background: #d58676;
    border-color: #d58676;
    color: #ffffff;
}

img.company-logo-img:hover {
    border-color: #cd978c;
}


.list-table a {
    text-decoration: none;
}
.list-middle h2 {
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 5px;
    transition: .4s;
    color: #212529
}

.list-middle h2:hover {
    opacity: .8;
    transition: .4s
}

.list-middle h5 {
    font-weight: 500;
    font-size: .9rem
}

.list-middle p {
    margin: 0;
    font-size: .8rem;
    opacity: 1;
    font-weight: 500;
}

.list-middle h6 {
    font-weight: 500;
    font-size: .8rem;
    color: #111;
    text-transform: uppercase;
}

.list-middle h6:hover {
    opacity: .8
}

.list-middle ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.list-middle ul li {
    font-size: .8rem;
    padding: 2px 0
}

.list-middle ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 10px;
    color: #1fc176
}

.list-last {
    text-align: right;
    padding: 10px 15px;
    width: 270px
}

.pad-15 {
    padding: 15px
}

.view-profile-btn,
.view-profile-btn:focus {
    display: block;
    width: 100%;
    text-align: center;
    background: #cd978c;
    color: #ffffff;
    padding: 7px;
    font-weight: 400;
    transition: .4s;
    border: 1px solid #cd978c;
    margin-bottom: 5px;
    font-size: .9rem
}

.view-profile-btn i {
    margin-right: 10px
}

.view-profile-btn:hover {
    background: #d58676;
    border-color: #d58676;
    color: #fff
}

.view-profile-btn-empty,
.view-profile-btn-empty:focus {
    display: block;
    width: 100%;
    text-align: center;
    background: 0 0;
    color: #212529;
    padding: 7px;
    font-weight: 400;
    transition: .4s;
    border: 1px solid #cd978c;
    font-size: .9rem
}

.view-profile-btn-empty i {
    margin-right: 10px;
    font-size: .9rem
}

.view-profile-btn-empty:hover {
    background: #d58676;
    border-color: #d58676;
    color: #fff
}

.company-link {
    display: inline-block;
    text-align: center;
    color: #222;
    font-size: .9rem;
    border-bottom: 1px dotted #888
}

.sponsored-tag {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    background: #9e9e9e;
    color: #fff;
    padding: 5px 20px;
    font-size: .7rem;
    font-weight: 700;
    border-radius: 100px 0 0 100px
}

.editor-tag {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    background: #1fc176;
    color: #fff;
    padding: 5px 20px;
    font-size: .7rem;
    font-weight: 700;
    border-radius: 100px 0 0 100px
}

.editor-choice-box {
    border: 1px solid #1fc176
}

.popular-tag {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    background: #ffb107;
    color: #fff;
    padding: 5px 20px;
    font-size: .7rem;
    font-weight: 700;
    border-radius: 100px 0 0 100px
}

.detail-doula-profile-photo {
    width: 150px !important;
    height: 150px;
    border-radius: 100px;
    border: 2px solid #ddd;
    padding: 4px;
    transition: .4s;
    object-fit: cover;
}

.detail-doula-profile-photo:hover {
    transform: scale(.9);
    border-color: #cd978c;
    transition: .4s
}

.profile-top-text {
    padding: 15px
}

.profile-top-text h2 {
    font-weight: 700;
    margin-bottom: 0
}

.profile-top-text h5 {
    margin-bottom: 5px
}

.profile-top-text h6 {
    color: #212529;
    font-weight: 500
}

.profile-call-table {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 !important;
    font-size: .9rem
}

.profile-call-table a {
    display: inline-block;
    border: 1px solid #bfbfbf;
    padding: 7px 15px;
    border-radius: 4px;
    margin-left: 10px;
    font-weight: 600;
    color: #212529;
    transition: .4s;
}
.profile-call-table a.share_btn_active {
    color: #fff;
    background: #cd978c;
    border-color: #cd978c;
}

.profile-call-table a i {
    margin-right: 10px;
    color: #cd978c
}
.profile-call-table a.share_btn_active i {
    color: #fff
}
.profile-call-table a:hover {
    background: #eee;
    color: #212529;
    transition: .4s
}
.profile-call-table a.share_btn_active:hover {
    background: #d58676;
    color: #fff;
}

.profile-about p {
    font-size: .85rem;
    line-height: 1.6rem;
    word-break: break-word;
}



.profile-about p a {
    color: #212529;
    border-bottom: 1px dotted #6a6a6a;
    display: inline-block
}

.profile-about p a:hover {
    border-bottom: 1px solid
}

.review-box {
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.review-box .review-profile-image {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 1px solid #999;
    padding: 2px;
    margin-bottom: 10px
}

.review-box:hover .review-profile-image {
    border-color: #cd978c
}

.review-box h5 {
    display: inline-block;
    margin: 0;
    font-size: .9rem
}

.review-box h5 span {
    margin-left: 10px;
    opacity: .7
}

.review-box h3 {
    display: inline-block;
    float: right
}

.review-box h4 {
    font-size: .9rem
}

.review-box p {
    font-size: .85rem;
    opacity: .7;
    margin-bottom: 0
}


.list-left {
    text-align: left;
    padding: 25px 15px;
    width: 120px
}

.list-middle {
    padding: 15px 0;
    width: 25%;
}

.list-left img.company-logo-img {
    border-radius: 100%;
    width: 90px;
    height: 90px;
    transition: .4s;
    border: 2px solid #ddd;
    padding: 3px;
    object-fit: cover;
}

img.company-logo-img:hover {
    transform: scale(.9);
    border-color: #cd978c;
    transition: .4s
}

h3.reivew-list {
    margin: 0;
    font-size: 1rem;
    color: #cd978c;
    line-height: 1.6
}

h3.reivew-list span {
    color: #444;
    font-size: .85rem
}

h3.reivew-list span span {
    border-bottom: 1px dotted
}

h3.reivew-list i {
    margin: 1px
}

h3.reivew-list a,
h3.reivew-list a:focus,
h3.reivew-list a:hover {
    color: #cd978c
}
#doulalist_filter button[type="submit"]{
    padding: 9px 40px;
}

.bg-primary-theme{
    background: #cd978c;
    padding: 0;
}
.bg-primary-theme .navbar-nav .nav-link.active {
    background: #d58676;
}
.bg-primary-theme .navbar-nav .nav-link {
    color: #fff !important;
    padding: 20px 15px;
    transition: 0.4s;
    font-weight: 400;
}

.forgot-password{
    font-size: 15px !important;
}
.form-check-input:checked {
    background-color: #cd978c;
    border-color: #bd7f73;
}
.booking-tbl-container{
    background: #fff;
    border-radius: 6px;
    border: 1px solid #f2d7d1;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
.booking-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #f2d7d1;
  background: #fdf3f1; /* accent bar */
}

.booking-header input {
  width: 280px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  outline: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

.booking-header input:focus {
  border-color: #ff7e5f;
  box-shadow: 0 0 6px rgba(255,126,95,0.25);
}

.booking-header .actions button {
  background: #ff7e5f;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}

.booking-header .actions button:hover {
  background: #e66850;
}

.booking-header .actions button.active {
  background: #e66850;
}

table.booking-tbl {
  width: 100%;
  border-collapse: collapse;
}

.booking-tbl thead {
  background: #fafafa;
}

.booking-tbl thead th {
  text-align: left;
  padding: 14px 16px;
  font-size: 13px;
  text-transform: uppercase;
  color: #666;
  border-bottom: 1px solid #eee;
}

.booking-tbl tbody tr {
  transition: background 0.3s;
}

.booking-tbl tbody tr:hover {
  background: #fdf3f1; /* subtle highlight */
}

.booking-tbl tbody td {
  padding: 14px 16px;
  font-size: 14px;
  border-bottom: 1px solid #f2f2f2;
  vertical-align: middle;
}

.booking-tbl tbody td:first-child {
  font-weight: 600;
}

.booking-tbl .badge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 20px;
  font-weight: 500;
}

.badge.completed {
  background: #e1f0ff;
  color: #2979ff;
}

.badge.upcoming {
  background: #fff0e1;
  color: #ff7e5f;
}
.badge.cancelled {
    background: #ffe1e1;
    color: #ff5f5f;
}
.booking-tbl td a:not(.btn) {
  color: #2979ff;             /* blue link */
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s, text-decoration 0.3s;
}

.booking-tbl td a:not(.btn):hover {
  color: #ff7e5f;             /* matches primary accent */
  text-decoration: underline; /* subtle underline on hover */
}

.booking-tbl td a:not(.btn):active {
  color: #d4553b;             /* darker shade when clicked */
}
.booking-tbl tbody td {
  padding: 14px 16px;
  font-size: 14px;
  border-bottom: 1px solid #f2e6e3; /* soft bottom border */
  border-right: 1px solid #f7f0ee;  /* subtle vertical border */
  vertical-align: middle;
}
.booking-tbl tbody tr:last-child td {
  border-bottom: 0; /* soft bottom border */
}

/* remove last column border */
.booking-tbl tbody td:last-child {
  border-right: none;
}

/* first column slightly bolder */
.booking-tbl tbody td:first-child {
  font-weight: 600;
}
.form-check.large input{
    width: 1.4em;
    height: 1.4em;
    border-radius: 0;
    margin-top: -1px;
}

/*:root {
  --primary-color: #cd978c;
  --primary-gradient: ;
}*/

.booking-progress {
  background-color: #f3e9e7;
  border-radius: 1rem;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  overflow: hidden;
  text-align: center;
}

.booking-progress-bar {
  padding: 5px 0;
  background: linear-gradient(90deg, #cd978c 0%, #dcaea6 100%);
  color: #fff;
  font-weight: 500;
  font-size: 0.85rem;
  border-radius: 1rem;
  box-shadow: 0 0 10px rgba(205, 151, 140, 0.6);
  transition: width 0.6s ease-in-out;
}

@media (max-width:767px) {
    .list-table tr td:first-child {
        display: block;
        width: 30% !important;
        float: left;
        padding-bottom: 100px !important;
        padding-left: 0 !important
    }

    .list-table tr td {
        display: block;
        width: 70% !important;
        float: left;
        padding-left: 4% !important;
        text-align: left !important
    }

    .list-table tr td:last-child {
        display: block;
        width: 100% !important;
        text-align: center;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .list-left,
    .list-middle {
        padding: 10px 0 0 0
    }

    h3.reivew-list span {
        font-size: .7rem
    }

    .list-middle h5 {
        margin-bottom: 0
    }


    .d-nav-filter .collapse:not(.show) {
        display: block
    }

    .d-nav-filter .nav-form .input-group {
        width: 50%
    }

    .d-nav-filter {
        position: relative
    }


    .d-nav-filter .w-22 {
        width: calc(50% - 2px);
    }
    .m-d-flex{
        flex-wrap: wrap;
    }
    .d-nav-filter {
        position: relative;
        top: 0;
        padding: 10px 0;
    }
}

@media (max-width:1000px) {
    .d-nav-filter .collapse:not(.show) {
        display: block
    }

    .d-nav-filter .nav-form .input-group {
        width: 50%
    }
}

.doula-map-iframe {
    width: 100%
}

.ipad_show {
    display: none
}
.w-22{
    width: 22.8%;
}
@media (min-width:768px) and (max-width:992px) {
    .ipad_hidden {
        display: none
    }

    .ipad_show {
        display: block
    }

    .d-nav-filter {
        position: relative
    }
}

@media (max-width:500px){
    .stepper-box {
        width: 100% !important;
    }
    .upload-card {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .upload-label{
        width: 100%;
    }
    .upload-filename{
        width: 100% !important;
        text-align: center !important;
    }
    .login-card {
        padding: 15px 15px 20px 15px !important;
    }
}
.notification-main{
    margin-top: 7px;
}
.notification-menu {
  width: 350px;
  max-height: 500px;
  overflow-y: auto !important;
  border-radius: 12px;
  background-color: #fff;
}
/* Target element (body or any container selector) */
.notification-menu::-webkit-scrollbar {
  width: 4px;  /* Make thin */
}

/* Scrollbar Track */
.notification-menu::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Scrollbar Handle */
.notification-menu::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px; /* Rounded edges */
}

/* Hover effect */
.notification-menu::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.notification-item {
  white-space: normal; /* allow text to wrap */
  word-wrap: break-word;
  padding: 12px 15px;
  border-bottom: 1px solid #f1f1f1;
}

.notification-item:hover {
  background-color: #f9f9f9;
  border-radius: 8px;
  color: #212529;
}

.notification-menu .dropdown-header {
  border-radius: 12px 12px 0 0;
}

.bg-theme-color{
        background-color: rgb(205 151 140) !important;
}
.booking-header .actions button{

}


.fc-event:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 9999;
    font-size: 12px;
    right: 0;
    top: -30px;
}

/* --- FullCalendar Custom Colors --- */

/* Default buttons */
.fc .fc-button {
  background-color: #cd978c;
  border: none;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

/* Hover state */
.fc .fc-button:hover {
  background-color: #d58676;
  opacity: 0.9;
}

/* Active / current view button */
.fc .fc-button.fc-button-active,
.fc .fc-button:active {
  background-color: #d58676 !important;
  color: #fff !important;
}

/* Today highlight */
.fc .fc-day-today {
  background-color: rgba(213, 134, 118, 0.15) !important;
  border: 1px solid #d58676 !important;
}

/* Events */
.fc-event {
  background-color: #cd978c;
  border: none;
  color: #fff;
}

.fc-event:hover {
  background-color: #d58676;
}

/* Header Title */
.fc-toolbar-title {
  color: #d58676;
  font-weight: 600;
}
/* Calendar header days (Sun, Mon, etc.) */
.fc-col-header-cell-cushion {
  color: #cd978c !important;
  font-weight: 600;
  text-decoration: none !important;
}

/* Calendar date numbers */
.fc-daygrid-day-number {
  color: #cd978c !important;
  font-weight: 500;
  text-decoration: none !important;
}

/* Today’s date number */
.fc-day-today .fc-daygrid-day-number {
  color: #d58676 !important;
  font-weight: 700;
}

/* Event default look */
.fc-event,
.fc-daygrid-event {
  background-color: #cd978c;
  border: none;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

/* Hover effect on event */
.fc-event:hover,
.fc-daygrid-event:hover {
  background-color: #d58676 !important;
  color: #fff !important;
  transform: scale(1.02); /* subtle zoom */
  cursor: pointer;
}
.fc-daygrid-event-dot {
    border-color: #e66850 !important;
    background-color: #85210e !important;
}

.fc-list-day-text,.fc-list-day-side-text{
    color: #cd978c;
}
.fc-list-day-text:hover,.fc-list-day-side-text:hover{
    color: #d58676;
}
.fc .fc-list-event:hover td{
    background-color: #d58676 !important;
}
.fc .fc-list-event-dot{
    
    border-color: #e66850 !important;
    background-color: #85210e !important;
}
.bg-theme-primary{
    background: #cd978c !important;
    color:#ffffff;
}
.input-group-text.bg-theme-primary{
    /*border-color: #a56a5e;*/
}
.w-50px{
    width: 50px;
    justify-content: center;
}
/* Custom outline-primary button */
.btn-outline-primary {
  color: #d58676;
  border-color: #d58676;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #d58676;
  border-color: #d58676;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #d58676;
  background-color: transparent;
}


.fc-event.zoom-event,
.fc-daygrid-event.zoom-event {
  background-color: #ff9800 !important;
  border-color: #f57c00 !important;
  color: #fff !important;
}

.fc-event:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    white-space: normal;
    z-index: 9999;
    font-size: 12px;
    right: 0;
    bottom: 100%;
    margin-bottom: 5px;
    max-width: 500px;
    word-break: break-word;
    overflow-wrap: anywhere;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    max-height: 500px; /* optional to prevent very tall tooltips */
    min-height:80px;
    /* remove min-height */
    width: 500px;
}
/* Pagination container */
.front-pagi .pagination {
    display: flex;
    list-style: none;
    padding-left: 0;
    justify-content: center;
    gap: 5px;
}

/* Pagination links */
.front-pagi .pagination li a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    color: #cd978c;          /* Text color */
    border: 1px solid #d58676; /* Border color */
    border-radius: 4px;
    transition: 0.3s;
    cursor: pointer;
}

/* Hover effect */
.front-pagi .pagination li a:hover {
    background-color: #d58676; /* Hover background */
    border-color: #d5735f;     /* Hover border */
    color: #fff;               /* Hover text color */
}

/* Active page */
.front-pagi .pagination li.active a {
    background-color: #cd978c; /* Active background */
    border-color: #d58676;     /* Active border */
    color: #fff;               /* Active text */
    pointer-events: none;      /* Disable click */
}

.doula-title{
    position: relative;
}
.pro-badge {
    position: relative;
    top: -10px;
    background: linear-gradient(45deg, #d58676, #e7a694); /* custom gradient */
    color: white;
    font-weight: 600;
    padding: 5px;
    border-radius: 0.75rem; /* pill shape */
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    display: inline-flex;
    align-items: center;
    font-size: 0.9rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.pro-badge i {
    font-size: 10px;
}

.pro-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0,0,0,0.35);
}
.pro-icon{
    position: relative;
    top: -3px;
}

.pricing-main .pricing-section {
}

.pricing-main .pricing-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
}

.pricing-main .pricing-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.pricing-main .pricing-header {
  background: linear-gradient(135deg, #cd978c, #e9c3bb);
  color: #fff;
  padding: 40px 20px;
  text-align: center;
}

.pricing-main .pricing-header h3 {
  font-weight: 700;
  margin-bottom: 10px;
}

.pricing-main .pricing-header h2 {
  font-size: 48px;
  margin: 0;
}

.pricing-main .pricing-body {
  padding: 40px 30px;
}

.pricing-main .pricing-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pricing-main .pricing-features li {
  font-size: 16px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.pricing-main .pricing-features li i {
  color: #cd978c;
  margin-right: 10px;
}

.pricing-main .btn-pricing {
  background-color: #cd978c;
  border: none;
  color: #fff;
  font-weight: 600;
  border-radius: 50px;
  padding: 12px 35px;
  transition: all 0.3s ease;
  margin-top: 25px;
}

.pricing-main .btn-pricing:hover {
  background-color: #b78277;
}

.pricing-main .featured {
  border: 3px solid #cd978c;
  transform: scale(1.05);
}

.pricing-main .badge-popular {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #cd978c;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 30px;
  padding: 6px 12px;
}

@media (max-width: 768px) {
  .pricing-main .featured {
    transform: none;
  }
}

#careAccordion .accordion-button:not(.collapsed),#careAccordion .accordion-button:focus{
    color: #212529;
    box-shadow: none;
}
#careAccordion .accordion-button{
    font-size: 21px;
    color: #404040;
}

.blur-restricted-area{
    filter: blur(3px);
    cursor: not-allowed;
    pointer-events: none;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #fff;
    pointer-events: none;
    background-color: #cd978c;
    border-color: #d58676;
    opacity: 0.65;
}

section#service_section {
    scroll-margin-top: 150px;
}
.preminum-badge{
    display: inline-block;
    background: #d4af37;
    color: #fff;
    padding: 5px 11px 4px;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 38px;
    position: relative;
    top: -4px;
}

/* Icons inside inputs */
#doulalist_filter .form-icon {
  position: absolute;
  left: 18px;
  /* top: 50%; */
  /* transform: translateY(-50%); */
  color: #999;
  font-size: 16px;
  pointer-events: none;
  background: transparent;
}


/* Label styling */
#doulalist_filter label {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
    color: #202124;
}

/* Icons inside inputs */
#doulalist_filter .form-icon {
    position: absolute;
    left: 24px;
    bottom: 16px;
    color: #999;
    font-size: 16px;
    pointer-events: none;
    background: transparent;
}

/* Add space for icon */
#doulalist_filter .form-control,
#doulalist_filter .form-select {
    padding-left: 2.5rem !important;
}

/* Highlight focus */
#doulalist_filter .form-control:focus,
#doulalist_filter .form-select:focus {
    border-color: #cd978c;
    box-shadow: 0 0 0 0.25rem rgba(205, 151, 140, 0.25);
}

.doula-list-tr{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #ECEDF2;
    gap: 10px;
}
.list-last-secound{
    width: 17%;
}
.list-last{
    width: 20%;
}
.list-first-secound{
    width: calc( 38% - 120px );
}
.doula-list-tr .view-profile-btn{
    border-radius: 5px;
}
.doula-list-tr .view-profile-btn-empty{
    border-radius: 5px;
}
.nav-form .btn{
    border-radius: 8px;
}
.language-tag {
    display: inline-block;
    color: #1967D2;
    background: rgba(25, 103, 210, 0.15);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 1px 20px;
    font-size: 13px;
}
.info-tag {
    display: inline-block;
    color: #1967D2;
    background: rgba(25, 103, 210, 0.15);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 500;
}
.button-effect {
    animation: button-effect 2s infinite;
    box-shadow: 0 0 0 0 rgba(205, 151, 140, 0.9); /* base tone */
}

@keyframes button-effect {
    0% {
        box-shadow: 0 0 0 0 rgba(205, 151, 140, 0.85); /* start */
    }
    80% {
        box-shadow: 0 0 0 10px rgba(205, 151, 140, 0); /* expand + fade */
    }
    100% {
        box-shadow: 0 0 0 0 rgba(205, 151, 140, 0); /* reset */
    }
}

.avatar-circle{
    border: 1px solid #eac1ba;
}
.bg-pending{
    background-color: rgb(229 214 211) !important;
    color: #814438;
    font-weight: 500;
    border-radius: 0;
}
.sub-input,.form-control,.sub-input:focus,.form-control:focus{
    box-shadow: unset;
}
#login_main_menu .dropdown-toggle img{
    object-fit: cover;
}
.main-menu {
    transition: padding 0.3s ease-in-out;
}

.main-menu.sticky {
    padding: 10px 0; /* Same or slightly smaller */
}