/*
Theme Name: Ruby Hall Clinic Child
Theme URI: https://ruby-hall-clinic.thewebdemo.net
Description: Hello, thank you for using our theme.
Author: 4fox Team
Author URI: https://ruby-hall-clinic.thewebdemo.net
Template: ruby-hall
Version: 2.0.0
Text Domain: ruby-hall-child 
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/ 

/* Add your custom styles here */
    
/* top head */
.ambContact{margin-left: 25px;}


/* head nav dropdown */
.dropDownMenu .sub-menu{background: #DCF1FF; margin-top: 19px !important; margin-left: 20px !important;}
.dropMenu{position: relative;}
.dropMenu .sub-menu{margin-top:-46px !important;margin-left: 176px !important; position: absolute !important;}
.dropDownMenu .sub-menu a:hover, .dropMenu .sub-menu a:hover{background-color: #11629A;}
.dropMenu .elementor-sub-item:focus, .dropMenu .sub-menu a:focus{background-color: #11629A !important;}
.mobNavMenus  nav .menu-2-fe2b0ae{padding: 0 10px;}

/* header button */
.topHeadCall ul li a{padding: 13px 21px; border: 1px solid #F4E9CD; border-radius: 10px;}
.mobSub-head{background-color: #DCF1FF !important; border-bottom: none !important;}

.topLftMailBox:hover .topLftMail div ul li a span{color: #fff !important;}
.topLftMailBox:hover .topLftMail div ul li a span svg{fill: #fff;}
.headAmb .hdBtnTxt{font-size: 16px;}
.headWhatsapp .hdBtnTxt, .headCall .hdBtnTxt{font-size: 16px !important; color: #595959; transition: 0.3s;}
.headWhatsapp:hover .hdBtnTxt, .headCall:hover .hdBtnTxt{color: #fff;}

.sub-menu{background-color: #F5FBFF !important;}
.sub-menu:hover > li {
    opacity: 0.5; 
}
.sub-menu:hover > li:hover  {
    opacity: 1;
}

.dropDownMenu  .sub-menu{ border-radius: 18px; padding-top: 14px !important; padding-bottom: 14px !important; border: 1px solid #DCF1FF;}
.dropDownMenu .sub-menu a{border-left: 4px solid transparent; background-color: transparent; color: #595959;}
.dropDownMenu .sub-menu a:hover, .dropDownMenu .sub-menu a.highlighted{background-color: transparent !important; color: #595959; border-left: 4px solid #11629A; }
.dropDownMenu .sub-menu a:active{border-left: 4px solid #11629A !important; background: transparent !important; color:  #11629A!important;}
.dropMenu .sub-menu{border-radius: 0; left: -5px !important; max-height: 500px; overflow-y: auto; padding-top: 0 !important; border-radius: 16px;}

.secName{transition:0.3s ease;}
.secName:hover {background: #11629A; color:#fff;}


/* Custom Scrollbar */
/* For WebKit Browsers (Chrome, Safari, Edge) */
.dropMenu .sub-menu::-webkit-scrollbar{width:4px;height:4px;}
/* Remove Top and Bottom Scrollbar Buttons */
.dropMenu .sub-menu::-webkit-scrollbar-button{display:none;}
/* Scrollbar Track */
.dropMenu .sub-menu::-webkit-scrollbar-track{background:#C8E8FE;border-radius:10px;}
/* Scrollbar Thumb */
.dropMenu .sub-menu::-webkit-scrollbar-thumb{background-color: #11629A;border-radius:10px;border:2px solid #11629A;cursor: pointer;}
/* Thumb Hover Effect */
.dropMenu .sub-menu::-webkit-scrollbar-thumb:hover{background-color: #11629A; cursor: pointer;}
  
.headMainNav .elementor-nav-menu li a{border-bottom: 4px solid transparent; transition: 0.3s ease;}
.headMainNav .elementor-nav-menu li a:hover{border-bottom: 4px solid #11629A;}
.headMainNav .current-menu-item a{border-bottom: 4px solid #11629A !important;}

.elementor-11 .elementor-element.elementor-element-423cc77c input[type="search"].hfe-search-form__input:focus{background-color: #f9f9f9 !important;}
.elementor-11 .elementor-element.elementor-element-120d29a1 input[type="search"].hfe-search-form__input:focus{background-color: #f9f9f9 !important;}

.dropDownMenu {
    background-image: url('https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/selectarrow.svg');
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.8rem auto;
}
.dropMenu {
    background-image: url('https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2025/01/rightblArrow.svg');
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.5rem auto;
}
a.highlighted .dropMenu{opacity: 40;}
.dropDownMenu .sub-arrow svg{display: none;}

/* mob desk */
.ps-custom-select {position: relative;width: 157px;}

.ps-select-box {
    background: #C8E8FE;
    border-radius: 6px;
    padding: 8px;
    cursor: pointer;
    display: flex;
    color: #11629A;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.ps-select-box img {transition: all 0.3s ease;}

.ps-secOptions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 4px;
    background-color: #C8E8FE;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}
.ps-secOptions .ps-secName {color: #11629A;padding: 10px;cursor: pointer;transition: background-color 0.3s ease;}
.ps-secOptions .ps-secName:hover {    background-color: #11629a; color: #fff;}
.ps-select-box.active img {transform: rotate(-180deg);}
.ps-select-box.active + .ps-secOptions {display: block;}
.moblocaGrey{opacity: 1; transition: all 0.3s ease; display: block;}
.moblocaWhite{transition: all 0.3s ease; opacity: 0; display: none;}
.ps-select-box.active .moblocaWhite{opacity: 1; display: block; transform: rotate(0);}
.ps-select-box.active .moblocaGrey{opacity: 0; display: none;}

.ps-select-box.active{background-color: #11629A; color: #fff;}
.active .mobSelBlue{display: none;}
.mobSelWhite{display: none;}
.active .mobSelWhite{display: block;}

.mobSubDrop .sub-menu{display: none;}
.mobSubDrop .sub-arrow svg{display: block !important;}

/* head desk select */
/* .headSelect {width: 199px;margin-left: 25px;} */

.custom-select {position: relative;width: 174px;}

.select-box {
    border-radius: 8px;
    padding: 7px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    background-color: #C8E8FE;
    color: #11629A;
    gap: 10px;
}

  .subHover{background-color: #11629A; color: #fff;}

  .select-box:hover{background-color: #11629A; color: #fff;}
  .imgBlue, .subHover .imgBlue, .locaGrey,.subHover .locaGrey{opacity: 1; transition: all 0.3s ease; display: block;}
  .imgWhite, .subHover .imgWhite, .locaWhite,.subHover .locaWhite{transition: all 0.3s ease; opacity: 0; display: none;}
  .select-box:hover .imgWhite, .subHover .imgWhite, .select-box:hover .locaWhite,.subHover .locaWhite{opacity: 1; display: block;}
  .select-box:hover .imgBlue, .subHover .imgBlue, .select-box:hover .locaGrey,.subHover .locaGrey{opacity: 0; display: none;}

  .select-box img {
    transition: all 0.3s ease;
  }

  .secOptions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 4px;
    background-color: #C8E8FE;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
  }

  .secOptions .secName {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }


  .custom-select:hover .secOptions {
    display: block;
  }

  .custom-select:hover img {
    transform: rotate(-180deg);
  }


  .custom-select:hover .locaGrey,  .custom-select:hover .locaWhite{
    transform: rotate(0deg);
  }


.testiBox:nth-child(even)>.testiInfo{border-right: none !important;}


/* head slider */
.hmMainSlider div#n2-ss-4 .n2-ss-slide-limiter{max-width: 100%; border-radius: 20px;}   
.hmMainSlider .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow-previous,
.hmMainSlider .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls .nextend-arrow-next{display: none;}
.hmMainSlider .hmUnionSec {border-top-left-radius: 20px; border-bottom-left-radius: 20px !important;}
/* .hmMainSlider .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{height: auto; bottom: -12px;} */
.hmMainSlider div#n2-ss-4 .n2-style-52a3032cdf5e0a73159365f609201a73-simple{box-shadow: none;}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{z-index: 1;}


/* head new slider 21/24 */
.rubyHeadBann{border-radius:20px; overflow:hidden;}

.hmPatServ {width:760px !important;}

.psHeadInfo .e-con-inner {
    background: #fffafa;
}

.wpcf7-form p {
    margin-bottom: 0;
}

.elementor-testimonial__cite.top {
    margin-left: 10px;
}

.elementor-testimonial__cite.top span {
    display: block;
}

.elementor-11 .elementor-element.elementor-element-b5199e5 .elementor-star-rating i {
    display: inline;
}

.elementor-star-rating i:before {
    content: "\f005" !important;
}

.headlineTab .e-n-tabs-heading {
    background: #f4f4f4;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 11px;
    border-radius: 15px;
}

.patient_Slider .elementor-widget-container {
    overflow: hidden;
}

.e-con-inner {
    position: relative;
}

.patientsSrvCount {
    left: auto !important;
    right: 0;
}

.footerCol1-list.elementor-widget-icon-list .elementor-icon-list-icon svg {
    fill: transparent;
}


.psRightSec {
    left: 0;
}

.psNucleaApp ul {
    display: flex;
    flex-wrap: wrap;
}

.psNucleaApp ul li {
    margin-right: 60px;
}

.psNucleaApp ul li:last-child {
    margin-right: 0;
}

/* department filter */
.drFilter {
    width: 100%;
    float: left;
    position: relative;
}

.departForm {
    display: flex;
    justify-content: start;
}

.SelDoct {
    margin-right: 24px;
}

.SelDoct select {
    width: 310px;
    font-size: 20px;
    font-weight: 600;
    color: #da1018;
    padding: 16px 25px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    appearance: none;
    background-color: rgba(255, 255, 255, .75);
    background-image: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/selectarrow.svg);
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 1.4rem auto;
}

.SelDoct select:focus {
    border-color: #da1018;
}

.SelDoct select:focus-visible {
    outline: none;
}


.clearFilt {
    width: 281px;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #595959;
    padding: 16px 25px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .75);
    background-image: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/11/cross.svg);
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.85rem auto;
}

.clearFilt a {
    color: #595959;
}

.clearFilt a:hover {
    color: #595959;
}


/* blood bank table */
.bloodBankTable {
    width: 100%;
    float: left;
    margin: 0 auto;
}

.bloodGrpInfo {
    border-spacing: 2px !important;
    border-collapse: unset;
    margin-bottom: 0;
}

.bloodGrpInfo th {
    border: none !important;
}

.bloodGrpInfo thead tr th {
    width: 92px;
    background: #11629a;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    font-weight: normal;
}

.bgroup {
    width: auto !important;
    text-align: left;
    vertical-align: middle;
    padding: 7px 27px;
}

.bbGrp {
    width: 198px !important;
    padding: 7px 0 !important;
}

.ohGrp {
    padding: 7px 0;
}

.bloodGrpInfo tbody tr td {
    background: #f4f4f4;
    padding: 7px 26px;
    font-size: 20px;
    text-align: center;
    border: none !important;
}

.grpQty {
    text-align: left !important;
}

.bloodComp p {
    display: flex;
    justify-content: space-between;
}

.bloodComp p span {
    width: 75px;
    display: inline-block;
    text-align: left;
}


/* Comming Soon */
.mainComSoon {
    position: relative;
}

.psComSoon {
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Neuro slider */
.neruSecSlide .swiper{border-radius: 20px !important;}
.swiper-slide {
    border-radius: 0px;
    overflow: hidden;
}

.neuroSlider .slideContent .neruSecSlide .swiper-slide-contents {
    margin-left: auto;
    margin-right: 90px !important;
}

.neuroSlider .slideContent .neruSecSlide .swiper-slide-bg {
    background-size: 80% !important;
    background-position: left;
}

.neruSecSlide .swiper-pagination {
    background: #ffe7e7;
}


/* Medical Visa Form */ 
.visaForm{width: 100%; display: flex; gap: 15px; flex-flow: row wrap; justify-content: space-between;}
.vfInputBox{width: calc(33.33% - 10px); float: left;}
.vfInputBox input{border: 1px solid #919191; border-radius: 5px; padding: 13px 20px; font-size: 18px;}
.vfInputBox textarea{border: 1px solid #919191; border-radius: 5px; padding: 13px 20px;}
.vfInputBox select{border: 1px solid #919191; border-radius: 5px; padding: 13px 20px; color: #595959; appearance: none;font-weight:600;
background: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/selectarrow.svg) no-repeat ;
background-position: right 0.7rem top 50%;}
.vfInputBox input:focus, .vfInputBox textarea:focus, .vfInputBox select:focus{border-color: #E1E1E1; }
.vfInputBox input:focus-visible, .vfInputBox textarea:focus-visible, .vfInputBox select:focus-visible {outline: none; border: 1px solid #919191;}
.vfInputBox input::placeholder, .vfInputBox textarea::placeholder{color: #919191;}
.vfMessage{width: 100%; float: left;}
.vfBtn{width: calc(50% - 10px); float: left;}
.vfSubmit{width: 100%; padding: 13px 20px; font-size: 18px; background: #11629a; color: #fff; transition: all 0.3s ease;}
.vfSubmit:hover{background: #11629a;}
.vfSubmit .wpcf7-spinner{display: none;}
.vfCancel{width: 100%; padding: 13px 20px; font-size: 18px; border: 1px solid #E1E1E1; color: #11629a;}
.vfCancel:hover{ background: transparent; color: #11629a;}
.vfBtn [type=button]:focus{background: transparent; color: #11629a;}

/* Tele Medicine Form */
.telMedForm{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.telmedInputBox{width: 424px;}
.telmedInputBox select{border: 1px solid #da1018; border-radius: 5px; padding: 13px 20px; color: #000; appearance: none;
background: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/selectarrow.svg) no-repeat ;
background-position: right 0.7rem top 50%;}
.telmedInputBox select:focus{border-color: #da1018; }
.telmedInputBox select:focus-visible {outline: none;}
.telmedBtnBox{width: 276px; float: left;}
.telMedBtn{width: 100%; padding: 13px 20px; font-size: 18px; background: #da1018; color: #fff; transition: all 0.3s ease; border-radius:5px;}
.telMedBtn:hover{background: #da1018;}
.vfInputBox  input::-webkit-datetime-edit-day-field,
.vfInputBox  input::-webkit-datetime-edit-month-field,
.vfInputBox  input::-webkit-datetime-edit-year-field {
    color: #919191;
}


/* Academics page table */
.dnbcMainTab {border-spacing: 0;}
.dnbcTabHead {width: 100%;background: #11629a;}
.dnbcTabHead tr th {color: #fff;padding: 24px 22px; font-size: 28px; font-weight: normal; border: none !important;}
.dnbcTabHead tr th:first-child {text-align: left;}
.dnbcTabBody tr td {border-spacing: 7px;border-collapse: unset;background: #f4f4f4; padding: 12px 26px; text-align: center; border: 2px solid #fff; font-size: 20px; font-weight: 600; color: #595959;}
.dnbcTabBody tr td:first-child{text-align: left;}
.dnbcSupeSp{font-size: 28px !important; color: #11629a; background: transparent !important; font-weight: normal;}


/* Transplant table's */
.transTableResp{width: 100%; float: left;}
.transTable{border-spacing: 0;}
.transTabHead{background: #11629a;}
.transTabHead tr th{color: #fff; padding: 24px 22px; border: none !important; font-size: 28px; font-weight: normal;}
.transTabHead tr th:first-child{text-align: left;}
.transTabBody tr td{background: #f4f4f4 !important; border: 2px solid #fff; text-align: center; font-size: 18px; font-weight: 600;}
.transTabBody tr td:first-child{text-align: left;}
tbody.transTabBody tr:nth-child(even) td{background-color:white !important;}
.transTableStatistics tbody.transTabBody tr:last-child td{background-color:#343a40 !important;color: #fff;}
.yearTotal{text-align:center !important;}



/* Neuro trauma table */
.neuroTabResp{width: 100%; float: left;}
.neuroTab{border-spacing: 0;}
.neiroTabHead{background: #11629a;}
.neiroTabHead tr th{color: #fff; padding: 24px 22px; font-size: 28px; font-weight: normal; vertical-align: middle;}
.neuroTabbody tr td{background: #e8e8e8 !important; border: 2px solid #fff; text-align: center; padding: 10px 16px; font-size: 20px; font-weight: 400; vertical-align: middle;}
.neuroTabbody tr td:first-child{text-align: left;}
.neuroTabbody tr td:last-child{text-align: left;}
.neuroTabbody tr td ul{padding-left: 16px; line-height: 1.8;}
.elementor-8693 .elementor-element.elementor-element-43f4ec6 .swiper-slide{border-radius: 20px !important; overflow-x: hidden;}


/* Cardiac science search */
.mainSearchBox label{width: 100%;}
.mainSearchBox input{border: 1px solid #11629A; border-radius: 5px; padding: 13px 20px; font-size: 18px; background: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/search-icon.png) no-repeat ;background-position: right 0.7rem top 50%; margin-top: 10px;}
.mainSearchBox input:focus{border-color: #11629A;}
.mainSearchBox input:focus-visible{outline: none;}
.mainSearchBox input::placeholder{color: #11629A;}
.csFilterTxt{padding: 20px 0; font-weight: 600;}
.csFilterTxt p{font-size:18px; font-weight:600; color: #595959;}
.csFilterBoxe{width: 100%; display: flex; float: left;}
.csFilterSelectBox{width: 988px; float: left; display: flex; justify-content: space-between; margin-right: 13px; border: 1px solid #11629A; border-radius: 5px;}
.csSelectInput {width: 23%;}
.csSelectInput select{border: none; appearance: none;
background: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/selectarrow.svg) no-repeat ;
background-position: right 0.7rem top 50%;}
.csSelectInput select:focus{border-color: transparent;}
.csSelectInput select:focus-visible{outline: none;}
.csApplyBtn{width: 25%;}
.csAppBtn{background: #11629A; color:#fff; width: 100%; border-color: #11629a;}
.csAppBtn:hover{background: #11629A;}
.csAppBtn:focus{background-color: #11629A;}
.csClearAll{width: 187px;}
.ccClrBtn{width: 100%; background: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/11/cross.svg) no-repeat ;
    background-position: right 0.7rem top 50%; color: #595959; border: 1px solid #595959; text-align: left !important; padding:9px 20px;}
.ccClrBtn:focus{background-color: transparent; color: #595959;}
.ccClrBtn:hover{color: #595959; border: 1px solid #595959; background-color: transparent;}
.mobAppbtn{display: none;}


.elementor-widget-n-carousel .e-n-carousel.offset-both{padding-inline-start: 0 !important;}
.elementor-widget-n-carousel .e-n-carousel.offset-both{padding-inline-end: 0 !important;}

.elementor-11 .elementor-element.elementor-element-736fa3bf .swiper-slide{border-radius: 20px; overflow: hidden;}

.Bdropm select{
    background-image: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
    background-color: #fff;
    border: 1px solid #11629A;
}

.Bdropm select:focus{border: 1px solid #11629A;}

.Bdrop select{border: 1px solid #E5F5FF; color: #11629A;}

.Bdrop select:hover {
    border: 1px solid #E5F5FF;
    padding: 15px 20px;
    width: 100%;
    color: #ffffff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    appearance: none;
    background-image: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/12/whiteRgtArrow.svg);
    background-repeat: no-repeat;
    background-position: right 0.7rem top 50%;
    background-size: 0.65rem auto;
    background-color: #11629A;
    cursor: pointer;
}

.Bdrop select:focus{background-color: #11629A; color: #fff; background-image: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2024/09/select-arrow.svg);}

.hfe-search-form__container{border: 1px solid #e8e8e8 !important;}
.hfe-search-form__container input::placeholder{color:  #e8e8e8 !important;}
.hfe-search-submit .fas{color: #2484c6 !important;}
.hfe-search-form__container input

.footer__colTitle{margin-bottom: 28px !important;}
.footer__colTitle .elementor-widget-container{padding-bottom: 12px !important;}
.footer__colTitle h3{margin-bottom: 12px !important;}


/* health care table */
.wellTabResp{width: 100%;}
.wellnessTable tbody .wellTabHEad{background-color: #11629a !important; color: #fff; padding: 10px 20px; font-size: 20px;}
.wellnessTable tbody tr td{text-align: center !important; padding: 9px 28px; border: 2px solid #fff; font-size: 18px; background: #e8e8e8 !important;}
.wellnessTable tbody tr td:first-child{text-align: left !important;}
.wellnessTable tbody tr td img{width: 15px !important;}
.wellnessTable tfoot tr th{border: none; font-size: 18px; color: #fff; background: #595959;}



/* .e-n-tabs-heading {justify-content: center !important;} */


/* Tabing scrolling */
.tabingScroll .e-n-tabs-heading {
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-width: thin; /* Firefox-specific */
    scrollbar-color: #11629A #e8e8e8; /* Firefox-specific */
}

/* For WebKit browsers */
/* Hide the scrollbar arrows */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar {
    width: 8px;
    height: 8px; 
}

/* Hide scrollbar arrows (WebKit-specific) */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-button {
    display: none; 
}

/* Track styling */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-track {
    background: #000; 
    border-radius: 12px; 
}

/* Thumb styling */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-thumb {
    background-color: #da1018; 
    border-radius: 12px; 
    border: 3px solid #000; 
}

/* Handle hover effect */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-thumb:hover {
    background-color: #ff0000; 
}

.elementor-11252 .elementor-element.elementor-element-490bc3a7 .swiper-slide{border-radius:20px;}

/* doctor listing */
.drListDesc .elementor-widget-container{padding-bottom: 10px;}

.bookAppBtn {padding-top: 20px;}

 

/* button focus */
.homeBtns .elementor-widget-container .elementor-button-wrapper .elementor-button:focus{background-color: transparent; color: #da1018;}


/* BMW Table */
.bmwTable{width: 100%; overflow: auto;}
.bmwTab{width: 100%; border-spacing: 6px; border-collapse: separate; border-spacing: 6px;}
.bmwTab thead tr th{font-size: 18px; font-weight: 600; padding: 12px 9px; border: none !important;}
.bmwTab thead tr th:first-child{color: #fff; background-color: #da1018;}
.bmwTab tbody tr td{font-size: 18px; font-weight: 600; padding: 12px 9px; text-align: center; background: #f4f4f4 !important; border: none;}
.yellowBag{background-color: #FFEDA4;}
.redBag{background-color: #FFC9CC;}
.whiteBag{background-color: #e8e8e8;}
.totolBag{background-color: #D6EEFF;}
.grandTotal{background-color: #da1018; color: #fff;}
tfoot tr td{font-size: 18px; font-weight: 600; padding: 12px 9px; text-align: center; background: #f4f4f4 !important; border: none;}
tfoot tr td:first-child{color: #da1018;}



/* csr */
.csrWhyTxt div{transition: all 0.3s ease;}
.csrWhy:hover{border: 1px solid #da1018 !important;}
.csrWhy:hover .csrWhyTxt div{color: #fff !important;}


/* dr listing */
.mediOncDocList .doctors_listing:nth-child(odd), .surgeOncDocList .doctors_listing:nth-child(odd),
.radOncoDocList .doctors_listing:nth-child(odd), .boneMarrDocList .doctors_listing:nth-child(odd),
.wanDocList .doctors_listing:nth-child(odd), .sasDocList .doctors_listing:nth-child(odd),
.hinjwadiDocList .doctors_listing:nth-child(odd)
{border-right: 1px solid #e8e8e8 !important; padding-right: 90px !important; padding-left: 0 !important;}
.mediOncDocList .doctors_listing:nth-child(even), .surgeOncDocList .doctors_listing:nth-child(even),
.radOncoDocList .doctors_listing:nth-child(even), .boneMarrDocList .doctors_listing:nth-child(even),
.wanDocList .doctors_listing:nth-child(even), .sasDocList .doctors_listing:nth-child(even),
.hinjwadiDocList .doctors_listing:nth-child(even)
{ padding-right: 0px !important; padding-left: 90px !important; border: none;}

/* dr listing search */
.searchResult{width:1188px; margin:0 auto; margin-top:15px; margin-bottom:57px;}
.doctor-count{font-size:18px; font-weight:600; color: #595959; margin-bottom:0;}

.px-custom-fields-caf{display: none;}

.custom-dr-list{width: 49%; margin-bottom: 100px;}
.dr-content{padding-left: 30px;}
.dr-pro-listing{display: flex !important; justify-content: start; flex-flow: row wrap;}
.dr-title h2{font-family: "Signika", Sans-serif; font-size: 28px; line-height: 28px; letter-spacing: -0.02em;}
.dr-department h3{font-size: 20px; font-family: "Signika", Sans-serif; margin-top: 10px; letter-spacing: -0.02em;}
.dr-days h4{font-size: 20px; font-family: "Signika", Sans-serif; margin-top: 10px;letter-spacing: 0em; font-weight: 400 !important;}
.dr-appoint h4{font-size: 16px; font-family: "Signika", Sans-serif; margin-top: 10px; letter-spacing: -0.02em;}
.dr-desc{font-size: 18px; font-family: "Signika", Sans-serif; letter-spacing: -0.02em; line-height: 1.15em; margin-top: 30px;}
.dr-appBtn{background: #11629a !important; border-radius: 8px; font-size: 18px; padding: 15px 20px;}
.bookAppBtn .elementor-widget-container{display: flex; gap:15px;}
.custom-dr-list:nth-child(odd){padding-right: 90px !important; border-right: 1px solid #e8e8e8;}
.custom-dr-list:nth-child(even) {padding-left: 90px !important; border: none;}


/* Find The Doctor */
.doctor-department {text-align: center;font-size: 40px;font-weight: 500;margin-bottom: 40px;color: #11629A;}

/* Tabing */
.tabingScroll .e-n-tabs-heading{background-color: #f4f4f4;padding: 10px;border-radius: 20px;}
/* .tabingScroll .e-n-tabs-heading:first-child{background-color: #f4f4f4;padding: 10px;border-radius: 20px; width:fit-content; margin: 0 auto;} */

/* For WebKit Browsers (Chrome, Safari, Edge) */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar{width:4px;height:4px;}
/* Remove Top and Bottom Scrollbar Buttons */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-button{display:none;}
/* Scrollbar Track */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-track{background:#C8E8FE;border-radius:10px;}
/* Scrollbar Thumb */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-thumb{background-color: #11629A;border-radius:10px;border:2px solid #11629A;cursor: pointer;}
/* Thumb Hover Effect */
.tabingScroll .e-n-tabs-heading::-webkit-scrollbar-thumb:hover{background-color: #11629A; cursor: pointer;}

/* Contact Page Contact Form */
.contactForm .vfSubmit{background-color: #11629A;}
.contactForm .vfCancel {color: #595959;}
.contactForm .vfCancel:hover{color: #595959;}
.vfInputBox select {background: url(https://ruby-hall-clinic.thewebdemo.net/wp-content/uploads/2025/01/Vector.svg) no-repeat;background-position: right 1rem top 50%;}
.contactForm .vfInputBox input::placeholder,.contactForm  .vfInputBox textarea::placeholder{color: #595959;}

/* footer */
.footer__colTitle h3::before{background-color: #2484C6;}

/* mob nav dropdown */
.elementor-1319 .elementor-element.elementor-element-fe2b0ae .elementor-nav-menu--dropdown{background-color:#DCF1FF;}


/* patient story */
.patient_Slider .patient_stories:nth-child(even){padding-left: 100px;}
.patient_Slider .patient_stories:nth-child(odd){padding-right: 100px; border-right: 1px solid #CDE7F7;}


/* tabing */
.newSubTab .e-n-tabs-heading{background-color: #f4f4f4; padding: 10px; border-radius: 20px;}
.bsSubTabImg {height: 378px; overflow-y: auto;}


/* doc listing */
/* .docList .doctors_listing:nth-child(even){border-right: 1px solid #E8E8E8 !important;} */


/*  */
.elementor-element.elementor-element-5a3d789.bariBefAft:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #CDE7F7;
    left: -20%;
}
.elementor-element.elementor-element-5a3d789.bariBefAft:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #CDE7F7;
    right: 20%;
}

/* dr listing details */
.drDetailDevider{border-radius:27px;}

/* Patient stroies */
.patientStoryTitle h2 a{pointer-events:none; cursor:text;}

/* pagination */
.paginationList .elementor-pagination .page-numbers{display:inline-block !important; width:50px; height:50px; border-radius:50%; background:#EBF6FD; padding:12px; color: #11629a; margin-top:50px;
border:1px solid #11629a; font-family: "Signika", Sans-serif;}
span.page-numbers.current {background: #11629a !important; color: #fff !important;}


/* doctor list loop */
.psIconBox{margin-top: 16px !important;}
.psIconList{font-size: 20px !important; color: #595959; }


/* main tabing */
.pageMainTab > div > div > .e-n-tabs-heading {
    background: #f4f4f4;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 11px;
    border-radius: 15px;
}


.ntuCourse tr td:first-child, .ntuCourse tr td:last-child {
    text-align: center;
}


#WanworieSection,#HinjawadiSection,#HinjawadiHeader,#WanworieHeader{display:none;}

.uniImgBox figure img {width: 100%;}

@media only screen and (max-width:768px){
	.elementor-element.elementor-element-5a3d789.bariBefAft:before,.elementor-element.elementor-element-5a3d789.bariBefAft:after{display:none;}
}