:root {
    --secondary-color: #00497A;
    --woodsmoke-color: #212121;
    --nevada-color: #646F7d;
    --white-color: #fff;
    --black-color: #000;
    --vibrant-lime-green: #78be20;
    --color-forest: #40670F;
    --color-forest-night: #303F1D;
    --color-snow: #FAFBFC;
    --color-midnight-navy: #003057; 
    --border-cloud: #D3D7DB;    
    --bg-sky-tint: #ECF2FF;
    --bg-olive: #5E882A;
    --bg-jungle: #24360E;
    --bg-lime-moss: #689C27; 
    --bg-skywave: #4994C6;
    --dark-royal-blue: #255798;
    --deep-teal: #01835E;
    --soft-cloud-blue: #EAEEF5;
    --fire-red:#D62929;
    --bright-blue-border: #407BFF;
}

.dental-benefits-banner {background: url(https://nationscdn.azureedge.net/otc-container/images/dental/dental-bg-blue.webp) no-repeat;padding: 64px 60px 120px;background-size:cover;}
.dental-benefits-banner .banner-title {font-size:64px;line-height:64px;font-weight:600;color:var(--color-snow);margin-bottom:12px;letter-spacing:0;}
.dental-benefits-banner .banner-subtitle {font-size:20px;line-height:normal;letter-spacing:0;color:var(--color-snow);margin-bottom:64px;max-width:510px;}
.dental-benefits-banner .benefits-lists .list-title {font-size:15px;line-height:15px;letter-spacing:0.2px;font-weight:600;margin-bottom:16px;color:var(--color-snow);}
.dental-benefits-banner .benefits-lists .benefit-card-item {background:var(--white-color);border-radius:4px;padding:24px;max-width:597px;}
.dental-benefits-banner .benefits-lists .benefit-label {font-size:13px;line-height:18px;letter-spacing:0.2px;margin-bottom:6px;}
.dental-benefits-banner .benefits-lists .benefit-amount {color:var(--secondary-color);line-height:24px;font-weight:600;}
.dental-benefits-banner .benefits-lists .btn{min-width:200px;border-radius:4px;font-size:13px;line-height:13px;letter-spacing:0.2px;font-weight:700;min-height:36px;}
.dental-benefits-banner .benefits-lists .btn-appointment {background:var(--vibrant-lime-green);color:var(--color-midnight-navy);}
.dental-benefits-banner .benefit-icon img {max-width:56px;max-height:56px;}
.dental-benefits-banner .dental-banner-img {max-width:602px;}

.shop-products-banner{background: url(https://nationscdn.azureedge.net/otc-container/images/dental/dental-products-bg.webp) no-repeat;background-size:cover;}
.shop-products-banner .shop-products-inner {padding:32px 60px 43px;}
.shop-products-banner h5{line-height:24px;color:var(--woodsmoke-color);}
.shop-products-banner .sub-title {font-size:15px;line-height:21px;letter-spacing:0.2px;max-width:364px;}
.shop-products-banner .dental-products-img {padding-right:113px;}
.shop-products-banner .shop-now-btn {min-width:140px;min-height:46px;font-weight:700;font-size:15px;}

.dental-benefits-section{background:var(--soft-cloud-blue);padding:80px 60px;}
.dental-benefits-section .section-title {font-size:40px;line-height:40px;letter-spacing:0;font-weight:600;margin-bottom:8px;}
.dental-benefits-section .section-subtitle {font-size:20px;line-height:29px;letter-spacing:0;margin-bottom:40px;}
.dental-benefits-section .dental-benefit-card {padding:48px 40px 32px;box-shadow: 0px 6px 7px 0px rgba(0, 73, 122, 0.06);background:var(--white-color);border-radius:4px;}
.dental-benefits-section .benefit-title {font-size:20px;line-height:20px;margin-bottom:6px;font-weight:600;color:var(--woodsmoke-color);}
.dental-benefits-section .benefit-description {font-size:20px;line-height:29px;letter-spacing:0;color:var(--nevada-color);margin:0;}

.dental-benefits-section .dental-benefit-card.bg-gradient-green {background: linear-gradient(120.32deg, var(--bg-olive) 13.82%, var(--bg-jungle) 111.62%);}
.dental-benefits-section .dental-benefit-card.bg-gradient-green .benefit-title,
.dental-benefits-section .dental-benefit-card.bg-gradient-green .benefit-description {color:var(--white-color);}

.dental-provider-network-section{background:var(--white-color);padding:80px 60px 90px;}
.dental-provider-network-section .provider-expansive-img {max-width:536px;margin-right:138px;}
.dental-provider-network-section .sub-heading{color:var(--secondary-color);font-size:20px;line-height:20px;letter-spacing:0;font-weight:600;}
.dental-provider-network-section h2{font-size:40px;line-height:40px;letter-spacing:0;font-weight:600;}
.dental-provider-network-section .provider-list li{font-size:24px;line-height:37px;letter-spacing:0;font-weight:600;color:var(--nevada-color);position:relative;padding-left:48px;max-width:520px;}
.dental-provider-network-section .provider-list li:before{position:absolute;content:"";background:url(https://nationscdn.azureedge.net/otc-container/images/dental/list-check.svg);width:32px;height:41px;left:0;top:0;}

.dental-plan-offering{background: linear-gradient(120.32deg, var(--bg-lime-moss) 13.82%, var(--bg-jungle) 111.62%);padding:64px 80px;}
.dental-plan-offering .plan-offering-inner {max-width:921px;}
.dental-plan-offering .plan-offering-inner h3{color:var(--color-snow);font-weight:600;}
.dental-plan-offering .plan-offering-inner h3:after{height:4px;}
.dental-plan-offering .plan-offering-inner thead{background:var(--bg-sky-tint);}
.dental-plan-offering .plan-offering-inner tbody td .code-text {color:var(--secondary-color);min-width:64px;display:inline-block;}
.dental-plan-offering .plan-offering-inner table thead tr:first-child th:first-child{border-top-left-radius: 14px;}
.dental-plan-offering .plan-offering-inner table thead tr:first-child th:last-child {border-top-right-radius: 14px;}
.dental-plan-offering .plan-offering-inner table thead tr th{font-weight:600;}
.dental-plan-offering .plan-offering-inner table thead th:first-child{width:69%;border-right:1px solid var(--border-cloud);}
.dental-plan-offering .plan-offering-inner table tbody tr td:first-child{width:69%;border-right:1px solid var(--border-cloud);}

#RequestDentalAppointment .btn-dental-submit{background:var(--vibrant-lime-green) !important;color:var(--color-midnight-navy) !important;}


.dental-appointment-wrapper{padding:32px 60px;}
.dental-appointment-wrapper .appointment-title {font-weight:600;color:var(--woodsmoke-color);}
.dental-appointment-wrapper .dental-request-btn {font-size:13px;min-width:200px;min-height:36px;font-weight:700;letter-spacing:0.2px;}
.dental-appointment-wrapper .dental-appointment-card {background:var(--white-color);border-radius:8px;padding:32px 48px;}
.dental-appointment-wrapper .appointment-status{font-size:15px;line-height:15px;letter-spacing:0.2px;font-weight:600;display:flex;align-items:center;}
.dental-appointment-wrapper .appointment-status.success {color:var(--secondary-color);}
.dental-appointment-wrapper .appointment-status.scheduled{color:var(--deep-teal);}
.dental-appointment-wrapper .appointment-status.completed{color:var(--deep-teal);}
.dental-appointment-wrapper .appointment-status.canceled{color:var(--fire-red);}
.dental-appointment-wrapper .appointment-date {font-size:24px;line-height:24px;font-weight:600;margin-bottom:8px;color:var(--woodsmoke-color);} 
.dental-appointment-wrapper .appointment-meta strong {font-weight:600;}
.dental-appointment-wrapper .divider {border-right:1px solid var(--border-cloud); height:18px;margin:0 8px;}
.dental-appointment-wrapper .appointment-status-box {border: 2px dashed var(--bright-blue-border) !important;border-radius:8px;min-height:130px;}
.dental-appointment-wrapper .appointment-status-box.grey-border {border: 2px dashed var(--border-cloud) !important;}
.dental-appointment-wrapper .status-title {font-size:17px;line-height:17px;font-weight:600;letter-spacing:0.2px;}
.dental-appointment-wrapper .status-subtitle {font-size:15px;line-height:21px;letter-spacing:0.2px;color:var(--nevada-color);}
.dental-appointment-wrapper .dental-appointment-actions .dental-link {font-size:15px;line-height:15px;}
.dental-appointment-wrapper .language-block small {font-size:13px;font-weight:600;color:var(--nevada-color);}
.hearing-appointment .language-button.active{border: 1px solid var(--vibrant-lime-green);background: rgba(120, 190, 32, 0.1);}
.dental-appointment-wrapper .mt-40{margin-top:40px;}
.dental-appointment-card .service-card{border:1px solid var(--border-cloud);border-radius:8px;}
.dental-appointment-card .service-card .me-12{margin-right:12px;}
.dental-appointment-card .service-card .card-header{padding:24px 40px;}
.dental-appointment-card .service-card .doctor-info{border-right:1px solid var(--border-cloud);padding-right:32px;margin-right:32px;}
.dental-appointment-card .service-card .doctor-name{font-size:20px;line-height:20px;margin-bottom:4px;color:var(--woodsmoke-color);}
.dental-appointment-card .service-card .doctor-specialty {font-size:14px;line-height:14px;color:var(--nevada-color);margin-bottom:17px;}
.dental-appointment-card .service-card .doctor-phone {font-size:15px;line-height:15px;font-weight:600;color:var(--nevada-color);margin:0;}
.dental-appointment-card .service-card .clinic-name{font-size:17px;line-height:17px;letter-spacing:0.2px;margin-bottom:4px;}
.dental-appointment-card .service-card .clinic-address{font-size:15px;line-height:21px;letter-spacing:0.2px;color:var(--nevada-color);margin-bottom:16px;}
.dental-appointment-card .service-card .clinic-directions{font-size:15px;line-height:15px;letter-spacing:0.2px;color:var(--dark-royal-blue);font-weight:600;}
.dental-appointment-card .service-card .card-footer {padding:20px 40px;background:var(--bg-sky-tint);border-radius: 0 0 8px 8px;}
.dental-appointment-card .service-card .service-label{font-size:20px;line-height:20px;letter-spacing:0;font-weight:600;margin-bottom:6px;}
.dental-appointment-card .service-card .service-count {font-size:15px;line-height:15px;font-weight:600;letter-spacing:0.2px;margin:0;}
.dental-appointment-card .service-card .service-price{font-size:24px;line-height:24px;letter-spacing:0;font-weight:600;margin-bottom:0;}
.dental-appointment-card .service-card .service-price-link{font-size:15px;line-height:15px;letter-spacing:0;font-weight:700;color:var(--dark-royal-blue);margin-left:16px;}

.appointment-success-container .status-message {font-size: 20px;line-height: 20px;letter-spacing: 0;font-weight: 700;color: var(--deep-teal);margin:36px 0 12px;}
.appointment-success-container .appointment-dates {font-size:24px;line-height:24px;font-weight:600;letter-spacing:0;}
.appointment-success-container .location-info{display:flex;align-items:center;justify-content:center;margin-bottom:56px;}
.appointment-success-container .divider {border-right:1px solid var(--border-cloud); height:18px;margin:0 8px;}
.appointment-success-container .notification-message{font-size:15px;line-height:21px;letter-spacing:0.2px;margin:0 auto 56px;max-width:446px;}
.modal-action-buttons .btn{min-width:268px;min-height:46px;border-radius:4px;font-size:15px;font-weight:700;}
.modal-action-buttons .btn-view-appointments{background:var(--vibrant-lime-green);color:var(--color-midnight-navy);}

.nevada-color {color:var(--nevada-color)}