/********** Template CSS **********/
:root {
    --primary: #0B4129;
    --secondary: #B37B2E;
    --light: #EEF9FF;
    --dark: #091E3E;
}

h1,
h2,
.font-weight-bold {
    font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

.btn {
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    transition: .5s;
}

.btn-primary,
.btn-secondary {
    color: #FFFFFF;
}

.btn-primary:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 28px;
    height: 28px;
}

.btn-lg-square {
    width: 46px;
    height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.back-to-top {
    position: fixed;
    display: none;
    background: #10233d;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}

.top-shape::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 100%;
    top: 0;
    left: -17px;
    background: #FAE499;
    transform: skew(40deg);
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Jost', sans-serif;
    padding: 35px 15px;
    font-size: 18px;
    color: var(--dark);
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 20px 15px;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: #B63C6D;
}

@media (max-width: 991.98px) {

    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
    }
}

.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(9, 30, 62, .85);
    z-index: 1;
}

@media (max-width: 576px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

.section-title h5::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 3px;
    right: -55px;
    bottom: 11px;
    background: var(--primary);
}

.section-title h5::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 3px;
    right: -75px;
    bottom: 11px;
    background: var(--secondary);
}

.hero-header {
    background: linear-gradient(rgba(9, 30, 62, .85), rgba(9, 30, 62, .85)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.service-item img,
.service-item .bg-light,
.service-item .bg-light h5,
.team-item .team-text {
    transition: .5s;
}

.service-item:hover img {
    transform: scale(1.15);
}

.team-item .team-text::after,
.service-item .bg-light::after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-radius: 100px / 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .7);
    opacity: 0;
    transition: .5s;
    z-index: -1;
}

.team-item:hover .team-text::after,
.service-item:hover .bg-light::after {
    opacity: 1;
}

.aurum-appointaX-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 70px;
    text-decoration: none;
    overflow: hidden;
    background: linear-gradient(135deg, #6030a3 0%, #2d164e 100%);


    box-shadow:
        0 10px 25px rgba(184, 150, 46, 0.45),
        inset 0 1px 1px rgba(255, 255, 255, 0.4);
    transition: all 0.35s ease;
}

/* Button Text */
.aurum-appointaX-text {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #fff;
    z-index: 2;
    white-space: nowrap;
}

/* Shine Animation Layer */
.aurum-appointaX-glow {
    position: absolute;
    top: 0;
    left: -80%;
    width: 65%;
    height: 100%;
    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, 0.85),
            transparent);
    transform: skewX(-25deg);
    z-index: 1;
    transition: left 0.7s ease;
}

/* Hover Effects */
.aurum-appointaX-btn:hover {
    transform: translateY(-4px);
    box-shadow:
        0 18px 38px rgba(246, 226, 127, 0.65),
        inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

.aurum-appointaX-btn:hover .aurum-appointaX-glow {
    left: 140%;
}

/* Active Click */
.aurum-appointaX-btn:active {
    transform: scale(0.96);
}

/* ===============================
       RESPONSIVE
    =============================== */
@media (max-width: 768px) {
    .aurum-appointaX-btn {
        padding: 14px 34px;
    }

    .aurum-appointaX-text {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .aurum-appointaX-btn {
        padding: 13px 28px;
        border-radius: 55px;
    }

    .aurum-appointaX-text {
        font-size: 14px;
    }
}

/* SLIDER */
.banner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* Slide */
.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    transition: opacity 0.8s ease;
}

/* Active Slide */
.slide.active {
    opacity: 1;
    z-index: 1;
}

/* Image Zoom */
.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: transform 6s ease;
}

/* Zoom effect on active slide */
.slide.active img {
    transform: scale(1.15);
}

/* Overlay */
.slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5, 5, 6, 0.65), rgba(198, 157, 255, 0.1));

    z-index: 1;
}

/* Slide Content */
.slideContent {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
    max-width: 600px;
    color: #fff;
    z-index: 2;
}

/* Text initial state */
.slideContent h1,
.slideContent p,
.slideContent .iconStrip {
    opacity: 0;
    transform: translateY(20px) scale(0.85);
}

/* Text Animation */
@keyframes textZoom {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.85);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Add padding/margin to texts */
.slideContent h1 {
    font-size: 56px;
    margin-bottom: 45px;
    color: #fff;
}

.slideContent p {
    font-size: 21px;
    margin-bottom: 45px;
}

.iconStrip {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.iconStrip span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.iconStrip i {
    color: #F6BD49;
    font-size: 18px;
}

/* Navigation Arrows */
.nav-arrows {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    gap: 10px;
    z-index: 10;
}

.nav-arrows i {
    font-size: 28px;
    color: #fff;

    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.nav-arrows i:hover {
    background: rgba(0, 0, 0, 0.6);
}

/* Responsive */
@media(max-width:768px) {
    .slideContent h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .banner {


        height: 60vh;

    }

    .slideContent p {

        margin-bottom: 20px;
    }

}

@media(max-width:480px) {
    .iconStrip {
        flex-direction: column;
        align-items: flex-start;
    }

    .banner {


        height: 50vh;

    }
}

.novexa-aboutSection {
    position: relative;
    padding: 100px 20px;
    background: url('../img/bg-theme.jpg') center/cover no-repeat;
    background-size: cover;
}

.novexa-aboutSection::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 0;
}

.novexa-aboutContainer {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    align-items: center;
    z-index: 1;
    flex-wrap: wrap;
}

/* ------------------- IMAGE GRID ------------------- */
.novexa-aboutImages {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    flex: 1 1 45%;
}

.novexa-aboutImages img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transform: rotateY(90deg);
    opacity: 0;
    transform-style: preserve-3d;
    transform-origin: left;
    transition: transform 0.8s ease, opacity 0.8s ease;
}

.novexa-aboutImages img.novexa-flipIn {
    transform: rotateY(0deg);
    opacity: 1;
}

/* ------------------- TEXT CONTENT ------------------- */
.novexa-aboutText {
    flex: 1 1 45%;
    z-index: 1;
}

.novexa-aboutText h2,
.novexa-aboutText p,
.novexa-aboutText ul li {
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease;
}

.novexa-aboutText h2 {
    font-size: 36px;
    color: #cf4b54;
    margin-bottom: 20px;
}

.novexa-aboutText p {
    margin-bottom: 25px;
    color: #000;

}

.novexa-aboutText ul {
    list-style: none;
    padding-left: 0;
}

.novexa-aboutText ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    color: #0d3524;
    font-weight: 700;
}

.novexa-aboutText ul li::before {
    content: '✔';
    position: absolute;
    left: 0;
    color: #3e1651;
}

.novexa-aboutText .novexa-zoomIn {
    transform: scale(1);
    opacity: 1;
}

/* ------------------- RESPONSIVE ------------------- */
@media(max-width:1024px) {
    .novexa-aboutContainer {
        flex-direction: column;
    }

    .novexa-aboutImages {
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
}

@media(max-width:600px) {
    .novexa-aboutImages {
        grid-template-columns: 1fr;
    }
}

.zenvra-serviceZone {
    position: relative;
    padding: 110px 20px;
    background: url('../img/bg-theme1.webp') center/cover no-repeat;
}

.zenvra-serviceZone::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.92);
    z-index: 0;
}

/* ================= CONTAINER ================= */
.zenvra-serviceWrap {
    position: relative;
    max-width: 1200px;
    margin: auto;
    z-index: 1;
}

/* ================= TOP TITLE ================= */
.zenvra-topTitle {
    max-width: 600px;
    margin: 0 auto 80px;
    text-align: center;
}

.zenvra-topTitle h2 {
    font-size: 38px;
    color: #cf4b54;
    margin-bottom: 14px;
}

.zenvra-topTitle p {
    color: #000;
    line-height: 1.7;
}

/* ================= SERVICE ROW ================= */
.zenvra-serviceRow {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 80px;
}

.zenvra-serviceRow.reverse {
    flex-direction: row-reverse;
}

/* ================= IMAGE ================= */
.zenvra-serviceImg {
    flex: 1;
    perspective: 1200px;
}

.zenvra-serviceImg img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 22px;
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
    transform: rotateY(-90deg);
    opacity: 0;
    transition: all 0.8s ease;
}

.zenvra-serviceImg.active img {
    transform: rotateY(0deg);
    opacity: 1;
}

/* ================= CONTENT ================= */
.zenvra-serviceContent {
    flex: 1;
    background: #ffffff;
    padding: 45px;
    border-radius: 22px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    transform: rotateY(90deg);
    opacity: 0;
    transition: all 0.8s ease 0.3s;
}

.zenvra-serviceContent.active {
    transform: rotateY(0deg);
    opacity: 1;
}

.zenvra-serviceContent h3 {
    font-size: 26px;
    color: #333;
    margin-bottom: 12px;
}

.zenvra-serviceContent p {
    color: #000;
    line-height: 1.8;
    margin-bottom: 18px;
}

/* ================= BULLET DESIGN ================= */
.zenvra-shapePoints {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 18px;
}

.zenvra-shapePoints li {
    position: relative;
    padding: 10px 14px 10px 42px;
    background: #f2f7ff;
    border-radius: 30px;
    font-size: 13px;
    color: #000;
}

.zenvra-shapePoints li::before {
    content: "+";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background: linear-gradient(135deg, #2c0339, #cf4b54);
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

/* ================= RESPONSIVE ================= */
@media(max-width:992px) {

    .zenvra-serviceRow,
    .zenvra-serviceRow.reverse {
        flex-direction: column;
    }

    .zenvra-serviceImg img {
        height: 260px;
    }

    .zenvra-shapePoints {
        grid-template-columns: 1fr;
    }
}

.toothera-doctorZone {
    padding: 80px 20px;
    background: url('../img/bg-theme1.webp') center/cover no-repeat;
    position: relative;
}

.toothera-doctorZone::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .93);
}

.toothera-wrap {
    position: relative;
    max-width: 1200px;
    margin: auto;
}

/* ================= TITLE ================= */
.toothera-title {
    max-width: 600px;
    margin: 0 auto 80px;
    text-align: center;
}

.toothera-title h2 {
    font-size: 38px;
    color: #cf4b54;
}

.toothera-title p {
    color: #000;
    line-height: 1.7;
}

/* ================= GRID ================= */
.toothera-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* ================= CARD ================= */
.toothera-card {
    background: #f6efff;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 25px 45px rgba(0, 0, 0, .15);
    transform: rotateY(90deg);
    opacity: 0;
    transition: .8s;
}

.toothera-card.active {
    transform: rotateY(0);
    opacity: 1;
}

.toothera-img {
    height: 260px;
}

.toothera-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.toothera-info {
    padding: 30px;
}

.toothera-info h3 {
    font-size: 22px;
    color: #000;
}

.toothera-spec {
    font-size: 15px;
    color: #6d5111;
    font-weight: 600;
    margin: 6px 0;
}

.toothera-meta {
    font-size: 14px;
    color: #000;
    margin-bottom: 14px;
}

/* ================= TEETH BULLETS ================= */
.toothera-points {
    list-style: none;
    margin-bottom: 18px;
}

.toothera-points li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #38403c
}

.toothera-points img {
    width: 22px;
}

/* ================= BUTTON ================= */
.toothera-btn {
    padding: 10px 26px;
    background: linear-gradient(135deg, #cf4b54, #091e3e);
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    perspective: 800px;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.toothera-btn:hover {
    transform: rotateX(360deg);
}

/* ================= MODAL ================= */
.toothera-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.toothera-modal.active {
    display: flex;
}

.toothera-box {
    background: #fff;
    width: 95%;
    max-width: 420px;
    padding: 30px;
    border-radius: 22px;
    animation: pop .4s ease;
}

@keyframes pop {
    from {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.toothera-box h4 {
    color: #cf4b54;
    margin-bottom: 14px;
    text-align: center;
}

/* OPTIONS */
.toothera-option {
    padding: 14px;
    background: #f2f9ff;
    border-radius: 30px;
    text-align: center;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 600;
}

/* FORMS */
.toothera-form {
    display: none;
}

.toothera-form input,
.toothera-form select {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.toothera-submit {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 30px;
    background: #cf4b54;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

/* ================= RESPONSIVE ================= */
@media(max-width:1024px) {
    .toothera-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:640px) {
    .toothera-grid {
        grid-template-columns: 1fr;
    }
}

/* ================= BLUR EFFECT ================= */
.blur-bg {
    filter: blur(6px);
    transition: filter 0.3s ease;
}

/* ===== SECTION ===== */
.consulPro-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f8fcff, #eef5f2);
}

.consulPro-wrap {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 60px;
    align-items: center;
}

/* ===== LEFT CONTENT ===== */


@keyframes slideLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.consulPro-left h1 {
    font-size: 42px;
    color: #cf4b54;
    margin-bottom: 15px;
}

.consulPro-left p {
    color: #000;
    line-height: 1.8;
    margin-bottom: 30px;
    font-size: 16px;
}

/* POINTS */
.consulPro-points {
    list-style: none;
}

.consulPro-points li {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    font-size: 15px;
    color: #000;
}

.consulPro-points span {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, #091e3e, #cf4b54);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
}

/* FLOAT IMAGE */
.consulPro-floatImg {
    margin-top: 35px;
    width: 240px;
    animation: floatImg 4s ease-in-out infinite;
}

@keyframes floatImg {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

.consulPro-floatImg img {
    width: 100%;
}

/* ===== RIGHT FORM ===== */
.consulPro-card {

    border-radius: 26px;
    padding: 75px 30px 35px;

    position: relative;
    animation: slideRight 1s ease forwards;
}



/* DOCTOR IMAGE */
.consulPro-doctor {
    position: absolute;
    top: -195px;
    left: 20%;
    transform: translateX(-50%);
    width: 250px;
    height: auto;




    animation: none;
}

@keyframes floatDoc {
    0% {
        transform: translate(-50%, 0);
    }

    50% {
        transform: translate(-50%, -10px);
    }

    100% {
        transform: translate(-50%, 0);
    }
}



.consulPro-doctor img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* FORM TEXT */
.consulPro-card h2 {
    text-align: center;
    color: #cf4b54;
    margin-bottom: 10px;
}

.consulPro-card p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 25px;
    color: #555;
}

/* FORM */
.consulPro-form label {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

.consulPro-form input,
.consulPro-form select,
.consulPro-form textarea {
    width: 100%;
    padding: 13px;
    border-radius: 12px;
    border: 1px solid #ddd;
    margin-bottom: 16px;
}

.consulPro-form textarea {
    resize: none;
    min-height: 90px;
}

/* BUTTON */
.consulPro-btn {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 35px;
    background: linear-gradient(135deg, #091e3e, #cf4b54);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: .4s;
}

.consulPro-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(7, 108, 7, 0.45);
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px) {
    .consulPro-wrap {
        grid-template-columns: 1fr;
        gap: 80px;
    }

    .consulPro-left h1 {
        font-size: 34px;
    }

    .consulPro-left {
        text-align: center;
    }

    .consulPro-points li {
        justify-content: left;
    }

    .consulPro-floatImg {
        margin: 30px auto 0;
    }
}

.dentara-footerZone {
    background: #353535;
    padding: 80px 20px 30px;
    color: #fff;
}

.dentara-footerWrap {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
}

/* FOOTER BOX */
.dentara-footerBox {
    position: relative;
    background: linear-gradient(145deg, #474646, #2b2b2b);
    padding: 30px;
    border-radius: 22px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
    transition: .35s ease;
}

.dentara-footerBox:hover {
    transform: translateY(-8px);
}

/* TOP RIGHT IMAGE ICON */
.dentara-cornerIcon {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 72px;

}

/* TITLE */
.dentara-footerTitle {
    color: #fff;
    margin-bottom: 18px;
}

.dentara-footerTitle::after {
    content: "";
    width: 42px;
    height: 3px;
    background: #F8BA49;
    display: block;
    margin-top: 6px;
}

/* TEXT */
.dentara-footerBox p {
    color: #fff;
    line-height: 1.7;
    font-size: 14px;
}

/* LIST */
.dentara-footerList {
    list-style: none;
    padding: 0;
    margin: 0
}

.dentara-footerList li {
    margin-bottom: 12px;
    font-size: 14px;
}

.dentara-footerList a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    transition: .3s;
}

.dentara-footerList a:hover {
    color: #F8BA49;
    transform: translateX(6px);
}

.dentara-footerList i {
    color: #F8BA49;
}

/* BOTTOM */
.dentara-footerBottom {
    margin-top: 50px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .15);
    text-align: center;
    color: #fff;
    font-size: 14px;
    ;
}

/* RESPONSIVE */
@media(max-width:992px) {
    .dentara-footerWrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:600px) {
    .dentara-footerWrap {
        grid-template-columns: 1fr;
    }
}

/* ================= SECTION ================= */
.zenodent-galleryZone {
    padding: 110px 20px;
    background: #f6fbff;
}

.zenodent-galleryWrap {
    max-width: 1200px;
    margin: auto;
}

/* ================= TITLE ================= */
.zenodent-galleryTitle {
    max-width: 600px;
    margin: 0 auto 70px;
    text-align: center;
}

.zenodent-galleryTitle h2 {
    font-size: 38px;
    color: #cf4b54;
    margin-bottom: 10px;
}

.zenodent-galleryTitle p {
    color: #000;
    line-height: 1.7;
}

/* ================= GRID ================= */
.zenodent-galleryGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* ================= CARD ================= */
.zenodent-galleryCard {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    cursor: pointer;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .12);

    /* Zoom-in animation */
    transform: scale(.7);
    opacity: 0;
    transition: .8s ease;
}

.zenodent-galleryCard.active {
    transform: scale(1);
    opacity: 1;
}

.zenodent-galleryCard img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: .6s ease;
}

.zenodent-galleryCard:hover img {
    transform: scale(1.15);
}

/* ================= OVERLAY ================= */
.zenodent-galleryOverlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 77, 60, .75), transparent);
    display: flex;
    align-items: flex-end;
    padding: 20px;
    opacity: 0;
    transition: .4s;
}

.zenodent-galleryCard:hover .zenodent-galleryOverlay {
    opacity: 1;
}

.zenodent-galleryOverlay span {
    color: #fff;
    font-weight: 600;
}

/* ================= MODAL ================= */
.zenodent-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.zenodent-modal.active {
    display: flex;
}

.zenodent-modalBox {
    position: relative;
    max-width: 90%;
    max-height: 85%;
    animation: zenoZoom .4s ease;
}

.zenodent-modalBox img {
    width: 100%;
    border-radius: 18px;
}

@keyframes zenoZoom {
    from {
        transform: scale(.7);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.zenodent-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 42px;
    height: 42px;
    background: #fff;
    color: #cf4b54;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
}

/* ================= RESPONSIVE ================= */
@media(max-width:1024px) {
    .zenodent-galleryGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:640px) {
    .zenodent-galleryGrid {
        grid-template-columns: 1fr;
    }

    .zenodent-galleryTitle h2 {
        font-size: 30px;
    }
}

.uniqueContact {
    padding: 40px 50px;
    position: relative;
    overflow: hidden;
}

/* Decorative Circles */
.uniqueContact::before,
.uniqueContact::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    opacity: 0.1;
}

.uniqueContact::before {
    width: 250px;
    height: 250px;
    background: #4E2784;
    top: -60px;
    right: -80px;
}

.uniqueContact::after {
    width: 180px;
    height: 180px;
    background: #9E7C19;
    bottom: -50px;
    left: -60px;
}

/* Container */
.uniqueContactWrap {
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    align-items: center;
}

/* LEFT INFO */
.uniqueContactLeft {
    flex: 1 1 500px;
    transform: translateX(-50px);
    opacity: 0;
    transition: all 1s ease;
}

.uniqueContactLeft.show {
    opacity: 1;
    transform: translateX(0);
}

.uniqueContactLeft h2 {
    font-size: 36px;
    color: #cf4b54;

    margin-bottom: 20px;
}

.uniqueContactLeft p {
    color: #000;
    line-height: 1.7;
    margin-bottom: 30px;
}

/* Floating Contact Icons */
.uniqueContactIcons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.uniqueContactIcons a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    position: relative;
    font-size: 18px;
}

.uniqueContactIcons a i {
    font-size: 22px;
    background: #500d5b;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    padding: 14px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.uniqueContactIcons a:hover i {
    transform: scale(1.2) rotate(15deg);
}

/* MAP */
.uniqueContactMap {
    flex: 1 1 500px;
    position: relative;
    width: 100%;
    max-width: 550px;
    border-radius: 25px;
    overflow: hidden;
    transform: scale(0);
    opacity: 0;
    transition: all 0.8s ease;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.uniqueContactMap.show {
    transform: scale(1);
    opacity: 1;
}

.uniqueContactMap iframe {
    width: 100%;
    height: 350px;
    border: 0;
    border-radius: 25px;
}

/* RESPONSIVE */
@media(max-width:992px) {
    .uniqueContactWrap {
        flex-direction: column-reverse;
        align-items: center;
    }

    .uniqueContactMap {
        max-width: 100%;
    }
}

:root {
    --dent-main: #4E2784;
    --dent-glow: #7f55c7;
    --dent-text: #444;
}

body {
    margin: 0;
    font-family: 'Segoe UI', sans-serif;
    background: #fff;
    color: #000;
}

/* ================= LAYOUT ================= */
.dentwave-zone {
    padding: 120px 20px;
}

.dentwave-layout {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: flex-start;
}

/* ================= LEFT CONTENT (UNCHANGED) ================= */
.dentwave-wrap {}

/* TITLE */
.dentwave-title {
    margin-bottom: 80px;
    opacity: 0;
    transform: scale(.85);
    transition: 1s ease;
}

.dentwave-title.active {
    opacity: 1;
    transform: scale(1);
}

.dentwave-title h2 {
    font-size: 36px;
    color: #cf4b54;
}

.dentwave-title p {
    max-width: 680px;
    margin-top: 14px;
    color: #000;
}

/* TIMELINE */
.dentwave-timeline {
    position: relative;
    padding-left: 40px;
}

.dentwave-timeline::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, transparent, var(--dent-main), transparent);
}

.dentwave-item {
    display: flex;
    gap: 35px;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(60px) rotateX(15deg) scale(.9);
    transition: 1s ease;
}

.dentwave-item.active {
    opacity: 1;
    transform: none;
}

.dentwave-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2f1651, #5c3b94);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 10px rgba(78, 39, 132, .15),
        0 0 25px rgba(78, 39, 132, .6);
    flex-shrink: 0;
}

.dentwave-content h3 {
    margin: 0;
    font-size: 28px;
    color: #000;
}

.dentwave-content p {
    margin-top: 10px;
    line-height: 1.8;
    color: var(--dent-text);
}

/* CTA */
.dentwave-cta {
    margin-top: 120px;
    opacity: 0;
    transform: scale(.8);
    transition: 1s ease;
}

.dentwave-cta.active {
    opacity: 1;
    transform: scale(1);
}

.dentwave-cta h3 {
    font-size: 38px;
    color: #2e174f;
}

.dentwave-cta a {
    display: inline-block;
    margin-top: 26px;
    padding: 18px 60px;
    border-radius: 50px;
    background: linear-gradient(135deg, #4E2784, #2e174f);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 20px 40px rgba(78, 39, 132, .4);
}

/* ================= RIGHT FULL HEIGHT IMAGE ================= */
.dentwave-imageSide {
    position: sticky;
    top: 100px;
    height: calc(90vh - 100px);
}

.dentwave-imageSide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, .25);
}

/* ================= RESPONSIVE ================= */
@media(max-width:992px) {
    .dentwave-layout {
        grid-template-columns: 1fr;
    }

    .dentwave-imageSide {
        position: relative;
        height: 380px;
        margin-bottom: 80px;
    }
}

@media(max-width:600px) {
    .dentwave-title h2 {
        font-size: 34px;
    }

    .dentwave-content h3 {
        font-size: 24px;
    }
}

.dentavex-ctaSection {
    padding: 50px 20px;
    background: linear-gradient(120deg, #EB5463, #27062a);
    font-family: 'Segoe UI', sans-serif;
}

/* INNER */
.dentavex-ctaInner {
    max-width: 1200px;
    margin: auto;
    background: #ffffff;
    border-radius: 26px;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);
}

/* LEFT */
.dentavex-ctaContent {
    padding: 35px;
}

.dentavex-ctaTag {
    display: inline-block;
    padding: 6px 16px;
    background: #f2f7ff;
    color: #000;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.dentavex-ctaContent h2 {
    font-size: 36px;
    color: #000;
    margin-bottom: 16px;
}

.dentavex-ctaContent p {

    color: #000;
    line-height: 1.7;
    max-width: 520px;
}

/* RIGHT CTA PANEL */
.dentavex-ctaPanel {
    background: linear-gradient(145deg, #ffdca7, #f8d39c, #e7660a);
    padding: 45px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dentavex-ctaPanel h3 {
    font-size: 26px;
    color: #2f2609;
    margin-bottom: 14px;
}

.dentavex-ctaBtn {
    display: inline-block;
    padding: 10px 38px;
    border-radius: 60px;
    background: #2f2609;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    margin-top: 18px;
    transition: .3s ease;
}

.dentavex-ctaBtn:hover {
    transform: scale(1.05);
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .dentavex-ctaInner {
        grid-template-columns: 1fr;
    }

    .dentavex-ctaContent {
        padding: 40px;
        text-align: center;
    }

    .dentavex-ctaContent p {
        margin: auto;
    }
}

@media (max-width: 480px) {
    .dentavex-ctaContent h2 {
        font-size: 28px;
    }
}

.smilearc-hero {
    position: relative;
    width: 100%;
    height: 60vh;
    background:
        linear-gradient(rgba(0, 0, 0, 0.60),
            rgba(0, 0, 0, 0.45)),
        url('../img/breadcrumb.webp') center / cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    font-family: "Segoe UI", sans-serif;
}

/* CONTENT */
.smilearc-content {
    max-width: 720px;
    padding: 0 20px;
    color: #fff;
    z-index: 2;
}

.smilearc-content h1 {
    font-size: 46px;
    margin-bottom: 14px;
    color: #fff;
}

.smilearc-content p {
    font-size: 18px;
    line-height: 1.7;
    opacity: .95;
}

/* HOME LINK */
.smilearc-homeLink {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 3;
}

.smilearc-homeLink:hover {
    color: #fff;
}

.smilearc-homeLink span {
    opacity: .7;
    margin: 0 6px;
}

/* SMILE ARC SHAPE */
.smilearc-curve {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 180px;
    z-index: 2;
}

.smilearc-curve svg {
    width: 100%;
    height: 100%;
}

/* RESPONSIVE */
@media(max-width: 992px) {
    .smilearc-hero {
        height: 50vh;
    }

    .smilearc-content h1 {
        font-size: 34px;
    }

    .smilearc-content p {
        font-size: 16px;
    }
}

@media(max-width: 600px) {
    .smilearc-hero {
        height: 45vh;
    }

    .smilearc-content h1 {
        font-size: 26px;
    }

    .smilearc-content p {
        font-size: 15px;
    }

    .smilearc-homeLink {
        font-size: 12px;
        bottom: 16px;
    }
}



.consult-form {
    margin: 0;
    min-height: 100vh;
    background: linear-gradient(135deg, #f6f0ff, #ffffff);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.toofun-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    max-width: 980px;
    width: 100%;
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(106, 27, 177, 0.18);

}

/* Left Panel */
.toofun-info {
    background: linear-gradient(160deg, #482a6c, #2e0c4b);
    color: #fff;
    padding: 50px 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.toofun-info h2 {
    font-size: 30px;
    margin-bottom: 14px;
    color: #fff;
}

.toofun-info p {
    font-size: 15px;
    line-height: 1.6;
    opacity: 0.95;
}

/* Bottom Image - LEFT */
.toofun-leftImg {
    margin-top: 30px;
    text-align: left;
}

.toofun-leftImg img {

    width: 100%;
}

/* Decorative bubbles */
.toofun-bubbles span {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
}

.toofun-bubbles span:nth-child(1) {
    width: 90px;
    height: 90px;
    top: 20px;
    right: 30px;
}

.toofun-bubbles span:nth-child(2) {
    width: 140px;
    height: 140px;
    bottom: 140px;
    left: -40px;
}

.toofun-bubbles span:nth-child(3) {
    width: 60px;
    height: 60px;
    bottom: 220px;
    right: 60px;
}

/* Right Form */
.toofun-formArea {
    padding: 45px 40px;
}

.toofun-title {
    font-size: 26px;
    color: #000;
    margin-bottom: 6px;
    font-weight: 500;
}

.toofun-sub {
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
}

/* Form */
.toofun-form {
    display: grid;
    gap: 16px;
}

.toofun-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.toofun-field label {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

.toofun-field input,
.toofun-field select,
.toofun-field textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid #e3d8f5;
    font-size: 14px;
    outline: none;
    background: #f9f6ff;
    transition: 0.3s;
}

.toofun-field input:focus,
.toofun-field select:focus,
.toofun-field textarea:focus {
    border-color: #6a1bb1;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(106, 27, 177, 0.18);
}

/* Button */
.toofun-btn {
    margin-top: 10px;
    padding: 14px;
    border-radius: 40px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, #4d4c4d, #131115);
    transition: 0.3s;
}

.toofun-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(106, 27, 177, 0.45);
}

/* Responsive */
@media (max-width: 860px) {
    .toofun-wrapper {
        grid-template-columns: 1fr;
    }

    .toofun-info {
        text-align: center;
        padding: 40px 30px;
    }

    .toofun-leftImg {
        text-align: center;
    }

    .toofun-row {
        grid-template-columns: 1fr;
    }

    .toofun-leftImg img {
        width: 100%;
    }
}

.dentnova-header {

    position: fixed;



    width: 100%;

    z-index: 999;

}

.dentnova-container {

    width: 92%;

    max-width: 1380px;

    margin: auto;

    background: #fff;

    backdrop-filter: blur(10px);

    border-radius: 60px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 8px 25px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, .08);

}

.dentnova-logo {

    display: flex;

    align-items: center;

    gap: 15px;

}



.dentnova-logo h2 {

    font-size: 28px;

    color: #13324d;

}

.dentnova-nav {

    padding-top: 15px;
    display: flex;

}

.dentnova-menu {

    display: flex;

    gap: 2px;

    align-items: center;

}

.dentnova-menu>li {

    position: relative;

}

.dentnova-menu>li>a {

    padding: 15px 20px;

    display: flex;

    align-items: center;

    gap: 8px;

    font-weight: 600;

    color: #000000;

    border-radius: 40px;

    transition: .35s;

}

.dentnova-menu>li>a:hover {

    background: #0aa6a6;

    color: #fff;

}

.menu-active {
    background: #f0f0f1;

    color: #fff;
}

.dentnova-submenu {

    position: absolute;

    left: 0;

    top: 130%;

    width: 250px;

    background: #fff;

    border-radius: 18px;

    box-shadow: 0 20px 35px rgba(0, 0, 0, .12);

    opacity: 0;

    visibility: hidden;

    transition: .35s;

    overflow: hidden;

}

.dentnova-menu li:hover .dentnova-submenu {

    opacity: 1;

    visibility: visible;

    top: 115%;

}

.dentnova-submenu li a {

    display: block;

    padding: 15px 22px;

    color: #444;

    transition: .3s;

}

.dentnova-submenu li a:hover {

    background: #0ea5e9;

    color: #fff;

    padding-left: 30px;

}

.dentnova-btn {

    padding: 15px 30px;

    background: linear-gradient(135deg, #00c6ff, #0072ff);

    color: #fff;

    font-weight: 600;

    border-radius: 50px;

    transition: .35s;

    box-shadow: 0 12px 30px rgba(0, 119, 255, .25);

}

.dentnova-btn:hover {

    transform: translateY(-5px);

}

.dentnova-toggle {

    display: none;

    font-size: 28px;

    cursor: pointer;

    color: #000000;

}

@media (max-width:991px) {

    .dentnova-toggle {
        display: block;
        font-size: 28px;
        cursor: pointer;
        color: #000000;
    }

    .dentnova-nav {

        position: absolute;
        top: 90px;
        left: 0;

        width: 100%;

        display: none;

        padding: 18px;

        animation: fadeIn .4s ease;

    }

    .dentnova-nav.active {
        display: block;
    }

    .dentnova-menu {

        flex-direction: column;

        background: #fff;

        border-radius: 18px;

        padding: 15px;

        box-shadow: 0 20px 45px rgba(0, 0, 0, .10);

        gap: 0;

    }

    .dentnova-menu>li {

        width: 100%;
        border-bottom: 1px solid #edf2f7;

    }

    .dentnova-menu>li:last-child {
        border: none;
    }

    .dentnova-menu>li>a {

        padding: 16px 18px;

        width: 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    .dentnova-submenu {

        display: none;

        position: static;

        opacity: 1;

        visibility: visible;

        width: 100%;

        box-shadow: none;

        border-radius: 10px;

        background: #f7fbff;

        margin: 5px 0 10px;

    }

    .dentnova-submenu li a {

        padding: 14px 25px;

        font-size: 14px;

    }

}

.dentnova-menu>li {
    position: relative;
}

.dentnova-submenu {

    position: absolute;
    top: 120%;
    left: 0;

    min-width: 240px;

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    transition: all .35s ease;

    z-index: 999;

}

.dentnova-menu>li:hover>.dentnova-submenu {

    opacity: 1;
    visibility: visible;
    transform: translateY(0);

}

.dentnova-menu>li>a i {

    transition: .35s;

}

.dentnova-menu>li:hover>a i {

    transform: rotate(180deg);

}

.dentnova-logo {

    display: flex;
    align-items: center;

}

.dentnova-logo img {

    height: 85px;
    width: auto;
    display: block;
    transition: .3s ease;

}

.dentnova-logo img:hover {

    transform: scale(1.05);

}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}




.denthero-section::after {

    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background: #f3fbff;
    border-radius: 50%;
    left: -180px;
    bottom: -180px;

}

.denthero-container {

    max-width: 1350px;
    margin: auto;
    position: relative;
    z-index: 2;

}

.denthero-grid {

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;

}

.denthero-subtitle {

    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 22px;

    background: #ffffff;

    border-radius: 50px;

    color: #053551;

    font-weight: 600;

    margin-bottom: 25px;

}

.denthero-subtitle i {

    font-size: 18px;

}

.denthero-content h1 {

    font-size: 65px;

    line-height: 1.1;

    font-weight: 800;

    color: #ffffff;

    margin-bottom: 25px;

}

.denthero-content span {

    color: #5599ff;

}

.denthero-content p {

    font-size: 17px;

    line-height: 32px;

    color: #ffffff;
    font-weight: 700;

    margin-bottom: 35px;

    max-width: 600px;

}

.denthero-list {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 40px;

}

.denthero-item {

    background: #fff;

    padding: 18px;

    border-radius: 14px;

    display: flex;

    align-items: center;

    gap: 12px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .06);

    transition: .4s;

}

.denthero-item:hover {

    transform: translateY(-8px);

}

.denthero-item i {

    width: 35px;
    height: 35px;
    background: #04384b;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.denthero-buttons {

    display: flex;
    gap: 18px;
    flex-wrap: wrap;

}

.denthero-buttons a {

    padding: 14px 34px;

    border-radius: 40px;
    background-color: #e6e6e6;
    text-decoration: none;

    font-weight: 800;

    transition: .4s;
    color: #000000;

}

.denthero-buttons a:first-child {

    background: #046283;

    color: #fff;

}

.denthero-buttons a:first-child:hover {

    background: #046283;

}

.outline-btn {

    border: none;

    color: #046283;

}

.outline-btn:hover {

    background: #046283;
    color: #fff;

}

.denthero-image {

    position: relative;

}

.denthero-image img {

    width: 100%;
    display: block;
    border-radius: 25px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .1);

}

.denthero-card {

    position: absolute;

    display: flex;
    align-items: center;
    gap: 15px;

    padding: 18px 22px;

    background: #fff;

    border-radius: 16px;

    box-shadow: 0 20px 40px rgba(0, 0, 0, .1);

}

.denthero-card i {

    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #046283;
    color: #fff;
    border-radius: 50%;

    font-size: 22px;

}

.denthero-card h3 {

    font-size: 22px;
    color: #0f2742;

}

.denthero-card p {

    font-size: 14px;
    color: #000000;

}

.card1 {

    top: 30px;
    left: -30px;

}

.card2 {

    right: -20px;
    top: 45%;

}

.card3 {

    left: 20px;
    bottom: 25px;

}

.denthero-feature-row {

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 25px;

    margin-top: 90px;

}

.denthero-feature {

    background: #fff;

    padding: 15px;

    border-radius: 20px;

    text-align: center;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);

    transition: .4s;

}

.denthero-feature:hover {

    transform: translateY(-10px);

}

.denthero-feature i {

    width: 75px;
    height: 75px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: auto;

    border-radius: 50%;

    background: #eef8ff;

    color: #091e3e;

    font-size: 30px;

    margin-bottom: 20px;

}

.denthero-feature h4 {

    font-size: 20px;
    margin-bottom: 12px;
    color: #0f2742;

}

.denthero-feature p {

    color: #000000;
    line-height: 28px;

}

/* ANIMATION */

.animate-left,
.animate-right,
.animate-top,
.animate-bottom {

    opacity: 0;
    transition: 1s ease;

}

.animate-left {

    transform: translateX(-80px);

}

.animate-right {

    transform: translateX(80px);

}

.animate-top {

    transform: translateY(-80px);

}

.animate-bottom {

    transform: translateY(80px);

}

.show {

    opacity: 1 !important;

    transform: translate(0) !important;

}

/* RESPONSIVE */

@media(max-width:992px) {

    .denthero-grid {

        grid-template-columns: 1fr;

    }

    .denthero-content {

        text-align: center;

    }

    .denthero-content p {

        margin: auto auto 35px;

    }

    .denthero-list {

        grid-template-columns: 1fr;

    }

    .denthero-buttons {

        justify-content: center;

    }

    .denthero-feature-row {

        grid-template-columns: repeat(2, 1fr);

    }

    .card1,
    .card2,
    .card3 {

        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 15px auto;

    }

}

@media(max-width:768px) {

    .denthero-content h1 {

        font-size: 42px;

    }

    .denthero-feature-row {

        grid-template-columns: 1fr;

    }

    .denthero-section {

        padding: 70px 20px;

    }

}

.denthero-section {
    position: relative;
    padding: 20px 8%;
    overflow: hidden;


}




/* Keep content above overlay */
.denthero-container {
    position: relative;
    z-index: 2;
}

.oradent-about-section {

    position: relative;

    padding: 100px 8%;

    background: linear-gradient(180deg, #ffffff, #f6fbff);

    overflow: hidden;

}

.oradent-about-section::before {

    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    background: #d4e8fb;

    border-radius: 50%;

    top: -250px;
    right: -180px;

    filter: blur(80px);

}

.oradent-about-section::after {

    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    background: #edf9ff;

    border-radius: 50%;

    bottom: -180px;
    left: -150px;

    filter: blur(60px);

}

.oradent-wrapper {

    max-width: 1320px;

    margin: auto;

    position: relative;

    z-index: 2;

}

/*=========================================
            GRID
=========================================*/

.oradent-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: center;

    margin-bottom: 100px;

}

/*=========================================
          IMAGE
=========================================*/

.oradent-photo {

    position: relative;

}

.oradent-circle {

    position: absolute;

    width: 420px;
    height: 420px;

    background: #08a6ff;

    opacity: .08;

    border-radius: 50%;

    left: -40px;

    top: -20px;

}

.oradent-photo img {

    position: relative;

    z-index: 2;

    border-radius: 30px;

    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);

}

.oradent-exp-card {

    position: absolute;

    right: -20px;

    bottom: 40px;

    background: #fff;

    padding: 25px;

    border-radius: 20px;

    text-align: center;

    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);

    z-index: 3;

}

.oradent-exp-card h2 {

    font-size: 42px;

    color: #091e3e;

    margin-bottom: 8px;

}

.oradent-exp-card p {

    font-size: 15px;

    line-height: 24px;

}

img {
    width: 100%;
    display: block;
}

/*=========================================
          CONTENT
=========================================*/

.oradent-mini-title {

    display: inline-block;

    padding: 10px 24px;

    background: #e8f8ff;

    border-radius: 50px;

    color: #08a6ff;

    font-weight: 600;

    margin-bottom: 20px;

    letter-spacing: 1px;

}

.oradent-content h2 {

    font-size: 36px;

    line-height: 1.2;

    margin-bottom: 20px;

    font-weight: 800;

    color: #10233d;

}

.oradent-content p {

    font-size: 17px;

    line-height: 32px;

    color: #000000;

    margin-bottom: 35px;

}

/*=========================================
          TIMELINE
=========================================*/

.oradent-timeline {

    display: flex;

    flex-direction: column;

    gap: 25px;

}

.oradent-step {

    display: flex;

    gap: 20px;

    align-items: flex-start;

    padding: 22px;

    background: #fff;

    border-radius: 18px;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .07);

    transition: .4s;

}

.oradent-step:hover {

    transform: translateY(-8px);

}

.oradent-step span {

    min-width: 75px;

    height: 75px;

    background: #046283;

    color: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 700;

    font-size: 18px;

}

.oradent-step h4 {

    margin-bottom: 8px;

    font-size: 21px;

}

.oradent-step p {

    margin: 0;

    line-height: 28px;

    font-size: 15px;

}

/*=========================================
          TITLE
=========================================*/

.oradent-doctor-title {

    text-align: center;

    margin-bottom: 50px;

}

.oradent-doctor-title h2 {

    font-size: 44px;

    margin-bottom: 15px;

    color: #10233d;

}

.oradent-doctor-title p {

    max-width: 650px;

    margin: auto;

    color: #666;

    line-height: 30px;

}

/*=========================================
        DOCTOR GRID
=========================================*/

.oradent-doctor-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    margin-bottom: 90px;
}

.oradent-doctor-card {
    background: #fff;
    border-radius: 28px;
    padding: 45px 35px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
    transition: .45s;
}

.oradent-doctor-card::before {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    background: #08a6ff12;

    border-radius: 50%;

    top: -90px;
    right: -90px;

    transition: .5s;

}

.oradent-doctor-card:hover::before {
    transform: scale(1.8);
}

.oradent-doctor-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 60px rgba(8, 166, 255, .18);
}

.oradent-icon {

    width: 90px;
    height: 90px;

    margin: auto;

    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;

    background: #eef9ff;

    color: #08a6ff;

    font-size: 36px;

    margin-bottom: 25px;

    transition: .4s;

}

.oradent-doctor-card:hover .oradent-icon {

    background: #08a6ff;
    color: #fff;
    transform: rotateY(360deg);

}

.oradent-doctor-card h3 {

    font-size: 28px;
    color: #10233d;
    margin-bottom: 8px;

}

.oradent-doctor-card h5 {

    color: #08a6ff;
    font-size: 18px;
    margin-bottom: 18px;

}

.oradent-doctor-card p {

    color: #666;
    line-height: 30px;

}

/*=========================================
          STATS
=========================================*/

.oradent-stats {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 25px;

}

.oradent-box {

    background: #fff;

    border-radius: 25px;

    text-align: center;

    padding: 40px;

    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);

    transition: .4s;

}

.oradent-box:hover {

    background: #08a6ff;

    transform: translateY(-10px);

}

.oradent-box h2 {

    font-size: 48px;

    color: #08a6ff;

    margin-bottom: 12px;

    transition: .4s;

}

.oradent-box span {

    color: #666;

    font-size: 17px;

    transition: .4s;

}

.oradent-box:hover h2,
.oradent-box:hover span {

    color: #fff;

}

/*=========================================
      SCROLL ANIMATION
=========================================*/

.animate-left,
.animate-right,
.animate-top,
.animate-bottom {

    opacity: 0;

    transition: 1s ease;

}

.animate-left {

    transform: translateX(-80px);

}

.animate-right {

    transform: translateX(80px);

}

.animate-top {

    transform: translateY(-80px);

}

.animate-bottom {

    transform: translateY(80px);

}

.show {

    opacity: 1 !important;

    transform: translate(0) !important;

}

/*=========================================
          RESPONSIVE
=========================================*/

@media(max-width:1100px) {

    .oradent-grid {

        grid-template-columns: 1fr;

    }

    .oradent-content {

        text-align: center;

    }

    .oradent-photo {

        max-width: 650px;

        margin: auto;

    }

    .oradent-exp-card {

        right: 20px;

    }

}

@media(max-width:992px) {

    .oradent-doctor-grid {

        grid-template-columns: 1fr;

    }

    .oradent-stats {

        grid-template-columns: repeat(2, 1fr);

    }

    .oradent-content h2 {

        font-size: 42px;

    }

}

@media(max-width:768px) {

    .oradent-about-section {

        padding: 70px 20px;

    }

    .oradent-grid {

        gap: 50px;

    }

    .oradent-content h2 {

        font-size: 34px;

    }

    .oradent-doctor-title h2 {

        font-size: 32px;

    }

    .oradent-stats {

        grid-template-columns: 1fr;

    }

    .oradent-exp-card {

        position: relative;

        right: 0;

        bottom: 0;

        margin-top: 20px;

        width: 100%;

    }

    .oradent-step {

        flex-direction: column;

        text-align: center;

        align-items: center;

    }

}

@media(max-width:480px) {

    .oradent-mini-title {

        font-size: 14px;

        padding: 10px 18px;

    }

    .oradent-doctor-card {

        padding: 35px 25px;

    }

    .oradent-box {

        padding: 30px 20px;

    }

    .oradent-step span {

        width: 70px;
        height: 70px;

    }

}

/*==============================
      PREMIUM BADGE
===============================*/

.dentlux-badge-wrap {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    padding: 10px 12px 10px 10px;

    background: #ffffff;

    border: 1px solid rgba(8, 166, 255, .18);

    border-radius: 60px;

    box-shadow: 0 10px 25px rgba(8, 166, 255, .08);

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

}

.dentlux-badge-wrap::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 100%;



}

.dentlux-badge-dot {

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: linear-gradient(135deg, #90becb, #030b15);

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-shrink: 0;

}

.dentlux-badge-dot::before {

    content: "";

    width: 14px;

    height: 14px;

    background: #fff;

    border-radius: 50%;

}

.dentlux-badge-text {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #0b2845;

}

.dentlux-badge-wrap:hover {

    transform: translateY(-4px);

    transition: .4s;

    box-shadow: 0 18px 35px rgba(8, 166, 255, .15);

}

/*==========================
RESET
==========================*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    background: #f7fbff;
}

/*==========================
SECTION
==========================*/

.oralux-team-section {
    position: relative;
    overflow: hidden;
    padding: 70px 8%;
    background: linear-gradient(180deg, #ffffff, #f5fbff);
}

.oralux-team-section::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    top: -250px;
    right: -180px;
    background: rgba(8, 166, 255, .05);
    filter: blur(70px);
}

.oralux-team-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    left: -180px;
    bottom: -180px;
    background: rgba(8, 166, 255, .05);
    filter: blur(60px);
}

.oralux-container {
    max-width: 1300px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/*==========================
HEADING
==========================*/

.oralux-heading {
    text-align: center;
    margin-bottom: 80px;
}

.oralux-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 28px;
    border-radius: 40px;
    background: #eef9ff;
    color: #08a6ff;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.oralux-badge i {
    font-size: 17px;
}

.oralux-heading h2 {
    font-size: 38px;
    color: #10233d;
    font-weight: 800;
    margin-bottom: 18px;
}

.oralux-heading h2 span {
    color: #091e3e;
}

.oralux-heading p {
    max-width: 720px;
    margin: auto;
    color: #000000;
    font-size: 17px;
    line-height: 32px;
}

/*==========================
LAYOUT
==========================*/

.oralux-layout {
    display: grid;
    grid-template-columns: 1fr 140px 1fr;
    align-items: center;
    gap: 45px;
    position: relative;
}

.oralux-divider {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 6px;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(#08a6ff, #53d2ff);
}

.oralux-middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.oralux-circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1477af;
    color: #fff;
    font-size: 42px;
    box-shadow: 0 20px 45px rgba(8, 166, 255, .28);
    animation: oraluxPulse 2s infinite;
}

@keyframes oraluxPulse {

    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }

}

/*=========================================
DOCTOR CARD
=========================================*/

.oralux-card {

    position: relative;

    background: #ffffff;

    padding: 40px 35px;

    border-radius: 30px;

    overflow: hidden;

    border: 1px solid rgba(8, 166, 255, .10);

    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);

    transition: .45s ease;

}

.oralux-card::before {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    top: -90px;
    right: -90px;

    background: rgba(8, 166, 255, .08);

    transition: .5s;

}

.oralux-card::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(90deg, #08a6ff, #49d4ff);

    transform: scaleX(0);

    transform-origin: left;

    transition: .5s;

}

.oralux-card:hover {

    transform: translateY(-12px);

    box-shadow: 0 30px 60px rgba(8, 166, 255, .18);

}

.oralux-card:hover::before {

    transform: scale(1.4);

}

.oralux-card:hover::after {

    transform: scaleX(1);

}

/*=========================================
ICON
=========================================*/

.oralux-icon {

    width: 80px;
    height: 80px;

    border-radius: 50%;

    background: linear-gradient(135deg, #091e3e, #0a8db9);

    display: flex;

    justify-content: center;
    align-items: center;

    color: #fff;

    font-size: 30px;

    margin-bottom: 25px;

    box-shadow: 0 12px 28px rgba(8, 166, 255, .25);

}


.oralux-card h3 {

    font-size: 28px;

    color: #10233d;

    margin-bottom: 12px;

}

.oralux-card span {

    display: inline-block;

    padding: 8px 18px;

    border-radius: 30px;

    background: #eef9ff;

    color: #091e3e;
    ;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 20px;

}

.oralux-card p {

    color: #000000;

    line-height: 30px;

    font-size: 16px;

}

/*=========================================
ANIMATION
=========================================*/

.animate-top,
.animate-left,
.animate-right {

    opacity: 0;

    transition: 1s ease;

}

.animate-top {

    transform: translateY(-70px);

}

.animate-left {

    transform: translateX(-80px);

}

.animate-right {

    transform: translateX(80px);

}

.show {

    opacity: 1 !important;

    transform: translate(0, 0) !important;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px) {

    .oralux-layout {

        grid-template-columns: 1fr;

    }

    .oralux-divider {

        display: none;

    }

    .oralux-middle {

        order: -1;

        margin-bottom: 40px;

    }

    .oralux-heading h2 {

        font-size: 42px;

    }

}

@media(max-width:768px) {

    .oralux-team-section {

        padding: 70px 20px;

    }

    .oralux-heading h2 {

        font-size: 34px;

    }

    .oralux-heading p {

        font-size: 15px;

        line-height: 28px;

    }

    .oralux-card {

        text-align: center;

        padding: 30px 25px;

    }

    .oralux-icon {

        margin: 0 auto 20px;

    }

    .oralux-card h3 {

        font-size: 24px;

    }

    .oralux-card p {

        font-size: 15px;

        line-height: 28px;

    }

}

.lumident-counter-section {
    position: relative;
    padding: 120px 8%;
    overflow: hidden;
    background: linear-gradient(135deg, #eef8ff 0%, #ffffff 55%, #f6fbff 100%);
}

.lumident-container {
    max-width: 1350px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* Decorative Shapes */

.lumident-shape-one {
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: rgba(8, 166, 255, .08);
    left: -180px;
    top: -180px;
    filter: blur(70px);
}

.lumident-shape-two {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(8, 166, 255, .06);
    right: -120px;
    bottom: -120px;
    filter: blur(70px);
}

/*============================
        Heading
============================*/

.lumident-heading {
    text-align: center;
    margin-bottom: 80px;
}

.lumident-badge {

    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 12px 28px;

    background: #ffffff;

    border-radius: 50px;

    color: #08a6ff;

    font-weight: 700;

    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);

    margin-bottom: 25px;

}

.lumident-badge i {
    font-size: 18px;
}

.lumident-heading h2 {

    font-size: 38px;

    font-weight: 800;

    color: #10233d;

    line-height: 1.2;

    margin-bottom: 18px;

}

.lumident-heading h2 span {
    color: #08a6ff;
}

.lumident-heading p {

    max-width: 720px;

    margin: auto;

    color: #000000;

    font-size: 17px;

    line-height: 32px;

}

/*============================
        Layout
============================*/

.lumident-wrapper {

    display: grid;

    grid-template-columns: 1fr 360px 1fr;

    gap: 50px;

    align-items: center;

}

.lumident-column {

    display: flex;

    flex-direction: column;

    gap: 30px;

}

/*==========================================
        FLOATING INFO BOX
==========================================*/

.lumident-box {

    display: flex;
    align-items: center;
    gap: 22px;

    background: #ffffff;

    padding: 28px;

    border-radius: 24px;

    position: relative;

    overflow: hidden;

    border: 1px solid rgba(8, 166, 255, .08);

    box-shadow: 0 18px 40px rgba(0, 0, 0, .08);

    transition: .45s;

}

.lumident-box::before {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    background: rgba(8, 166, 255, .06);

    top: -90px;
    right: -90px;

    transition: .45s;

}

.lumident-box::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 5px;

    background: linear-gradient(90deg, #08a6ff, #49d4ff);

    transform: scaleX(0);

    transition: .45s;

}

.lumident-box:hover {

    transform: translateY(-12px);

    box-shadow: 0 30px 60px rgba(8, 166, 255, .18);

}

.lumident-box:hover::before {

    transform: scale(1.5);

}

.lumident-box:hover::after {

    transform: scaleX(1);

}


/*==========================================
            ICON
==========================================*/

.lumident-icon {

    width: 85px;
    height: 85px;

    flex-shrink: 0;

    border-radius: 50%;

    background: linear-gradient(135deg, #0dcaf0, #43d5ff);

    display: flex;
    justify-content: center;
    align-items: center;

    color: #000000;

    font-size: 32px;

    box-shadow: 0 15px 35px rgba(8, 166, 255, .25);

    transition: .4s;

}

.lumident-box:hover .lumident-icon {

    transform: rotate(10deg) scale(1.08);

}


/*==========================================
            TEXT
==========================================*/

.lumident-box h3 {

    font-size: 44px;

    color: #10233d;

    font-weight: 800;

    margin-bottom: 8px;

}

.lumident-box h4 {

    color: #046283;

    font-size: 20px;

    font-weight: 700;

}


/*==========================================
        CENTER CIRCLE
==========================================*/

.lumident-center {

    display: flex;
    justify-content: center;
    align-items: center;

}

.lumident-circle {

    width: 320px;
    height: 320px;

    border-radius: 50%;

    background: linear-gradient(135deg, #0d6c7f, #158196);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    color: #fff;

    position: relative;

    box-shadow: 0 30px 70px rgba(8, 166, 255, .30);

    animation: none;

}

.lumident-circle::before {

    content: "";

    position: absolute;

    inset: -18px;

    border-radius: 50%;

    border: 2px dashed rgba(8, 166, 255, .25);

    animation: lumidentRotate 16s linear infinite;

}

.lumident-circle i {

    font-size: 55px;

    margin-bottom: 18px;

}

.lumident-circle h2 {

    font-size: 70px;
    color: #fff;

    font-weight: 800;

    margin-bottom: 10px;

}

.lumident-circle p {

    font-size: 18px;

    line-height: 30px;

    font-weight: 500;

}


/*==========================================
        ANIMATION
==========================================*/

@keyframes lumidentFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

}

@keyframes lumidentRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


/*==========================================
        SCROLL ANIMATION
==========================================*/

.animate-top,
.animate-left,
.animate-right {

    opacity: 0;
    transition: 1s ease;

}

.animate-top {

    transform: translateY(-70px);

}

.animate-left {

    transform: translateX(-80px);

}

.animate-right {

    transform: translateX(80px);

}

.show {

    opacity: 1 !important;
    transform: translate(0, 0) !important;

}


/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:1100px) {

    .lumident-wrapper {

        grid-template-columns: 1fr;

    }

    .lumident-center {

        order: -1;

        margin-bottom: 40px;

    }

    .lumident-heading h2 {

        font-size: 42px;

    }

}

@media(max-width:768px) {

    .lumident-counter-section {

        padding: 80px 20px;

    }

    .lumident-heading h2 {

        font-size: 34px;

    }

    .lumident-heading p {

        font-size: 15px;

        line-height: 28px;

    }

    .lumident-box {

        padding: 22px;

    }

    .lumident-icon {

        width: 70px;
        height: 70px;

        font-size: 26px;

    }

    .lumident-box h3 {

        font-size: 36px;

    }

    .lumident-box h4 {

        font-size: 18px;

    }

    .lumident-circle {

        width: 240px;
        height: 240px;

    }

    .lumident-circle h2 {

        font-size: 54px;

    }

    .lumident-circle i {

        font-size: 42px;

    }

}

.dentisphere-treatment-section {

    position: relative;

    padding: 120px 8%;

    overflow: hidden;

    background: linear-gradient(135deg, #05090e 0%, #041526 55%, #090c0e 100%);

}

/* Glow Background */

.dentisphere-bg-circle-one {

    position: absolute;

    width: 550px;
    height: 550px;

    background: rgba(0, 183, 255, .15);

    border-radius: 50%;

    top: -220px;
    left: -180px;

    filter: blur(90px);

}

.dentisphere-bg-circle-two {

    position: absolute;

    width: 450px;
    height: 450px;

    background: rgba(0, 255, 255, .08);

    border-radius: 50%;

    right: -150px;
    bottom: -180px;

    filter: blur(80px);

}

/* Container */

.dentisphere-wrapper {

    max-width: 1350px;

    margin: auto;

    position: relative;

    z-index: 2;

}

/*==================================
            HEADING
==================================*/

.dentisphere-heading {

    text-align: center;

    margin-bottom: 90px;

}

.dentisphere-mini-tag {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 12px 28px;

    border-radius: 50px;

    background: rgba(255, 255, 255, .08);

    color: #ffffff;

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, .12);

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 25px;

}

.dentisphere-mini-tag i {

    color: #ffffff;

}

.dentisphere-heading h2 {

    font-size: 58px;

    color: #ffffff;

    font-weight: 800;

    margin-bottom: 20px;

}

.dentisphere-heading h2 span {

    color: #37d7ff;

}

.dentisphere-heading p {

    max-width: 720px;

    margin: auto;

    color: #ffffff;

    line-height: 32px;

    font-size: 17px;

}

/*==================================
        TIMELINE
==================================*/

.dentisphere-timeline {

    position: relative;

}

.dentisphere-timeline::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    width: 5px;

    height: 100%;

    background: linear-gradient(#31d6ff, #ffffff, #31d6ff);

    border-radius: 20px;

}

/*==================================
        TREATMENT CARD
==================================*/

.dentisphere-service-card {

    width: calc(50% - 70px);

    display: flex;

    align-items: center;

    gap: 25px;

    padding: 35px;

    position: relative;

    margin-bottom: 60px;

    background: rgba(255, 255, 255, .08);

    backdrop-filter: blur(18px);

    border: 1px solid rgba(255, 255, 255, .10);

    border-radius: 30px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);

    transition: .45s;

    overflow: hidden;

}

.dentisphere-service-card::before {

    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .06);

    top: -120px;
    right: -120px;

    transition: .5s;

}

.dentisphere-service-card::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(90deg, #00d5ff, #6fe7ff);

    transform: scaleX(0);

    transform-origin: left;

    transition: .45s;

}

.dentisphere-service-card:hover {

    transform: translateY(-12px);

    box-shadow: 0 30px 65px rgba(0, 255, 255, .18);

}

.dentisphere-service-card:hover::before {

    transform: scale(1.5);

}

.dentisphere-service-card:hover::after {

    transform: scaleX(1);

}

/*==================================
        LEFT & RIGHT
==================================*/

.dentisphere-service-card {

    margin-right: auto;

}

.dentisphere-right {

    margin-left: auto;

}

/*==================================
            ICON
==================================*/

.dentisphere-service-icon {

    width: 95px;
    height: 95px;

    flex-shrink: 0;

    border-radius: 24px;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #000000;

    font-size: 36px;

    box-shadow: 0 18px 40px rgba(0, 212, 255, .25);

    transition: .45s;

}

.dentisphere-service-card:hover .dentisphere-service-icon {

    transform: rotate(-8deg) scale(1.08);

}

/*==================================
        CONTENT
==================================*/

.dentisphere-service-content span {

    display: inline-block;

    padding: 6px 18px;

    border-radius: 30px;

    background: rgba(255, 255, 255, .12);

    color: #67e3ff;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 14px;

}

.dentisphere-service-content h3 {

    color: #ffffff;

    font-size: 28px;

    margin-bottom: 15px;

    font-weight: 700;

}

.dentisphere-service-content p {

    color: #ffffff;

    line-height: 30px;

    font-size: 16px;

}

/*==================================
        SCROLL ANIMATION
==================================*/

.animate-top,
.animate-left,
.animate-right,
.animate-bottom {

    opacity: 0;

    transition: 1s ease;

}

.animate-top {

    transform: translateY(-70px);

}

.animate-bottom {

    transform: translateY(70px);

}

.animate-left {

    transform: translateX(-80px);

}

.animate-right {

    transform: translateX(80px);

}

.show {

    opacity: 1 !important;

    transform: translate(0, 0) !important;

}


/*==================================
        RESPONSIVE
==================================*/

@media(max-width:1100px) {

    .dentisphere-heading h2 {

        font-size: 44px;

    }

    .dentisphere-service-card {

        width: 100%;

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    .dentisphere-timeline::before {

        left: 40px;

    }

}

@media(max-width:768px) {

    .dentisphere-treatment-section {

        padding: 80px 20px;

    }

    .dentisphere-heading {

        margin-bottom: 60px;

    }

    .dentisphere-heading h2 {

        font-size: 34px;

        line-height: 1.3;

    }

    .dentisphere-heading p {

        font-size: 15px;

        line-height: 28px;

    }

    .dentisphere-mini-tag {

        font-size: 13px;

        padding: 10px 18px;

    }

    .dentisphere-service-card {

        display: block;

        padding: 30px 25px 30px 95px;

        position: relative;

        margin-bottom: 35px;

    }

    .dentisphere-service-icon {

        position: absolute;

        left: 20px;

        top: 30px;

        width: 55px;

        height: 55px;

        font-size: 22px;

        border-radius: 16px;

    }

    .dentisphere-service-content h3 {

        font-size: 22px;

    }

    .dentisphere-service-content p {

        font-size: 15px;

        line-height: 27px;

    }

    .dentisphere-service-content span {

        font-size: 12px;

        padding: 5px 14px;

    }

    .dentisphere-timeline::before {

        display: none;

    }

}

@media(max-width:480px) {

    .dentisphere-heading h2 {

        font-size: 28px;

    }

    .dentisphere-service-card {

        padding: 25px 20px 25px 85px;

    }

    .dentisphere-service-icon {

        width: 50px;

        height: 50px;

        font-size: 20px;

    }

}

.oravue-gallery-section {

    position: relative;

    padding: 120px 8%;

    background: linear-gradient(180deg, #ffffff, #f7fbff);

    overflow: hidden;

}

.oravue-gallery-section::before {

    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    border-radius: 50%;

    background: rgba(8, 166, 255, .05);

    top: -220px;
    right: -180px;

    filter: blur(90px);

}

.oravue-gallery-section::after {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background: rgba(8, 166, 255, .04);

    left: -160px;
    bottom: -180px;

    filter: blur(80px);

}

.oravue-gallery-container {

    max-width: 1400px;

    margin: auto;

    position: relative;

    z-index: 2;

}


/*==================================
        HEADING
==================================*/

.oravue-gallery-header {

    text-align: center;

    margin-bottom: 70px;

}

.oravue-gallery-tag {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 12px 28px;

    background: #eef8ff;

    color: #08a6ff;

    border-radius: 50px;

    font-weight: 700;

    margin-bottom: 20px;

}

.oravue-gallery-header h2 {

    font-size: 38px;

    color: #10233d;

    font-weight: 800;

    margin-bottom: 20px;

}



.oravue-gallery-header p {

    max-width: 720px;

    margin: auto;

    color: #000000;

    line-height: 32px;

}


/*==================================
        LAYOUT
==================================*/

.oravue-gallery-layout {

    display: grid;

    grid-template-columns: 280px 1fr 280px;

    gap: 30px;

    align-items: stretch;

}

.oravue-left-column,
.oravue-right-column {

    display: flex;

    flex-direction: column;

    gap: 25px;

}

.oravue-small-card,
.oravue-feature-card {

    position: relative;

    overflow: hidden;

    border-radius: 28px;

    background: #fff;

    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);

    transition: .45s;

}

.oravue-small-card {

    flex: 1;

    min-height: 250px;

}

.oravue-feature-card {

    min-height: 800px;

}


/*==================================
        IMAGE
==================================*/

.oravue-small-card img,
.oravue-feature-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    cursor: pointer;

    transition: .7s;

}

.oravue-small-card:hover,
.oravue-feature-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 25px 60px rgba(8, 166, 255, .18);

}

.oravue-small-card:hover img,
.oravue-feature-card:hover img {

    transform: scale(1.12);

}


/*==================================
        FEATURE CONTENT
==================================*/

.oravue-feature-content {

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    padding: 35px;

    background: linear-gradient(to top,
            rgba(0, 0, 0, .82),
            rgba(0, 0, 0, 0));

}

.oravue-feature-content h3 {

    color: #fff;

    font-size: 34px;

    margin-bottom: 12px;

}

.oravue-feature-content p {

    color: #f3f3f3;

    line-height: 30px;

}


/*==================================
        SMALL IMAGE OVERLAY
==================================*/

.oravue-small-card::before {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(8, 166, 255, .15);

    opacity: 0;

    transition: .4s;

}

.oravue-small-card:hover::before {

    opacity: 1;

}

/*==========================================
        IMAGE MODAL
==========================================*/

.oravue-modal {

    position: fixed;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .92);

    display: flex;

    justify-content: center;
    align-items: center;

    opacity: 0;

    visibility: hidden;

    transition: .45s;

    z-index: 99999;

}

.oravue-modal.active {

    opacity: 1;

    visibility: visible;

}

.oravue-modal img {

    width: 90%;

    max-width: 1000px;

    max-height: 88vh;

    border-radius: 18px;

    object-fit: contain;

    animation: oravueZoom .45s ease;

}

@keyframes oravueZoom {

    from {

        transform: scale(.7);

        opacity: 0;

    }

    to {

        transform: scale(1);

        opacity: 1;

    }

}

.oravue-close {

    position: absolute;

    top: 25px;

    right: 35px;

    color: #fff;

    font-size: 45px;

    cursor: pointer;

    transition: .35s;

    font-weight: 300;

}

.oravue-close:hover {

    transform: rotate(180deg);

    color: #08a6ff;

}


/*==========================================
        SCROLL ANIMATION
==========================================*/

.animate-top,
.animate-left,
.animate-right,
.animate-bottom {

    opacity: 0;

    transition: 1s ease;

}

.animate-top {

    transform: translateY(-70px);

}

.animate-bottom {

    transform: translateY(70px);

}

.animate-left {

    transform: translateX(-70px);

}

.animate-right {

    transform: translateX(70px);

}

.show {

    opacity: 1 !important;

    transform: translate(0, 0) !important;

}


/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:1200px) {

    .oravue-gallery-layout {

        grid-template-columns: 1fr;

    }

    .oravue-left-column,
    .oravue-right-column {

        flex-direction: row;

    }

    .oravue-small-card {

        height: 260px;

        flex: 1;

    }

    .oravue-feature-card {

        min-height: 500px;

    }

}

@media(max-width:768px) {

    .oravue-gallery-section {

        padding: 80px 20px;

    }

    .oravue-gallery-header h2 {

        font-size: 36px;

    }

    .oravue-gallery-header p {

        font-size: 15px;

        line-height: 28px;

    }

    .oravue-left-column,
    .oravue-right-column {

        flex-direction: column;

    }

    .oravue-small-card {

        height: 250px;

    }

    .oravue-feature-card {

        min-height: 350px;

    }

    .oravue-feature-content {

        padding: 22px;

    }

    .oravue-feature-content h3 {

        font-size: 24px;

    }

    .oravue-close {

        font-size: 38px;

        right: 20px;

        top: 15px;

    }

}

@media(max-width:480px) {

    .oravue-gallery-header h2 {

        font-size: 30px;

    }

    .oravue-gallery-tag {

        padding: 10px 18px;

        font-size: 13px;

    }

    .oravue-feature-card {

        min-height: 300px;

    }

}

.dentflow-testimonials {
    padding: 40px 0;
    background: linear-gradient(180deg, #ffffff, #edf9ff);
    overflow: hidden;
}

.dentflow-heading {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
}



.dentflow-heading h2 {
    font-size: 38px;
    font-weight: 800;
    color: #18314f;
}

.dentflow-track {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.dentflow-move {
    display: flex;
    gap: 30px;
    width: max-content;
    animation: dentflowslide 30s linear infinite;
}

.dentflow-track:hover .dentflow-move {
    animation-play-state: paused;
}

@keyframes dentflowslide {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}

.dentflow-card {

    width: 340px;
    flex-shrink: 0;

    background: #fff;

    border-radius: 30px;

    padding: 35px 30px;

    text-align: center;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

    transition: .4s;

}

.dentflow-card:hover {

    transform: translateY(-12px);

}

.dentflow-card img {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    object-fit: cover;

    display: block;

    margin: auto;

    margin-bottom: 20px;

    border: 5px solid #00b7ff;

}

.dentflow-card h3 {

    font-size: 23px;

    color: #18314f;

    margin-bottom: 6px;

}

.dentflow-card h5 {

    font-size: 15px;

    color: #046283;

    margin-bottom: 15px;

    font-weight: 600;

}

.dentflow-stars {

    font-size: 20px;

    color: #ffc107;

    margin-bottom: 18px;

    letter-spacing: 3px;

}

.dentflow-card p {

    font-size: 15px;

    line-height: 29px;

    color: #000000;

}

@media(max-width:992px) {

    .dentflow-heading h2 {

        font-size: 36px;

    }

    .dentflow-card {

        width: 300px;

    }

}

@media(max-width:768px) {

    .dentflow-testimonials {

        padding: 70px 0;

    }

    .dentflow-heading h2 {

        font-size: 28px;

    }

    .dentflow-card {

        width: 260px;

        padding: 28px 20px;

    }

    .dentflow-card img {

        width: 75px;

        height: 75px;

    }

    .dentflow-card h3 {

        font-size: 20px;

    }

    .dentflow-card p {

        font-size: 14px;

        line-height: 26px;

    }

    .dentflow-move {

        animation-duration: 22s;

    }

}

.dentlux-contact-zone {
    padding: 100px 8%;
    background: linear-gradient(135deg, #f8fcff, #eef8ff);
    position: relative;
    overflow: hidden;
}

.dentlux-contact-zone::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(0, 174, 255, .08);
    top: -180px;
    left: -180px;
    filter: blur(60px);
}

.dentlux-contact-zone::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(0, 174, 255, .08);
    bottom: -150px;
    right: -150px;
    filter: blur(60px);
}

.dentlux-wrapper {
    max-width: 1250px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
    position: relative;
    z-index: 2;
}

/*======================*/

.dentlux-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    background: #e7f8ff;
    border-radius: 50px;
    color: #00a8ff;
    font-weight: 600;
    margin-bottom: 20px;
}

.dentlux-info-panel h2 {
    font-size: 38px;
    font-weight: 800;
    color: #163150;
    line-height: 1.2;
    margin-bottom: 20px;
}

.dentlux-info-panel h2 span {
    color: #00a8ff;
}

.dentlux-info-panel>p {
    color: #000000;
    line-height: 30px;
    margin-bottom: 35px;
}

/*======================*/

.dentlux-contact-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dentlux-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: #fff;
    padding: 20px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    transition: .35s;
}

.dentlux-item:hover {
    transform: translateX(8px);
}

.dentlux-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #091e3e, #03a1c1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.dentlux-item h4 {
    color: #163150;
    margin-bottom: 6px;
}

.dentlux-item p {
    color: #000000;
    line-height: 26px;
}

/*======================*/

.dentlux-form-panel {
    background: #fff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.dentlux-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.dentlux-field input,
.dentlux-field textarea {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    outline: none;
    font-size: 15px;
    transition: .3s;
    resize: none;
}

.dentlux-field input:focus,
.dentlux-field textarea:focus {
    border-color: #00a8ff;
    box-shadow: 0 0 0 4px rgba(0, 168, 255, .12);
}

.dentlux-btn {
    width: 100%;
    border: none;
    background: #166895;
    color: #fff;
    padding: 18px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: .35s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.dentlux-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 168, 255, .30);
}

/*======================*/

@media(max-width:991px) {

    .dentlux-wrapper {
        grid-template-columns: 1fr;
    }

    .dentlux-info-panel h2 {
        font-size: 38px;
    }

}

@media(max-width:768px) {

    .dentlux-contact-zone {
        padding: 70px 20px;
    }

    .dentlux-info-panel h2 {
        font-size: 30px;
    }

    .dentlux-grid {
        grid-template-columns: 1fr;
    }

    .dentlux-form-panel {
        padding: 25px;
    }

    .dentlux-item {
        padding: 18px;
    }

    .dentlux-icon {
        width: 52px;
        height: 52px;
        font-size: 18px;
    }

}

.oraventa-footer {
    background: #0d1b2a;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin-top: 80px;
}

/*========================*/

.oraventa-wave {
    height: 8px;
    background: linear-gradient(90deg, #00c6ff, #00e5ff, #0099ff, #00c6ff);
    background-size: 300% 100%;
    animation: oraventawave 6s linear infinite;
}

@keyframes oraventawave {

    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 300% 0;
    }

}

/*========================*/

.oraventa-container {

    max-width: 1150px;

    margin: auto;

    padding: 60px 20px 50px;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 40px;

}

/*========================*/

.oraventa-box h2 {

    font-size: 30px;

    margin-bottom: 20px;

    color: #fff;

}

.oraventa-box h2 i {

    color: #00c8ff;

    margin-right: 8px;

}

.oraventa-box h3 {

    font-size: 22px;

    margin-bottom: 25px;
    color: #fff;

    position: relative;

    display: inline-block;

}

.oraventa-box h3::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -8px;

    width: 45px;

    height: 3px;

    border-radius: 30px;

    background: #00c8ff;

}

/*========================*/

.oraventa-box p {

    color: #ffffff;

    line-height: 30px;

    font-size: 15px;

}

/*========================*/

.oraventa-box ul {

    list-style: none;
    padding: 0;
    margin: 0;

}

.oraventa-box ul li {

    margin-bottom: 18px;

    color: #ffffff;
    font-size: 15px;

    display: flex;

    align-items: flex-start;

    gap: 12px;

}

.oraventa-box ul li i {

    color: #00c8ff;

    margin-top: 4px;

}

.oraventa-box ul li a {

    text-decoration: none;

    color: #ffffff;
    font-size: 15px;
    transition: .35s;

}

.oraventa-box ul li a:hover {

    color: #00c8ff;

    padding-left: 6px;

}

/*========================*/

.oraventa-social {

    display: flex;

    gap: 12px;

    margin-top: 28px;

}

.oraventa-social a {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .08);

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    text-decoration: none;

    transition: .35s;

}

.oraventa-social a:hover {

    background: #00c8ff;

    transform: translateY(-6px);

}

/*========================*/

.oraventa-news {

    display: flex;

    margin-top: 25px;

    overflow: hidden;

    border-radius: 50px;

    background: #fff;

}

.oraventa-news input {

    flex: 1;

    border: none;

    outline: none;

    padding: 15px 18px;

    font-size: 15px;

}

.oraventa-news button {

    width: 65px;

    border: none;

    background: #00c8ff;

    color: #fff;

    cursor: pointer;

    transition: .35s;

    font-size: 18px;

}

.oraventa-news button:hover {

    background: #009fe3;

}

/*========================*/

.oraventa-bottom {

    border-top: 1px solid rgba(255, 255, 255, .08);

    text-align: center;

    padding: 18px 15px;

}

.oraventa-bottom p {

    color: #c7d2dc;

    font-size: 15px;

}

.oraventa-bottom strong {

    color: #00c8ff;

}

/*========================*/

@media(max-width:1100px) {

    .oraventa-container {

        grid-template-columns: repeat(2, 1fr);

    }

}

/*========================*/

@media(max-width:768px) {

    .oraventa-container {

        grid-template-columns: 1fr;

        text-align: left;

        padding: 60px 20px 35px;

    }

    .oraventa-box h3::after {

        left: 0;
        transform: none;

    }

    .oraventa-social {

        justify-content: left;

    }

    .oraventa-box ul li {

        justify-content: left;
    }

    .oraventa-news {

        max-width: 350px;

        margin: 25px auto 0;

    }

}

.dentixnova-hero {

    position: relative;
    padding: 80px 0;
    min-height: 100vh;

    overflow: hidden;

    display: flex;

    align-items: center;

}

.dentixnova-bg {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    object-fit: cover;

}

.dentixnova-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(rgb(0 0 0 / 58%), rgb(0 0 0 / 62%));

    z-index: 1;

}

.dentixnova-container {

    width: 100%;

    max-width: 1400px;

    margin: auto;

    padding: 90px 6%;

    position: relative;

    z-index: 5;

}

/*========================*/

.dentixnova-doctors {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 40px;

}

.dentixnova-doc-card {

    width: 360px;

    background: rgba(255, 255, 255, .12);

    backdrop-filter: blur(18px);

    border: 1px solid rgba(255, 255, 255, .15);

    border-radius: 30px;

    overflow: hidden;

    transition: .4s;


    height: 100%;



}

.dentixnova-doc-card:hover {

    transform: translateY(-10px);

}

.dentixnova-doc-card img {
    width: 100%;
    height: 350px;
    /* Set the same height for all images */
    object-fit: cover;
    display: block;
    border-radius: 10px;
    /* Optional */
}

.dentixnova-doc-info {

    padding: 25px;

    color: #fff;

    text-align: center;

}

.dentixnova-doc-info h4 {

    font-size: 24px;
    color: #fff;

    margin-bottom: 8px;

}

.dentixnova-doc-info span {

    color: #ffffff;

}

/*========================*/

.dentixnova-center {

    text-align: center;

    max-width: 650px;

}

.dentixnova-center span {

    display: inline-flex;

    gap: 10px;

    align-items: center;

    padding: 12px 28px;

    border-radius: 40px;

    background: rgb(255 251 251 / 32%);

    color: #fff;
    font-weight: 700;

    margin-bottom: 25px;

}

.dentixnova-center h1 {

    color: #fff;

    font-size: 62px;

    line-height: 74px;

    margin-bottom: 20px;

}

.dentixnova-center h1 strong {

    color: #ffffff;

}

.dentixnova-center p {

    color: #ffffff;

    line-height: 31px;

    font-size: 17px;

}

.dentixnova-btns {

    display: flex;

    justify-content: center;

    gap: 20px;

    margin-top: 40px;

}

.dentixnova-btns a {

    padding: 16px 34px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 600;

    transition: .35s;

}

.dentixnova-btns a:first-child {

    background: #ffffff;

    color: #000000;

}

.dentixnova-btns .outline {

    border: 2px solid #fff;

    color: #fff;

}

.dentixnova-btns a:hover {

    transform: translateY(-5px);

}

/*====================================
        SERVICES HORIZONTAL SLIDER
====================================*/

.dentixnova-scroll-wrap {

    width: 100%;

    overflow: hidden;

    margin-top: 90px;

    position: relative;

}

.dentixnova-scroll-wrap::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 180px;

    height: 100%;

    background: linear-gradient(to right,
            rgba(8, 25, 45, 1),
            rgba(8, 25, 45, 0));

    z-index: 5;

}

.dentixnova-scroll-wrap::after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 180px;

    height: 100%;

    background: linear-gradient(to left,
            rgba(8, 25, 45, 1),
            rgba(8, 25, 45, 0));

    z-index: 5;

}

.dentixnova-scroll-track {

    display: flex;

    gap: 30px;

    width: max-content;

    animation: dentixnovaslide 80s linear infinite;

}

.dentixnova-scroll-wrap:hover .dentixnova-scroll-track {

    animation-play-state: paused;

}

@keyframes dentixnovaslide {

    from {

        transform: translateX(0);

    }

    to {

        transform: translateX(-50%);

    }

}

/*========================*/

.dentixnova-service {

    width: 340px;

    flex-shrink: 0;

    background: rgba(255, 255, 255, .13);

    backdrop-filter: blur(20px);

    border: 1px solid rgba(255, 255, 255, .15);

    border-radius: 30px;

    overflow: hidden;

    transition: .35s;

}

.dentixnova-service:hover {

    transform: translateY(-12px);

    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);

}

.dentixnova-service img {

    width: 100%;

    height: 230px;

    object-fit: cover;

    display: block;

}

.dentixnova-service-content {

    padding: 28px;

}

.dentixnova-service-content h3 {

    color: #fff;

    font-size: 24px;

    margin-bottom: 10px;

}

.dentixnova-service-content p {

    color: #ffffff;

    line-height: 28px;

}

/*========================*/

@media(max-width:1200px) {

    .dentixnova-doctors {

        flex-direction: column;

    }

    .dentixnova-center {

        order: -1;

        margin-bottom: 40px;

    }

}

/*========================*/

@media(max-width:768px) {

    .dentixnova-container {

        padding: 70px 20px;

    }

    .dentixnova-center h1 {

        font-size: 38px;

        line-height: 48px;

    }

    .dentixnova-btns {

        flex-direction: column;

    }

    .dentixnova-doc-card {

        width: 220px;

    }

    .dentixnova-service {

        width: 280px;

    }

    .dentixnova-service img {

        height: 180px;

    }

    .dentixnova-scroll-wrap {

        margin-top: 60px;

    }

    .dentixnova-scroll-wrap::before,

    .dentixnova-scroll-wrap::after {

        display: none;

    }

}

/*==============================
      MOBILE ONLY
==============================*/
@media (max-width:768px) {

    .dentixnova-container {
        padding: 60px 20px;
    }

    .dentixnova-doctors {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        justify-items: center;
        align-items: start;
    }

    /* Doctors first */
    .doc-left {
        order: 1;
    }

    .doc-right {
        order: 2;
    }

    /* Content below doctors */
    .dentixnova-center {
        order: 3;
        grid-column: 1 / -1;
        margin-top: 25px;
        text-align: center;
    }

    .dentixnova-center h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .dentixnova-center p {
        font-size: 15px;
        line-height: 28px;
    }

    .dentixnova-btns {
        flex-direction: column;
        gap: 15px;
    }

    .dentixnova-btns a {
        width: 100%;
        text-align: center;
    }

    .dentixnova-doc-card {
        width: 100%;
        max-width: 170px;
        border-radius: 18px;
    }

    .dentixnova-doc-card img {
        height: 220px;
        object-fit: cover;
    }

    .dentixnova-doc-info {
        padding: 15px;
    }

    .dentixnova-doc-info h4 {
        font-size: 17px;
    }

    .dentixnova-doc-info span {
        font-size: 13px;
    }

    /* Service slider */
    .dentixnova-scroll-wrap {
        margin-top: 40px;
    }

    .dentixnova-service {
        width: 270px;
    }

    .dentixnova-service img {
        height: 170px;
    }

    .dentixnova-scroll-wrap::before,
    .dentixnova-scroll-wrap::after {
        display: none;
    }

}

/*==============================
      SCROLL ANIMATIONS
==============================*/

.dn-top,
.dn-bottom,
.dn-left,
.dn-right {
    opacity: 0;
    transition: 1s ease;
}

.dn-top {
    transform: translateY(-80px);
}

.dn-bottom {
    transform: translateY(80px);
}

.dn-left {
    transform: translateX(-80px);
}

.dn-right {
    transform: translateX(80px);
}

.dn-show {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}

.dent-footer-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.dent-footer-phone i {
    color: #00b7ff;
    font-size: 18px;
    min-width: 20px;
}

.dent-doctor-name {
    font-weight: 700;
    color: #ffffff;
}

.dent-phone-link {
    margin-left: auto;
    color: #00d4ff;
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.dent-phone-link:hover {
    color: #ffffff;
}

/*==========================================
        ZENMORA PREMIUM BANNER
==========================================*/

.zenmora-banner {
    position: relative;
    overflow: hidden;
    top: 60px;
    min-height: 520px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Change this class for each page */

.about-banner-bg {
    background: url("../img/about-bg.jpg") center/cover no-repeat;
}

.service-banner-bg {
    background: url("../img/service-bg.jpg") center/cover no-repeat;
}

.contact-banner-bg {
    background: url("../img/contact-bg.jpg") center/cover no-repeat;
}

.gallery-banner-bg {
    background: url("../img/gallery-bg.jpg") center/cover no-repeat;
}

.testimonial-banner-bg {
    background: url("../img/testimonial-bg.jpg") center/cover no-repeat;
}

.doctor-banner-bg {
    background: url("../img/doctor-bg.jpg") center/cover no-repeat;
}

/* Overlay */

.zenmora-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg,
            rgba(0, 0, 0, 0.7),
            rgba(5, 5, 5, 0.65));
}

/*========================*/

.zenmora-container {

    position: relative;

    z-index: 5;

    width: 90%;

    max-width: 1400px;

    margin: auto;

    display: grid;

    grid-template-columns: 1fr 520px;

    align-items: center;

    gap: 70px;

}

/*========================*/

.zenmora-badge {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 12px 28px;

    border-radius: 50px;

    background: rgba(255, 255, 255, .12);

    backdrop-filter: blur(12px);

    color: #fff;

    font-weight: 600;

    margin-bottom: 25px;

    animation: badgeDrop .8s ease;

}

.zenmora-badge i {

    color: #19d4ff;

}

/*========================*/

.zenmora-content h1 {

    color: #fff;

    font-size: 64px;

    line-height: 74px;

    margin-bottom: 20px;

    animation: titleLeft 1s ease;

}

.zenmora-content h1 span {

    color: #29d5ff;

}

.zenmora-content p {

    color: #edf8ff;

    font-size: 17px;

    line-height: 32px;

    max-width: 600px;

    margin-bottom: 35px;

    animation: titleLeft 1.3s ease;

}

/*========================*/

.zenmora-breadcrumb {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 13px 24px;

    border-radius: 50px;

    background: rgba(255, 255, 255, .12);

    backdrop-filter: blur(10px);

    animation: fadeUp 1.6s;

}

.zenmora-breadcrumb a {

    color: #fff;

    text-decoration: none;

}

.zenmora-breadcrumb span {

    color: #27d7ff;

    font-weight: 700;

}

.zenmora-breadcrumb i {

    color: #27d7ff;

}

/*========================*/

.zenmora-image-area {

    position: relative;

}

.zenmora-image-box {

    border-radius: 35px;

    overflow: hidden;

    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);

    animation: zoomImage 1s;

}

.zenmora-image-box img {

    width: 100%;

    display: block;

}

/*========================*/

.zenmora-card {

    position: absolute;

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 18px 24px;

    background: #fff;

    border-radius: 18px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, .18);

    animation: floating 5s ease-in-out infinite;

}

.card-left {

    top: 40px;

    left: -40px;

}

.card-right {

    right: -40px;

    top: 180px;

    animation-delay: 2s;

}

.card-bottom {

    left: 80px;

    bottom: -25px;

    animation-delay: 1s;

}

.zenmora-icon {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    background: #1dcfff;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 22px;

}

.zenmora-card h3 {

    color: #06263d;

    margin-bottom: 5px;

}

.zenmora-card p {

    color: #6b7f8d;

    font-size: 14px;

}

/*==========================
      DECORATIVE SHAPES
==========================*/

.zenmora-shape {

    position: absolute;

    border-radius: 50%;

    z-index: 2;

}

.shape-one {

    width: 240px;

    height: 240px;

    left: -100px;

    top: -90px;

    background: rgba(0, 212, 255, .15);

    animation: blobMove 8s infinite;

}

.shape-two {

    width: 120px;

    height: 120px;

    right: 10%;

    top: 70px;

    background: rgba(255, 255, 255, .12);

    animation: floating 6s infinite;

}

.shape-three {

    width: 340px;

    height: 340px;

    right: -120px;

    bottom: -160px;

    background: rgba(255, 255, 255, .08);

    animation: blobMove 10s infinite reverse;

}

.zenmora-dot {

    position: absolute;

    border-radius: 50%;

    background: #21d7ff;

    z-index: 2;

}

.dot-one {

    width: 14px;

    height: 14px;

    left: 20%;

    top: 90px;

    animation: pulseDot 2s infinite;

}

.dot-two {

    width: 20px;

    height: 20px;

    right: 20%;

    bottom: 100px;

    animation: pulseDot 3s infinite;

}

.zenmora-ring {

    position: absolute;

    width: 140px;

    height: 140px;

    border: 3px dashed rgba(255, 255, 255, .25);

    border-radius: 50%;

    left: 55%;

    top: 35px;

    animation: rotateRing 12s linear infinite;

}

/*==========================
        ANIMATIONS
==========================*/

@keyframes titleLeft {

    from {

        opacity: 0;

        transform: translateX(-80px);

    }

    to {

        opacity: 1;

        transform: translateX(0);

    }

}

@keyframes badgeDrop {

    from {

        opacity: 0;

        transform: translateY(-40px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

@keyframes fadeUp {

    from {

        opacity: 0;

        transform: translateY(50px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

@keyframes zoomImage {

    from {

        opacity: 0;

        transform: scale(.8);

    }

    to {

        opacity: 1;

        transform: scale(1);

    }

}

@keyframes floating {

    0%,
    100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-12px);

    }

}

@keyframes blobMove {

    0%,
    100% {

        transform: scale(1);
        border-radius: 50%;

    }

    50% {

        transform: scale(1.15);
        border-radius: 38% 62% 58% 42%;

    }

}

@keyframes rotateRing {

    100% {

        transform: rotate(360deg);

    }

}

@keyframes pulseDot {

    0%,
    100% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.6);

    }

}

/*==========================
        RESPONSIVE
==========================*/

@media(max-width:991px) {

    .zenmora-container {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .zenmora-content h1 {

        font-size: 46px;

        line-height: 56px;

    }

    .zenmora-image-area {

        max-width: 420px;

        margin: 50px auto 0;

    }

    .card-left {

        left: 0;

    }

    .card-right {

        right: 0;

    }

}

@media(max-width:768px) {

    .zenmora-banner {

        padding: 70px 20px;

        min-height: 700px;

    }

    .zenmora-content h1 {

        font-size: 34px;

        line-height: 44px;

    }

    .zenmora-content p {

        font-size: 15px;

        line-height: 28px;

    }

    .zenmora-card {

        position: static;

        margin-top: 20px;

    }

    .zenmora-image-area {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .shape-one {

        width: 150px;

        height: 150px;

    }

    .shape-three {

        width: 200px;

        height: 200px;

    }

}

/*==============================
    NOVACREST READ MORE BUTTON
===============================*/

.novacrest-readbtn {

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 15px 34px;

    border-radius: 60px;

    background: #ffffff;

    color: #072a3e;

    text-decoration: none;

    font-size: 15px;

    font-weight: 700;

    border: 2px solid #043754;

    overflow: hidden;

    transition: .45s ease;

    z-index: 1;

}

.novacrest-readbtn span,
.novacrest-readbtn i {

    position: relative;

    z-index: 2;

}

.novacrest-readbtn::before {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(135deg, #063f5f, #023a46);

    transition: .45s;

    z-index: 1;

}

.novacrest-readbtn:hover::before {

    left: 0;

}

.novacrest-readbtn:hover {

    color: #fff;

    box-shadow: 0 15px 35px rgba(8, 166, 255, .30);

    transform: translateY(-5px);

}

.novacrest-readbtn:hover i {

    transform: translateX(8px);

}

.novacrest-readbtn i {

    transition: .4s;

}

.novacrest-readbtn:active {

    transform: scale(.97);

}

/* Mobile */

@media(max-width:768px) {

    .novacrest-readbtn {

        padding: 13px 28px;

        font-size: 14px;

    }

}

.readmore {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

/*=========================================
      ZENTOVIX TOOTH SCROLL BUTTON
==========================================*/

.zentovix-scrollup {

    position: fixed;

    right: 25px;

    bottom: 25px;

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

    transform: translateY(40px);

    transition: .4s;

}

.zentovix-scrollup.zentovix-show {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

.zentovix-toothbg {

    width: 62px;

    height: 62px;

    background: #046283;

    clip-path: polygon(25% 0%, 75% 0%, 95% 35%, 82% 70%, 68% 100%, 50% 82%, 32% 100%, 18% 70%, 5% 35%);

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0 15px 35px rgba(8, 166, 255, .35);

    transition: .35s;

    animation: zentovixFloat 2.5s ease-in-out infinite;

}

.zentovix-toothbg i {

    color: #fff;

    font-size: 21px;

    animation: zentovixArrow 1.3s infinite;

}

.zentovix-scrollup:hover .zentovix-toothbg {

    transform: rotate(8deg) scale(1.08);

    background: #0a89d4;

}

@keyframes zentovixFloat {

    0%,
    100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-8px);

    }

}

@keyframes zentovixArrow {

    0%,
    100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-5px);

    }

}

@media(max-width:768px) {

    .zentovix-toothbg {

        width: 58px;

        height: 58px;

    }

    .zentovix-toothbg i {

        font-size: 22px;

    }

}

/*====================================================
            VEXORA PREMIUM WHATSAPP CHAT
====================================================*/

.vexora-chat-widget {

    position: fixed;

    left: 20px;

    bottom: 20px;

    z-index: 999999;

    font-family: 'Poppins', sans-serif;

}

/*==============================
        CHAT WINDOW
==============================*/
.vexora-chat-window {

    width: 340px;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);

    opacity: 0;
    visibility: hidden;
    transform: translateY(30px) scale(.9);

    transition: .35s ease;
    margin-bottom: 18px;

    pointer-events: none;

    /* 🔥 IMPORTANT FIX */
    position: fixed;
    bottom: 90px;


    z-index: 9999;
}

.vexora-chat-window.active {

    opacity: 1;

    visibility: visible;

    transform: translateY(0) scale(1);
    pointer-events: auto;

}

/*==============================
        HEADER
==============================*/

.vexora-chat-header {

    background: linear-gradient(135deg, #25D366, #13b454);

    padding: 10px;

    display: flex;

    align-items: center;

    gap: 15px;

    color: #fff;

}

.vexora-chat-avatar {

    position: relative;

}

.vexora-chat-avatar img {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    object-fit: cover;

    border: 3px solid rgba(255, 255, 255, .4);

}

.vexora-online-dot {

    position: absolute;

    right: 3px;

    bottom: 3px;

    width: 12px;

    height: 12px;

    background: #00ff48;

    border: 2px solid #fff;

    border-radius: 50%;

}

.vexora-chat-info {

    flex: 1;

}

.vexora-chat-info h4 {

    margin: 0;

    font-size: 18px;

    font-weight: 600;

}

.vexora-chat-info small {

    opacity: .95;

    font-size: 12px;

}

.vexora-close-btn {

    width: 36px;

    height: 36px;

    border: none;

    border-radius: 50%;

    background: rgba(255, 255, 255, .18);

    color: #fff;

    cursor: pointer;

    transition: .3s;

}

.vexora-close-btn:hover {

    background: #fff;

    color: #25D366;

}

/*==============================
            BODY
==============================*/

.vexora-chat-body {

    padding: 12px;

    background: #eef4f8;

    background-image:

        radial-gradient(circle at 20% 20%, rgba(37, 211, 102, .08) 2px, transparent 2px),

        radial-gradient(circle at 80% 40%, rgba(37, 211, 102, .08) 2px, transparent 2px);

    background-size: 35px 35px;

}

.vexora-chat-bubble {

    background: #fff;

    padding: 18px;

    border-radius: 16px 16px 16px 5px;

    color: #333;

    line-height: 28px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);

    animation: vexoraBubble .6s ease;

}

.vexora-chat-bubble p {

    margin: 0 0 8px;

}

.vexora-chat-bubble span {

    display: block;

    margin-top: 10px;

    text-align: right;

    font-size: 11px;

    color: #999;

}

/*==============================
          FOOTER
==============================*/

.vexora-chat-footer {

    padding: 12px;

    background: #fff;

}

.vexora-start-chat {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    background: linear-gradient(135deg, #25D366, #0fb64b);

    color: #fff;

    padding: 12px;

    border-radius: 50px;

    font-weight: 600;

    transition: .35s;

}

.vexora-start-chat i {

    font-size: 22px;

}

.vexora-start-chat:hover {

    transform: translateY(-3px);

    box-shadow: 0 15px 35px rgba(37, 211, 102, .35);

}

/*==============================
      FLOATING BUTTON
==============================*/

.vexora-chat-toggle {

    position: relative;

    width: 65px;

    height: 65px;

    border: none;

    border-radius: 50%;

    background: linear-gradient(135deg, #25D366, #0fb64b);

    color: #fff;

    cursor: pointer;

    font-size: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0 18px 45px rgba(37, 211, 102, .35);

    transition: .35s;

    overflow: hidden;

}

.vexora-chat-toggle:hover {

    transform: translateY(-8px);

}

.vexora-chat-toggle i {

    position: relative;

    z-index: 2;

}

.vexora-toggle-ripple {

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 2px solid rgba(255, 255, 255, .5);

    animation: vexoraRipple 2s infinite;

}

/*==============================
        ANIMATIONS
==============================*/

@keyframes vexoraRipple {

    0% {

        transform: scale(.8);

        opacity: 1;

    }

    100% {

        transform: scale(1.8);

        opacity: 0;

    }

}

@keyframes vexoraBubble {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}

/*==============================
        MOBILE
==============================*/

@media(max-width:768px) {

    .vexora-chat-widget {

        left: 15px;

        bottom: 15px;

    }

    .vexora-chat-window {

        width: calc(100vw - 30px);

        max-width: 340px;


    }

    .vexora-chat-toggle {

        width: 58px;

        height: 58px;

        font-size: 27px;
        bottom: 20px;

    }

    .vexora-chat-avatar img {

        width: 48px;

        height: 48px;

    }

    .vexora-chat-header {

        padding: 15px;

    }

    .vexora-chat-body {

        padding: 18px;

    }

}

.dentiqore-booking-section {

    padding-top: 180px;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 50px;

    background: #f6fbff;

    position: relative;

    overflow: hidden;

}

.dentiqore-booking-section::before {

    content: "";

    position: absolute;

    width: 320px;

    height: 320px;

    background: rgba(8, 166, 255, .08);

    border-radius: 50%;

    top: -120px;

    left: -120px;

}

.dentiqore-booking-section::after {

    content: "";

    position: absolute;

    width: 260px;

    height: 260px;

    background: rgba(37, 211, 102, .08);

    border-radius: 50%;

    bottom: -100px;

    right: -80px;

}

.dentiqore-booking-wrapper {

    max-width: 1320px;

    margin: auto;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 60px;

    align-items: center;

    position: relative;

    z-index: 2;

}

/*=========================
        CONTENT
=========================*/

.dentiqore-mini-title {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: #e8f8ff;

    color: #08a6ff;

    padding: 10px 22px;

    border-radius: 50px;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 20px;

}

.dentiqore-booking-content h2 {

    font-size: 46px;

    color: #10233d;

    margin-bottom: 20px;

    line-height: 1.2;

}

.dentiqore-booking-content h2 span {

    color: #046283;

}

.dentiqore-booking-content p {

    color: #000;

    line-height: 30px;

    font-size: 16px;

}

/*=========================
      INFO BOXES
=========================*/

.dentiqore-booking-info {

    margin-top: 35px;

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.dentiqore-info-box {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    background: #fff;

    padding: 18px;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);

}

.dentiqore-info-box i {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    background: #046283;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 20px;

}

.dentiqore-info-box h4 {

    margin: 0 0 6px;

    color: #10233d;

}

.dentiqore-info-box p {

    margin: 0;

    line-height: 28px;

}

/*=========================
        FORM CARD
=========================*/

.dentiqore-form-card {

    background: #fff;

    padding: 40px;

    border-radius: 24px;

    box-shadow: 0 25px 60px rgba(0, 0, 0, .08);

}

.dentiqore-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

}

.dentiqore-input-box {

    margin-bottom: 20px;

}

.dentiqore-input-box label {

    display: block;

    margin-bottom: 8px;

    color: #10233d;

    font-weight: 600;

}

.dentiqore-input-box input,
.dentiqore-input-box select,
.dentiqore-input-box textarea {

    width: 100%;

    padding: 15px 18px;

    border: 1px solid #d8e5ef;

    border-radius: 12px;

    font-size: 15px;

    outline: none;

    transition: .35s;

    background: #fff;

    box-sizing: border-box;

}

.dentiqore-input-box textarea {

    resize: none;

}

.dentiqore-input-box input:focus,
.dentiqore-input-box select:focus,
.dentiqore-input-box textarea:focus {

    border-color: #08a6ff;

    box-shadow: 0 0 0 4px rgba(8, 166, 255, .12);

}

/*=========================
        BUTTON
=========================*/

.dentiqore-submit-btn {

    width: 100%;

    padding: 17px;

    border: none;

    border-radius: 50px;

    background: linear-gradient(135deg, #087095, #046283);

    color: #fff;

    font-size: 17px;

    font-weight: 600;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 12px;

    transition: .35s;

    box-shadow: 0 18px 40px rgba(8, 166, 255, .28);

}

.dentiqore-submit-btn:hover {

    transform: translateY(-5px);

    box-shadow: 0 25px 45px rgba(8, 166, 255, .35);

}

/*=========================
      RESPONSIVE
=========================*/

@media(max-width:992px) {

    .dentiqore-booking-wrapper {

        grid-template-columns: 1fr;

        gap: 40px;

    }

}

@media(max-width:768px) {

    .dentiqore-booking-section {

        padding-top: 170px;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 30px;

    }

    .dentiqore-booking-content h2 {

        font-size: 34px;

    }

    .dentiqore-grid {

        grid-template-columns: 1fr;

    }

    .dentiqore-form-card {

        padding: 25px;

    }

}

@media(max-width:480px) {

    .dentiqore-booking-content h2 {

        font-size: 28px;

    }

    .dentiqore-mini-title {

        font-size: 13px;

        padding: 8px 18px;

    }

    .dentiqore-submit-btn {

        font-size: 15px;

        padding: 15px;

    }

}

.dentaqora-header-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 40px;
    background: #fff;
}

/* logo */
.dentaqora-brand-block img {
    height: 55px;
}

/* center menu */
.dentaqora-navigation-panel {
    flex: 1;
    display: flex;
    justify-content: center;
}

.dentaqora-menu-list {
    list-style: none;
    display: flex;
    gap: 25px;
    padding: 0;
    margin: 0;
}

.dentaqora-menu-list li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    position: relative;
}

.dentaqora-menu-list li a:hover {
    color: #0aa6a6;
}

/* active */
.dentaqora-active-link {
    color: #0aa6a6;
}

/* appointment button */
.dentaqora-appointment-action {
    background: linear-gradient(135deg, #0aa6a6, #067a7a);
    color: #fff;
    padding: 10px 18px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    margin-left: auto;
    margin-right: 15px;
    transition: 0.3s ease;
    white-space: nowrap;
}

.dentaqora-appointment-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* mobile toggle */
.dentaqora-hamburger-toggle {
    font-size: 22px;
    cursor: pointer;
    display: none;
}

/* responsive */
@media (max-width: 768px) {

    .dentaqora-appointment-action {
        display: none;
    }

    .dentaqora-hamburger-toggle {
        display: block;
    }

    .dentaqora-menu-list {
        display: none;
    }
}

.diyaMapEliteSection {
    padding: 30px 7%;

    position: relative;
    overflow: hidden;
}




/*==============================*/

.diyaMapEliteTitle {
    text-align: center;

    position: relative;
    z-index: 2;
}

.diyaMapEliteBadge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 28px;
    border-radius: 50px;
    background: #ffffff;
    color: #0aa5d8;
    font-weight: 600;
    letter-spacing: 2px;
    box-shadow: 0 15px 35px rgba(0, 160, 220, .12);
}

.diyaMapEliteBadge i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0aa5d8;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.diyaMapEliteTitle h2 {
    font-size: 48px;
    margin-top: 25px;
    color: #163150;
}

.diyaMapEliteTitle p {
    max-width: 700px;
    margin: 20px auto 0;
    color: #000000;
    line-height: 1.9;
    font-size: 17px;
}

/*==============================*/

.diyaMapEliteBox {
    max-width: 1300px;
    margin: auto;
    background: #ffffff;
    border-radius: 35px;
    padding: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .08);
    position: relative;
    z-index: 2;
}

.diyaMapEliteBox::before {
    content: "";
    position: absolute;
    inset: -10px;
    border: 2px dashed #b8ecff;
    border-radius: 42px;
    z-index: -1;
}

.diyaMapEliteBox iframe {
    width: 100%;
    height: 300px;
    border: none;
    border-radius: 25px;
}




.diyaMapEliteButton {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0aa5d8;
    color: #fff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px;
    transition: .35s;
}

.diyaMapEliteButton:hover {
    background: #087db0;
}

/*==============================*/

@media(max-width:991px) {

    .diyaMapEliteTitle h2 {
        font-size: 38px;
    }

    .diyaMapEliteBox iframe {
        height: 300px;
    }

    .diyaMapEliteFloating {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin-top: 20px;
    }

}

@media(max-width:768px) {

    .diyaMapEliteSection {
        padding: 70px 20px;
    }

    .diyaMapEliteTitle h2 {
        font-size: 30px;
    }

    .diyaMapEliteTitle p {
        font-size: 15px;
    }

    .diyaMapEliteBox {
        padding: 12px;
        border-radius: 25px;
    }

    .diyaMapEliteBox iframe {
        height: 250px;
        border-radius: 18px;
    }

}

.ddgGallerySection {
    max-width: 1250px;
    margin: auto;
    padding-top: 140px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
}

.ddgGalleryHeading {
    text-align: center;
    margin-bottom: 50px;
}

.ddgGalleryHeading h2 {
    font-size: 42px;
    color: #004d73;
    margin-bottom: 10px;
}

.ddgGalleryHeading p {
    color: #666;
}

.ddgGalleryGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
}

.ddgGalleryItem {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    padding: 8px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
    cursor: pointer;
}

.ddgGalleryItem img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
    transition: .5s;
}

.ddgGalleryItem:hover img {
    transform: scale(1.08);
}

.ddgGalleryOverlay {
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    bottom: 8px;
    background: rgba(0, 170, 220, .45);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .4s;
    border-radius: 12px;
}

.ddgGalleryItem:hover .ddgGalleryOverlay {
    opacity: 1;
}

.ddgGalleryOverlay i {
    width: 60px;
    height: 60px;
    background: #fff;
    color: #00a8dc;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 22px;
    transform: scale(.5);
    transition: .4s;
}

.ddgGalleryItem:hover .ddgGalleryOverlay i {
    transform: scale(1);
}

/*==========================
        Modal
==========================*/

.ddgModal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .92);
    z-index: 9999;
    padding: 20px;
}

.ddgModal img {
    width: auto;
    max-width: 500px;
    max-height: 85vh;
    height: auto;
    object-fit: contain;
    border-radius: 15px;
    animation: ddgPopup .35s;
}

@keyframes ddgPopup {

    from {
        transform: translateY(120px) scale(.8);
        opacity: 0;
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

}

.ddgModalClose {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    cursor: pointer;
    color: #00a8dc;
}

@media(max-width:768px) {

    .ddgGalleryHeading h2 {
        font-size: 30px;
    }

    .ddgGalleryItem img {
        height: 320px;
    }

}

.ddgModal img {
    width: auto;
    height: auto;
    max-width: 500px;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 15px;
    animation: ddgPopup .35s;
}

/* Tablet */
@media (max-width:768px) {

    .ddgModal img {
        max-width: 90%;
        max-height: 80vh;
    }

}

/* Mobile */
@media (max-width:480px) {

    .ddgModal {
        padding: 15px;
    }

    .ddgModal img {
        max-width: 95%;
        max-height: 75vh;
        border-radius: 10px;
    }

}