body {
padding:0;
margin:0;
}

.mbt{margin-bottom:140px;}

:root{
    /*--theme-color: #653405;*/
	--theme-color: #ef2c34;
	--theme-secondary-color: #303030;
	--theme-button-color: #000000;
}


.clr{clear:both;}

.gap{margin-top:50px;}
.gap2{margin-top:120px;}
.gap3{margin-top:160px;}

.nogap{margin-top:0;}

.btn-warning{background-color:#f8ba10!important; font-weight:bold; font-size:22px; box-shadow: 0 0 10px #888484; border-radius:30px;

background: rgba(252,234,187,1);
background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(50%, rgba(252,205,77,1)), color-stop(51%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );

}

.headerpanel{position:fixed; top:0; left:0; width:100%; z-index:1000; padding-top:20px; padding-bottom:20px;}

.active1 {
  background-color: rgba(34,34,34,0.8);
}

.headertop{background:#000000; text-align:right; padding:2px 10px; font-size:20px;}
.headertop a{text-decoration:none;}

.header{padding:3px 0;}
.header .logo{width:130px; height:70px; padding-top:10px;}
.header .logo2{width:170px; height:41px; padding-top:13px;}
.abhalogo{width:220px; height:auto; padding-left:10px;}

.title{padding:0;}

/*==========navbar==========*/
.navbar-light .navbar-nav>.nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9);
    padding: 12px 24px!important;
}
.bg-red {
    background-color: #f92524 !important;
    border-radius: 7px;
}
/*==========navbar end==========*/

.bg-secondary {
    background-color: #f5f5f5 !important;
}

.offer{background:#fff4c5; padding:100px 0 0; margin-top:2px; position:relative;
background: linear-gradient(to bottom, #250f11 0%, #cd201e 100%);
}

.offer h2{font-size:18px; padding-top: 20px; color: #ffc107;}

.offer > div > div >div{padding:20px 20px 0; position:relative;}
.offer > div > div >div h5{padding-left:20px;}
.offer-text{position:absolute; z-index:1000; top:43px; left:14px; right:0; width:340px; margin:auto; color:#ffffff; font-size:45px; font-weight:bold;}

.offer .call{font-size:44px; padding-top:40px; text-align:right;}
.offer .call span, .call span{font-size:27px; padding:2px 20px 2px 8px; margin-top:20px; background:#041d99!important; color:#ffffff; display:inline-block;
border-radius:22px; box-shadow: 0px 0px 12px rgb(0 0 0 / 70%);}


.angle_shape{background:url(../images/angleshape.webp) no-repeat bottom left;}

#banner, #knowmore{padding:5px 3% 2%;}

#banner{padding:5% 3% 5%;}

#banner ul{padding:0; margin:0;}
#banner ul > li{list-style-type:none; font-size:18px; padding:6px 10px;}



#banner h1, #banner h2{font-size:28px; padding:3px 0 10px; margin-bottom:30px; position:relative;}

#banner h1{margin-top:30px; margin-bottom:5px;}

#banner h2 {padding:0 0 15px; margin-top:0; margin-bottom:10px; position:relative; font-size:23px;}

#banner .demoform, .demoform{width:90%; padding:7% 10% 12%; text-align:center; background:#ffffff; border-radius:20px; box-shadow: 0 1rem 3rem rgb(255 0 0 / 18%) !important; margin:0px auto 0; border: solid 3px var(--theme-color);}


.offer .demoform h2{font-weight:bold; color:var(--theme-secondary-color); font-size:22px; text-align:left;}

#banner .demoform button{margin-top:30px;}

.h1, h1 {
    font-size: 2.4rem; font-weight:bold;
}

h2, #banner h2 {padding:0 0 15px; margin:0 auto 1px; position:relative; font-size:30px; text-align:center;}
h2 span, #banner h2 span{color:var(--theme-color);}

#banner h2{text-align:left; font-size:27px;}

.bannerimg{margin-top:0px;}

.signIn{
background:url(../images/1.webp) no-repeat right bottom;
background-color:#000000; color:#ffffff;
width:100%;
left:0; padding:12% 15% 10%;
clip-path: polygon(0 19%, 100% 7%, 100% 72%, 0% 100%);
}

#knowmore{padding:2% 3% 2%;}

.gwr_img {
    text-align: center !important;
    margin-bottom: 30px !important;
    filter: drop-shadow(0 0 32px #05495e3d);
    border: 3px solid #fff;
    border-radius: 20px;
}

.welcomeRightblock{margin-top:17%;}

.businessempower div, .erpprocess div{ text-align:center; border-right:solid #cccccc 1px; margin-top:20px;}
.businessempower div:last-child{border-right:0;}

.businessempower div{font-size:14px;}

.businessempower div img, .erpprocess div img{display:block; margin:10px auto 3px;}
.businessempower div span, .erpprocess div span{color:var(--theme-color); font-weight:bold; display:block; padding-bottom:3px; font-size: 15px;}

.erpprocess div{text-align:left; padding-left:10px;}
.erpprocess div img{margin:10px 0 3px}
.erpprocess div span{font-size:15px;}

.erpprocess ul{padding:0 0 0 20px; margin:0;}
.erpprocess ul > li{font-size:15px; padding:2px 3px;}


.whatwedo_heading:before{content:""; position:absolute; left:0; margin:auto; bottom:10px; width:100px; height:2px; background-color:#dd2222; z-index:100;}

h1 > span, h2 > span {color:var(--theme-color);}

.subheading{color:#000000; width:auto; border-radius:20px;
background: rgb(251 223 147 / 88%);
box-shadow: -3px -1px 5px 0px rgba(0,0,0,0.6);
-webkit-box-shadow: -3px -1px 5px 0px rgba(0,0,0,0.6);
-moz-box-shadow: -3px -1px 5px 0px rgba(0,0,0,0.6);
}

.modal {z-index: 3000;}

.content{text-align:justify; margin:5px 0 25px; font-size:18px;}

.content2, .content3{font-size:17px; font-weight:400;}
.content3{font-weight:600;}

.welcome{font-size:36px; font-family: Montserrat, sans-serif; font-weight: 900;}
.welcome > span {
    color: var(--theme-color);
}
.subtitle{font-size:23px; font-weight:bold; padding:20px 0;}

#contentwrapper {
	padding:6% 0 1%;
}
#awardwrapper {
	padding:7% 0 1%;
}

/*--Carousel--*/
#carousel{background:var(--theme-secondary-color); padding:50px 10px; margin-bottom:20px; text-align:center;}
#carousel .ribbon-bg {
    font-family: "Roboto", sans-serif;
    background: linear-gradient(270deg, var(--theme-color) 0, var(--theme-color) 100%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    line-height: 28px;
    width: 200px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    letter-spacing: .5px;
    margin-top: 30px;
}
#carousel h2 {
    font-size: 24px;
    margin-top: 10px;
	margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 30px;
    color: var(--theme-color);
	text-align:left;
}
#carousel p{
    font-size: 17px;
    margin-bottom: 10px;
	text-align:left;
}
/*--Carousel End--*/

/*==========package==========*/

/*==========features==========*/
.features .panel-group {
    padding-left: 20px;
}
.features .panel-group .panel {
    border: none;
    border-radius: 0;
    margin-bottom: 5px;
    box-shadow: none;
    position: relative;
    margin-top: 0;
    background: none;
}
#accordion .panel.panel-default, #accordion1 .panel.panel-default {
    background-color: #f9f9f9 !important;
    margin-bottom: 10px !important;
    -webkit-box-shadow: 3px 5px 25px 0 rgb(0 0 0 / 10%);
    box-shadow: 3px 5px 25px 0 rgb(0 0 0 / 10%) !important;
    font-family: "DM Sans" !important;
}
.features .panel-default > .panel-heading {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
}
#accordion .panel-title.faq-title, #accordion1 .panel-title.faq-title {
    padding: 10px 20px 8px;
    -webkit-transition: all .4s !important;
    transition: all .4s;
    background: transparent;
    font-size: 15px;
}
#accordion .panel-default>.panel-heading a, #accordion1 .panel-default>.panel-heading a {
    display: flow-root;
    line-height: 24px;
    text-decoration: none;
    font-size: 17px;
	color:#000000;
}
.faq-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f102";
    padding-top: 5px;
    font-weight: 700;
}
.faq-title>a.collapsed:before {
    float: right !important;
    content: "\f103 ";
    color: var(--theme-color);
}
#accordion .counting, #accordion1 .counting {
    width: 25px;
}
#accordion .counting, #accordion1 .counting {
    color: var(--theme-color);
    display: inline-block;
    text-align: center;
    margin-right: 15px;
    float: left;
}

.features ul {
    margin-top: 10px;
    padding-left: 15px;
    font-size: 14px;
    list-style: none !important;
}
.features ul li {
    list-style: none;
    margin-left: 30px;
    padding: 4px 0;
    border-bottom: 1px dotted #c3c3c3;
    font-size: 16px;
}
.features ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: var(--theme-color);
    padding-right: 20px;
}
/*==========features end==========*/

/*==========Pharma features==========*/
.divider{
height:50px; width:98%; margin:20px auto 100px!important;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.pharma_Features img{
box-shadow: 4px 4px 33px rgba(0, 0, 0, .1);
}
.pharma_Features div div div{margin-bottom:50px;}
/*==========Pharma features end==========*/

/*==========Pricing==========*/
.pricing .content {
    border: 4px #dddfe9 solid;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    margin-top: -14px;
    position: relative;
    border-radius: 4px;
    margin-bottom: 10px;
	padding:10px;
}
.pricing .content .price {font-weight:500;}
.pricing .content .price > span {font-size:26px; color:var(--theme-color);}
.pricing .content .block {
    border: 2px #dddfe9 solid;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    position: relative;
    border-radius: 4px;
	padding:10px;
	font-size:15px;
	height:200px;
	width:80%;
	margin:20px auto 10px auto;
}
.pricing .content .block ul {padding:0; margin:20px 0;}
.pricing .content .block ul > li {padding:0; list-style-type:none;}
.pricing .content .block ul > li i {color:var(--theme-color);}

.pricing .features{background:#efefef; padding:2% 3% 1%; font-weight:500;}

.pricing .features .title{font-size:18px; font-weight:500;}

.pricing .features ul li{font-size:14px; font-weight:500;}

.bookdemo_btn, .comparisonchart_btn{border-radius:30px; font-size:22px; padding:6px 16px; font-weight:bold; box-shadow: 0 0 10px #ccc; margin:10px auto 30px; text-decoration:none;}

.comparisonchart_btn{border-radius:0; font-size:15px; padding:6px 15px; margin:3px auto 3px; color:#ffffff; background:#636363;}

/*==========Pricing end==========*/

/*==========Award==========*/
.award {
    border: 4px #dddfe9 solid;
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
    margin-top: -14px;
    position: relative;
    border-radius: 4px;
    margin-top:2%;
    padding: 0 10px 10px;
}
/*==========Award end==========*/

.form-control{border:0; border-bottom:solid 1px #900; margin:20px auto;}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1);
    background: #ffffff;
}

.block-quote-capital {
    width: 52%;
    float: left;
    color: var(--theme-color);
    text-transform: uppercase;
    margin-top: 0;
    padding: 8px 30px 20px 20px;
}

.block-quote-capital:before {}

.block-quote-capital img{
-webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.49);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.49);
}

.howitWorks_img{width:40%; height:auto;}

/*==========footer end==========*/
footer{background:#a91817; color:#ffffff; font-weight:bold; font-size:14px;}

.footernav{
   position:relative;
   width:100%;
   margin:0;
   padding:3% 3% 0;
   background: var(--theme-secondary-color);
   border-bottom:solid 5px var(--theme-secondary-color);
   color:#ffffff; 
}

.footernav ul{padding:0; margin:0;}
.footernav ul li{}
.footernav ul li a{padding:5px 0 5px 4px; color:#ffffff; display:block; text-decoration:none;}
.footernav ul li a:hover{color:var(--theme-secondary-color);}

.footernav > .content{font-size:12px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

footer > div > p > a {color:#000000;}
/*==========footer end==========*/

/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.map{margin:50px 0 0;}

.fa1 {
  background:#041d99;
  padding: 10px;
  font-size: 28px!important;
  width: 30px;
  height: 42px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin:0 2px 0;
  float:left!important;
  color:#ffffff!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background:var(--theme-secondary-color);
  color:#ffffff!important;
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/

.whatsapp1 {
	position: fixed;
    right: 4px;
    bottom: 100px;
	width:60px;
	height:60px;
    background-color:#32c562;
    padding: 10px 0 0 12px;
    border-radius: 50%;
    transition: all 0.4s ease-in-out 0s;
    z-index: 2000;
}
.whatsapp1 a {
    font-size: 43px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}


/*==========scroll Top==========*/
.scrollTop {
    position: fixed;
    right: 4px;
    bottom: 10px;
    background-color: var(--theme-color);
    padding: 0 8px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 1000;
}
.scrollTop a {
    font-size: 29px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

/*==========scroll Top end==========*/

/*==========img size==========*/
.offerbg{width:480px; height:150px;}
.dis_pharmacy{width:100%; height:501px;}
.dis_pharmacy_knowmore{height:350px;}
/*==========img size==========*/

/* Screen larger than 600px? 2 column */
@media (min-width: 700px) {
  .grid-container { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .grid-container { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 991px) {


}

@media (max-width: 800px) {
.headerpanel {
    padding-top: 2px;
    padding-bottom: 2px;
}
.headertop {
    padding: 0 10px;
    font-size: 14px;
}

.header .logo{width:140px; height:auto;}
.header .logo2{width:150px; height:35px; padding-top:13px;}

.headerpanel {
	background:rgb(0,0,0,0.8);
	border-bottom: solid 1px #fff;
}

.navbar-light .navbar-nav>.nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    padding: 5px 24px !important;
    border-bottom: solid 1px #fff;
}

.abhalogo{width:180px; height:auto; padding-left:0;}

	#contentwrapper {
	padding:10px 0 4%;
}

h1, h2, .whatwedo_heading {
    font-size: 20px;
    padding: 3px 0 0;
    margin:10px 0;
    position: relative;
}

#carousel .ribbon-bg {
    margin-top:0;
}

.pricing .content .price > span {
    font-size: 20px;
    color: var(--theme-color);
}

#banner .demoform{width:98%; padding:1% 10%; border-radius:4px; margin:10px auto 0;}
#banner .demoform h2{text-align:center;}

.offer{padding:100px 0 1px; margin-top: 0;}
.offer > div > div >div{padding:0 20px 5px; position:relative; text-align: center;}
.offer > div > div >div img{margin:auto;}
.offer > div > div >div h5{text-align:center; padding-left:0;}
.offer-text{position:absolute; z-index:1000; top:40px; left:0; width:100%; margin:auto; color:#ffffff; font-size:27px; font-weight:bold;}

.offer .call{font-size:32px; padding-top:2px; text-align:center;}
.offer .call span{font-size:20px; padding:2px 10px; margin-top:20px; color:#ffffff; display:inline-block;
border-radius:22px; box-shadow: 0px 0px 12px rgb(0 0 0 / 70%);}

.fa1 {
    padding: 4px 10px 0 0;
    font-size: 17px!important;
    width: 26px;
    height:26px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    margin: 0 2px 0 0;
    float: none!important;
    color: #ffffff!important;
}
#banner .demoform button{margin-top:2px;}

.whatsapp1 {
	position: fixed;
    right: 20px;
    bottom: 100px;
	width:50px;
	height:50px;
    padding: 5px 5px 5px 9px;
}
.whatsapp1 a {
    font-size: 38px;
}

.scrollTop {
    right: 20px;
}

.comparisonchart_btn{border-radius:0; font-size:13px; padding:6px 3px; margin:3px auto 3px; color:#ffffff; background:#636363;}


/*==========img size==========*/
.offerbg{width:100%; height:90px;}
.dis_pharmacy{height:301px;}
/*==========img size==========*/

.welcomeRightblock{margin-top:1%;}

.signIn {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#banner h2 {
    font-size: 20px;
}
.angle_shape{background:none;}

.pharma_Features div div div {margin-bottom: 10px;}
.h3, h3 {
    font-size: 1.2rem;
}
.divider {
    height: 50px;
    width: 98%;
    margin: 2px auto 70px !important;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.block-quote-capital {
    width: 100%;
    float: none;
}

.howitWorks_img{width:90%; height:auto;}

#banner .demoform, .demoform {
    width: 99%;
    padding: 7% 10% 12%;
}

.gap, .gap2, .gap3{margin-top:20px;}

}

@media (max-width: 450px) {
	
.header .logo{width:120px; height:auto;}
.abhalogo{width:140px; height:auto; padding-top:10px;}
	
	/*==========img size==========*/
.dis_pharmacy{height:201px;}
.dis_pharmacy_knowmore{width:100%; height:250px;}
.einvoice2{height:350px;}
/*==========img size==========*/
}