.ac-cards{display:grid; grid-template-columns:300px 1fr; margin-top:2rem}
.font-change{display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:1rem}
.font-change a{border:solid 1px;padding:20px;border:solid 1px #ffffff;text-align:center; font-weight:500; color:#ffffff; display:flex; align-items:center; flex-direction:column; justify-content:center}
.font-change a span{display:block; font-size:14px; font-weight:normal}
.font-change a{font-size:1.2rem}
.font-change a span{font-size:10px}
.font-change a + a {font-size:1.3rem}
.font-change a + a span{font-size:12px}
.font-change a + a + a{font-size:1.6rem}
.font-change a + a + a span{font-size:14px}
.bw-images{display:grid; grid-template-columns:1fr 1fr; column-gap:1rem; row-gap:1rem}
.image-clr-change{border:solid 1px;padding:20px;border:solid 1px #ffffff;text-align:center; font-size:1rem; font-weight:normal; cursor:pointer}
.image-clr-change figure{margin:0px; padding:0px}
.image-clr-change figure img{height:15px}
.ac-label{font-size:1.2rem; font-family:'Gotham HTF'; font-weight:300}
.jfontsize-button.active,
.image-clr-change.active{border:solid 1px #f21745}
.spc-lbl{padding:1rem; font-size:1rem; background:#f21745; color:#ffffff; text-align:center}
.bnw .spc-lbl{background:#000000}
#accessiility-Btn{position:fixed;bottom:15%;width:46px;height:46px; z-index:999; border:0px; padding:0px; font-size:13px; background:url('../images/access-arrow.svg') no-repeat center right; overflow:hidden;color:#ffffff;display:flex;align-items:center;transition:all .2s ease-in-out;padding-right:1rem;transition:all .3s ease-out;transition:all 0.5s ease}
#accessiility-Btn img{max-height:25px;margin-right:23px;margin-left:6px}
#accessiility-Btn:hover{width:150px; transition:all .2s ease-in-out}
#accessiility-Btn:focus{outline:0px}
.speach-speak{position:fixed; bottom:90px; right:0px; z-index:9999}
.speach-speak audio{max-width:250px; margin:0px 10px; height:40px}
.speach-speak audio::-webkit-media-controls-panel{background-color:#f21745!important}
.speach-speak audio::-webkit-media-controls-enclosure {border-radius:0px;color:ffffff!important}

/* Black and white CSS start */
body.bnw img, body.bnw video, body.bnw .achievements-wrap, body.bnw .acceditations-wrap, body.bnw .page-title-wrap, body.bnw .side-menu-wrap h3, body.bnw .findadoctor-dropdwon,
body.bnw .discover_logo, body.bnw #discoverour_logo .color_text, body.bnw .facesheet_box, body.bnw .footer-bottom-right a, body.bnw .talent-right, body.bnw .faq-wrap .panel-default>.panel-heading a[aria-expanded="true"]:after, body.bnw table, body.bnw iframe, body.bnw .ui-accordion .ui-accordion-header.ui-accordion-header-active .left-icon, body.bnw .doctor-cont, body.bnw .resp-vtabs ul.resp-tabs-list, body.bnw .healthtips_arrow, body.bnw .phonedr-list {-webkit-filter:brightn,ess(.9) contrast(1.5) grayscale(1) !important; filter:brightness(.9) contrast(1.5) grayscale(1)!important}

body.bnw #accessiility-Btn{background:url('../images/access-arrow-bw.svg') no-repeat center right}
body.bnw .speach-speak audio::-webkit-media-controls-panel{background-color:#838383!important}

body.bnw .top-header,
body.bnw .our-departments-inner ul li:hover a,
body.bnw .newsletter-wrap,
body.bnw .banner-wrap .slick-dots li.slick-active button,
body.bnw .location-area .dropdown-menu li a:hover,
body.bnw .view_doct_btn a:hover,
body.bnw .com_contentpart li:after,
body.bnw .factsheet_listing_box li p:before,
body.bnw .centre-excellence-wrap ul li:before,
body.bnw .talent-header,
body.bnw .talent-slider-wrap .slick-dots li.slick-active button,
body.bnw .panel-body li:after,
body.bnw .resp-tab-content li:after,
body.bnw .form-submit-btn,
body.bnw .read_more_wrap .read_more,
body.bnw .main_pagination .btn.active, 
body.bnw .main_pagination .btn:hover, 
body.bnw .main_pagination .btn:focus,
body.bnw .red-part,
body.bnw .page-alpha a.active,
body.bnw .page-alpha a.active:hover,
body.bnw .pagination>.active>span,
body.bnw .brochure_btn,
body.bnw .doctor-timing,
body.bnw .downloads-wrap ul li h2 span,
body.bnw .main-btn,
body.bnw .pressreleases_box .date,
body.bnw .events-slider-wrap .slick-dots li.slick-active button,
body.bnw .healthtips_detail_cont,
body.bnw .compliances-box h2,
body.bnw .phonedr-cntnt .heading .txt-rgt h2,
body.bnw .map-address .faq-wrap .panel-title a,
body.bnw .newsroom-wrap ul li span:after,
body.bnw .bg-bluepart,
body.bnw .currentopenings-iconbox,
body.bnw .currentpositions_blue,
body.bnw .job_content_right ul li::before,
body.bnw .applynow_btn a:hover,
body.bnw .form-centre-wrap ul li a span,
body.bnw .sitemap-info ul li li:before,
body.bnw input.checkbox_custom[type=checkbox]:checked + label:before{background:#000000}

body.bnw .file-upload-button, body.bnw .timing-img{	background-color:#000000}

body.bnw .form-submit-btn:hover,
body.bnw .read_more_wrap .read_more:hover,
body.bnw .dtl a,
body.bnw .life-grid .slick-prev, 
body.bnw .life-grid .slick-next{background:#ffffff}

body.bnw .top-header-number li,
body.bnw .our-departments-inner h2:after,
body.bnw .side-menu-wrap li>a:hover,
body.bnw .side-menu-wrap li.active>a,
body.bnw .brochure_btn:hover,
body.bnw .brochure_btn:focus,
body.bnw .main-btn:hover, 
body.bnw .main-btn:focus,
body.bnw .compliances-box a:hover h2 {background:#7c7c7c}

body.bnw .top-header-menu ul li a,
body.bnw .our-departments-inner ul li:hover a,
body.bnw .view_doct_btn a:hover,
body.bnw .doctor-cont h1,
body.bnw .dtd,
body.bnw .map-address .faq-wrap .panel-title a,
body.bnw .applynow_btn a:hover{color:#ffffff}

body.bnw .our-departments-inner h2,
body.bnw .appdownload-link h2,
body.bnw .enumenu_ul > li > a:hover, 
body.bnw .enumenu_ul > li.active > a,
body.bnw .side-menu-wrap li>ul>li a:hover, 
body.bnw .side-menu-wrap li>ul>li.current a,
body.bnw .view_doct_btn a,
body.bnw .com_contentpart h4, 
body.bnw .com_contentpart h3,
body.bnw .com_contentpart .com_heading .txt-rgt .cnt_box h2,
body.bnw .com_contentpart h2.factsheet_title,
body.bnw .accreditations-wrap .accreditations-inner h2,
body.bnw .cont_box h2,
body.bnw .dept-technology h2,
body.bnw .dept-talent h2,
body.bnw h4.panel-title a,
body.bnw .cont_box_link a,
body.bnw .clinics-box-top h2,
body.bnw .doctor-biography-wrap h3,
body.bnw .doctor-biography-para,
body.bnw .resp-tab-content h3,
body.bnw .resp-tab-content h4,
body.bnw .request-appointment-wrap h3,
body.bnw .request-appointment-wrap h4,
body.bnw .form-submit-btn:hover,
body.bnw .read_more_wrap .read_more:hover,
body.bnw .inputbox_title,
body.bnw .com_contentpart .visiting-inner h2,
body.bnw .types_roombox .types_left h2,
body.bnw .corporates_logo_inner ul li a:hover h3,
body.bnw .pagination>li>a, .pagination>li>span,
body.bnw .dtl a,
body.bnw .content-part .pressreleases_box h2, 
body.bnw .content-part .pressreleases_box h2 a,
body.bnw .scrcrd_detail .section_06 .table-head,
body.bnw .bio-medical-top h2,
body.bnw .map-iframe-add h2,
body.bnw .current-openings-box li a:hover p,
body.bnw .current-openings-box li a:hover h2,
body.bnw .life-grid .slick-prev:before, 
body.bnw .life-grid .slick-next:before,
body.bnw .sitemap-info ul li,
body.bnw .sitemap-info ul li a,
body.bnw .search-main-title,
body.bnw .searchresult-wrap .searchresult-inner h5{color:#000000}
body.bnw .search-wrap .search-input, body.bnw .search-main-box {background-color:#e5e5e5; color:#000000}

body.bnw .search-input input,
body.bnw .enumenu_ul > li > a:hover, .enumenu_ul > li.active > a,
body.bnw .side-menu-wrap li>ul>li a:hover, 
body.bnw .side-menu-wrap li>ul>li.current a,
body.bnw .view_doct_btn a,
body.bnw .side-menu-wrap li>a:hover,
body.bnw .side-menu-wrap li.active>a,
body.bnw .cont_box_img,
body.bnw .faq-wrap .panel-collapse.collapse.in,
body.bnw .form-submit-btn:hover,
body.bnw .read_more_wrap .read_more:hover,
body.bnw .main_pagination .btn.active, 
body.bnw .main_pagination .btn:hover, 
body.bnw .main_pagination .btn:focus,
body.bnw .timing-cont,
body.bnw .page-alpha a.active,
body.bnw .page-alpha a.active:hover,
body.bnw .pagination>.active>span,
body.bnw input.checkbox_custom[type=checkbox]:checked + label:before{border-color:#000000}

body.bnw .cont_box_wrap:hover .cont_box_img, body.bnw .dtd{border-color:#727272}

body.bnw .enumenu_ul.desk ul li:hover > a,
body.bnw .breadcrumb li.active,
body.bnw .breadcrumb h1,
body.bnw .departments_services_wrap h2 a:hover,
body.bnw .normal_link a,
body.bnw .faq-wrap .panel-heading.active a,
body.bnw .faq-wrap .panel-title a:hover,
body.bnw .cont_box_link a:hover,
body.bnw .healthtips_arrow:hover i,
body.bnw .ui-accordion .ui-accordion-header:hover h3,
body.bnw .ui-accordion .ui-accordion-header.ui-accordion-header-active h3,
body.bnw .virtualtour_cont ul li a:hover h2,
body.bnw .downloads-wrap ul li h2 a:hover,
body.bnw .event_tab_cont .resp-tab-content li span,
body.bnw .health_tips_inner h2:hover,
body.bnw .event_tab_cont .resp-tab-content li h2 a:hover,
body.bnw .boximg h2 a:hover,
body.bnw .form-centre-wrap ul li a:hover h2{color:#727272 !important}

body.bnw .side-menu-wrap li>a:hover, body.bnw .side-menu-wrap li.active>a, body.bnw a.req-app-btn {color:#ffffff!important}
body.bnw .location-area .bootstrap-select button, body.bnw  .normal_link a:hover, body.bnw  .content-part p strong, body.bnw .lg-left h4{color:#000000!important}

body.bnw .doctor-scorecard table th, 
body.bnw .inner-table-wrap table th,
body.bnw .virtualtour_tab_wrap .resp-tabs-list li.resp-tab-active,
body.bnw a.req-app-btn,
body.bnw .dtd:hover,
body.bnw .dtd:focus,
body.bnw .cookieinfo{background:#000000!important}

body.bnw .virtualtour_tab_wrap .resp-tabs-list li, body.bnw .dtd, body.bnw .currentpositions_pink, body.bnw .cookieinfo-close{background:#727272 !important}
body.bnw .search-btn, body.bnw .banner-readmore, body.bnw .banner-readmore {
	background:-moz-linear-gradient(90deg, rgb(141 141 141) 0%, rgb(0 0 0) 100%);
	background:-webkit-linear-gradient(90deg, rgb(141 141 141) 0%, rgb(0 0 0) 100%);
	background:linear-gradient(90deg, rgb(141 141 141) 0%, rgb(0 0 0) 100%);
}
body.bnw .search-btn:hover,
body.bnw .banner-readmore:hover, 
body.bnw .banner-readmore:focus {
	background:-moz-linear-gradient(90deg, rgb(0 0 0) 0%, rgb(171 171 171) 100%);
	background:-webkit-linear-gradient(90deg, rgb(0 0 0) 0%, rgb(171 171 171) 100%);
	background:linear-gradient(90deg, rgb(0 0 0) 0%, rgb(171 171 171) 100%);
}
body.bnw .cont_box {border-top-color:#000000; border-right-color:#000000; border-left-color:#727272; border-bottom-color:#727272}
body.bnw .types_roombox .light_blue, body.bnw .pressreleases_box{
	border-top-color:#000000;
	border-right-color:#000000;
	border-left-color:#727272;
	border-bottom-color:#727272;
}
body.bnw .types_roombox .light_blue:hover, body.bnw .pressreleases_box{
	border-top-color:#727272;
	border-right-color:#727272;
	border-left-color:#000000;
	border-bottom-color:#000000;
}
body.bnw .download-box {
	background-color:#000000;
	background:linear-gradient(to top right, #fff 0%, #fff 50%, #000000 50%, #000000 100%);
	background:-moz-linear-gradient(to top right, #fff 0%, #fff 50%, #000000 50%, #000000 100%);
	background:-webkit-linear-gradient(to top right, #fff 0%, #fff 50%, #000000 50%, #000000 100%);
}
body.bnw .event_wrap_main li.resp-tab-item.ver_1.resp-tab-active:before{border-top-color:#000000}
body.bnw #accessiility-Modal .modal-content{background:#454545}
body.bnw .jfontsize-button.active, body.bnw .image-clr-change.active {border:solid 1px #ffffff;color:#ffffff}
body.bnw .font-change a, body.bnw .image-clr-change{border:solid 1px #686868; color:#878787}
body.bnw .map-address .faq-wrap .panel-default>.panel-heading a[aria-expanded="true"] {background-color:#000000; color:#ffffff !important}

/* The Modal (background) */
#accessiility-Modal.modal {display:none; position:fixed; z-index:999999; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.5); box-sizing:border-box; max-height:100%}
#accessiility-Modal .modal-content {margin:auto; padding:2rem; width:100%; transition:all 0.3s ease; max-width:996px; border:0px; background:#241d66; color:#ffffff; box-shadow:none}
#accessiility-Modal .close {display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;position:absolute;top:0;right:0;background:#ffffff;opacity:1;border-radius:0px 5px 0px 0px;font-weight:600;font-size:1.8rem;text-shadow:none;line-height:normal}
.acc-outer h3{border-bottom:solid 1px #bacad3; padding-bottom:1rem; letter-spacing:0.5px; font-family:'Gotham HTF'; font-size:22px; font-weight:300; color:#ffffff; margin-bottom:20px; margin-top:0px;
line-height:normal}

@media screen and (max-width:767px) {
	.ac-cards {grid-template-columns:1fr; row-gap:5px}
	#accessiility-Modal .modal-content {padding:1rem; width:calc(100% - 2rem)}
}