.text-primary img {
    width: 180px;
}

.flex.items-center.gap-2.text-white img {
    width: 180px;
}

.about-content {
    padding: 50px 0px;
}

.rounded-2xl {
    height:500px;
    width: 100%;
}

.rounded-2xl img {
    width:100%;
    object-fit: cover;
}

.profile-section {
    margin-top: 20px;
}

.dental-cleaning-icon {
    width: 35px;
}

.service-title {
    color: rgb(42 153 151);
}

.service-button {
    background-color: rgb(42 153 151);
}

.service-button:hover {
    background-color: rgb(2, 72, 70);
}

.hover-link {
    color: gray;
}

.gallery-button {
    color: #158c96;
}

.mail-icon {
        font-family: 'Material Symbols Outlined';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        color: #158c96;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
}

.callender-icon{
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    /* color: #158c96; */
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.enquiry-button:hover {
    border-color: #158c96;
    border-width: 2px;
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(42 153 151) !important;
}

.break-tag {
    font-size: 20px;
}

.about-image {
  flex: 0 0 45%;
  position: sticky;
  top: 100px; /* adjust as needed */
}

/* Small helpers for mobile off-canvas nav */
#mobile-nav { /* keeps on top when visible */
    -webkit-font-smoothing: antialiased;
}
#mobile-nav .w-36 { width: 144px; }