/* components.css */

/* Logo */
.logo{
  width:209px;
  height:48px;
  display:block;
  margin-top:13px;
  background: url("/images/doctor_logo.png") no-repeat center / contain;
}

/* Intro */
.intro{
  text-align:right;
  margin-top:48px;
  font-size:11px;
  color:#6a6a6a;
  line-height:22px;
}
.intro span{ font-size:20px; color:var(--brand); }

/* Gallery */
#gallery{ height:415px; overflow:hidden; }
.slider-div{
  width: var(--container);
  height: 398px;
  margin: 0 auto;
  overflow:hidden;
  background: url("/images/gallery-bg.png") no-repeat center / cover;
}

/* Online doctor tab */
.online_doctor_tab{
  width: var(--container);
  height: 191px;
  margin: 0 auto;
  background: url("/images/online_doctor_div.gif") no-repeat center / cover;
}
.onlineDocName{ font-size:15px; color:#363636; font-weight:600; }

/* Unified carousel (works for infiniteCarousel + infiniteCarousel1) */
.infiniteCarousel,
.infiniteCarousel1{
  position:relative;
  margin:5px 0 0 10px;
}
.infiniteCarousel{ width:640px; }
.infiniteCarousel1{ width:120px; }

.infiniteCarousel .wrapper,
.infiniteCarousel1 .wrapper{
  overflow:auto;
  position:absolute;
  top:0;
  margin:0 16px;
}
.infiniteCarousel .wrapper{ width:592px; min-height:115px; }
.infiniteCarousel1 .wrapper{ width:120px; min-height:130px; }

.infiniteCarousel .wrapper ul,
.infiniteCarousel1 .wrapper ul{
  width:9999px;
  list-style:none;
  position:absolute;
  top:0;
  margin:0;
  padding:0;
}

.infiniteCarousel ul li,
.infiniteCarousel1 ul li{
  float:left;
  width:117px;
  padding:8px 2px;
  font-size:11px;
  text-align:center;
  color:var(--muted);
}

.infiniteCarousel ul li a img,
.infiniteCarousel1 ul li a img{
  width:77px;
  height:77px;
  border:2px solid #fff;
  border-radius:6px;
  margin:auto;
  object-fit:cover;
  transition:border-color .2s ease;
}
.infiniteCarousel ul li a:hover img,
.infiniteCarousel1 ul li a:hover img{
  border-color:#44a412;
}

/* Carousel arrows */
.infiniteCarousel .arrow,
.infiniteCarousel1 .arrow{
  width:22px;
  height:36px;
  position:absolute;
  top:47px;
  cursor:pointer;
  text-indent:-999px;
  background: url("/images/previous_btn.png") no-repeat;
}
.infiniteCarousel .forward,
.infiniteCarousel1 .forward{
  right:0;
  background: url("/images/next_btn.png") no-repeat;
}
.infiniteCarousel .back,
.infiniteCarousel1 .back{
  left:0;
  background: url("/images/previous_btn.png") no-repeat;
}

/* Button (clean gradient without old vendor prefixes) */
.getnowans_btn{
  width:244px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  border:1px solid #008a00;
  color:#fff;
  font-weight:700;
  background: linear-gradient(to bottom, #88db64 0%, #14a01e 25%, #008a00 89%, #005700 100%);
}
.getnowans_btn:hover{ filter: brightness(.95); }


/* About + Get Answer blocks */
.ab-subtitle{font-size:14px;color:#444;line-height:21px;margin:0;padding:0;}
.geta_ans{padding-left:0!important;padding-top:50px!important;}

.ab_left{width:300px;float:left;padding-top:15px;min-height:148px;border-bottom:1px solid #e2e3e4;}
.ab_right{width:184px;float:right;padding-top:15px;}

.ab-text{font-size:14px;color:#555;font-family:Arial;padding-bottom:3px;}
.ab_table td{color:#777;font-size:14px;font-family:Arial;padding:2px 0;}
.ab_table1 td{color:#777;font-size:13px;font-family:Arial;vertical-align:middle;padding:2px 0;}




/* Profile Tabs */
.mbPro-tab{
  background: url("/images/mb-nav-bg.png") repeat-x;
  height:50px;
  margin-top:20px;
  width:100%;
}
.MbProf-tab{clear:both;padding:0;margin:0;list-style:none;}
.MbProf-tab li{
  display:block;
  float:left;
  height:50px;
  background: url("/images/tabmenu-grid.jpg") no-repeat right -1px;
}
.MbProf-tab li a{
  display:block;
  color:#20409d;
  font-size:14px;
  line-height:45px;
  padding:0 15px;
  font-family: CartoGothicStd, Arial, Helvetica, sans-serif;
}
.MbProf-tab li.active{
  background:#fff;
  border:1px solid #fdfdfd;
}
.get-start{float:right;padding:3px 30px 0 0;}


/* Steps */
.mbd-step-1,.mbd-step-2,.mbd-step-3,.mbd-step-4,.mbd-step-5{
  height:46px;
  padding-left:55px;
  font-size:24px;
  font-family:"Century Gothic", Arial, sans-serif;
  color:#259a00;
  line-height:46px;
}
.mbd-step-1{background:url("/images/count-icon.png") no-repeat left 0;margin-top:16px;}
.mbd-step-2{background:url("/images/count-icon.png") no-repeat left -44px;margin-top:28px;}
.mbd-step-3{background:url("/images/count-icon.png") no-repeat left -89px;margin-top:28px;}
.mbd-step-4{background:url("/images/count-icon.png") no-repeat left -134px;margin-top:28px;}
.mbd-step-5{background:url("/images/count-icon.png") no-repeat left -178px;margin-top:28px;}

.mbd-txt{font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#666;padding-left:55px;padding-top:5px;}

/* When to use */
.whento_title{font-size:16px;color:#20409d;line-height:18px;font-family:"Century Gothic", Arial, sans-serif;padding-bottom:17px;}
.whento_title p{font-family:Arial, Helvetica, sans-serif;color:#666;font-size:15px;padding-top:10px;}

.when-to-use ul{margin:0;padding:0;list-style:none;}
.when-to-use ul li{
  background:url("/images/true_icon.png") no-repeat left center;
  font-size:15px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  padding:14px 0 13px 38px;
}


/* FAQ toggles */
.trigger,
.hide-serchbox{
  width:auto;
  height:28px;
  background:url("/images/faq_icon1.png") left no-repeat;
  color:#259a00;
  line-height:25px;
  cursor:pointer;
  padding:0 0 0 35px;
}
.trigger.active,
.active{
  background:url("/images/faq_icon.png") left no-repeat;
  color:#259a00;
  height:28px;
}
.trigger a,
.hide-serchbox a{
  color:#259a00;
  cursor:pointer;
  font-size:15px;
  font-weight:400;
  display:block;
  font-family:Arial, Helvetica, sans-serif;
}
.faq-leftbar ul{margin:0;padding:0;list-style:none;}
.faq-leftbar ul li{border-bottom:1px solid #dcdcdc;padding:23px 0 20px;}
.toggle_container,
.toggle_hide_container{
  overflow:hidden;
  color:#666;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:16px;
  clear:both;
  margin:3px 0 0 35px;
  padding:0;
}


#our-doc{width:630px;height:950px;overflow:hidden;position:absolute;top:55px;}
#our-doc .fadecontent{
  width:750px;
  background:url("/images/our-doc-bg.jpg") repeat-y left;
  height:950px;
  margin:auto;
}
#our-doc-tab{position:absolute;bottom:0;right:0;}
#our-doc-tab ul{margin-right:30px;height:621px;}

.prev1_btn{width:21px;height:29px;background:url("/images/our-doc-nextbtn.jpg") no-repeat;display:block;}
.next1_btn{width:21px;height:29px;background:url("/images/our-doc-prevbtn.jpg") no-repeat;display:block;}
.previous_btn12{width:8px;height:13px;background:url("/images/our-doc-prevbtn.jpg") no-repeat right;display:block;}
._next_btn12{width:8px;height:13px;background:url("/images/our-doc-nextbtn.jpg") no-repeat left;display:block;}
.devider1{width:21px;height:29px;display:block;}




button.qa_link{
  text-align:center;
  border:0;
  background:none;
  height:32px;
  cursor:pointer;
  margin:0;
  padding:0 15px 0 0;
}
button.qa_link span{
  display:block;
  white-space:nowrap;
  height:32px;
  color:#666;
  font-size:16px;
  font-family:CartoGothicStd, Arial, Helvetica, sans-serif;
  line-height:30px;
  padding:0 0 0 15px;
}
button.qa_link:hover{
  background:url("/images/qa_btn_right.png") no-repeat right;
}
button.qa_link:hover span{
  color:#000;
  background:url("/images/qa_btn_left.png") no-repeat left top;
}
button.qa_link::-moz-focus-inner{border:0;padding:0;}
.qa_table tr td{text-align:center;}





.dis_price{
  font-family:"Century Gothic", Arial, sans-serif;
  font-size:18px;
  font-weight:700;
  color:#777;
  position:absolute;
  right:321px;
  margin:-45px 0 0;
}
.dis_price sub{font-size:11px;font-weight:lighter;}

.ask_step_1{
  background:url("/images/step_01bg.png") no-repeat;
  text-align:center;
  width:40px;
  line-height:40px;
  float:left;
  color:#fff;
  font-family:"Century Gothic", Arial, sans-serif;
  font-size:24px;
  font-weight:700;
  height:40px;
}
.ask_step_1 img{margin:10px 0 0 3px;}

.ask_detail{
  width:450px;
  float:left;
  font-weight:700;
  font-size:24px;
  font-family:"Century Gothic", Arial, sans-serif;
  color:#0f2346;
  line-height:30px;
}
.ask_container{width:100%;float:left;margin:0 0 23px;}

.ask_container input[type="text"]{
  background:url("/images/textfield_bg.png") repeat-x center top;
  border:1px solid #999;
  border-radius:4px;
  color:#666;
  font-size:13px;
  height:18px;
  padding:5px;
}
.ask_container input[type="text"]:hover{border-color:#259a00;}

.ask_lftse{width:196px;float:left;}
.ask_lftse label{font-size:18px;float:left;color:#0f2346;margin:5px 4px 0;}
.ask_lftse input{width:90px;float:left;}

.ask_check{width:100%;float:left;margin:16px 0 0;}
.ask_check p{float:left;width:100%;padding:0 0 20px;}
.ask_check p em{font-family:"Century Gothic", Arial, sans-serif;font-size:14px;color:#0f2346;}
.ask_check p label{float:left;font-size:12px;font-family:Arial, Helvetica, sans-serif;}

.ask_upload,.ask_view{width:100%;float:left;margin:20px 0 0;}
.ask_upload em{font-size:18px;font-family:"Century Gothic", Arial, sans-serif;color:#0f2346;float:left;padding:0 0 10px;}
.ask_upload p{font-style:italic;font-family:"Century Gothic", Arial, sans-serif;font-size:14px;color:#0f2346;margin:0;}

.ask_nxt{width:90%;float:left;margin:4px 0 50px 55px;}
.ask_nxt li{background:url("/images/ask_listarrow.png") 0 12px no-repeat;padding:10px 0 0 20px;}

.ask_view a{float:left;font-size:10px;padding:0 4px;}
.ask_view font{float:left;margin:-2px 0 0;}



.previous_btn,.previous_btnR,.previous_btnPo,.previous_btnT{
  width:17px;height:22px;background:url("/images/previous_btn.png") no-repeat;display:block;
}
.next_btn,.next_btnR,.next_btnPo,.next_btnT{
  width:17px;height:22px;background:url("/images/next_btn.png") no-repeat;display:block;
}
.nextbtn,.nextbtn1{width:10px;height:12px;background:url("/images/next-btn-normal.png") no-repeat;display:block;margin:7px 0 0 15px;}
.nextbtn:hover,.nextbtnhover{background:url("/images/next-btn-act.png") no-repeat;}
.backbtn,.backbtn1{width:10px;height:12px;background:url("/images/back-btn-normal.png") no-repeat;display:block;margin:7px 0 0 8px;}
.backbtn:hover,.backbtnhover{background:url("/images/back-btn-act.png") no-repeat;}