/* ==========================================================================
   Radiant Smiles Phoenix — Bootstrap 3 build
   Self-hosted fonts (no third-party font CDN), no third-party plugins.
   ========================================================================== */

/* ---- Self-hosted fonts ---- */
@font-face {
  font-family: 'Poppins';
  src: url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-Regular.woff2') format('woff2'),
       url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-Medium.woff2') format('woff2'),
       url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-SemiBold.woff2') format('woff2'),
       url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-Bold.woff2') format('woff2'),
       url('https://radiantsmilesphoenix.blob.core.windows.net/content/fonts/2026/site/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---- Design tokens ---- */
:root{
  --navy:        #1b396b;
  --navy-dark:   #1b3a6b;
  --navy-light:  #2d4d84;
  --cream:       #f4ece1;
  --bg-blue:     #e8eff9;
  --yellow:      #ffd400;
  --yellow-dark: #d9ba2c;
  --text-dark:   #1b3a6b;
  --text-muted:  #5b6b85;
  --white:       #ffffff;
}
.container-fluid.main-body-content {
    padding: 0px;
}

html{ -webkit-text-size-adjust: 100%; }
body{
  font-family: 'Poppins', Arial, Helvetica, sans-serif;
  color: var(--text-dark);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 500;
  color: var(--navy);
  margin-top: 0;
}
a{ color: var(--navy); }
a:hover, a:focus{ color: var(--yellow-dark); text-decoration: none; }
img{ max-width: 100%; height: auto; }
.section{ padding: 80px 0; }
.section-sm{ padding: 50px 0; }


section.supage-banner {
    margin-top: -1px;
    height: 45vh;
    text-align: center;
    background-size: cover!important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    width: 100%
}

section.supage-banner h1 {
    color: #fff;
    position: relative;
    z-index: 9
}

section.supage-banner:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 20%)
}

section.sub-page-main-section img {
    max-width: 400px
}

.trim3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.trim3:hover {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

.trim1 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.trim1:hover {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}
.headermainaraper {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
}

.first-div-after-header {
    padding-top: 136px !important;
}
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span,#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,.header-phone a,.supage-banner .breadcrumb a,.supage-banner .breadcrumb a:hover,section.fincaial h2 {
    color: #fff
}

.supage-banner .breadcrumb {
    z-index: 999;
    position: relative;
}
h2.post-title {
    font-weight: 800
}

input.btn.btn-sm.btn-default {
    border-color: #ffb84d
}

input.btn.btn-sm.btn-default:hover {
    border-color: #107575
}
.sidebar-list {
    padding: 40px 0 0
}

.ms-dropdown,.ms-dropdown option {
    padding: 10px
}

.sidebar-list h3 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
    margin-left: 45px
}

.sidebar-list li {
    margin-left: 20px
}

.sub-page-main-section:first-child img {
    margin-top: 20px;
    margin-bottom: 20px
}

.sub-page-main-section h1 {
    font-size: 36px;
    font-weight: 800;
    color: #000
}

.sub-page-main-section h2 {
    font-size: 30px;
    font-weight: 800;
    color: #000
}

.sub-page-main-section h3 {
    margin-top: 0
}

.inline-img {
    float: right;
    margin: 10px;
    margin-top: 10px!important
}

.ms-dropdown {
    width: 100%;
    border: 1px solid silver
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.sidebar {
    padding-left: 5px;
    margin: 20px 0 40px
}

.sidebar-consultation-head {
    padding: 5px 10px;
    font-size: 12pt
}

.sidebar-form-consultation {
    margin-top: 5px
}

.sidebar-form-submit {
    padding: 25px 0;
    text-align: center;
    border-radius: 0;
    border-top: 5px solid #fff
}

.medica-checkbx label {
    padding-left: 10px
}

.sidebar-form-button {
    border: 1px solid #fff;
    border-radius: 0;
    padding: 8px 24px;
    text-align: left
}

.sidebar-form-button:active,.sidebar-form-button:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #fff
}

.sidebar-form-button a:active,.sidebar-form-button a:hover {
    text-decoration: none;
    color: #000
}

.sidebar-form-text {
    padding: 15px 20px 20px;
    font-size: 10pt;
    line-height: 1.5;
    color: #fff;
    text-align: center
}
.social-icon{margin-left:10px;margin-right:5px;}

.phone-icon{position: relative; bottom: 2px;}

.form-control {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid silver;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #003055;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-bottom: 20px;
}


.form-group {
    margin-bottom: 0px;
    margin-top: 0px;
}

.appointment-request-form textarea {
    margin-bottom: 20px;
    margin-top: 20px;
}

textarea.form-control {
    height: auto;
}

.field-validation-error {
    font-size: 12px;
}

.home-border-right {
    border-right: 1px solid #323434;
}

.main-body-content{
    background-color: #fff;
    min-height: 500px;
    padding: 0 0 0px 0;
}

.white-background {
    background: #fff;
    padding: 0;
}

.mi-boxed-layout {
    padding: 0px;
    background-color: #fff;
}

.mi-boxed-container {
    background-color: #fff;
    padding: 20px;
    min-height: 700px;
    padding-bottom: 50px;
}

/* OVERRIDE BOOTSTRAP
-------------------------------------------------- */

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-top: 8px;
}


/* CUSTOMIZE THE HEADER ABOVE NAV
-------------------------------------------------- */
.header-upper {
    background-color: #005696;
    color: #fff;
    padding: 20px;
}

.header-phone {
    float: right;
    font-size: 22px;
    font-weight: 500;
    text-align: right;
    padding-top: 5px;
    line-height: 32px;
}

.header-phone a {
    color: #fff;
}

.header-phone a:hover {
    color: #fff;
    text-decoration: underline;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.header-nav-bg {
    background-color: #005696;
    color: #fff;
}


/* REVIEWS -------------- */
.fa-star { background-image: url(https://droi.azureedge.net/content/shared/images/icons/18x18/star.png); width: 18px; height: 18px; margin-right: 5px;}

.fa-star-half {
    background-image: url(https://droi.azureedge.net/content/shared/images/icons/18x18/star-half.png);
    width: 18px;
    height: 18px;
    margin-right: 5px;
    position: relative;
    right: 5px;
    bottom: 1px;
}

.rate-us-div {
    margin: 40px 0 20px 0; border: 1px solid silver; padding: 25px; border-radius: 10px; background-color: #fff;
}
.rate-us-div input, .rate-us-div textarea  {
    margin-top: 20px;
}

.patient-reviews > .row {
    column-width: 18em;
    -moz-column-width: 18em;
    -webkit-column-width: 18em;
    column-gap: 1em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
}

.patient-reviews .item {
    display: inline-block;
    padding:  .25rem;
    width:  100%; 
    margin-left: 15px;
}

.patient-reviews .well {
    position:relative;
    display: block;
    padding: 10px;
    margin-bottom:10px;
    min-height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.patient-reviews .panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.patient-reviews .panel > .panel-heading {
    background-image: none;
    background-color: #221700;
    color: white;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.patient-reviews .panel-body {
    padding: 15px;
}

.patient-reviews .panel-default {
    border-color: #ddd;
}

.reviews-head {
  font-size: 36px;
  padding: 25px 0;
}

.review-stars {
  font-size: 18px;
  line-height: 1em;
}

.review-stars span {
  color: gold;
  padding: 0 2px;
  float: left;
}

.review-reviewer {
    font-size: 14px;
    font-weight: 600;
    margin-left: 115px;
    position: relative;
    top: 1px;
}

.review-body {
  font-size: 1em;
}

/* SIDEBAR -------------------- */
.sidebar {
  padding-left: 15px;
  margin: 20px 0 40px;
}

.sidebar-consultation {
  /*margin-top:15px;*/
  padding: 0px px;
}

.sidebar-consultation-head {
  padding: 5px 10px;
  font-size: 12pt;
  background-color: #00468c;
  color: #fff;
}

.sidebar-form-consultation {
  margin-top: 5px;
}

.sidebar-form-submit {
  padding: 25px 0;
  text-align: center;
  border-radius: 0;
  color: #fff;
  background-color: #00468c;
  border-top: 5px solid #fff;
}

.sidebar-form-button {
    font-size: .8em;
    background-color: #00468c;
    border: 1px solid rgba(254, 254, 254, 0.9);
    border-radius: 3px;
    padding: 8px 24px;
    color: #fff;
}

.sidebar-form-button:hover, .sidebar-form-button:active {
    color: #000 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff;
}
.sidebar-form-button a:hover, .sidebar-form-button a:active {
    text-decoration: none;
    color: #000;
}

.sidebar-form-text {
  padding: 15px 20px 0px 20px;
  font-size: 10pt;
  line-height: 1.5;
}

.sidebar-list {
    padding: 40px 0px 0px 0px;
}

.sidebar-list .btn{display:block}

.sidebar-list h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.sidebar-list li {
    margin-left: 20px;
}

.sub-page-main-section {
    padding-bottom: 50px;
}

.sub-page-main-section:first-child img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sub-page-main-section h1 {
    font-size: 36px;
}

.sub-page-main-section h2 {
  font-size: 30px;
}

.sub-page-main-section h3 {
    margin-top: 0px;
}

.inline-img {
    float: right;
    margin: 10px;
    margin-top: 10px !important;
}

.ms-dropdown {
    width: 100%;
    padding: 10px;
    border: 1px solid silver;
}
.ms-dropdown option {
    padding: 10px;
}





@media (max-width: 767px){
  .section{ padding: 48px 0; }
  .section-sm{ padding: 32px 0; }
}

.bg-navy{ background-color: var(--navy); }
.bg-cream{ background-color: var(--cream); }
.bg-blue{ background-color: var(--bg-blue); }
.bg-white{ background-color: var(--white); }
.text-navy{ color: var(--navy); }
.text-white{ color: var(--white); }
.text-muted-custom{ color: var(--text-muted); }

/* Services Mega Menu */
.services-mega {
    position: static;
}
li.dropdown.services-mega.open {
    position: static;
}
.services-mega-menu {
    width:100%;
    left: 0;
    right: 0;
    padding: 30px 32px 28px;
    margin-top: 0;
    border: 1px solid #e5e9ef;
    border-radius: 0 0 5px 5px;
    background: #fff;
}

/* 4 Columns */
.services-mega-menu .mega-column {
    float: left;
    width: 25%;
    padding: 0 18px;
    list-style: none;
}

.services-mega-menu .mega-column:first-child {
    padding-left: 0;
}

.services-mega-menu .mega-column:last-child {
    padding-right: 0;
}

/* Column Heading */
.services-mega-menu .mega-title {
    margin: 2px 0 10px;
    color: #777;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 1px;
}

/* Space before second section */
.services-mega-menu .mega-title-space {
    margin-top: 24px;
}

/* Links */
.services-mega-menu .mega-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.services-mega-menu .mega-links li {
    margin: 0;
    padding: 0;
}

.services-mega-menu .mega-links li a {
    display: block;
    padding: 4px 0;
    color: #123d78;
    font-size: 16px;
    line-height: 1.45;
    text-decoration: none;
}

.services-mega-menu .mega-links li a:hover,
.services-mega-menu .mega-links li a:focus {
    color: #000;
    background: transparent;
    text-decoration: none;
}

/* Clear floats */
.services-mega-menu:before,
.services-mega-menu:after {
    display: table;
    content: "";
}

.services-mega-menu:after {
    clear: both;
}


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

    .services-mega-menu {
        width: 95%;
    }

    .services-mega-menu .mega-column {
        padding: 0 12px;
    }

    .services-mega-menu .mega-links li a {
        font-size: 14px;
    }
}


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

    .services-mega {
        position: relative;
    }

    .services-mega-menu {
        position: static;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 15px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: none;
    }

    .services-mega-menu .mega-column {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .services-mega-menu .mega-column:last-child {
        margin-bottom: 0;
    }

    .services-mega-menu .mega-title {
        margin-top: 15px;
    }

    .services-mega-menu .mega-title:first-child {
        margin-top: 0;
    }

    .services-mega-menu .mega-links li a {
        padding: 6px 0;
    }
}

/* ---- Buttons ---- */
.btn{
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  border-radius: 30px;
  padding: 12px 28px;
  transition: all .2s ease;
  border: 2px solid transparent;
}
.btn-yellow{
  background-color: var(--yellow);
  color: var(--navy);
}
.btn-yellow:hover, .btn-yellow:focus{
  background-color: var(--yellow-dark);
  color: var(--navy);
}
.btn-outline-white{
  background-color: transparent;
  border-color: var(--yellow);
  color: var(--yellow);
}
.btn-outline-white:hover, .btn-outline-white:focus{
  background-color: var(--yellow);
  color: var(--navy);
}
.btn-sm-pill{ padding: 8px 20px; font-size: 13px; }

/* ---- Top utility bar ---- */
.topbar{
  background-color: var(--navy-dark);
  color: var(--white);
  font-size: 12px;
  letter-spacing: .05em;
  text-align: center;
  padding: 8px 0;
}
.topbar strong{ font-weight: 600; }
.topbar .badge-pill{
  background: rgba(255,255,255,.15);
  border-radius: 20px;
  padding: 3px 12px;
  margin-left: 10px;
  display: inline-block;
}

/* ---- Navbar ---- */
.navbar-radiant{
  background-color: var(--white);
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
.navbar-radiant .navbar-brand{
  height: auto;
  padding: 10px 15px;
}
.navbar-radiant .navbar-brand img{ height:80px; }

hr {
    border-top: 1px solid #bfbfbf;
}
#differenceAccordion .indicator{font-size: 0px;}
#differenceAccordion a[aria-expanded="true"] .indicator:after {
    content: '-';
    font-size: 20px;
}
#differenceAccordion  .indicator:after {
    content: '+';
    font-size: 20px;
}

#faqAccordion .indicator{font-size: 0px;}
#faqAccordion a[aria-expanded="true"] .indicator:after {
    content: '-';
    font-size: 20px;
}
#faqAccordion .indicator:after {
    content: '+';
    font-size: 20px;
}



@media (min-width:992px){
  .special-card {
        min-height: 430px !important;
  }
    div#mainNav {
      position: relative;
    display: flex !important;
    align-items: center; justify-content: space-between;}

    ul.nav.navbar-nav.navbar-right {
    display: flex !important;
    align-items: center;margin-left: 50px;}
        nav.navbar.navbar-radiant .container {
        width: 100%;
        max-width: 1350px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.navbar-radiant .navbar-nav > li > a{
  font-weight: 500;
  color: var(--text-dark);
  font-size: 15px;
}
.navbar-radiant .navbar-nav > li > a:hover{ color: var(--navy); }
.navbar-radiant .navbar-nav > li > a:focus{ color: var(--navy); background: transparent; }
.navbar-phone{
  padding-top: 25px;
  font-weight: 600;
  color: var(--text-dark);
  font-size: 15px;
}
.navbar-radiant .navbar-toggle{ border-color: #ddd; margin-top: 18px; }
.navbar-radiant .navbar-toggle .icon-bar{ background-color: var(--navy); }

/* ---- Hero ---- */
.hero{
  position: relative;
  background: url('https://radiantsmilesphoenix.blob.core.windows.net/content/images/2026/mainbanner-optimized.webp') no-repeat;
  background-size: cover !important;
  background-position: 50% 15%;
  min-height:70vh;
  display: flex;
  align-items: flex-end;
}
.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(15, 25, 45, .72) 30%, rgba(15, 25, 45, .15) 60%, rgba(15, 25, 45, .35) 100%);
}
.hero-inner{
  position: relative;
  z-index: 2;
  padding: 60px 0 50px;
}
.hero-badge{
  display: inline-block;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 20px;
  color: var(--white);
  font-size: 11px;
  letter-spacing: .08em;
  padding: 5px 14px;
  margin-bottom: 18px;
}
.hero h1{
  color: var(--white);
  font-weight: 400;
  font-size: 42px;
  margin-bottom: 30px;
}
#reviewSlider .carousel-indicators {
        bottom: -33px;
    }

@media (max-width:767px){
  .hero h1{ font-size: 30px; }
  .hero{ min-height: 460px; }
}

/* ---- Quote band ---- */
.quote-band{ text-align: center; }
.quote-band blockquote{
  border: 0;
  margin: 0 auto;
  max-width: 780px;
  font-size:30px;
  color: var(--navy);
  font-weight: 400;
  line-height: 1.5;
}
.quote-band blockquote em{
  font-style: italic;
  color: var(--navy-light);
}
.quote-divider{
  width: 90px;
  border-top: 1px solid #c9b98f;
  display: inline-block;
  margin: 22px 0;
  position: relative;
}
.quote-cite{
  display:block;
  font-size: 16px;
  color: var(--navy);
  font-weight: 500;
  margin-top: 8px;
}

/* ---- Eyebrow label ---- */
.eyebrow{
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--text-muted);
  font-weight: 600;
  margin-bottom: 12px;
}
.section-heading{ font-size: 32px; margin-bottom: 18px; }

/* ---- About / doctors photos ---- */
.about-photos{ position: relative; }
.about-photos img{
  border-radius: 6px;
  box-shadow: 0 15px 35px rgba(20,35,70,.18);
}
.about-photo-2{ margin-top: 40px; }

/* ---- Reviews ---- */
.reviews-section{ color: var(--white); }
.reviews-section p{ color: rgba(255,255,255,.8); }
.google-badge{
  background: var(--white);
  border-radius: 8px;
  padding: 14px 20px;
  display: inline-flex;
  align-items: center;
  color: var(--navy);
}
.google-badge img{ width: 32px; margin-right: 10px; }
.google-badge .g-score{ font-size: 20px; font-weight: 700; margin-right: 8px; }
.google-badge .g-stars{ color: var(--yellow-dark); font-size: 14px; }
.google-badge small{ display:block; font-size: 10px; letter-spacing: .05em; color: var(--text-muted); }
.review-nav-btn{
  width: 42px; height: 42px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.4);
  background: transparent;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.review-nav-btn.active{ background: var(--yellow); border-color: var(--yellow); color: var(--navy); }
.review-card{
  background: var(--white);
  border-radius: 8px;
  padding: 28px 26px;
  min-height: 210px;
  color: var(--text-dark);
  margin-bottom: 20px;
}
.review-card .stars{ color: var(--yellow-dark); font-size: 13px; }
.review-card .g-icon{ float: right; font-weight: 700; font-size: 15px; }
.review-card p{ margin-top: 14px; font-size: 14px; color: var(--text-dark); }
.review-card .author{ font-size: 13px; color: var(--text-muted); margin-top: 18px; }

/* ---- Specials ---- */
.specials-header{ margin-bottom: 34px; }
.special-card{
  background: var(--white);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 2px 10px rgba(20,35,70,.06);
  height: 100%;
}
.special-card img{ width: 100%; height: 160px; object-fit: cover; }
.special-card .special-body{ padding: 20px; }
.special-card .price{ font-size: 26px; font-weight: 700; color: var(--navy); }
.special-card h4{ font-size: 17px; margin: 6px 0 10px; }
.special-card p{ font-size: 13px; color: var(--text-muted); min-height: 60px; }

/* ---- Office intro ---- */
.office-photo img{
  border-radius: 8px;
  box-shadow: 0 15px 35px rgba(20,35,70,.15);
}

/* ---- Service tiles ---- */
.service-tile{ margin-bottom: 30px; }
.service-tile img{ border-radius: 8px; margin-bottom: 16px; }
.service-tile h4{ font-size: 18px; }
.service-tile a{ color: var(--navy); font-weight: 500; }

/* ---- Two column feature blocks ---- */
.feature-block{ padding: 70px 0; }
.feature-block img{ border-radius: 8px; box-shadow: 0 15px 35px rgba(20,35,70,.12); }
.feature-block h2{ font-size: 30px; }
.feature-block .link-underline{
  border-bottom: 1px solid var(--navy);
  padding-bottom: 2px;
  font-weight: 500;
  font-size: 14px;
}

/* ---- Difference / accordion ---- */
.panel-radiant{
  border: 0;
  border-bottom: 1px solid #d7e0ee;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.panel-radiant .panel-heading{
  background: transparent;
  border: 0;
  padding: 22px 0;
}
.panel-radiant .panel-title a{
  display: block;
  color: var(--navy);
  font-size: 18px;
  font-weight: 500;
  position: relative;
  padding-right: 30px;
}
.panel-radiant .panel-title a:hover{ color: var(--yellow-dark); text-decoration: none; }
.panel-radiant .panel-title a .indicator{
  position: absolute;
  right: 0; top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 300;
}
.panel-radiant .panel-body{
  border-top: 0 !important;
  padding: 0 0 26px;
  color: var(--text-muted);
  font-size: 15px;
}
.panel-radiant .panel-body img{ border-radius: 8px; margin-top: 6px; }
.faq-section .panel-radiant .panel-title a{ font-size: 17px; }

/* ---- Blog teaser ---- */
.blog-teaser{ padding: 50px 0; }

/* ---- Footer ---- */
.site-footer{
  background: var(--navy);
  color: rgba(255,255,255,.85);
  padding: 60px 0 0;
}
.site-footer h5{
  color: rgba(255,255,255,.55);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.site-footer ul{ list-style: none; padding: 0; margin: 0; }
.site-footer ul li{ margin-bottom: 10px; }
.site-footer a{ color: rgba(255,255,255,.9); }
.site-footer a:hover{ color: var(--yellow); }
.site-footer .hours{ font-size: 13px; color: rgba(255,255,255,.6); margin-top: 12px; }
.site-footer .hours div{ margin-bottom: 4px; letter-spacing: .02em; }
.footer-logo-card{
  background: var(--white);
  border-radius: 8px;
  padding: 18px;
  text-align: center;
  margin-bottom: 16px;
}
.footer-logo-card img{ height: 60px; }
.footer-social a{
  display: inline-block;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 20px;
  padding: 5px 16px;
  font-size: 10px;
  margin: 0 0px 3px 0;
}
.footer-ada{
  background: var(--white);
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
}
.footer-ada img{ width: 100%; max-width: 220px; }
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,.15);
  margin-top: 40px;
  padding: 20px 0;
  font-size: 12px;
  color: rgba(255,255,255,.55);
}

/* Focus visibility */
a:focus, button:focus, .btn:focus{
  outline: 2px solid var(--yellow-dark);
  outline-offset: 2px;
}
.dropdown-menu>li>a {
  padding: 7px 20px;
}
a.btn {
    padding: 10px 20px !important;
}

@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; animation: none !important; }
}

div#accordion1 h3 a:after,div#accordion1 h3 a[aria-expanded=true]:after {
    content:'';
        transform: rotate(-45deg);
    position: absolute !important;
    right: 35px !important;
        width: 15px;
    height: 15px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

div#accordion1 h3.panel-title a {
    display: block;
    background: #00468c;
    padding: 15px;
    color: #fff;
}
section.assessment {
    background: #157baa;
    padding: 50px 0
}

section.assessment h2 {
    color: #fff;
    font-size: 36px
}
section.assessment p {
    color: #fff;
    margin: 20px 0;
}
.btn-primary {
    background-color: #fbdf5c;
    color: #333;
}

.mediummap,.ipadmap,.mobilemap,.map1200,.mapxlsec,.mapxxlsec{display:none;}
.mapxxxlsec img{width:100%}
@media (max-width:1900px){
.mapxxxlsec{display:block;}

}

@media (max-width:1700px){
.mapxxlsec{display:block;}
.mapxxlsec img{width:100%}
.mapxxxlsec{display:none;}
}

@media (max-width:1400px){
.mapxlsec{display:block;}
.mapxlsec img{width:100%;}
.mapxxlsec{display:none;}
}
section.sub-page-main-section.servicessub img {
    max-width: 100%;
    margin-bottom: 30px;
}
section.sub-page-main-section.servicessub .col-md-4 img {
    width: 100% !important;
}
section.sub-page-main-section.servicessub .col-md-4 .ratinghdeader img {
    width: auto !important;
    margin-bottom: 0px;
}
ul.sprite-icn {
    padding: 0;
    margin: 15px 0;
    list-style: none;
    display: flex
}

ul.sprite-icn li {
    margin: 0 3px
}

ul.sprite-icn li a {
    display: block;
    width: 44px;
    height: 44px;
    background: url(https://radiantsmilesphoenix.blob.core.windows.net/content/images/sprite.png) no-repeat
}

.social-icons {
    justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
}

.social-icons li {
  display: inline-block;
}

/* Base icon */
.social-icons a.icon {
  display: block;
  width: 55px;      /* adjust based on sprite */
  height: 55px;     /* adjust based on sprite */
  background-image: url(https://radiantsmilesphoenix.blob.core.windows.net/content/images/2026/social-icons.png);
  background-repeat: no-repeat;
}

/* Default (top row – outline icons) */
.icon.google {
  background-position: 0 0;
}

.icon.facebook {
    background-position: -57px 0;
}


.icon.instagram {
    background-position: -117px 0;
}

/* Hover (bottom row – filled icons) */
.icon.google:hover {
  background-position: 0 -56px;
}

.icon.facebook:hover {
background-position: -57px -56px;
}

.icon.instagram:hover {
    background-position: -117px -56px;
}



ul.sprite-icn li a.twitter {
    background-position: -44px 0
}

ul.sprite-icn li a.insta {
    background-position: -86px 0
}

ul.sprite-icn li a.yelp {
    background-position: -128px 0
}

ul.sprite-icn li a.ping {
    background-position: -169px 0
}

table th, table td {
    border: 1px solid #d1d1d1;
    padding: 15px;
}



/*ads pages*/

.head-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center
}

.head-right a {
    margin: 5px 0;
    display: block;
    color: #000
}

.head-right a.phn {
    font-size: 30px;
    color: #363645
}



.Ads header.fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    padding: 10px 0px;
}
.Ads .affix .head-right a.btn + .btn {
    display: none !important;
}
.Ads section.footer .container >.row:first-child {
    display: none;
}
.Ads section.footer .row:last-child {
    display: none;
}
.Ads header.fixed_header img {
    max-width: 150px !important;
    display: block;
}

.Ads header.fixed_header .row {
    display: flex;
    align-items: center;
}
header.fixed_header.affix {
    background: #fff;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}
.affix .head-right {
    display: flex;
    flex-direction: row !important;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
}

.affix .head-right a:nth-child(2) {
    order: 1;
    max-width: 186px;
    text-align: left;
}

.affix .head-right a:nth-child(3) {
    order: 2;
display:block !important;
}

.affix .head-right a:nth-child(1) {
    order: 3;
    font-size: 24px;
}

.affix .head-right a:nth-child(4) {
    order: 4;
}

.affix .head-right a.btn {
    padding: 10px 10px;
    min-width: inherit;
}

.affix a.dynamic-logo img {
    max-width: 150px;
}
.affix li.visibleonlrage {
    display: block;
}

li.visibleonlrage {
    display: none;
}
@media (min-width:768px) and (max-width:1200px){
      div#myNavbar li a {
        padding: 15px 10px;
        font-size: 12px;
    }
}

nav.navbar.navbar-inverse.affix {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 0px;
}

p.MsoNormal  b{font-weight:400}
p.MsoNormal {
    color: #000;
    font-weight: 400;
}

section.resent-blog{margin-bottom:50px;}

section.resent-blog .col-md-4 > div > a.btn {
    display: flex;
    font-size:18px;
    justify-content: center;
    align-items: center;
    min-height: inherit;
}

.head-right a:nth-child(3) {
    display:none;
}

@media (max-width:767px){
.affix .head-right a:nth-child(2){display:none}
.Ads section.sub-page-main-section.servicessub > .container {
    text-align: center;
}
.Ads .head-right a.btn + .btn {
    display: none !important;
}
.Ads section.sub-page-main-section.servicessub > .container img {
    margin: 0 auto;
}
}