@charset "utf-8";
/* CSS Document */

body{padding:0px; margin:0px; font-size:1rem;}
/*.bgline{position: absolute;
left: -39.64%; background-image:url(../images/bg-line-img.png); background-repeat:no-repeat;
right: 92.99%;
top: 62.98%;
bottom: 20.48%;
opacity: 0.5;}*/

.slider-title{ color:#806d6d !important; font-size:70px;}
.caption-text{ font-size:18px !important; line-height:35px !important; font-weight:lighter !important;}


.maintext{
	font-family: Poppins !important;
    font-style: normal; font-weight:400 !important;}
	
.blueTexColor{
 color:#e3000f !important;
	}
.greenTextClor{ color:#007236 !important;}	

.lightText{color: #8c8c8c  !important;}
.greyText{ color:#c8c8c8 !important;}

/*	_Text Size
_________________________________*/
.FontSize10{ font-size:11px !important;}
.FontSize12{ font-size:12px !important;}
.FontSize14{ font-size:14px;}
.FontSize16{ font-size:16px;}
.FontSize18{ font-size:18px;}
.FontSize20{ font-size:20px;}
.FontSize22{ font-size:22px;}
.FontSize24{ font-size:24px;}
.FontSize26{ font-size:26px;}
.FontSize28{ font-size:28px;}
.FontSize30{ font-size:30px;}
.FontSize32{ font-size:32px;}
.FontSize34{ font-size:34px;}
.FontSize36{ font-size:36px;}
.fontsize15{ font-size:15px;}
.fontsize40{ font-size:40px;}
.fontsize60{ font-size:60px;}
.fontsize70{ font-size:70px;}

.ml-10{ margin-left:10px;}
.ml-20{ margin-left:20px;}
.ml-30{ margin-left:30px;}
.ml-40{ margin-left:40px;}
.ml-50{ margin-left:50px;}
	
/*	_Box aouter CSS
_________________________________*/
.card-box{ width:100%; float:left; text-align:center;  box-shadow: rgba(149, 157, 165, 0.5) 0px 18px 24px; border-radius: 1rem; border:1px #CCC solid; padding:30px; line-height:28px; font-family: Poppins; font-size:1rem; transition: all 0.30s linear 0s;} 

.card-box:hover{ background-color:#e3000f; color:#FFF; cursor:pointer;}
.card-box:hover .number-circle {  color:#e3000f; cursor:pointer;}
.card-box:hover .readmoreBTN a{ width:auto; padding:10px; font-family: Poppins; color:#e3000f; font-size:1rem; text-decoration:none; text-align:center; background-color:#fff; border:#fff solid 1px; padding-left:20px; padding-right:20px;}
#circle { 
   width: 140px;
   height: 140px;
   background: blue; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
.number-circle {
  height: 90px;
  width: 90px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  position:absolute; z-index:10; left:50%; margin-left:-40px; color:#fff; 
  background-color:#806d6d; top:-60px; text-align:center; padding:30px; font-weight:bold; font-size:18px
}
.readmoreBTN{ width:auto;   border-radius: 25px; }

.readmoreBTN a{ width:auto; padding:10px; font-family: Poppins; font-size:1rem; text-decoration:none; text-align:center; border:#e3000f solid 1px; padding-left:20px; padding-right:20px; background-color:#e3000f; color:#FFF;}

.bg-lightblue{ background-color:#f2eff0;}

.readmoreBlue{ width:auto; padding:10px; font-family: Poppins; font-size:1rem; text-decoration:none; text-align:center; border:#e3000f solid 1px; padding-left:20px; padding-right:20px; background-color:#e3000f; color:#FFF; border-radius: 25px;}

.getStartBT{width:auto; padding:10px; font-family: Poppins; font-size:1rem; text-decoration:none; text-align:center; border:#ffff solid 1px; padding-left:20px; padding-right:20px; background-color:#FFF; color:#e3000f; border-radius: 10px;}

.advertise-Div{background: #e3000f;
box-shadow: 0px 15px 35px rgba(91, 34, 224, 0.2);
border-radius: 10px; width:100%; padding:20px; padding-left:45px;}

.testimonialDiv{ width:auto;  border-radius: 10px; padding-top:10px; padding-bottom:10px;}


.header-bottom-content{ margin-top:-60px; z-index:1; background: rgba(5, 148, 216, 0.7) ; position:absolute; right:10%; left:10%;}
.line-height{line-height:24px; font-weight:normal !important;}

.mt200{ margin-top:200px;}

.dosaage-Outer{ background:url(../images/dosage-bg.jpg) no-repeat fixed center; height:100%;}

.medicin-box{ width:100%; height:auto; background:#fff; border-radius:5px;  transition: transform 250ms; transition: width 2s, height 2s, background-color 2s, transform 2s}

   

  
  .medicin-box:hover  {
    transform: translateY(-5px); background: #09c663; color:#fff;
  }

  .medicin-box:hover .lightText {
     color:#fff !important;
  }


.footer{ background-color:#2b3132  !important; background:url(../images/footer-bg.pn) no-repeat center ; height:100%;   background-size: cover; width:100%; height:auto; padding-bottom:40px; padding-top:40px; float:left;} 

.footer-circle {
height: 50px;
width: 50px;
background-color: #fff;
border-radius: 50%;
color: #e3000f;
text-align: center;
padding: 13px;
font-weight: bold;
font-size: 22px;
}

.footer-bottom{ width:100%; padding-bottom:10px; color:#CCC; padding-top:10px; background-color:#16191a; float:left;}
 @media only screen and (max-width: 992px) {
    .card-box{ margin-top:50px !important;} 
	.top-header {
    border-radius: 100px 0px 0px / 100px 0px 0px;
    border: 0px solid #800000;
    background-color: #F00;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: -10;
}
.header-bottom-content {
    margin-top: 0px;
    z-index: 1;
    background: rgba(89, 89, 89, 0.7);
    position: static;
    right: 10%;
    left: 10%;
}
.hideDiv{ display:none !important;}


@media only screen and (max-width: 575px){
 .center-text-res{ text-align:center !important;}
 .marginBot30{ margin-bottom:30px !important;}
  .marginTop30{ margin-top:30px !important;}
 
 .footer-circle {
    height: 50px;
    width: 50px;
    background-color: #fff;
    border-radius: 50%;
    color: #e3000f;
    text-align: center;
    padding: 15px;
    font-weight: bold;
    font-size: 18px; 
}
	.top-header {
    border-radius: 100px 0px 0px / 100px 0px 0px;
    border: 0px solid #800000;
    background-color: #F00;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: -10;
}
.hideDiv{ display:none !important;}

.mt200{ margin-top:2px;}
}

@media only screen and (max-width: 995px){
	.mt200{ margin-top:2px;}
	
}
