/*General Style */
@import url("../fonts/font-awesome-6/css/all.min.css");
@import url("../css/bootstrap.min.css");
@import url("../css/select2.min.css");
@import url("../css/slimmenu.min.css");
/*---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
/*--------------------
/*  
    font-family: "Onest", sans-serif;
*/
*, ::after, ::before
 {
    box-sizing: border-box;
}

:root {

    --primary:#20534e;
    --primaryLight:#ebf2f1;
    --secondary:#8dc759;
    --charcoalBlack:#1E1E1E;
    --titleText:#333333;
    --calmBeige:#FEF9F3;
    --gray:#e8e8e8;
    --grayBrd:#ABABAB;
    --black: #000000;
    --white: #FFFFFF;
    --bodyfont: "Onest", sans-serif;
    --transition: all 0.25s ease-in-out;
}
html{
    overflow-x: hidden;
}

body{
    margin:0;
    padding:0;
    background-color:var(--white);
    font-family:var(--bodyfont);
    color:var(--charcoalBlack);
    font-size:18px;
    line-height:140%;
    font-weight:400;
    letter-spacing:0;
    /* overflow-x:hidden; */
    scroll-behavior:smooth;
}
p {
    font-size: 18px;
    line-height: 120%;
    font-weight: 400;
}

@media (max-width: 1199px) {
    body, p {font-size: 17px;}
}
@media (max-width: 991px) {
    body, p {font-size: 16px;}
    p br{display: none;}
}
@media (max-width: 767px) {
    body, p {font-size: 15px;}
}
@media (max-width: 575px) {
    body, p {font-size: 14px;}
}

img {
    max-width: 100%;
    height: auto;
}
::-moz-selection {
    background-color: var(--primary);
    color: var(--white);
}
::-webkit-selection {
    background-color: var(--primary);
    color: var(--white);
}
::selection {
    background-color: var(--primary);
    color: var(--white);
}
/* Typography */
b, strong {font-weight: 700;}
a {
    text-decoration: none;
    color: var(--primary);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}
a:hover {
    color: var(--secondary);
    outline: 0;
}
a:focus-visible {outline: none;}
h1:not(.site-title):before, h2:before {display: none;}
h1,.h1 {
    font-size: 86px;
    line-height: 120%;
}
@media (max-width: 1600px) {
    h1, .h1 {font-size: 76px;}
}
@media (max-width: 1199px) {
    h1, .h1 {font-size: 67px;}
}
@media (max-width: 991px) {
    h1, .h1 {font-size: 57px;}
}
@media (max-width: 575px) {
    h1, .h1 {font-size: 47px;}
}
h2,.h2 {
    font-size: 70px;
    line-height: 100%;
}
@media (max-width: 1600px) {
    h2, .h2 {font-size: 66px;}
}
@media (max-width: 1199px) {
    h2, .h2 {font-size: 56px;}
}
@media (max-width: 991px) {
    h2, .h2 {font-size: 46px;}
}
@media (max-width: 767px) {
    h2, .h2 {font-size: 36px;}
}
h3,.h3 {
    font-size: 36px;
    line-height: 120%;
}
.f30{font-size: 30px;}
@media (max-width: 1600px) {
    h3, .h3 {font-size: 34px;}
}
@media (max-width: 1400px) {
    h3, .h3 {font-size: 32px;}
}
@media (max-width: 1199px) {
    h3, .h3 {font-size: 30px;}
    .f30{font-size: 28px;}
}
@media (max-width: 991px) {
    h3, .h3 {font-size: 28px;}
    .f30{font-size: 26px;}
}
@media (max-width: 767px) {
    h3, .h3 {font-size: 26px;}
    .f30{font-size: 24px;}
}
@media (max-width: 575px) {
    .f30{font-size: 22px;}
}
h4,.h4 {
    font-size: 24px;
    line-height: 120%;
}

@media (max-width: 1199px) {
    h4, .h4 {font-size: 22px;}
}
@media (max-width: 991px) {
    h4, .h4 {font-size: 20px;}
}
.h1, .h2, .h3, .h4,
h1, h2, h3, h4 {
    margin: 0 0 20px;
    color: var(--dark);
    font-weight: 700;
    text-transform: capitalize;

}
p, ol, ul, blockquote {
    margin: 0 0 20px;
    padding: 0;
}
.white h1, .white h2, .white h3, .white h4, .white p, .white li, .white span, .white a { color: var(--white);}
.white p a:hover {text-decoration: underline;}
ol li, ul li {list-style-type: none;}
@media (max-width: 767px) {
    .h1, .h2, .h3, .h4, h1, h2, h3, h4, p, ol, ul, blockquote {margin: 0 0 15px;}
}

/* Forms */
.form-group {margin-bottom: 30px;}
.form-group p:last-child {margin-bottom: 0;}
.form-group label {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
}
/* body .gform-theme--framework, */
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="month"],
input[type="number"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="email"],
input[type="search"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="file"],
textarea,
select {
    width: 100%;
    max-width: 100%;
    display: block;
    height: inherit;
    z-index: 1;
    margin: 0;
    padding: 12px 15px;
    background-color: var(--white);
    box-shadow: 0 4px 0 #dcdbdb;
    border: solid 1px #dedede;
    border-radius: 10px;
    color: var(--dark);
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    direction: ltr;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
    outline: 0;
    border-color: var(--primary);
}
input::placeholder,
textarea::placeholder,
select::placeholder {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--dark);
    
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--dark);
    
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--dark);
    
}
select {
    background-image: url("../images/select_arrow.svg");
    background-position: 98% center;
    background-size: 18px;
    background-repeat: no-repeat;
    color: var(--primary);
    padding-right: 55px !important;
    cursor: pointer;
    box-shadow: none;
}
select option:hover { background-color:var(--primary); }
textarea{height: 220px;}
@media (max-width: 1199px) {
    .form-group {margin-bottom: 25px;}
    input[type="color"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="datetime"],
    input[type="month"],
    input[type="number"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input[type="email"],
    input[type="search"],
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="file"],
    textarea,
    select {
        padding: 12px 15px;
        font-size: 17px;
    }
    input::-moz-placeholder,
    textarea::-moz-placeholder,
    select::-moz-placeholder {font-size: 17px;}
    input::placeholder,
    textarea::placeholder,
    select::placeholder {font-size: 17px;}
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    select::-webkit-input-placeholder {font-size: 17px;}
    select {padding-right: 40px !important;}
    textarea{height: 180px;}
}
@media (max-width: 991px) {
    input[type="color"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="datetime"],
    input[type="month"],
    input[type="number"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input[type="email"],
    input[type="search"],
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="file"],
    textarea,
    select {
        font-size: 16px;
        padding: 10px 15px;
    }
    input::-moz-placeholder,
    textarea::-moz-placeholder,
    select::-moz-placeholder {font-size: 16px;}
    input::placeholder,
    textarea::placeholder,
    select::placeholder {font-size: 16px;}
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    select::-webkit-input-placeholder {font-size: 16px;}
    .form-group {margin-bottom: 20px;}
    textarea{height: 140px;}
}



/*Buttons*/
.btn_holder {
    margin-top: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn_holder.left {
    justify-content: left;
    text-align: left;
}
input[type="submit"],
button[type="submit"],
.site_btn {
    position: relative;
    cursor: pointer;
    padding: 17px 30px;
    min-width: 150px;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--white);
    background-color: var(--primary);
    text-align: center;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 10px;
    opacity: 1;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
input[type="submit"]:focus,
button[type="submit"]:focus,
.site_btn:focus,
input[type="submit"]:hover,
button[type="submit"]:hover,
.site_btn:hover{
    background-color: var(--secondary);
}
@media (max-width: 1199px) {
    input[type="submit"],
    button[type="submit"],
    .site_btn {
        font-size: 17px;
    }
}
@media (max-width: 991px) {
     input[type="submit"],
    button[type="submit"],
    .site_btn {
        font-size: 16px;
        padding: 15px 24px;
    }
}
/* container set  */
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1500px;}
}


/* Header css start */
.header {
    padding-bottom: 15px;
    margin-top: 15px;
}
.header .header_wraper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--white);
    border-radius: 20px;
    padding: 30px;
    position: relative;
}
.header .logo{
    width: 300px;
}
.header .logo a{display: block;}
.header .logo a img{
    width: 100%;
    height: auto;
}
.header_info h1{
    font-size: 30px;
    font-weight: bold;
    color: var(--primary);
    margin-bottom: 5px;
    text-align: right;
}
.header_info p{
    font-size: 20px;
    color: var(--primary);
    margin: 0 0 5px 0;
}
.casemed_user_info{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    /* top: 30px;
    right: 30px; */
}
.casemed_user_info a{color: var(--primary);}
.casemed_user_info a:hover{color: var(--secondary);}
@media (max-width:1199px){
    .header .logo{width: 280px;}
    .header_info h1{font-size: 28px;}
   
}
@media (max-width:991px){
    .header .logo{width: 260px;}
    .header_info p{font-size: 18px;}
    .header_info h1{font-size: 26px;text-align: center;}
     .header .header_wraper{
        flex-wrap: wrap;
        padding: 30px;
        justify-content: center;
        border-radius: 16px;
    }
    .header_info{
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .casemed_user_info{
        justify-content: center;
    }
}
@media (max-width:767px){
    .header .header_wraper{
        padding: 20px;
        border-radius: 12px;
    }
    .header .logo{width: 220px;}
    .header_info h1{font-size: 24px;}
     .header_info p{font-size: 16px;}
}
/* Header css end */

/* Footer css start */
.footer {margin-bottom: 15px;}
.footer .fw_main{
    background-color: var(--white);
    padding: 30px;
    border-radius: 20px;
}
.footer .footer_wraper{
    display: flex;
    gap: 30px;
}
.footer_wraper .c1{
    width: 33.33%;
    color: var(--primary);
}
.footer_wraper .c1:first-child p{
    max-width: 230px;
    margin: 0;
}
.footer_wraper .c1:last-child{
    text-align: right;
}
.footer_wraper .c1 .casemed_link{
    font-weight: 600;
    font-size: 24px;
}
.footer .copyright{
    padding: 20px 0 0 0;
}
.footer .copyright p{
    margin-bottom: 0;
    font-size: 14px;
}
@media (max-width:767px){
    .footer .fw_main{border-radius: 16px;}
}
@media (max-width:767px){
    .footer .fw_main{padding: 20px;border-radius: 12px;}
     .footer .footer_wraper{flex-wrap: wrap;gap: 20px;}
    .footer_wraper .c1{width: 100%;text-align: center;}
    .footer_wraper .c1:last-child{text-align: center;}
    .footer_wraper .c1:first-child p{max-width: 100%;}
    .footer .copyright{text-align: center;}
}

/* Footer css end */

/* Login page css start */
.page-template-tpl-forgot-password main,
.page-template-tpl-login main{
    min-height: calc(100vh - 72.41px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-template-tpl-forgot-password footer,
.page-template-tpl-login footer{
    margin-top: auto;
    padding: 25px 15px;
}
.page-template-tpl-forgot-password footer p,
.page-template-tpl-login footer p{
    margin: 0;
    font-size: 14px;
    text-align: center;
}
.casemed_comman_box{
    max-width: 540px;
    margin: 0 auto;
}
.casemed_comman_box .login_logo{
    text-align: center;
    margin-bottom: 40px;
}
.casemed_comman_box .login_logo a{display: inline-block;}
.casemed_comman_box .login_logo img{
    max-width: 299px;
    height: auto;
}
.casemed_comman_box .login_heading{
    text-align: center;
}
.casemed_comman_box .login_heading h1{
    font-size: 30px;
    text-transform: unset;
    margin-bottom: 20px;
}
.casemed_comman_box .login_heading p{
    font-size: 18px;
}
.casemed_comman_box .login_box{
    background-color: var(--primaryLight);
    padding: 30px;
    border-radius: 10px;
}
.casemed_comman_box .login_box label{
    color: var(--primary);
    font-weight: 600;
}
.casemed_comman_box .login_box input[type="submit"]{
    width: 100%;
}
.forgot_password_link {
    text-align: center;
}
@media (max-width:1199px){
    .casemed_comman_box .login_logo img{
        max-width: 260px;
    }
}
@media (max-width:991px){
    .casemed_comman_box .login_logo img{
        max-width: 230px;
    }
}
@media (max-width:767px){
    .casemed_comman_box{
        max-width: 100%;
    }
    .casemed_comman_box .login_logo{margin-bottom: 30px;}
    .casemed_comman_box .login_logo img{
        max-width: 200px;
    }
    .casemed_comman_box .login_box{
        padding: 20px;
    }
    .casemed_comman_box .login_heading p{font-size: 16px;}
}
/* Login page css end */

/* Directory List Page CSS Start */
.page-template-tpl-doctor-directory{
    background-color: var(--primaryLight);
}
.directory_wraper{
    display: flex;
     align-items:flex-start;
}
.directory_wraper .sidebar{
    width: 270px;
    background-color: var(--primary);
    height: auto;
    margin-top: 15px;
    position: sticky;
    top: 20px;
    border-radius: 20px;
    overflow: hidden;
    padding: 30px;
}

.province_block{
   margin-bottom: 30px;
}
.directory_wraper .sidebar .province_block:last-child{
    margin-bottom: 0;
}
.province_block > h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--white);
    padding-bottom: 15px;
    border-bottom: 1px solid var(--white);
}
.city_sidebar_list{
    margin: 0;
}
.city_sidebar_list li{
    margin: 7px 0;
}
.city_sidebar_list li:last-child{margin-bottom: 0;}
.city_sidebar_list li a{
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    transition: all 0.25s ease-in-out;
}
/* .city_sidebar_list li a::before{
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: left 0.25s ease-in-out;
    -moz-transition: left 0.25s ease-in-out;
    transition: left 0.25s ease-in-out;
} */
.city_sidebar_list li a:hover{
    color: var(--secondary);
}
/* .city_sidebar_list li a:hover::before{
    left: 5px;
} */

.directory_wraper .directory_area{
    width: calc(100% - 270px);
    padding-left: 30px;
    margin-top: 15px;
}
.directory_wraper.remove_sidebar .sidebar{display: none;}
.directory_wraper.remove_sidebar .directory_area{
    width: 100%;
    padding-left: 0;
}
.city_loop_accordian .accordion-item {
    background-color: transparent;
    border: none;
}
.city_loop_accordian .accordion-item .accordion-header{
    margin-bottom: 15px;
}
.city_loop_accordian .accordion-item .accordion-header .accordion-button{
    border: none;
    font-size: 36px;
    font-weight: 700;
    background-color: var(--primary);
    color: var(--white);
    border-radius: 20px !important;
    padding-right: 120px;
}
.city_loop_accordian .accordion-item .accordion-header .accordion-button .acc_toggle{
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
}
.city_loop_accordian .accordion-item .accordion-header .accordion-button .acc_toggle .acc_icon{
    transition: all 0.25s ease-in-out;
}
.city_loop_accordian .accordion-item .accordion-header .accordion-button.collapsed .acc_toggle .acc_icon {
    transform: rotate(0deg);
}

.city_loop_accordian .accordion-item .accordion-header .accordion-button:not(.collapsed) .acc_toggle .acc_icon {
    transform: rotate(180deg);
}

.city_loop_accordian .accordion-item .accordion-header .accordion-button::after{display: none;}
.city_loop_accordian .accordion-item .accordion-header .accordion-button:focus{
    outline: none;
    box-shadow: none;
}
.city_loop_accordian .accordion-item  .accordion-body{
     border: none;
     padding: 0;
}
.city_block_head{
    margin: 0 0 15px 0;
    padding: 30px;
    background-color: var(--white);
    border-radius: 20px;
}

.city_block_head .city_title{
    font-size: 36px;
    color: var(--primary);
    font-weight: 700;
    margin: 0;
}
.city_sub_title{
    margin: 0;
    font-size: 20px;
}
.directory_lists .category_block{
    background-color: var(--white);
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 15px;
}
.category_title{
    font-size: 24px;
    line-height: 1.2;
    color: var(--titleText);
    font-weight: 700;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--titleText);
}
.subcategories_wrapper{
   /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; */
    column-count: 2;
    column-gap: 30px;
}
.subcategories_wrapper .subcategory{
        /* -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
       width: 100%;
       padding-top: 10px;
       padding-bottom: 10px; */
       break-inside: avoid;
       margin-bottom: 30px;
}

.subcategories_wrapper .subcategory h3{
    font-size: 16px;
    margin: 0 0 10px 0;
    color: var(--titleText);
    font-weight: 700;
}
.doctor_list{
    margin: 0;
    font-size: 16px;
    color: var(--titleText);
    padding:0;
}
.doctor_item{
    position:relative;
    margin-bottom: 6px;
}
.doctor_list .doctor_item:last-child{margin-bottom: 0;}
.doctor_name{
    display:inline-block;
    position:relative;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}
.doctor_name:hover{
    color: var(--secondary);
}
.info_icon{
    cursor: pointer;
    transition: all 0.25s ease-in-out;
}
.info_icon:hover{color: var(--secondary);}

.filter_area{
    border-radius: 20px;
    padding: 30px;
    background-color: var(--primary);
}
.filter_area .filter_guid{
    color: var(--white);
}
.ctm_select{
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
}
.ctm_select > span.ctm_select_label{
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.filter_area form{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
}
.filter_area form .ctm_select:nth-child(1){
    max-width: 350px;
}
.filter_area form .ctm_select:nth-child(2){
    max-width: 500px;
}

.filter_area form .ctm_btn{
    width: 170px;
    margin-left: auto;
}
 .ctm_btn button{
    width: 100%;
    padding: 15px 15px;
    background-color: var(--secondary);
}
 .ctm_btn button:focus{
    outline: none;
    box-shadow: none;
    background-color: var(--primary);
 }
 .ctm_btn button:hover{background-color: var(--primary);}
.filter_area form .ctm_btn button:hover,
.filter_area form .ctm_btn button:focus{
    background-color: var(--white); color: var(--primary);
}
.ctm_btn.bottom_btn{
    padding: 30px 0;
    display: flex;
    justify-content: flex-end;
}
.ctm_btn.bottom_btn button{
    width: inherit;
}
/* Custom Select css start */
.select2-container .select2-selection--single{
    height: 50px;
}
.select2-container--default .select2-selection--single{
    border-radius: 10px;
    border: 2px solid var(--primary);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 48px;
    color: var(--charcoalBlack);
    font-size: 18px;
    padding-left: 15px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    box-shadow: none;
}

.select2-dropdown {
    border-radius: 10px;
    border: 2px solid var(--primary);
    overflow: hidden;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
   
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.select2-container--default .select2-selection--single {
    position: relative;
    padding-right: 40px;
}

.select2-container--default .select2-selection--single:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #2c4c47; /* color */
    border-bottom: 2px solid #2c4c47;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}


.select2-container--default .select2-results>.select2-results__options{
    max-height: 500px;
}
.select2-results{
    padding: 0 15px;
}
.select2-container--default .select2-results__group{
    border-bottom: 1px solid var(--primary);
    font-size: 18px;
    margin-bottom: 5px;
}
.select2-results__option{
    font-size: 16px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: transparent;
    color: var(--primary);
}
.select2-container--default .select2-results__option--selected {
    background-color: transparent;
    color: var(--primary);
}


.select2-container--default .geo-dropdown .select2-results>.select2-results__options > li:nth-child(2){
    font-size: 18px;
    font-weight: 700;
    color: var(--charcoalBlack);
    text-transform: uppercase;
    border-bottom: 1px solid var(--primary);
    margin-bottom: 10px;
}
/* Custom Select css end */



/* Directory List Page CSS End */

.directory_loader {
    text-align: center;
}
.tb_space {
    margin-top: -15px;
    margin-bottom: -15px;
}
.tb_space>div {
    padding-top: 15px;
    padding-bottom: 15px;
}
.directory_loader img {
    width: 60px;
}
.go-up {
    background-color: var(--secondary);
    color: #fff;
    cursor: pointer;
    width: 40px;
    height: 30px;
    position: fixed;
    font-size: 14px;
    line-height: 30px;
    right: 15px;
    bottom: -40px;
    border: 1px solid var(--secondary);
    border-bottom: none;
    text-align: center;
    z-index: 100;
    border-radius: 4px 4px 0 0;
    transition: all 0.25s ease-in-out;
}


@media (max-width:1199px){
    .ctm_btn.bottom_btn{padding: 25px 0;}
    .city_block_head .city_title{font-size: 28px;}
    .category_title{font-size: 23px;}
    .filter_area{
        border-radius: 16px;
    }
    .filter_area form .ctm_select:nth-child(1) {
        max-width: 310px;
    }
    .filter_area form .ctm_select:nth-child(2) {
        max-width: 360px;
    }
    
}
@media (max-width:991px){
       .filter_area form{
        flex-wrap: wrap;
    }
    .filter_area form .ctm_select:nth-child(1),
    .filter_area form .ctm_select:nth-child(2){
        max-width: 100%;
    }

    .filter_area form .ctm_btn{
        width: 100%;
    }

    .category_title{font-size: 22px;}
    .city_block_head{border-radius: 16px;}
    .city_block_head .city_title{font-size: 26px;}
    .city_sub_title{font-size: 18px;}
    .select2-container .select2-selection--single{height: 48px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 16px;}

      .directory_wraper{flex-wrap: wrap;}
     
    .directory_wraper .sidebar{width: 100%;position: relative;top: unset;border-radius: 16px;}

    .directory_wraper .directory_area{width: 100%;padding-left: 0;}
    .directory_lists .category_block{
        border-radius: 16px;
    }
}
@media (max-width:767px){
    .filter_area{
        padding: 20px;
        border-radius: 12px;
    }
    .category_title{
        font-size: 20px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .subcategories_wrapper {column-count: 1;}
     .subcategories_wrapper .subcategory{
        margin-bottom: 20px;
    }
    .tb_space {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .tb_space>div {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    
    .directory_wraper .sidebar{
        padding: 20px;
        border-radius: 12px;
    }
    .directory_wraper .sidebar h2{font-size: 20px;}
     .ctm_btn.bottom_btn{padding: 20px 0; justify-content: center;}
      .city_block_head{
        padding: 20px;
        border-radius: 12px;
      }
      .city_block_head .city_title{font-size: 22px;}
        .ctm_select{
                flex-wrap: wrap;
            }
      .ctm_select > span.ctm_select_label{
        display: block;
      }
      .directory_lists .category_block{
        border-radius: 12px;
        padding: 20px;
    }
}

.directory_lists .no_results_found{
    text-align: center;
    padding: 40px 0;
}

/* Dr model css start */
.modal-open{
    padding-right: 0 !important;
}
.doctor_modal  .modal-dialog{
    max-width: 360px;
}
.doctor_modal .modal-content{
    background-color: var(--primary);
    color: var(--white);
    padding: 30px;
}
.doctor_modal .modal-header{
    padding: 0;
    border: 0;
}
.doctor_modal .modal-header .modal-title{
    color: var(--white);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.doctor_modal .modal-header .btn-close{
    background: unset;
    font-size: 18px;
    color: var(--white);
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}
.doctor_modal .modal-header .btn-close:focus{
    outline: none;
    box-shadow: none;
}
.doctor_modal .modal-body{
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}
@media (max-width:1600px){
    .city_loop_accordian .accordion-item .accordion-header .accordion-button{font-size: 32px;}
}
@media (max-width:1199px){
    .city_loop_accordian .accordion-item .accordion-header .accordion-button{font-size: 28px;}
}
@media (max-width:991px){
    .city_loop_accordian .accordion-item .accordion-header .accordion-button{
        font-size: 26px;
        border-radius: 16px !important;
    }
}
@media (max-width:767px){
    .city_loop_accordian .accordion-item .accordion-header .accordion-button{
        font-size: 24px;
        border-radius: 12px !important;
        padding: 20px 100px 20px 20px;
    }
    .city_loop_accordian .accordion-item .accordion-header .accordion-button .acc_toggle {
        font-size: 12px;
        right: 20px;
    }
}
@media (max-width:1199px){}
/* Dr model css end */


.login-error,
.login-success{
    max-width: 540px;
    margin: 0 auto 3rem;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 3rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.login-success{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.login-error{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}