﻿.vision-benefits section {padding:60px 0;}
.section-title {text-align:center;}
.section-title h3 {font-size:40px; line-height:48px; margin-bottom:16px; color:#222b2f;}

.vision-benefits {width:100%; }
/* Vision Banner Section Start Here */
.vision-banner-sec {display:flex;align-items:end; padding:90px 0;background:#e9f0f4;}
.vision-banner-text {max-width:625px; width:100%; display:flex;flex-direction:column; justify-content:end; height:100%;}
@media only screen and (min-width: 1920px) {
    .vision-banner-text { justify-content: center; padding-left:0px;}
}
.vision-banner-text h1 {font-size:64px; line-height:78px; margin-bottom:12px;}
.vision-banner-text p {font-size:24px; line-height:28px; color:#212121; margin-bottom:24px;}
.banner-text-box {width:365px; background:#f5f6f8;box-shadow: 0px 2px 8px 0px rgba(14, 10, 31, 0.08); padding:16px 24px; border-radius:8px;}
.banner-text-box small {font-size:16px; line-height:20px; margin-bottom:12px; color:#212121;}
.banner-text-box ul {display:flex; margin-top:12px;}
.banner-text-box ul li {display:flex; flex-direction:column;position:relative; font-size:20px; line-height:24px; font-weight:700;}
.banner-text-box ul li:last-child {padding-left:24px; margin-left:24px;}
.banner-text-box ul li span {display:block;font-size:16px; line-height:20px; font-weight:400; margin-top:3px;}
.banner-text-box ul li:last-child:before {content:''; width:1px; height:100%;background:#b1b9c1; position:absolute; left:0; top:0; }
.vision-banner-sec .banner-btns {margin-top:44px;}
.banner-content-img {position:relative;display:flex;justify-content:end; margin-right:0;}
.banner-content-img video {width: 657px;height: 469px;object-fit: cover; border-radius: 14px;position: relative;}
/* Vision Banner Section end Here */

/* Vision Benefits Section start Here */
.vision-benefits .vision-benefits-section {padding-bottom:150px;}
.vision-benefits-section .section-title {max-width:610px; margin:0 auto; padding-bottom:60px;}
.vision-benefits-section .section-title p {font-size:20px; line-height:28px; margin:0; color:#000;}
.vision-benefits-content {max-width:920px; margin:0 auto;}
.single-vision-sec {display:flex; gap:0 24px; align-items:center;}
.single-vision-sec + .single-vision-sec {margin-top:36px;}
.single-vision-sec .icon {width:64px; height:64px;}
.single-vision-sec .vision-content h5 {color:#00497A; font-size:20px; line-height:24px;margin-bottom:6px; font-weight:500;}
.single-vision-sec .vision-content p {font-size:20px; line-height:24px; color:#646F7D; margin-bottom:0;}
/* Vision Benefits Section start end */

/* Provider Network Section Start Here */
.vision-benefits .provider-network-section {width:100%; height:284px; background:#00497A; position:relative;z-index:9;padding-top:130px;}
.provider-network-inner {max-width:1050px; margin:0 auto; position:relative;}
.provider-network-img {top: -78px;left:-10px; position:absolute;}
.provider-network-img img {height:430px; width:auto;}
.provider-network-content {padding-left:80px; padding-top:40px;}
.provider-network-content h6 {color:#fff; font-size:16px;line-height:16px; margin-bottom:16px; letter-spacing:2px; font-weight:400;}
.provider-network-content h3 {font-size:40px; line-height:48px; margin-bottom:16px;color:#fff; font-weight:700;}
.provider-network-content ul li {color:#fff; padding-left:30px; padding-right:115px;  position:relative;}
.provider-network-content ul li:before {content:''; position:absolute; left:0;top:0px; width:20px; height:20px; background:url('https://nationscdn.azureedge.net/otc-container/images/vision/blue-checkmark-icon.svg') left top no-repeat;}
.provider-network-content ul li + li {margin-top:12px;}
/* Provider Network Section end Here */

/* Plan offering Start Here */
.vision-benefits .plan-offering-section {padding-top:130px; background:#fff url('https://nationscdn.azureedge.net/otc-container/images/vision/plan-offering-img.webp') right 96% no-repeat; background-size:53%;}
.plan-offering-section .plan-offering-inner {max-width:750px; margin:0 auto;}
.plan-offering-inner h3 {font-size:40px; line-height:48px; margin-bottom:16px; position:relative;text-align:center}
.plan-offering-inner h3:after {position:absolute; width:74px; height:2px; left:50%; margin-left:-37px; bottom:-16px; background:#d64029; content:'';}
.plan-offering-inner table {margin-top:50px;width: 100%;border-spacing: 0;border-collapse: separate; border-radius:16px;border: 2px solid #f8fafb;}
.plan-offering-inner table thead tr:first-child th:first-child {border-top-left-radius: 10px;border-left: 1px solid #fff;}
.plan-offering-inner table thead tr:first-child th:last-child {border-top-right-radius: 10px;border-right: 1px solid #fff;}
.plan-offering-inner table thead tr th:first-child {width: 60%;}
.plan-offering-inner table thead tr th {background: rgba(27, 116, 152, .16);font-size: 20px; line-height: 28px;padding: 12px 12px 12px 24px;border-width: 1px 0 0 0;border-color: #fff;border-style: solid; font-weight: 700;color:#646F7D;}
.plan-offering-inner table tbody tr td:first-child {width: 60%;} 
.plan-offering-inner table tbody tr td {color: #646f7d; font-size: 18px; line-height: 22px; background: #fff; padding: 16px 12px 18px 24px;border-bottom: 1px solid rgba(34, 43, 47, .16);color: #212121;}
.plan-offering-inner table tbody tr:last-child td:first-child {border-bottom-left-radius: 10px;border-left: 1px solid #fff;
    border-bottom: 0;}
.plan-offering-inner table tbody tr:last-child td:last-child {border-bottom-right-radius: 10px;border-bottom: 0;}
/* Plan offering end Here */

/* FAQ Section CSS Start Here */
.faq{background-color:var(--white-color);}
.faq-content .faq-icon {width: 100px;height:100px;padding:24px;border-radius: 20px;margin:0 0 32px;background:#F5F6F8;}
.faq-content h4{margin:0 0 4px;font-size:32px; line-height:40px;}
.faq-content p{color:rgba(34, 43, 47, 0.8);}
.faq-accordion{padding:8px 24px;}
.faq .accordion{--bs-accordion-border-color:none;}
.faq .accordion-item{border-bottom:1px solid rgba(177, 185, 193, 0.5);border-radius:0 !important;}
.faq .accordion-button{padding:16px 0 12px;background:none !important;font-size: 18px;line-height: 22px;font-weight: 600;color:#222B2F;}
.faq .accordion-button::before{transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:url(https://nationscdn.azureedge.net/otc-container/images/hearing/accordion-arrow.svg) no-repeat left center; content:"";margin: 0px 16px 0 0;width: 20px;height: 20px;transform:rotate(180deg);}
.faq .accordion-button::after{display:none;}
.faq .accordion-button, .faq .accordion-button:focus{box-shadow:none;outline:none;}
.faq .accordion-button:not(.collapsed){color:var(--woodsmoke-color);box-shadow:none;}
.faq .accordion-button:not(.collapsed)::before{transform:rotate(0deg);}
.faq .accordion-body{padding:0 0 16px 36px;font-size: 16px;font-weight: 300;line-height: 22px;}
/* FAQ Section CSS End Here */