/*---banner---common2---start---here---*/
.banner_common_2{position: relative;background: linear-gradient(105.21deg, #057B9D 39.31%, #0A2542 86.51%);
height: 250px;overflow: hidden;}
.banner2_common_layer{position: absolute;bottom: 0px;left: 0px;right: 0px;top: 0px;width: 100%;object-fit: cover;display: block;
opacity: 0.2;}
.common_banner2_content{position: absolute;bottom: 70px;left: 0px;right: 0px;text-align: center;z-index: 1;}
.common_banner2_content .section_title, .common_banner2_content .section_title span{color: #fff;}
.common_banner2_content .section_title{font-size: 36px;}
.video_library_banner{position: relative;}

.search_wrapper_common{position: absolute;bottom: -22px;width: 600px;left: 50%;transform: translate(-50%, 0px);z-index: 77;}
.search_wrapper_inner{position: relative;}
.search_wrapper_inner input{border-radius: 8px;border: none;padding: 18px 10px;box-shadow: 0px 4px 60px 0px rgb(0 0 0 / 15%);
    font-size: 13px;color: #4C4C4C;padding-left: 59px;border: 1px solid #E8E8E8;padding-right: 58px;}
.search_wrapper_inner input::placeholder{font-size: 13px;color: #4C4C4C;}
.search_text{position: absolute;top: 50%;left: 15px;transform: translate(0px, -50%);color: #A9A9A9;font-size: 13px;}
.search_submit_btn{width: 32px;position: absolute;top: 50%;right: 15px;transform: translate(0px, -50%);cursor: pointer;}
.search_submit_btn img{width: 100%;display: block;height: initial;}
.proced_b_desc{width: 400px;margin: 0px auto; font-size: 14px;color: #fff;line-height: 1.3;margin-top: 15px;}
.procedure_listing_banner{position: relative;}

@media only screen and (max-width: 1400px){
.common_banner2_content{bottom: 50px;}

.search_wrapper_common{width: 490px;bottom: -22px;}
.search_wrapper_inner input{padding-top: 15px;padding-bottom: 15px;}
.search_submit_btn{width: 30px;}
}

@media only screen and (max-width: 1199px){
 .search_wrapper_common{width: 400px;}
}

@media only screen and (max-width: 991px){
 .search_wrapper_common{position: relative;transform: none;margin: 0px auto;width: 100%;padding: 0px 30px;margin-top: -25px;transform: none;
        left: initial;bottom: initial;}
        .directory_section { margin-top: -25px; padding-top: 50px; }
}

@media only screen and (max-width: 767px){
.banner2_common_layer{opacity: 0.6;}
.banner_common_2{height: 200px;}
.common_banner2_content .section_title{font-size: 30px;}
.common_banner2_content{bottom: 40px;}
.proced_b_desc{width: 100%;}

.search_wrapper_common{padding: 0px 15px;}
.search_wrapper_inner input::placeholder{font-size: 10px;}
.search_wrapper_inner input{padding-right: 49px;}
.common_banner2_content .section_title{text-align: left;}
.proced_b_desc{text-align: left;}

}


/*---directory---start---here---*/
.directory_section{background: #F7F7F7;}
.row_directory{display: flex;flex-wrap: wrap;margin: 0px -15px;}
.directory_left_colm{width: 330px;padding: 0px 15px;}
.directory_right_colm{width: calc(100% - 330px);padding: 0px 15px;}
.directory_list li{list-style: none; margin-top: 0px;}
.directory_list{display: grid;grid-template-columns: repeat(13, 1fr);gap: 20px 14px;max-width: 900px;}
.directory_list li a{width: 46px;height: 46px;display: flex;margin: 0px auto;border: 1px solid #D8D6D6;
background: #fff;box-shadow: 0px 4px 30px 0px rgb(0 0 0 / 10%);border-radius: 50%;justify-content: center;align-items: center;
font-size: 16px;font-weight: 500;color: #4C4C4C;transition: all 0.3s;text-decoration: none;}
.directory_list li a.active{background: linear-gradient(145.11deg, #057B9D 20.54%, #0A2542 112.6%);
color: #fff;}

@media only screen and (min-width: 1025px){
.directory_list li a:hover{background: linear-gradient(145.11deg, #057B9D 20.54%, #0A2542 112.6%);
color: #fff;}
}
@media only screen and (min-width: 1600px){
.directory_list{max-width: 80%;}
}

@media only screen and (max-width: 1400px){
.directory_list{max-width: 770px;}
.directory_list li a{font-size: 14px;}
}

@media only screen and (max-width: 1199px){
.directory_left_colm{width: 100%;margin-bottom: 30px;}
.directory_right_colm{width: 100%;}
.directory_list{max-width: 100%;}
}

@media only screen and (max-width: 991px){
.directory_list{grid-template-columns: repeat(10, 1fr);}
}
@media only screen and (max-width: 767px){
.directory_list{grid-template-columns: repeat(6, 1fr);gap: 15px 8px;}

}
@media only screen and (max-width: 365px){
.directory_list{grid-template-columns: repeat(5, 1fr);}
}
/*---directory---end---here---*/


/*---clincs---care---start---here---*/

.procedure_row .views-infinite-scroll-content-wrapper{display: flex;flex-wrap: wrap;margin: 0px -9px;margin-top: -20px;}
.procedure_colm{width: 25%;padding: 0px 9px;margin-top: 20px;}
.common_card_clinics{border-radius: 16px;overflow: hidden;height: 100%;border: 1px solid #DDDDDD;padding-bottom: 50px;position: relative;}
.common_card_clinics .card_common_btn{position: absolute;bottom: 0px;left: 0px;right: 0px;z-index: 4;}
.image_card_clincs img{transition: all 0.3s;}
.image_card_clincs{position: relative;overflow: hidden;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;line-height: 0px;}
.image_card_clincs:hover img{transform: scale(1.1);}
.clincs_content_card{padding: 15px;}
.clinics_title{font-size: 18px;line-height: 1.3;font-weight: 500;color: #4C4C4C;
display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;}
.clinics_desc{font-size: 14px;line-height: 20px;margin-top: 10px;color: #747474;
display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;}
.clinics_title2{font-size: 16px;font-weight: 600;margin-top: 5px;}

@media only screen and (max-width: 1199px){
.procedure_colm{width: 33.333%;}
}

@media only screen and (max-width: 1199px){
.procedure_colm{width: 50%;}
}

@media only screen and (max-width: 767px){
.procedure_colm{width: 100%;}
}


/*---clincs---care---end---here---*/

 /*---pagination---start---here---*/
        .pagination_common_page ul li{display: inline-block;margin: 0px 5px;}
        .pagination_common_page ul li a, .pagination_common_page ul li span{width: 40px;height: 40px;border: 1px solid #E8E8E8;border-radius: 30px;
        font-size: 13px;color: #4C4C4C;display: flex;align-items: center;justify-content: center;text-decoration: none;
        position: relative;cursor: pointer;}
        .pagination_common_page ul li a:hover, .pagination_common_page ul li a.active{background: #047C9E;border-color: #047C9E;color: #fff;}
        .pagination_common_page ul {display: flex;justify-content: center;align-items: center;}
        .pagination_common_page{margin-top: 50px;}
        .pagination_common_page ul li:first-child span:after, .pagination_common_page ul li:first-child a:after,
        .pagination_common_page ul li:last-child span:after,  .pagination_common_page ul li:last-child a:after{ content: ""; position: absolute; top: 50%; left: 47%;width: 6px; height: 6px; 
            border-right: 2px solid rgb(76 76 76 / 77%);border-bottom: 2px solid rgb(76 76 76 / 77%);
            transform: translate(-50%, -50%) rotate(310deg);}
        .pagination_common_page ul li:first-child span:after{
            transform: translate(-50%, -50%) rotate(132deg);
            left: 53%;
        }
        .pagination_common_page ul li:first-child:hover, .pagination_common_page ul li:last-child:hover{opacity: 0.7;}

        @media only screen and (max-width: 767px){
        .pagination_common_page ul li a, .pagination_common_page ul li span{width: 32px;height: 32px;}
        .pagination_common_page{margin-top: 30px;}
        }
        /*---pagination---end---here---*/

        .procedure_listing_banner #edit-actions{display: none;}
.field--procedures-list-for-update-block-content .field__label{display: none !important;}
.field--procedures-list-for-update-block-content .viewsreference--view-title {display: none;}
.search_wrapper_inner input {width: 100%;background: #fff;}
.procedure_listing_banner .block__title {display: none;}
.procedure_listing_banner .js-form-item.form-item.js-form-type-textfield.form-item__search.js-form-item-search.focused {display:none;}

.views-exposed-form .js-form-item-search{display:none;}
.view--id-procedures_list_for_updated_design .view__header{display:none;}
.view--procedures-list-for-updated-design #edit-submit-procedures-list-for-updated-design{display:none;}

  .procedure_colm .card_common_btn{color:#fff !important; text-decoration: none;}
  .field--name-field-procedures-list-for-update .bef-exposed-form{display: none;}

@media only screen and (min-width: 1025px) {
    .card_common_btn:hover span {
        transform: rotate(47deg);
    }
}

.clinics_title a{text-decoration: none !important; color: #4C4C4C !important;}
.clinics_title a:hover{color: #047C9E !important;}
.image_card_clincs img{aspect-ratio: 317/230; object-fit: cover;}
.image_card_clincs a{display: block;}

@media only screen and (max-width: 400px){
    .pager__item{
        width: 25px;
        height: 25px;
        margin: 0px 1px;
        font-size: 12px !important;
    }

    .pager__item.pager__item--last, .pager__item pager__item--next, .pager__item.pager__item--previous,
    .pager__item--first{ width: 20px;height: 20px;}
   
}

.directory_list li a.nodataclass {
    /* background: linear-gradient(145.11deg, #919495 20.54%, #0A2542 112.6%); */
    /* color: #fff; */
    opacity: 0.4;
    /* pointer-events: none; */
    cursor: not-allowed !important;
}

.pager__item {
    border: 1px solid #dce2e7;
}
.pager{margin-top: 0px !important;}

#edit-actions--3{display: none;}