@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    --heading-1: 6rem;
    --heading-2: 5rem;
    --heading-3: 4.5rem;
    --heading-4: 3.8rem;
    --heading-5: 2.8rem;
    --heading-6: 2rem;
    --body-font-medium: 2rem;
    --text-paragraph: 1.8rem;
    --text-sm: 1.4rem;
    --default-font-family: "Plus Jakarta Sans", sans-serif;
    --theme-color-light: #0C90D1;
    --theme-color-dark: #0E0059;
    --theme-gradiant-bg: transparent linear-gradient(180deg, #0C90D1 0%, #0B6EC3 100%) 0% 0% no-repeat padding-box;
      --blue: #1565C0;
      --blue-light: #1976D2;
      --blue-dark: #0D47A1;
      --gold: #C8A84B;
      --white: #ffffff;
      --off-white: #F8FAFD;
      --gray-light: #f2f5f9;
      --gray-mid: #e0e6ef;
      --gray-text: #6b7a90;
      --dark: #0d1b2e;
      --body-font: 'Inter', sans-serif;
      --display-font: 'Playfair Display', serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    /* font-size: 62.5%; */
    font-size: 10px !important;
}

body {
    font-family: var(--default-font-family);
    font-weight: 500;
    font-size: var(--body-font-medium);
    font-style: normal;
    line-height: normal;
    color: #515151;
    background: #fff;
    
}


h1 {

    font-size: var(--heading-1);
    color: #fff;
}

h2 {
    font-size: var(--heading-2);
}

h3 {
    font-size: var(--heading-3);
    font-weight: 600;
}

h4 {

    font-size: var(--heading-4);
}

h5 {

    font-size: var(--heading-5);
}



h6 {
    font-size: var(--heading-6);
}

p, li {
    font-size: var(--text-paragraph);
    /*color: #131313;*/
    line-height: 150%;
}

a {
    text-decoration: none;
    transition: all 0.3s;
    color: inherit;
    cursor: pointer;
}


.text-underline {
    text-decoration: underline;
}

.text-sm {
    font-size: var(--text-sm);
}

button {
    border: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
}

img {
    max-width: 100%;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.text-red {
    color: #f00;
}

.theme-gradiant-bg {
    background-color: var(--theme-gradiant-bg);
}

.theme-color-dark {
    color: var(--theme-color-dark);
}


.theme-color-light {
    color: var(--theme-color-light);
}

.default-btn {
    padding: 1.2rem 1.9rem;
    color: #FFF;
    font-size: var(--text-sm);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.4px;
    border-radius: 0.8rem;
    display: inline-block;
    border: none;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
    overflow: hidden;
}


.theme-bg-btn {
    background: var(--theme-gradiant-bg);
    /* border: 1px solid #0000; */
    border: none;
}

.white-bg-btn {
    background: #FFF;
    color: var(--theme-color-dark);
}


.default-btn:hover {
    color: #FFF;
    /* border: 1px solid #0000; */
}

.blury-btn {
    background: rgba(255, 255, 255, 0.12);
    color: #FFF;
}

.theme-bg-btn:hover {
    /* background: transparent linear-gradient(180deg, #67afd3 0%, #01325d 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #0000; */
}


.default-btn:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 110%;
    width: 0;
    background: transparent linear-gradient(180deg, #67afd3 0%, #01325d 100%) 0% 0% no-repeat padding-box;
    top: 0;
    margin: auto;
    transform: scaleX(0) skewX(-35deg);
    transition: 0.5s;
    z-index: -1;
}

.default-btn:hover:after {
    transform: scaleX(1.5) skewX(-35deg);
    width: 100%;
}



.header-btn .default-btn {
    padding: 1rem 1.2rem;
    font-size: var(--text-sm);
}

.text-gradiant-theme-title {
    background: linear-gradient(90deg, #7F5838 0%, #D3B468 12.79%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradiant-theme {
    background: linear-gradient(90deg, #7F5838 0%, #D3B468 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pt-10 {
    padding-top: 1rem;
}

.pt-20 {
    padding-top: 2rem;
}

.pt-30 {
    padding-top: 3rem;
}

.pt-40 {
    padding-top: 4rem;
}

.pt-50 {
    padding-top: 5rem;
}

.pt-60 {
    padding-top: 6rem;
}

.pt-70 {
    padding-top: 7rem;
}

.pt-80 {
    padding-top: 8rem;
}

.pt-90 {
    padding-top: 9rem;
}

.pt-100 {
    padding-top: 10rem;
}

.pt-110 {
    padding-top: 11rem;
}

.pb-10 {
    padding-bottom: 1rem;
}

.pb-20 {
    padding-bottom: 2rem;
}

.pb-30 {
    padding-bottom: 3rem;
}

.pb-40 {
    padding-bottom: 4rem;
}

.pb-50 {
    padding-bottom: 5rem;
}

.pb-60 {
    padding-bottom: 6rem;
}

.pb-70 {
    padding-bottom: 7rem;
}

.pb-80 {
    padding-bottom: 8rem;
}

.pb-90 {
    padding-bottom: 9rem;
}

.pb-100 {
    padding-bottom: 10rem;
}

.pb-110 {
    padding-bottom: 11rem;
}

.ptb-10 {
    padding: 10px 0;
}

.ptb-20 {
    padding: 20px 0;
}

.ptb-30 {
    padding: 30px 0;
}

.ptb-40 {
    padding: 40px 0;
}

.ptb-50 {
    padding: 50px 0;
}

.ptb-60 {
    padding: 60px 0;
}

.ptb-70 {
    padding: 7rem 0;
}

.ptb-80 {
    padding: 8rem 0;
}

.ptb-90 {
    padding: 9rem 0;
}

.ptb-100 {
    padding: 10rem 0;
}

.ptb-110 {
    padding: 11rem 0;
}



.mt-10 {
    margin-top: 1rem;
}

.mt-20 {
    margin-top: 2rem;
}

.mt-30 {
    margin-top: 3rem;
}

.mt-40 {
    margin-top: 4rem;
}

.mt-50 {
    margin-top: 5rem;
}

.mt-60 {
    margin-top: 6rem;
}

.mb-10 {
    margin-bottom: 1rem;
}

.mb-20 {
    margin-bottom: 2rem;
}

.mb-30 {
    margin-bottom: 3rem;
}

.mb-40 {
    margin-bottom: 4rem;
}

.mb-50 {
    margin-bottom: 5rem;
}

.mb-60 {
    margin-bottom: 6rem;
}

.mtb-10 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mtb-20 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mtb-30 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.mtb-40 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.mtb-50 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.mtb-60 {
    margin-top: 6rem;
    margin-bottom: 3rem;
}

.tagline {
    border-radius: 0.8rem;
    border: 1px solid #FFF;
    padding: 1.1rem;
    display: inline-block;
}


.tagline-theme {
    color: var(--theme-color-light);
    border: 1px solid var(--theme-color-light);
    padding: 0.3rem 2.7rem;
    border-radius: 4.2rem;
    display: inline-block;
}


.bg-black,
.bg-dark,
.bg-black p,
.bg-dark p {
    color: #fff;
}

.w-80 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.title-w-50 {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.padding-right-5 {
    padding-right: 5rem;
}

.padding-left-5 {
    padding-left: 5rem;
}

.relative {
    position: relative;
}

.theme-bg-gradiant {
    background: var(--theme-gradiant-bg);
}

.theme-bg-dark {
    background: var(--theme-color-dark);
}

.theme-bg-light {
    background: var(--theme-color-light);
}

.bg-grey {
    background: linear-gradient(0deg, #F1F3F3 0%, #F1F3F3 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}

/*=== Header =====  */
.navbar-brand {
    max-width: 13rem;
}

.header-inner.site-header .navbar-nav {
        margin-left: auto;
        margin-right: 20px;
        align-items:center !important;
}
.collapse.navbar-collapse{
    align-items:end  !important;
}

.header-inner.site-header .navbar-nav .nav-item .nav-link {
    font-size: var( --text-sm);
    padding: 1rem;
    color: #000;
    letter-spacing: 0.4px;
}

.header-inner.site-header .navbar-nav .nav-item:not(:last-child) {
    margin-right: 2.1rem;
}

.site-header nav.navbar {
    padding: .8rem 0;
}

.main-header {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}

.header-inner.site-header {
    padding: 0 2rem;
}
/*=== Header =====  */

/* ====Banner=== */
.baner-section {
    max-width: 852px;
    padding: 8rem 0;
}

.home-banner-sec {
    /* height: 100vh; */
}

.inner-banner-section {
    background-size: cover;
    background-position: center center;
    height: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.inner-banner-section:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008f;
    z-index: -1;
}

.inner-banner-section .container {
    display: flex;
    height: 100%;
    align-items: center;
}

.banner-btn-group {
    display: flex;
    gap: 1.1rem;
}

.baner-section h5 {
    margin-bottom: 5.6rem;
    margin-top: 1.9rem;
}

/* ====Banner=== */

/* ====Video section =====*/

.videoplaceholder {
    /* height: 84rem; */
    border-radius: 1.7rem;
    padding: 2.6rem 2.8rem;
    background: rgba(255, 255, 255, 0.10);
    margin-top: -2.8rem;
}

.videoplaceholder video {
    width: 100%;
    height: 100%;
}



/* ====Video section =====*/


/* contact form  */
.contact-form {
    padding: 10rem 0;
}

.contact-form-block {
    padding: 11rem 8.7rem;
    border-radius: 1.7rem;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.10);
}

.contact-form-content h2 {
    font-size: 10rem;
    font-weight: normal;
    line-height: 101%;
    display: inline-block;
    border-bottom: 7px solid #fff;
    padding-bottom: 1.4rem;
    margin-bottom: 3rem;
    color: #fff;
}

.contact-form-content h5 {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.3rem;
    max-width: 445px;
    text-transform: none;
    color: #fff;
}

.form-layout .form-control {
    padding: 2rem 0;
    background: #0000;
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    font-size: var(--body-font-medium);
    border-bottom: 1px solid rgb(255 255 255 / 80%);
    border-radius: 0;
    font-weight: 500;
}

.form-layout .form-control::placeholder {
    color: #fff;
    font-weight: 500;
}

.form-layout .form-group {
    margin-bottom: 2.4rem;
}

.form-layout textarea.form-control {
    min-height: 13rem;
    max-height: 20rem;
}

/* contact form  */

/* newsletter sec  */
.newsletter-sec {
    padding-top: 4.6rem;
    padding-bottom: 5.9rem;
}

.newsletter-sec-content h5 {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1.3rem;
    color: #fff;
}

.newsletter-sec-content h3 {
    max-width: 60rem;
    font-weight: normal;
    color: #fff;
}

.newsletter-form-group {
    display: flex;
    padding: 0.7rem 0.9rem 0.7rem 1.9rem;
    border-radius: 1.2rem;
    background: #FFF;
}

.newsletter-form-group .form-control {
    font-size: var(--body-font-medium);
    border: none;
    box-shadow: none;
    outline: none;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #7D7D7D;
}

/* newsletter sec  */

/* Footer section  */
.footer {

    background-size: cover;

    background-repeat: no-repeat;
}

.upper-footer {
    padding: 8rem 0;
    background-size: contain;
    font-size: var(--text-paragraph);
    color: #131313;
}

.footer-bottom {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 2px solid rgb(0 0 0 / 32%);
}

.footer-bottom p {
    margin: 0;
    font-size: var(--body-font-medium);
    font-weight: 300;
    letter-spacing: 0.4px;
}


.footer-title h5 {
    margin-bottom: 3.5rem;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

.footer-links li {
    padding: 1rem 0;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.4px;
}

.footer li a:hover {
    color: var(--theme-color-light);
}

.footer-address li:last-child {
    margin-bottom: 0;
}

.footer-address li {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.4px;
    font-size: var(--body-font-medium);
    margin-bottom: 1.1rem;
}

.footer-logo {
    max-width: 25rem;
    filter: invert(1);
}

.footer-address li p {
    line-height: 150%;
    letter-spacing: 0.4px;
    /* font-size: var(--body-font-medium); */
    font-weight: 300;
    /* color: #fff;  */
}

.social-icon {
    display: flex;
    gap: 0.8rem;
    max-width: 258px;
    margin-top: 2.2rem;
}

/* Footer section  */

/* About section */
.about-sec-content {
    padding: 4rem;
    border: 0.8rem solid var(--theme-color-dark);
    border-radius: 0.6rem;
    background: #f9fbfc5e;
}

.about-sec-content p:first-child {
    margin-bottom: 3rem;
}

.abt-ul p {
    margin-bottom: 0;
}

.abt-ul li {
    margin-bottom: 1.5rem;
}

.color-grey p {
    color: #626262;
}

.footer-about p {
    margin-top: 1.1rem;
    font-weight: 500;
}

ul.social-icon li {
    max-width: 4rem;
    height: 4rem;
}

ul.social-icon li img {
    height: 100%;
    width: 100%;
}

.why-choose-us {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    background-attachment: fixed;
    color: #fff;
}

.why-choose-us::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008f;
    z-index: -1;
}

.why-choose-content p {
    color: #fff;
}

.why-choose-content .abt-ul {
    margin: 2rem;
    margin-right: 0;
}

.dental-scheme-block-header {
    background: linear-gradient(90deg, #0160ac 0%, #21aaef 100%);
    text-align: center;
    padding: 1.4rem 1rem;
    border-radius: 1.5rem 1.5rem 0 0;
    margin-bottom: 1.6rem;
    color: #fff;
}

.dental-scheme-block {
    padding: 0.7rem 0.7rem 3.9rem 0.7rem;
    border-radius: 2rem;
    background: rgb(234 248 255);
    margin-bottom: 2.1rem;
}

.dental-scheme-block-content li {
    padding: 0 2rem;
    margin-bottom: 1.6rem;
}

.dental-scheme-block-content li:last-child {
    margin-bottom: 0;
}

.msg-box {
    padding: 2rem;
    background: #f6f6f6;
    padding-left: 2.5rem;
    border-left: 1rem solid #000;
}

.orange-border {
    border-color: #eda004;
}

.light-blue-border {
    border-color: var(--theme-color-light);
}

.document-required .card {
    padding: 2.6rem 2rem;
    box-shadow: 0 0 69px 0 #00000014;
}

.list-disc {
    list-style: disc;
    padding-left: 3rem;
}

/* About section */

/* =====Faq Section Start===== */

.faq-section .accordion-item {
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
    background: #ebebeb;
}

.faq-section .accordion-button {
    font-size: inherit;
    box-shadow: none;
    background: var(--theme-color-dark);
    color: #fff;
    border-radius: 8px;
    gap: 2rem;
    border-radius: 0.4rem;
}

.faq-section .accordion-button:not(.collapsed) {
    border-radius: 0.4rem 0.4rem 0 0;
}

.faq-section .accordion-item .accordion-header {
    font-size: var(--body-font-medium);
}

.faq-section .accordion-button::after {
    background-color: var(--theme-color-light);
    height: 25px;
    width: 25px;
    background-position: center;
    border-radius: 3px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M7 7V.5h2V7h6.5v2H9v6.5H7V9H.5V7z'/%3E%3C/svg%3E");
}

.faq-section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M15 9H1V7h14z'/%3E%3C/svg%3E");
}

.check-square-list li:not(:last-child) {
    margin-bottom: 15px;
}

.check-square-list li {
    display: flex;
    /* gap: .5rem; */
    align-items: flex-start;
}

.check-square-list li i {
    line-height: 1.5;
}

.check-color-orange i {
    color: var(--theme-color);
    margin-right: 1rem;
}

/* =====Faq Section End======= */
.blog-detail-sec h5 {
    margin: 3rem 0 2rem 0;
    color: #222222;
}
.blog-details-img {
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 0 16px 0 #00000061;
    height: 50rem;
    margin-bottom: 3rem;
}

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

 
    /* ── BREADCRUMB BANNER ── */
    .page-banner {
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue) 60%, #1a88e8 100%);
      padding: 54px 5% 50px;
      position: relative; overflow: hidden;
    }
    .page-banner::before {
      content: '';
      position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E");
      background-size: 60px 60px;
    }
    .page-banner-inner { position: relative; max-width: 1100px; margin: 0 auto; }
    .page-banner h1 {
      font-family: var(--display-font);
      font-size: 4.4rem;
      color: var(--white);
      font-weight: 700;
      line-height: 1.25;
      margin-bottom: 14px;
    }
    .breadcrumb {display: flex;align-items: center;gap: 8px;font-size: 1.3rem;color: rgba(255,255,255,0.75);}
    .breadcrumb a { color: rgba(255,255,255,0.85); }
    .breadcrumb a:hover { color: var(--white); }
    .breadcrumb span { color: rgba(255,255,255,0.5); }

    /* ── LAYOUT HELPERS ── */
    /*.container { max-width: 1100px; margin: 0 auto; padding: 0 5%; }*/
    .section { padding: 72px 0; }
    .section-alt { background: var(--off-white); }

    .section-eyebrow {
      font-size: 1.2rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--blue);
      margin-bottom: 10px;
    }
    .section-title {
      font-family: var(--display-font);
      font-size: 3.6rem;
      font-weight: 700;
      color: var(--dark);
      line-height: 1.3;
      margin-bottom: 18px;
    }
    .section-title span { color: var(--blue); }
    .section-desc {font-size: 1.7rem;color: var(--gray-text);max-width: 640px;margin: auto;}

    /* ── INTRO TWO-COL ── */
    .intro-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;
    }
    .intro-text p {color: #3d4f68;margin-bottom: 16px;font-size: 1.5rem;}
    .intro-img { border-radius: 14px; overflow: hidden; box-shadow: 0 12px 40px rgba(21,101,192,0.15); }
    .intro-img img { width: 100%; height: 380px; object-fit: cover; }
    /* Placeholder image with gradient */
    .img-placeholder {
      width: 100%;
      height: 380px;
      border-radius: 14px;
      background: linear-gradient(135deg, #dce8f8 0%, #b3cff0 50%, #1565C0 100%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      overflow: hidden;
    }
    .img-placeholder svg { width: 64px; height: 64px; color: rgba(255,255,255,0.8); }
    .img-placeholder p { color: rgba(255,255,255,0.9); font-size: 0.85rem; font-weight: 500; }

    /* ── WHEN DO YOU NEED ── */
    .need-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;
    }
    .need-list { list-style: none; display: flex; flex-direction: column; gap: 12px; }
    .need-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      background: var(--white);
      border: 1px solid var(--gray-mid);
      border-radius: 10px;
      padding: 14px 18px;
      font-size: 1.4rem;
      color: #3d4f68;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
      transition: box-shadow 0.2s;
    }
    .need-list li:hover { box-shadow: 0 6px 20px rgba(21,101,192,0.1); }
    .need-list li::before {
      content: '✓'; display: flex; align-items: center; justify-content: center;
      min-width: 22px; height: 22px; border-radius: 50%;
      background: var(--blue); color: var(--white); font-size: 0.7rem; font-weight: 700; margin-top: 1px;
    }

    /* ── CROWN TYPES ── */
    .crown-cards {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 24px;
    }
    .crown-card {
      background: var(--white); border-radius: 14px;
      border: 1px solid var(--gray-mid);
      padding: 32px 24px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.05);
      transition: transform 0.2s, box-shadow 0.2s;
      position: relative; overflow: hidden;
    }
    .crown-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
      background: linear-gradient(90deg, var(--blue), var(--gold));
    }
    .crown-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(21,101,192,0.12); }
    .crown-icon {
      width: 52px;
      height: 52px;
      border-radius: 12px;
      background: linear-gradient(135deg, #dce8f8, #b3cff0);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      font-size: 2.5rem;
    }
    .crown-card h3 {font-size: 1.85rem;font-weight: 700;color: var(--dark);margin-bottom: 10px;}
    .crown-card p {font-size: 1.375rem;color: var(--gray-text);line-height: 1.6;}
    .crown-badge {
      display: inline-block;
      margin-top: 14px;
      background: #EBF2FF;
      color: var(--blue);
      font-size: 1.1rem;
      font-weight: 700;
      letter-spacing: 0.5px;
      padding: 3px 10px;
      border-radius: 20px;
      text-transform: uppercase;
    }

    /* ── WHY CHOOSE US ── */
    .why-inner {
      display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;
    }
    .why-points { display: flex; flex-direction: column; gap: 18px; }
    .why-point {
      display: flex; gap: 16px; align-items: flex-start;
      background: var(--white); border-radius: 12px; padding: 18px 20px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    .why-point-icon {
      width: 44px;
      height: 44px;
      border-radius: 10px;
      background: linear-gradient(135deg, var(--blue), var(--blue-light));
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 2.5rem;
    }
    .why-point h4 {font-size: 1.93rem;font-weight: 700;color: var(--dark);margin-bottom: 4px;}
    .why-point p {font-size: 1.44rem;color: var(--gray-text);}
    .why-visual {
      background: linear-gradient(135deg, var(--blue-dark), var(--blue));
      border-radius: 16px; padding: 40px 36px; color: var(--white);
    }
    .why-visual h3 {font-family: var(--display-font);font-size: 2.6rem;margin-bottom: 24px;}
    .stat-row { display: flex; gap: 24px; flex-wrap: wrap; }
    .stat-box { flex: 1; min-width: 100px; }
    .stat-box .stat-num {font-size: 4rem;font-weight: 800;color: var(--gold);line-height: 1;}
    .stat-box .stat-label {font-size: 1.35rem;color: rgba(255,255,255,0.75);margin-top: 4px;}
    .why-visual hr { border: none; border-top: 1px solid rgba(255,255,255,0.15); margin: 24px 0; }
    .why-tag {display: flex;align-items: center;gap: 8px;font-size: 1.62rem;margin-bottom: 10px;}
    .why-tag::before { content: '✓'; background: var(--gold); color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 700; flex-shrink: 0; }

    /* ── PROCEDURE ── */
    .procedure-steps {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0;
      position: relative;
    }
    .procedure-steps::before {
      content: ''; position: absolute; top: 36px; left: 10%; right: 10%; height: 2px;
      background: linear-gradient(90deg, var(--blue), var(--gold));
      z-index: 0;
    }
    .step-card {
      padding: 0 16px; text-align: center; position: relative; z-index: 1;
    }
    .step-num {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      margin: 0 auto 20px;
      background: linear-gradient(135deg, var(--blue-dark), var(--blue));
      color: var(--white);
      font-size: 2.4rem;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 4px solid var(--white);
      box-shadow: 0 4px 16px rgba(21,101,192,0.3);
    }
    .step-card h3 {font-size: 1.75rem;font-weight: 700;color: var(--dark);margin-bottom: 8px;}
    .step-card p {font-size: 1.33rem;color: var(--gray-text);line-height: 1.6;}

    /* ── BENEFITS ── */
    .benefits-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
    }
    .benefit-item {
      background: var(--white); border-radius: 12px; padding: 24px 20px;
      border-left: 4px solid var(--blue); box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      display: flex; align-items: flex-start; gap: 14px;
    }
    .benefit-icon {font-size: 3.2rem;flex-shrink: 0;margin-top: 2px;}
    .benefit-item h4 {font-size: 1.7rem;font-weight: 700;color: var(--dark);margin-bottom: 4px;}
    .benefit-item p {font-size: 1.61rem;color: var(--gray-text);}

    /* ── COST SECTION ── */
    .cost-card {
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue) 100%);
      border-radius: 16px; padding: 52px 48px;
      display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;
    }
    .cost-card h2 {font-family: var(--display-font);font-size: 3.8rem;color: var(--white);margin-bottom: 14px;}
    .cost-card p {color: rgba(255,255,255,0.82);font-size: 1.35rem;line-height: 1.7;}
    .cost-factors { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
    .cost-factors li {
      display: flex;
      align-items: center;
      gap: 10px;
      color: rgba(255,255,255,0.85);
      font-size: 1.35rem;
    }
    .cost-factors li::before {content: '→';color: var(--gold);font-weight: 700;}
    .cost-cta-box { text-align: center; }
    .cost-cta-box p {color: rgba(255,255,255,0.7);font-size: 1.35rem;margin-bottom: 24px;}
    .btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--gold);
      color: var(--dark);
      padding: 1rem 2.5rem;
      border-radius: 8px;
      font-weight: 700;
      transition: all 0.2s;
      box-shadow: 0 4px 16px rgba(200,168,75,0.35);
      font-size: var(--text-sm);
    }
    .btn-primary:hover { background: #b8942a; transform: translateY(-2px); }
    .btn-outline {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 2px solid var(--white);
      color: var(--white);
      padding: 1rem 2.5rem;
      border-radius: 8px;
      font-weight: 600;
      font-size: var(--text-sm);
      transition: all 0.2s;
      margin-top: 14px;
    }
    .btn-outline:hover { background: rgba(255,255,255,0.1); }

    /* ── LOCATION ── */
    .location-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start;
    }
    .location-card {
      background: var(--white);
      border-radius: 14px;
      padding: 1.8rem 1.6rem;
      border: 1px solid var(--gray-mid);
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

.location-card.location-card-right p {
    font-size: 1.18rem;
    color: var(--gray-text);
    margin-top: 6px;
}


.location-card.location-card-right strong {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}
    .location-card h3 {font-size: 1.95rem;font-weight: 700;color: var(--dark);margin-bottom: 16px;}
    .loc-item { display: flex; gap: 12px; margin-bottom: 14px; }
    .loc-item span:first-child {font-size: 2.1rem;flex-shrink: 0;margin-top: 1px;}
    .loc-item p {font-size: 1.375rem;color: var(--gray-text);}
    .loc-item strong { display: block; color: var(--dark); font-weight: 600; margin-bottom: 2px; }
    .nearby-areas {
      background: #EBF2FF; border-radius: 10px; padding: 18px 20px; margin-top: 20px;
    }
    .nearby-areas h4 {font-size: 1.42rem;font-weight: 700;color: var(--blue);margin-bottom: 10px;text-transform: uppercase;letter-spacing: 1px;}
    .area-tags { display: flex; flex-wrap: wrap; gap: 8px; }
    .area-tag {
      background: var(--white);
      color: var(--blue-dark);
      border: 1px solid #b3cff0;
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 1.08rem;
      font-weight: 500;
    }
    .map-embed { border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1); height: 300px; background: var(--gray-mid); display: flex; align-items: center; justify-content: center; }
    .map-embed p { color: var(--gray-text); font-size: 0.875rem; }

    /* ── FAQ ── */
    .faq-list { display: flex; flex-direction: column; gap: 14px; max-width: 800px; margin: 0 auto; }
    .faq-item {
      background: var(--white); border: 1px solid var(--gray-mid);
      border-radius: 12px; overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    .faq-q {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 22px;
      background: none;
      border: none;
      cursor: pointer;
      font-family: var(--body-font);
      font-weight: 600;
      font-size: 1.83rem;
      color: var(--dark);
      text-align: left;
      gap: 14px;
      transition: background 0.2s;
    }
    .faq-q:hover { background: var(--off-white); }
    .faq-q .icon {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #EBF2FF;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 1.8rem;
      color: var(--blue);
      transition: transform 0.3s;
    }
    .faq-item.open .faq-q { color: var(--blue); }
    .faq-item.open .icon { background: var(--blue); color: var(--white); transform: rotate(45deg); }
    .faq-a {
      padding: 0 22px;
      max-height: 0;
      overflow: hidden;
      font-size: 1.48rem;
      color: var(--gray-text);
      line-height: 1.7;
      transition: max-height 0.3s ease, padding 0.3s ease;
    }
    .faq-item.open .faq-a { max-height: 200px; padding: 0 22px 18px; }

    /* ── CTA STRIP ── */
    .cta-strip {
      background: var(--dark); padding: 56px 5%;
      text-align: center;
    }
    .cta-strip h2 {
      font-family: var(--display-font);
      font-size: 5rem;
      color: var(--white);
      margin-bottom: 10px;
    }
    .cta-strip p {color: rgba(255,255,255,0.65);margin-bottom: 28px;font-size: 1.5rem;}
    .cta-strip .phone {color: var(--gold);font-size: 1.8rem;font-weight: 700;}

    button.navbar-toggler {
    background: #0000 !important;
    border-radius: 0 !important;
    padding: 8px 10px !important;
}

.header-btn {
    margin-top: 19px;
}
    footer { background: #0a1525; color: rgba(255,255,255,0.75); }
    .footer-top { padding: 60px 5% 40px; display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 40px; max-width: 1200px; margin: 0 auto; }
    .footer-brand .logo-name {font-family: var(--display-font);font-size: 2.1rem;color: var(--white);font-weight: 700;margin-bottom: 14px;display: block;}
    .footer-brand p {font-size: 1.33rem;line-height: 1.7;color: rgba(255,255,255,0.6);margin-bottom: 16px;}
    .footer-contact-item {display: flex;gap: 8px;align-items: flex-start;font-size: 1.32rem;color: rgba(255,255,255,0.65);margin-bottom: 8px;}
    .footer-col h4 {color: var(--white);font-size: 1.85rem;font-weight: 700;margin-bottom: 16px;letter-spacing: 0.5px;}
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
    .footer-col ul a {font-size: 1.32rem;color: rgba(255,255,255,0.6);transition: color 0.2s;}
    .footer-col ul a:hover { color: var(--gold); }
    .footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);padding: 18px 5%;text-align: center;font-size: 1.12rem;color: rgba(255,255,255,0.4);max-width: 1200px;margin: 0 auto;}

.img-placeholder img {
    height: 100%;
    width:100%;
    object-fit:cover
}
.footer-old p {
    color: #fff;
}
    @media (max-width: 900px) {
      .intro-grid, .need-grid, .why-inner, .cost-card, .location-grid { grid-template-columns: 1fr; }
      .procedure-steps::before { display: none; }
      .benefits-grid { grid-template-columns: 1fr 1fr; }
      .footer-top { grid-template-columns: 1fr 1fr; }
      .stat-row { gap: 16px; }
    }
    @media (max-width: 600px) {
      .benefits-grid, .crown-cards { grid-template-columns: 1fr; }
      .cost-card { padding: 32px 24px; }
      .footer-top { grid-template-columns: 1fr; }
      .nav-links { display: none; }
    }