:root {
    --primaryColor: #0064A8;
    --secondryColor: #00AEA9;
    --bodyColor: #4B5563;
    --headingColor: #000000;
    --secondryBgColor: #00aea926;
    --primaryBgColor: #E6F0F6;
    --redColor: #EF4444;
    --footerColor: #0A2647;
    --whiteColor: #FFFFFF;
    --bodyfont: 14px;
    --borderColor: #E5E7EB;
    --lineHeight: 22px;
}
/* html,body{overflow-x: hidden;} */

*,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Comfortaa", sans-serif !important;
    font-size: var(--bodyfont);
    color: var(--bodyColor);
    line-height: var(--lineHeight);
}

.btn {
    border-radius: 6.25rem;
    padding: .625rem 1.125rem;
}

.language-dropdown {
    gap: .5rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primaryColor);
    --bs-btn-border-color: var(--primaryColor);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157bc1;
    --bs-btn-hover-border-color: #157bc1;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #157bc1;
    --bs-btn-active-border-color: #157bc1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primaryColor);
    --bs-btn-disabled-border-color: var(--primaryColor);
}

.btn-outline-primary {
    --bs-btn-color: var(--primaryColor);
    --bs-btn-border-color: var(--primaryColor);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primaryColor);
    --bs-btn-hover-border-color: var(--primaryColor);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primaryColor);
    --bs-btn-active-border-color: var(--primaryColor);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primaryColor);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primaryColor);
    --bs-gradient: none;
    border-radius: .375rem;
    padding: .5rem;
}

.container {
    max-width: 1260px;
}

.padd-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

/***********Header*********************/
nav.navbar {
    padding: 16px 0;
    background: #fff;
}

.navbar-brand img {
    height: 76px;
    object-fit: contain;
}

.header_menu_right {
    gap: 20px;
}

.text-size {
    display: flex;
    gap: 10px;
}

.text-size button {
    width: 36px;
    height: 36px;
    border: 1px solid var(--primaryColor);
    border-radius: 6px;
    font-size: 16px;
    background: transparent;
    font-weight: 600;
    color: var(--primaryColor);
}

nav.navbar button.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--primaryColor);
    border-color: var(--primaryColor);
}

.dropdown-toggle::after {
    background: url(../images/arrow-down.png) no-repeat center;
    padding: 10px;
    margin: 0 0 0 0;
    border: 0;
}

/***************hero-section*********************/
.hero-section {
    background: url(../images/Banner_Image.jpg) no-repeat top center;
    padding: 80px 0;
    background-position: right;
    background-size: contain;
    height: 350px;
}

.content_banner {
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 650px;
}

.content_banner h1 {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    color: var(--primaryColor);
}

.content_banner p {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.search-box {
    position: relative;
    justify-content: space-between;
}

.min-width-none .select2-container--default .select2-selection--multiple .select2-search__field{
  min-width: 0 !important;
}

.min-width-none .select2{
  width: unset !important;
}
.search-box input ,.search-box select  {
    width: 100%;
    border: 0;
    background: url(../images/search.png) #fff no-repeat left center;
    background-position: 15px;
    background-size: 20px;
    padding: 14px 14px 14px 45px;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    font-size: 16px;
    font-weight: 600;
}

.search-box input::placeholder {
    font-weight: 400;
}

.search-box input:focus , .search-box select:focus {
    outline: none;
}

.search-box button {
    /* position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 5px; */
    background: var(--primaryColor);
    padding: 10px 20px;
    border-radius: 50px;
    border: 0;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    font-size: 16px;
}

.find_medical_care textarea.select2-search__field {
    border: none !important;
}
/**************Quick Links*********************/
h3.heading {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 40px;
    color: var(--headingColor);
    line-height: 30px;
}

.get_started_main {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.get_started {
    width: 100%;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 12px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.get_started:hover {
    transform: translateY(-4px) scale(1.02);
    /* Lift & scale */
    box-shadow: rgb(217 243 242) 0px 3px 10px;
    /* Stronger shadow */
}

.get_started p {
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    color: var(--headingColor);
}

.get_started .icon {
    width: 58px;
    height: 58px;
    background: var(--secondryBgColor);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/**************Footer*********************/

.accordion {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.accordion-item {
    border: 0;
    border-radius: 50px;
    background: transparent;
}

.accordion-button {
    border-radius: 50px !important;
    border: 1px solid var(--primaryColor);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: var(--primaryColor);
}

.accordion-button:not(.collapsed) {
    background: var(--primaryColor);
    color: var(--whiteColor);
    box-shadow: none;
    border-radius: 20px 20px 0 0 !important;
}
.accordion-button:not(.collapsed) span {
    color: var(--whiteColor);
}

.accordion-body {
    border: 1px solid #E5E7EB;
    border-radius: 0 0 20px 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}

.accordion-collapse {
    transition: height 0.35s ease;
}

.accordion-button svg.search_icon path {
    stroke: var(--primaryColor);
}

.accordion-button:not(.collapsed) svg path {
    fill: var(--whiteColor);
}

.accordion-button:not(.collapsed) svg.search_icon path {
    stroke: var(--whiteColor);
    fill: none;
}

.accordion-button::after {
    background: url(../images/plus.png) no-repeat center;
}

.accordion-button:not(.collapsed)::after {
    background: url(../images/minus.png) no-repeat center;
}

.care-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.care-buttons button {
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    gap: 8px;
    align-items: center;
    border-color: var(--borderColor);
}

.medical-fields {
    display: flex;
    align-items: center;
    gap: 16px;
    align-items: self-end;
    flex-wrap: wrap;
}
.form-control,
.medical-fields .form-control {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    width: calc(33% - 10px);
}

.medical-fields .form-control label,
.medical-fields .form-check-label {
    font-weight: 600;
}
.form-control select,
.form-control input,
.form-control .select2-container .select2-selection--multiple,
.medical-fields .form-control select,
.medical-fields .form-control input,
.medical-fields .select2-container .select2-selection--multiple,
.locAffilNames span.select2-selection.select2-selection--single,
.medical-fields textarea,
.form-control  .select2-container .select2-selection--single {
  border-radius: 50px;
  padding: 12px 12px;
 width: 100%!important;
  background: #fff;
  border: 1px solid var(--borderColor)!important;
  color: #000;
  font-weight: 500;
  height: 48px !important;
}



.locAffilNames .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px !important;
}

.find_medical_care .medical-fields .form-control select{width: auto !important;}

.medical-fields .select2-container .select2-selection--multiple {
   
    height: 0 !important;
}
.medical-fields textarea {
  height: 100px;
  border-radius: 12px;
  resize: none;
}
.medical-fields .select2-container .select2-selection--multiple {
    display: flex;
    align-items: center;
}

.medical-fields .select2-container .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
}

.medical-fields .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.medical-fields .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple , .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-radius: 50px !important;
}
.medical-fields .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: var(--primaryColor);
    background-color: #fff;
    border-color: var(--primaryColor);
    margin: 2px 4px 2px 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #ffffff !important;}
.select2-container--default .select2-selection--multiple {
   border-radius: 50px  !important;
    padding: 12px 5px !important;
}
.request_directory_sec li.select2-selection__choice {
    margin-top: 0 !important;

}
.select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display , .medical-fields .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{
    color: var(--primaryColor);
}
.medical-fields .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border: 0;
    padding-left: 8px;
}

.request_directory_sec .select2-container--default .select2-search--inline .select2-search__field {
    height: 22px !important;
}


.select2-container--default .select2-results__option--selected {
    background-color: var(--primaryBgColor) !important;
    color: var(--primaryColor) !important;
}
.select2-dropdown {
    border: 1px solid var(--borderColor) !important;
    border-radius: 12px !important;
    overflow: hidden;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: var(--primaryBgColor) !important;
        color: var(--primaryColor) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear span {
    font-size: 23px;
}
/* .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin: 0 10px !important;
} */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin: 0 31px !important;
}

/* Hide close button by default for medical group dropdown, show only when value is selected */
#select_a_medical_group + .select2-container .select2-selection__clear {
    display: none !important;
}

/* Show close button only when a value is actually selected */
#select_a_medical_group.has-value + .select2-container .select2-selection__clear {
    display: block !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid var(--borderColor) 1px !important;
    outline: 0;
}
/* .select2-container{
    width: 100% !important;
} */
.medical-fields .select2-container .select2-selection--multiple {
    min-height: 48px;
    height: auto;
    position: relative;
}

/* Add dropdown arrow for multi-select */
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    display: block;
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 20px;
    pointer-events: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.medical-fields .form-control select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("../images/arrow-down-black.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 35px;
}
.medical-fields .form-control select:focus , .medical-fields .form-control input:focus {
    outline: none;
    box-shadow: none;
}
.search-buttons {
    display: flex;
    justify-content: flex-end;
}

.search-buttons .btn {
    font-size: 16px;
    font-weight: 700;
    color: var(--redColor);
    display: flex;
    align-content: center;
    gap: 10px;
    border: 0;
    cursor: pointer;
}

.search-buttons .btn.btn-primary {
    padding: 10px 20px;
    color: var(--whiteColor);
}

.btn.btn-primary.use_location {
    background: #fff;
    color: var(--headingColor);
    border-color: var(--borderColor);
    padding: 13px 20px;
    display: flex;
    gap: 10px;
    align-content: center;
}

.form-check-input {
    transform: scale(1.5);
    margin-right: 16px;
}

.find_medical_care {
    background: url(../images/find_medical.png) no-repeat center;
    background-size: cover;
}

.search_provider {
    max-width: 1024px;
    width: 100%;
    padding: 80px 0;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 20px;
    background: url(../images/search-provider.png) no-repeat center;
    background-size: cover;
}

.search_provider h3.heading {
    color: #fff;
    max-width: 650px;
    margin: 0 auto;
    line-height: 44px;
}

.action_btns {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.action_btns .btn {
    font-weight: 600;
    font-size: 18px;
    padding: 10px 30px;
}
.action_btns .btn-primary {
    font-weight: 600;
    background: #fff;
    color: var(--primaryColor);
}

.action_btns .btn-secondary {
    background: var(--secondryColor);
    font-weight: 600;
    border-color: var(--secondryColor);
}

.results-grid {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin: 30px 0;
}

.results-grid .result-card {
    width: calc(33.3% - 16px);
    padding: 30px 24px;
    border-radius: 12px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: 0.5s;
}
.results-grid .result-card:hover{
    background-color: #edf2f5;
    color: var(--primaryColor);
    cursor: pointer;
}

.results-grid .result-card h6 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--headingColor);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.results-grid .result-card h6 span {
    opacity: .7;
    font-weight: 500;
}

.results-grid a.tags {
    background: var(--primaryBgColor);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 12px;
    color: var(--primaryColor);
    width: max-content;
    font-weight: 700;
}

.results-grid .result-card p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: var(--lineHeight);
}

.search_no {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:10px;
}

.search_no p {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--headingColor);
}

.search_grid {
    display: flex;
    gap: 16px;
    align-items: center;
}

.search_grid button {
    border: 0;
    width: 46px;
    height: 46px;
    border-radius: 8px;
}

.search_grid button.active {
    background: var(--primaryColor);
}

.search_grid button.active svg path,
.search_grid button.active svg circle {
    stroke: var(--whiteColor);
}

ul.pagination {
    gap: 6px;
}

ul.pagination li.page-item a {
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--bodyColor);
    border-radius: 6px;
}

ul.pagination li.page-item a.active {
    background: var(--primaryColor);
    color: var(--whiteColor);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border: 1px solid var(--borderColor);
    border-radius: 6px;
    background: transparent;
}

.appointment-banner-content {
    background: url(../images/appointment-bg.png) no-repeat center;
    border-radius: 30px;
    padding: 0px 0 0 55px;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.appointment-content {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-size: cover;
    max-width: 550px;
}

.appointment-banner-content h3 {
    text-align: left;
    margin: 0;
    color: var(--whiteColor);
}

.appointment-banner-content p {
    text-align: left;
    margin: 0;
    color: var(--whiteColor);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
}

ul.appointment-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    gap: 10px;
}

ul.appointment-list li {
    display: flex;
    gap: 24px;
}

ul.appointment-list li strong {
    font-size: 20px;
    font-weight: 700;
    color: var(--whiteColor);
}

ul.appointment-list li p {
    font-weight: 500;
    font-size: 14px;
}

/***********Footer*********************/
footer {
    background: var(--footerColor);
    color: var(--whiteColor);
}

.footer-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-col p,
.footer-col a {
    color: var(--whiteColor);
    line-height: 25px;
    color: #9CA3AF;
    text-decoration: none;
    margin: 0;
}

.footer-col h5 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    margin-top: 20px;
}

p.copyright {
    margin: 0;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #9ca3af79;
    margin-top: 40px;
    color: #9CA3AF;
}

.footer-social {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.footer-social a {
    width: 30px;
    height: 30px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border-color: #d9e1eb40;
}

.footer-social a svg path {
    fill: #707882;
}

.results-grid.list-type .result-card {
    width: 100%;
}

.results-grid.list-type .result-card .result-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.results-grid.list-type .result-card .result-content {
    display: flex;
    column-gap: 24px;
    row-gap: 16px;
    flex-wrap: wrap;
}

.results-grid.map-type iframe {
    width: 100%;
    height: 600px;
    border-radius: 16px;
}

#results-grid {
    display: block;
}

.results-grid:not(#results-grid) {
    display: none;
}
/****************popup design*************************/
.modal-header .modal-title {
  font-size: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--headingColor);
  font-weight: 700;
}
.modal-body .medical-fields .form-control {
  width: calc(50% - 10px);
}
.medical-fields.for_single_form .form-control {
  width: 100%;
}
p.privacy-note,
p.description-text {
  font-size: 16px;
  color: var(--headingColor);
  font-weight: 600;
}
.modal-body {
  padding: 20px 30px;
}
.modal-header,
.modal-footer {
  padding: 10px 30px;
}
.email_field {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
}
.email_field svg {
  width: 20px;
  height: 20px;
  margin-top: 30px;
}
.email_field svg path {
  fill: #e31313;
}
.email_field button.delete-btn {
  border: 0;
  background: transparent;
}

.suggestion_dropdown{
    position: relative;
}
.suggestion_dropdown .dropdown {
    position: absolute;
    background: #fff;
    border-radius: 6px;
    top: 103%;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    z-index: 9999;
}
.suggestion_dropdown .dropdown .dropdown_wrapper {
    height: 217px;
    overflow-y: auto;
    border: 1px solid var(--borderColor);
    border-radius: 5px;
    width: 355px;
    margin-left: 17px;
    background: #fff;
}
.suggestion_dropdown .dropdown .dropdown-item{
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    display: block;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
}
.suggestion_dropdown .dropdown .dropdown-item:hover{
    background-color: #f5f5f5;
    color: var(--primaryColor);
}
.suggestion_dropdown .dropdown .dropdown-item:last-child{
    border-bottom: none;
}
.suggestion_dropdown .dropdown:first-child{
    padding-top: 0;
}
.suggestion_dropdown .dropdown:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.custom_select .select2-container .select2-selection--single{
    background: #fff;
    border: 1px solid var(--borderColor) !important;
    height: 47px !important;
    border-radius: 40px !important;
}
.custom_select .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 8px;
    right: 9px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    background: #fff;
    border: 1px solid var(--borderColor) !important;
    border-radius: 30px;
    padding: 10px 15px;
}
.care-buttons .btn.btn-care-type.active{
    background: var(--primaryColor);
    color: #fff;
}
.care-buttons .btn.btn-care-type.active svg path{
    fill: #fff;
}
.get_started:hover{
    background-color: #d9f3f2;
    transition: all 0.3s;
}
.get_started.active{ 
    background-color: #d9f3f2;
}

#results-map{
    width: 100%;
    height: 600px;
}

@media screen and (max-width: 1300px) {
    .container {
        max-width: 95%;
    }

    .hero-section {
        padding: 150px 0;
    }

    .content_banner {
        max-width: 550px;
        gap: 14px;
    }

    .content_banner p {
        font-size: 16px;
    }

    .content_banner h1 {
        font-size: 34px;
    }

    .search-box input {
        font-size: 14px;
    }

    .padd-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    h3.heading {
        font-size: 24px;
    }

    .get_started {
        padding: 16px 12px;
    }

    .search_provider {
        padding: 50px 0;
    }

    .appintment-img img {
        width: 450px;
    }
}

@media screen and (max-width: 1024px) {

  .hero-section{
    padding: 40px 0;
    height: 100%;
    background-size: 70%;

  }

    .get_started_main {
        flex-wrap: wrap;
        justify-content: center;
    }

    .get_started {
        width: calc(33.3% - 20px);
        padding: 20px;
    }

    ul.appointment-list li strong {
        font-size: 18px;
    }

    .appointment-content {
        gap: 12px;
    }

    .appointment-banner-content p {
        font-size: 14px;
        line-height: var(--lineHeight);
    }

    .appintment-img img {
        width: 380px;
    }

}

@media screen and (max-width: 880px) {
    /* .hero-section {
        padding: 90px 0;
    } */

    .hero-section{
      padding: 40px 0;
      height: 100%;
      background-size: 70%;
  
    }

    .content_banner {
        max-width: 430px;
    }

    .content_banner h1 {
        font-size: 24px;
    }

    .content_banner p {
        font-size: 14px;
    }

    .search-box input::placeholder {
        color: var(--whiteColor);
    }

    .get_started {
        width: calc(50% - 20px);
    }

    h3.heading {
        font-size: 20px;
    }

    .accordion-button {
        font-size: 16px;
    }

    .medical-fields .form-control {
        width: calc(50% - 10px);
    }

    .care-buttons {
        gap: 8px;
    }

    .care-buttons button {
        padding: 8px 14px;
    }

    .medical-fields {
        gap: 8px;
    }

    .search_provider {
        padding: 40px 0;
        gap: 16px;
    }

    .results-grid .result-card {
        width: calc(50% - 12px);
    }

    .appointment-banner-content {
        padding: 30px 0 0px 30px;
        align-items: flex-end;
    }

    .appintment-img {
        display: flex;
        align-items: flex-end;
    }

    .appointment-content {
        padding-bottom: 20px;
    }

    .appintment-img img {
        width: 300px;
    }

    .footer-logo img {
        width: 160px;
    }

    .footer-col h5 {
        margin-top: 10px;
    }

}



@media screen and (max-width: 768px) {
    footer .row {
        gap: 24px;
    }


}

@media screen and (max-width: 580px) {

  .hero-section{
    background-image: none;
    background-color: #f5f5f5;
  }

    footer .row {
        gap: 24px;
    }

    .get_started {
        width: 100%;
    }

    .care-buttons {
        flex-wrap: wrap;
    }

    .medical-fields .form-control {
        width: 100%;
    }

    .accordion-header svg {
        display: none;
    }

    .accordion-button {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 10px;
    }

    .care-buttons button {
        font-size: 12px;
    }

    .search_provider h3.heading {
        font-size: 16px;
        line-height: 25px;
    }

    .search_provider {
        padding: 30px 20px;
    }

    .results-grid .result-card {
        width: 100%;
        padding: 20px;
        gap: 12px;
    }

    .search_grid button {
        width: 32px;
        height: 32px;
    }

    .search_grid button svg {
        width: 20px;
    }

    .search_grid {
        gap: 8px;
    }

    .results-grid .result-card h6 {
        font-size: 16px;
    }

    .search_no.pagi_div {
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        gap: 10px;
    }

    .search_no p {
        font-size: 14px;
    }

    ul.pagination li.page-item a {
        width: 30px;
        height: 30px;
    }

    ul.pagination {
        gap: 8px;
    }

    .appointment-banner-content {
        flex-direction: column;
    }

    .appointment-content {
        padding-right: 10px;
    }

    nav.navbar button.dropdown-toggle {
        font-size: 0;
        gap: 2px;
        padding: 4px 6px;
    }

    .header_menu_right {
        gap: 8px;
    }

    .container {
        max-width: 100%;
        padding: 0 20px;
    }

    .text-size {
        gap: 8px;
    }

    .text-size button {
        width: 26px;
        height: 26px;
        font-size: 14px;
    }

    .navbar-brand img {
        height: 35px;
    }

    .results-grid.list-type .result-card .result-content {
        gap: 12px;
    }
        .search-box input,
        .search-box select {
            padding: 14px 14px 14px 38px;
            font-size: 13px;
        }
    
        .search-box button {
            padding: 10px 12px;
            font-size: 14px;
        }
                .action_btns .btn {
                    padding: 10px 12px;
                    font-size: 14px;
                }

                .search-buttons{
                  flex-direction: column;
                  gap: 20px;


                }

                .search-buttons .btn{
                  justify-content: center;
                }

                .clear-btn3{
                  border: 1px solid !important;
                }

                .clear-btn1{
                  border: 1px solid !important;
                }

                .clear-btn2{
                  border: 1px solid !important;
                }
}

    #pagination li.page-item.active:not(:first-child):not(:last-child) > a {
        color: #fff !important;
    }


#pagination li.page-item.disabled{
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
}

#pagination li.page-item.disabled span.page-link {
    border-radius: 6px;
    padding: 8px 14px;
}

/* Loader Overlay */
#grid-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
  }
  
  /* Spinner */
  #grid-loader .spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  /* Make grid a positioned container */
  #result-container {
    position: relative;
  }

  #select2-addr1-container{
    padding: 10px 16px;
  }
/* ============================modal css code========================== */
.print_pdf_btn {
  display: flex;
  justify-content: space-between;
}
.print_pdf_btn .print_btn {
  background-color: #00aea9 !important;
  border: none;
  color: #fff !important;
  font-weight: 600;
}
.print_pdf_btn .print_btn span {
    color: #fff !important;
}
.print_pdf_btn button:first-child {
  color: #0064a8;
  background-color: #fff;
  border: 1px solid #0064a8;
  font-weight: 600;
  font-size: 18px;
}
.modal_cont .modal_title {
  text-align: center;
  font-weight: 700;
  font-size: 32px;
  background-color: #e6f0f6;
  padding: 20px;
  margin: 0 0 10px 0;
}
.modal_cont .sub_title {
  font-weight: 500;
  font-size: 24px;
  color: #000;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  padding: 10px 0;
  margin: 0 0 20px 0;
}
.pdf_cont .modal-header {
  border-bottom: none;
}

.pdf_cont .btn-close:focus {
  box-shadow: none;
}
.pdf_cont button.btn-close {
  position: absolute;
  z-index: 99;
  top: 15px;
  right: 15px;
}
/* ============================modal css code========================== */
.range_slider input {
  max-width: 50%;
  width: 100%;
  background-color: red;
}
#page_language span{
    color: var(--whiteColor);
}
#page_language .dropdown-menu{
    left:17px;
}
#page_zoom_in_zoom_out {
    overflow: auto; /* Prevents content from spilling out */
    position: relative; /* Ensures proper scaling context */
}



.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    padding: 10px;
}

.form-control.form-spacer  .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0 ;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 0px;
    position: absolute;
    top: 22px;
    right: 1px;
    width: 20px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 43px !important;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 9px !important;
    right: 1px;
    width: 20px;
}

/* search css */
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #fff;
    border: 1px solid var(--borderColor) !important;
    border-radius: 30px;
    padding: 10px 15px;
}


/* option css */

.select2-container--default .select2-results>.select2-results__options
 {
    max-height: 163px !important;
    overflow-y: auto;
}

.option_wrapper{

}
.search-box{
    display: flex;
    border: 1px solid var(--borderColor);
    border-radius: 25px;
    background: #fff;
    /* gap: 10px; */
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none !important;
    border-radius: 25px !important;
    border-right: none;
}


.bottom_select .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 44px;
    margin-right: 20px;
    padding-right: 0px;
}

.location_wrapper {
    /* height: 95px; */
    overflow: auto;
}
.expand-height {
    height: 180px !important; /* new height */
    transition: height 0.3s; /* smooth animation */
}

.specialty-select2 .select2-selection__rendered {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Limit specialty dropdown width */
.specialty-select2.select2-container .select2-dropdown {
  min-width: 300px !important;
  max-width: 500px !important;
  width: auto !important;
}

ul#select2-my-multi-select-container {
  font-weight: 700;
  font-family: inherit !important;
  padding-left: 11px;
  font-size: 16px;
}
ul#select2-languages-container {
  font-weight: 700;
  font-family: inherit !important;
  padding-left: 11px;
  font-size: 16px;
}

/* Languages Select2 Styling */
.languages-select2 .select2-selection__rendered {
  white-space: nowrap !important;
  /* overflow: hidden !important; */
  text-overflow: ellipsis !important;
  /* color: #0066cc;  */
}

.anchor_access_request{
  color: #0064a8;
}

.show-more-card-list{
  text-decoration: none;
}
.pdf-btn {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #00a8a8;   /* teal border */
  color: #00a8a8;
  text-decoration: none;
  font-size: 13px;
  border-radius: 3px;          /* small rounded corners */
  background-color: #ffffff;
}

/* header{
    position: sticky;
    top: 0;
    z-index: 999;
    background: white;

} */

/* ============================request directory css code========================== */
.request_directory_sec {
    padding: 70px 0;
  }
  .request_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .request_head h2 {
    font-size: 34px;
    font-weight: 400;
    color: #000000;
  }
  
  .request_head .dropdown .btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--primaryColor) !important;
    border-color: var(--primaryColor);
  }
  .request_head .text-size h4 {
    margin: 0;
    font-size: 16px;
  }
  .request_head .text-size {
    align-items: center;
  }
  .request_directory_inner .form-control {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 30px 0;
  }
  .request_directory_inner .form-control label {
    font-size: 16px;
    margin: 0 0 8px 0;
  }
  .request_directory_inner .form-control select {
    border-radius: 50px;
    padding: 12px 12px;
    /* width: 100%; */
    width: unset !important;
    background: #fff;
    border: 1px solid var(--borderColor);
    color: #000;
    font-weight: 500;
    height: 48px;
    outline: none;
  }
  .request_directory_inner .form-control select {
    appearance: none;
    background-image: url(../images/arrow-down-black.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 35px;
  }
  .dir_title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0 0 40px 0;
  }
  .request_directory_inner .form-check label {
    font-size: 16px;
  }
  .request_directory_inner .form-control input {
    border-radius: 50px;
    padding: 12px 12px;
    width: 100%;
    background: #fff;
    border: 1px solid var(--borderColor);
    color: #000;
    font-weight: 500;
    height: 48px;
    margin: 0;
  }
  .locat_para {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }
  .locat_para .form-control {
    width: calc(33.3% - 10px);
    margin: 0;
  }
  .prmeter .form-control {
    margin-top: 8px;
  }
  .radio_item {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
  .hr_line {
    width: 100%;
    height: 1px;
    background-color: #e5e7eb;
    margin: 40px 0;
  }
  .delivery_para {
    margin: 30px 0;
    font-size: 16px;
    font-style: italic;
  }
  .appointment_sec {
    background-color: #e2e5e9;
    padding: 32px 0;
  }
  .appointment_inner h4 {
    font-weight: 700;
  }
  .appointment_inner p {
    font-size: 16px;
  }
  .appointment_inner ul li {
    margin: 0 0 8px 0;
    font-weight: 400;
    font-size: 14px;
  }
  .delev_field .form-control {
    margin: 10px 0;
  }
  /* ============================request directory css code========================== */
  .range_slider input {
    max-width: 50%;
    width: 100%;
    background-color: red;
  }

  .disabled{
    background-color: #f3f3f3;
  }
  .zip_request_PDF, .county_request_PDF{
    color: var(--bodyColor);
  }
  
  @media screen and (max-width: 1300px) {
    .container {
      max-width: 95%;
    }
  
    /* .hero-section {
      padding: 150px 0;
    } */
  
    .content_banner {
      max-width: 550px;
      gap: 14px;
    }
  
    .content_banner p {
      font-size: 16px;
    }
  
    .content_banner h1 {
      font-size: 34px;
    }
  
    .search-box input {
      font-size: 14px;
    }
  
    .padd-80 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  
    h3.heading {
      font-size: 24px;
    }
  
    .get_started {
      padding: 16px 12px;
    }
  
    .search_provider {
      padding: 50px 0;
    }
  
    .appintment-img img {
      width: 450px;
    }
  }
  
  @media screen and (max-width: 1024px) {
    .get_started_main {
      flex-wrap: wrap;
      justify-content: center;
    }
    .pdf_grid {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .get_started {
      width: calc(33.3% - 20px);
      padding: 20px;
    }
  
    ul.appointment-list li strong {
      font-size: 18px;
    }
  
    .appointment-content {
      gap: 12px;
    }
  
    .appointment-banner-content p {
      font-size: 14px;
      line-height: var(--lineHeight);
    }
  
    .appintment-img img {
      width: 380px;
    }
  }
  @media (max-width: 991px) {
    .locat_para .form-control {
      width: calc(50% - 15px);
      margin: 0;
    }
    .request_head {
      flex-direction: column;
    }
  }
  
  @media screen and (max-width: 880px) {
    /* .hero-section {
      padding: 90px 0;
    } */
  
    .content_banner {
      max-width: 430px;
    }
  
    .content_banner h1 {
      font-size: 24px;
    }
  
    .content_banner p {
      font-size: 14px;
    }
  
    .search-box input::placeholder {
      color: var(--whiteColor);
    }
  
    .get_started {
      width: calc(50% - 20px);
    }
  
    h3.heading {
      font-size: 20px;
    }
  
    .accordion-button {
      font-size: 16px;
    }
  
    .medical-fields .form-control {
      width: calc(50% - 10px);
    }
  
    .care-buttons {
      gap: 8px;
    }
  
    .care-buttons button {
      padding: 8px 14px;
    }
  
    .medical-fields {
      gap: 8px;
    }
  
    .search_provider {
      padding: 40px 0;
      gap: 16px;
    }
  
    .results-grid .result-card {
      width: calc(50% - 12px);
    }
  
    .appointment-banner-content {
      padding: 30px 0 0px 30px;
      align-items: flex-end;
    }
  
    .appintment-img {
      display: flex;
      align-items: flex-end;
    }
  
    .appointment-content {
      padding-bottom: 20px;
    }
  
    .appintment-img img {
      width: 300px;
    }
  
    .footer-logo img {
      width: 160px;
    }
  
    .footer-col h5 {
      margin-top: 10px;
    }
  }
  
  @media screen and (max-width: 767px) {
    footer .row {
      gap: 24px;
    }
    .modal-body {
      padding: 10px 20px;
    }
    .locat_para .form-control {
      width: calc(100% - 15px);
      margin: 0;
    }
    .pdf_grid {
      grid-template-columns: repeat(1, 1fr);
    }
    .modal_cont .modal_title {
      font-size: 24px;
    }
    .pdf_cont button.btn-close {
      top: 8px;
      right: 8px;
    }
    .print_pdf_btn {
      flex-direction: column;
      gap: 10px;
    }
  
    .modal-header,
    .modal-footer {
      padding: 10px 20px;
    }
  
    .modal-header .modal-title {
      font-size: 18px;
      font-weight: 700;
      line-height: 24px;
    }
  
    p.privacy-note,
    p.description-text {
      font-size: 14px;
    }
  
    .modal-body .medical-fields .form-control {
      width: 100%;
    }

    .margin-mobile-none{
        margin: 0 !important;
    }

    .delev_field .form-control{
        width: 100%;
    }

    .form-check{
        display: flex;
    }

    .range_slider input {
        max-width: 100%;
    }

  }
  
  @media screen and (max-width: 580px) {
    footer .row {
      gap: 24px;
    }
  
    .get_started {
      width: 100%;
    }
  
    .care-buttons {
      flex-wrap: wrap;
    }
  
    .medical-fields .form-control {
      width: 100%;
    }
  
    .accordion-header svg {
      display: none;
    }
  
    .accordion-button {
      font-size: 14px;
      line-height: 22px;
      padding: 10px 10px 10px 20px;
    }
  
    .care-buttons button {
      font-size: 12px;
    }
  
    .search_provider h3.heading {
      font-size: 16px;
      line-height: 25px;
    }
  
    .search_provider {
      padding: 30px 20px;
    }
  
    .results-grid .result-card {
      width: 100%;
      padding: 20px;
      gap: 12px;
    }
  
    .search_grid button {
      width: 32px;
      height: 32px;
    }
  
    .search_grid button svg {
      width: 20px;
    }
  
    .search_grid {
      gap: 8px;
    }
  
    .results-grid .result-card h6 {
      font-size: 16px;
    }
  
    .search_no.pagi_div {
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      gap: 10px;
    }
  
    .search_no p {
      font-size: 14px;
    }
  
    ul.pagination li.page-item a {
      width: 30px;
      height: 30px;
    }
  
    ul.pagination {
      gap: 8px;
    }
  
    .appointment-banner-content {
      flex-direction: column;
    }
  
    .appointment-content {
      padding-right: 10px;
    }
  
    nav.navbar button.dropdown-toggle {
      font-size: 0;
      gap: 2px;
      padding: 4px 6px;
    }
  
    .header_menu_right {
      gap: 8px;
    }
  
    .container {
      max-width: 100%;
      padding: 0 20px;
    }
  
    .text-size {
      gap: 8px;
    }
  
    .text-size button {
      width: 26px;
      height: 26px;
      font-size: 14px;
    }
  
    .navbar-brand img {
      height: 35px;
    }
  
    .results-grid.list-type .result-card .result-content {
      gap: 12px;
    }
  
    .search-box input,
    .search-box select {
      padding: 14px 14px 14px 38px;
      font-size: 13px;
    }
  
    .search-box button {
      padding: 10px 12px;
      font-size: 14px;
    }
  
    .action_btns .btn {
      padding: 10px 12px;
      font-size: 14px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
      font-size: 14px;
      max-width: 220px;
    }
  }

  #medicalGroupsSelect{
    width:80% !important;
  }

  .find_a_provider_specialty_organization_type_rdp .select2-container{
    overflow-y: auto;
  }

  .find_a_provider_specialty_organization_type_rdp .select2-container .select2-selection__choice{
    margin-bottom:5px ;
  }

  .find_a_provider_specialty_organization_type_rdp .select2-selection--multiple .select2-selection__arrow {
    display: block !important;
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 20px;
    pointer-events: none;
    z-index: 1;
  }

  .find_a_provider_specialty_organization_type_rdp .select2-selection--multiple .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
  }

  .find_a_provider_specialty_organization_type_rdp .select2-container--open .select2-selection--multiple .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
  }

  /* Languages Select2 dropdown arrow */
  .languages-select2 .select2-selection--multiple .select2-selection__arrow {
    display: block !important;
    height: 26px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 20px;
    pointer-events: none;
    z-index: 1;
  }

  .languages-select2 .select2-selection--multiple .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
  }

  .languages-select2.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
  }

  /* Make language option clickable */
  .select2-language-option {
    cursor: pointer;
    display: block;
    width: 100%;
  }

  .custom-select2-dropdown span#select2-type-container,
  .custom-select2-dropdown .select2-selection {
    border: 1px solid #e6e8eb !important;
    border-radius: 30px;
  }

  @media screen and (max-width: 370px){
    .select2-container .select2-selection--single .select2-selection__rendered {
      font-size: 14px;
      max-width: 150px;
    }
  }