@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* Define @font-face for different weights of Roboto */
/* @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5WZLCzY.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfAw.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} */

Example usage
body {
    font-family: 'Roboto', sans-serif;
}


body {
	font-family: 'Roboto';
  font-style: normal;
	overflow-x: hidden;
	overflow-y: scroll;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	color: #222222;
}
 

*:focus {
	outline: none !important;
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: none !important;
}

a:hover,
a:focus {
	cursor: pointer !important;
	text-decoration: none;
}

html,
body,
input,
label,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Roboto';
	color: #222222;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
    margin-top: 10px;
    margin-bottom: 10px;
}

p {
    color: #222222;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    font-family: 'Roboto';
    /* text-transform: capitalize; */
}

a,
a:hover,
a:focus {
    font-family: 'Roboto';
    text-decoration: none;
    outline: 0 solid transparent;
    color: #000000;
    font-size: 16px;
    cursor: pointer;
}

ul,
ol {
    margin: 0;
}
ul li,
ol li {
    list-style: none;
    font-family: 'Roboto';
}

 

/*----modal-css------  */

  .text-md-start {
    text-align: left !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-4 {
    margin-bottom: 1.8rem !important;
  }
  .fw-medium {
    font-weight: 500 !important;
  }
  .mb-75{
    margin-bottom: 80px;
  }
/* :: 3.3.0 Section Padding */
.section-padding-40{
padding: 40px 0px;
}
.section-padding-50{
  padding: 50px 0px;
}
.section-padding-50-0{
  padding-top: 50px;
  padding-bottom: 0;
}
.section-padding-0-50{
  padding-top: 0;
  padding-bottom: 50px;
}
.section-padding-50-15{
  padding: 50px 15px;
}
.section-padding-60{
  padding-top: 60px;
  padding-bottom: 60px;
}
.section-padding-0-60{
  padding-top: 0px;
  padding-bottom: 60px;
}
.section-padding-60-0{
  padding-top: 60px;
  padding-bottom: 0;
}
.section-padding-70-0 {
  padding-top: 70px;
  padding-bottom: 0;
}
.section-padding-0-70 {
  padding-top: 0;
  padding-bottom: 70px;
}
.section-padding-50-60{
  padding-top: 50px;
  padding-bottom: 60px;
}
.section-padding-70-40{
  padding-top: 70px;
  padding-bottom: 40px;
}
.section-padding-70{
  padding-top: 70px;
  padding-bottom: 70px;
}
.section-padding-80{
  padding-top: 80px;
  padding-bottom: 80px;
}
.section-padding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-padding-hundred{
  padding-top: 100px;
 }
.section-padding-70-90{
  padding-top: 70px;
  padding-bottom: 90px;
}
.section-padding-100-0 {
    padding-top: 100px;
    padding-bottom: 0;
}
.section-padding-100-20{
  padding-top: 100px;
  padding-bottom: 30px;
}
.section-padding-100-40 {
  padding-top: 100px;
  padding-bottom: 40px;
}
.section-padding-90-40 {
  padding-top: 90px;
  padding-bottom: 0px;
}
.section-padding-0-100 {
    padding-top: 0;
    padding-bottom: 100px;
}
.section-padding-80-100{
  padding-top: 80px;
  padding-bottom: 100px;
}
.section-padding-50-80{
  padding-top: 50px;
  padding-bottom: 80px;
}
.section-padding-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}
.section-padding-120-0 {
  padding-top: 120px;
  padding-bottom: 0px;
}
.section-padding-120{
  padding-top: 120px;
  padding-bottom: 120px;
}
.section-padding-80-200 {
  padding-top: 80px;
  padding-bottom: 320px;
}
.section-padding-80-200-imppl{
  padding-top: 80px;
  padding-bottom: 280px;
}
.section-padding-80-220 {
  padding-top: 80px;
  padding-bottom: 300px;
}
.section-padding-100-200 {
  padding-top: 100px;
  padding-bottom: 135px;
}
.marging-top-40{
margin-top: -20px;
}
.marginTop-50{
  margin-top: 50px;
}
.marginTop-20 {
  margin-top: 20px;
}
/* :: 3.6.0 ScrollUp */
.solutions-box{
  padding: 20px 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
  height: 100%;
  margin: 0px 30px;
  text-align: center;
  border: none;
}
.solution-lab-icon{
width: 120px;
height: auto;
padding-bottom: 10px;
margin: auto;
}
.benifits-lab-icon{
  height: 60px;
  width: auto;
  padding-bottom: 5px;
  margin: auto; 
}
/* b2b-solution */
.solutions-box-1{
  padding: 20px 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
  height: 100%;
  border: none;
}
.solution-lab-icon-1{
width: 100px;
height: auto;
}
.brand-logo-ch{
  height: 26px;
  margin-top: -8px;
}
/* ---------- */
.solutions-box .card-title{
font-size: 22px;
color: #000;
font-weight: 600;
line-height: 1.4;
}
.solutions-box-1 .card-title{
  font-size: 24px;
  color: #000;
  font-weight: 600;
  line-height: 1.8;
  }
#scrollUp {
    background-color: #f2f2f2;
    border-radius: 50px;
    bottom: 130px;
    color: #000000;
    font-size: 24px;
    height: 50px;
    line-height: 55px;
    right: 50px;
    text-align: center;
    width: 50px;
    border: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
#scrollUp:hover {
    background-color: #3ba341;
    color: #ffffff;
}
.btn {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius: 50px;
    outline: none;
}
.btn:focus {
    outline: none !important;
    box-shadow: none;
}

.icon-next-arrow {
    margin-left: 10px;
    font-size: 14px;
}
.icon-next-arrow:before {
	content: "\f178";
  font-family: 'FontAwesome';
	/*color: #fff;*/
}
.visible-md-block{
  display: none;
}
.visible-sm-block{
  display: none;
}
.visible-md-ratecard{
  display: none;
}
.bg-home-us-b{
  background: #F0F4F7;
    width: 100%;
    height: auto;
}
/* ----form-css */
.error {
  color: red;
  font-size: 80%;
}
.select2-container{
  width: 100%;
}
.form-control {
  box-shadow: rgb(0 0 0 / 4%) 1px 1px 3px;
}
.form-control:focus {
  outline: none !important;
  border: 1px solid #3ba341 !important;
  box-shadow: none;
  border-color: #3ba341;
}
#displayMsg {
  color: #3ba341;
  font-weight: 600;
}
.form-title-1 {
font-size: 20px;
line-height: 1.35; color: #6b6b6b;
margin: 0;
}
.form-title-bold {
font-size: 30px;
line-height: 35px; 
font-weight: 900; 
margin: 0px 0px 10px 0px;	
}
.formtitle-2 {
	font-size: 24px;
	line-height: 35px; 
  font-weight: 900; 
	margin: 0px 0px 10px 0px;	
}
/* ====button-css====== */
.nav-book-demo{
  color: #3ba341!important;;
  background-color: transparent!important;
  border: 2px solid #3ba341!important;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  padding: 7px 14px;
  cursor: pointer;
  font-size: 16px!important;
  font-weight: 600!important; 
}
.nav-book-demo:hover{
  color: #fff!important;;
  background-color: #3ba341!important;
  border: 2px solid #3ba341!important;
}
.btn-purple{
  color: #fff!important;;
  background-color: #2196F3!important;
  border: 1px solid #2196F3!important;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 18px!important;
  font-weight: 500!important; 
}
.btn-purple:hover{
  color: #fff!important;;
  background-color: #0050fd!important;
  border: 1px solid #0050fd!important;
}
.btn_know_more{
  color: #222222;
  background-color: #f2f2f2;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  font-size: 16px!important;
  width: fit-content;
  font-weight: bold!important;
  font-family: 'Product Sans';
}
.know-more-btn .fa-arrow-right{
  font-size: 14px;
  font-weight: normal;
}
.btn-black{
    color: #ffffff;
    background-color: #222222;
    border:none;
    border-radius: 50px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    padding: 10px 18px;
    cursor: pointer;
    font-size: 18px!important;
    font-weight: 400;
}
.btn-black:hover {
    -webkit-box-shadow: 0 0 20px 0 rgb(7 33 75 / 14%);
    box-shadow: 0 0 20px 0 rgb(7 33 75 / 14%);
    -o-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    color: #ffffff;
}
.btn-black:focus{
  color: #ffffff!important;
}

.btn-white{
  color: #222222;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 10px 30px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400;
  line-height: 1.42857143;
}
.btn-white-outline{
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400;
  line-height: 1.42857143;
}
.btn-white-outline:hover{
  color: #222;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
.btn-white-outline:focus{
  color: #222;
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
.download-pdf-1{
  color: #3ba341;
  background-color: transparent;
  border: 2px solid #3ba341;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 18px!important;
}
.download-pdf-1:hover{
  color: #ffffff;
  background-color: #3ba341;
}
.download-pdf-1:focus{
  color: #FFFFFF;
  background-color: #3ba341;
}
.choose-btn{
  color: #FFFFFF;
  background-color: #3ba341;
  border: 2px solid #3ba341;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 600;
  line-height: 1.42857143;
  margin-top: 40px;
}
.choose-btn:hover{
  color: #fff;
}
.choose-btn:focus{
  color: #fff;
}
.btn-green{
  color: #ffffff;
  background-color: #3ba341;
  border-color: #3ba341;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 8px 24px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400;
}
.btn-green:hover{
  color: #ffffff;
  box-shadow: 0 20px 60px 5px rgba(128,128,128,.35);
  font-size: 20px;
}
.btn-green:focus{
  color: #ffffff!important;
  font-size: 20px;
}
.btn-green-outline{
  color: #3ba341;
  background-color: transparent;
  border: 1px solid #3ba341;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400; 
}
.btn-green-outline:hover{
  color: #3ba341;
}
.btn-green-outline:focus{
  color: #3ba341;
}
.btn-orange{
  color: #ffffff;
  background-color: #FE9F3A;
  border-color: #FE9F3A;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 8px 24px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400;
}
.btn-orange:hover{
  color: #ffffff;
  box-shadow: 0 20px 60px 5px rgba(128,128,128,.35);
}
.btn-orange:focus{
  color: #ffffff!important;
}
.btn-orange-outline{
  color: #FFAB32;
  background-color: transparent;
  border: 1px solid #FFAB32;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 8px 20px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400; 
}
.btn-orange-outline:hover{
  color: #FFAB32;
}
.btn-orange-outline:focus{
  color: #FFAB32;
}
.btn-blue{
  color: #ffffff;
  background-color: #1A5DE5;
  border-color: #1A5DE5;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 10px 26px;
  cursor: pointer;
  font-size: 18px!important;
  font-weight: 400;
}
.btn-blue:hover{
  color: #ffffff;
  box-shadow: 0 20px 60px 5px rgba(128,128,128,.35);
}
.btn-blue:focus{
  color: #ffffff!important;
}
.btn-blue-outline{
  color: #1658DC;
  background-color: transparent;
  border: 2px solid #1658DC;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 8px 24px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400; 
}
.btn-blue-outline:hover{
  color: #FFF;
  background-color: #1658DC;
}
.btn-orange-outline:focus{
  color: #FFF;
}
.btn-blue-outline:active{
  color: #FFF;
}

.btn-purple-outline{
  color: #6d01ff;
  background-color: transparent;
  border: 2px solid #6d01ff!important;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 8px 24px;
  cursor: pointer;
  font-size: 20px!important;
  font-weight: 400; 
}
.btn-purple-outline:hover{
  color: #FFF;
  background-color: #6d01ff;
}
.btn-purple-outline:active{
  color: #FFF;
}
.nav-book-demo-btn{
  color: #3ba341 !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 6px 12px;
  font-size: 14px!important;
  font-weight: 600 !important;
  border: 2px solid #3ba341 !important;
}
.nav-book-demo-btn:hover {
  color: #fff !important;
  background-color: #3ba341 !important;
}
/* section-title-css */
.title-text-head{
    color: #ffffff!important;
}
.title-text-2{
  font-size: 20px;
  color: #FFFFFF;
  font-weight: 400;
}
.title-text-2-black{
  font-size: 20px;
  color: #222222;
  font-weight: 400;
}
.title-text-3-black{
  font-size: 24px;
  color: #222222;
  font-weight: 500;
}
.api-text{
  font-size: 24px;
}
.title-h1{
  font-size: 36px;
  line-height: 60px;
  font-weight: bold;
}
.title-h2{
  font-size: 32px;
  font-weight: 300;
}
.title-h5{
  font-size: 24px;
  color: #222222;
}
.section-title{
  text-align: center;
}
.title-section{
  text-align: center;
}
.title-section h2{
  font-size: 36px;
  font-weight: 700;
  color: #222222;
  text-transform: capitalize;
  line-height: 1.4;
}
.title-section h3{
  font-size: 22px;
  font-weight: 500;
  color: #222222;
  text-transform: capitalize;
  line-height: 1.4;
}
.pacs-h2-text h2{
  font-size: 32px;
  font-weight: 700;
  color: #222222;
  line-height: 1.4;
}
.section-title h1{
  font-size: 36px;
  font-weight: 700;
  color: #222222;
  text-transform: capitalize;
  line-height: 1.4;
}
.section-title h2{
  font-size: 28px;
  line-height: 1.4;
  font-weight: 300;
  margin-top: 15px;
  font-family: 'Roboto';
}
.title-h3{
font-size: 28px;
line-height: 1.4;
text-transform: capitalize;
}
.title-h4{
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #222222;
  font-family: 'Roboto';
}
.product-title-nav{
  font-size: 20px;
  color: #222222;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 5px;
}
.product-title-nav-2 {
  font-size: 15px;
  color: #666;
}
.pricing-txt {
  font-size: 36px;
  color: #fff;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: capitalize;
}
.btn-subscribe {
  color: #ffffff;
  background-color: #3ba341;
  border-color: #3ba341;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 6px 16px;
  cursor: pointer;
  font-size: 18px!important;
  font-weight: 600;
}
.btn-subscribe:hover{
  color: #ffffff;
}
.btn-subscribe:focus{
  color: #ffffff!important;
}
.lh-book-demo-popup-title {
  font-size: 20px;
  line-height: 1.35;
  color: #6b6b6b;
  margin-bottom: 2px!important;
}
.lh-book-demo-popup-title-bold {
  font-size: 28px;
  line-height: 35px;
  font-weight: 900;
  margin: 0px 0px 10px 0px;
}
/* subscribe button */
.text-green-1{
  color: #222;
  display: block;
  position: relative;
  padding: 10px;
  border: 1px solid #EEF0F1;
  margin-top: 20px;
  height: 155px;
  margin-bottom: 10px;
  transition: all ease-in-out 0.3s;
  border-radius: 10px;
}
.text-green-1:hover{
  border: 1px solid #3ba341;
  transform: translateY(-3px);
}
#customForm.quick_form_8_css * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word
}
.keyFearuresCard .card{
  background-color: rgb(238, 241, 252);
  border-radius: 10px;
}
.featureClustercard img {
  width: auto;
  height: 50px;
}
.featureClustercard h3 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: capitalize;
  margin-top: 0;
}
@media only screen and (max-width: 200px) {
    .quick_form_8_css[name="SIGNUP_BODY"] {
        width: 100% !important;
        min-width: 100% !important;
        margin: 0px auto !important;
        padding: 0px !important
    }
}

@media screen and (min-width: 320px) and (max-width: 580px) and (orientation: portrait) {
    .quick_form_8_css[name="SIGNUP_BODY"] {
        max-width: 300px !important;
        margin: 0px auto !important;
        padding: 0px !important
    }
}

@media only screen and (max-device-width: 1024px) {
    .quick_form_8_css[name="SIGNUP_BODY"] {
        max-width: 500px !important;
        margin: 0px auto !important
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .quick_form_8_css[name="SIGNUP_BODY"] {
        max-width: 700px !important;
        margin: 0px auto !important
    }
}

@media screen and (min-width: 475px) and (max-width: 980px) and (orientation: landscape) {
    .quick_form_8_css[name="SIGNUP_BODY"] {
        max-width: 400px !important;
        margin: 0px auto !important;
        padding: 0px !important
    }
}

/* solution navbar */
.solution-nav-title{
  font-size: 18px;
  color: #666;
}
.padding-desktop{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.solution-icon-svg{
height: 31px;
}
.solution-nav-tab{
  align-items: center;
  padding: 1rem 0.5rem!important;
  display: flex!important;
  font-size: 18px!important;
  font-family: 'Product Sans'!important;
  line-height: 0!important;
  border-bottom: 1px solid #EDF0F3!important;
}
.solution-nav-tab:hover{
  background-color: #EDF0F3;
  color: #1658DC!important;
  font-weight: bold!important;
  border-color: #EDF0F3;
}
.solution-nav-tab:focus{
  color: #1658DC!important;
}
.solution-tab-media .media{
  padding: 0.9rem 0.5rem!important;
}
.solution-tab-media{
border-bottom: 1px solid #EDF0F3;
}
.solution-tab-media:last-child{
  border-bottom: none;
}
.solution-nav-tab:last-child{border-bottom: none;}
.solution-tab-media p{
  font-size: 14px!important;
  color: #666;
}
.solution-tab-media{
align-items: center;
font-size: 18px!important;
font-family: 'Product Sans'!important;
}
.solution-tab-media:hover{
  color: #1658DC!important;
  background-color: #EDF0F3;
  font-weight: 800!important;
  border-color: #EDF0F3;
}
.solution-tab-media:last-child:hover{
  border-bottom: none;
}
.solution-nav-title-mob{
  font-size: 16px;
  color: #666;
  font-weight: bold;
  padding: 0 10px;
  margin-bottom: 5px;
}
.hippa-cluster .card{
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
  border-radius: 0.75rem;
  }
  .hippa-cluster .card-body{
    padding: 0.25rem 1rem;
  }
  .hippa-cluster .card img{
    width: auto;
    height: 90px;
  }
  .hippa-cluster .card p{
      font-size: 18px;
      line-height: 1.425;
      font-weight: 500;
      color: #222;
      padding-left: 16px;
      margin-bottom: 0px;
  }
  .hippa-cluster .card li{
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      justify-content: space-evenly;
  }
  .css-grdjce {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .trusted-badge img {
    margin: 10px 20px;
  }
.g2-images {
    height: 110px;
    width: auto;
}
.cap-images {
  height: 50px;
  width: auto;
}
/*-----Header Css------*/
.nav-logo-img{
  height: 26px;
  margin-top: -8px;
}
.nav-up {
  top: -70px;
}
.megamenu-container{
  align-items: initial!important;
}
.nav-container{
    padding-left: 0;
    padding-right: 0;
}
.header-area {
    position: relative;
    z-index: 1000;
    width: 100%;
}
.classynav .title-text{
padding: 0 12px;
color: #222222;
font-weight: 600;
line-height: 30px;
font-size: 16px;
}
.lh-nav-select{
  overflow: hidden;  
}
.header-area .newsbox-main-menu .classy-navbar {
    height: 70px;
    padding: 0.5em 1em;
    transition: top 0.6s ease-in-out;
    transition-duration: 0.3s;
    background:#ffffff;
    box-shadow: 0 0 15px 0 rgb(172 179 189 / 20%);
}
.bg-white{
  background:#ffffff;
  box-shadow: 0 0 15px 0 rgb(172 179 189 / 20%);
}
.bg-white-nav{
  background:#ffffff;
  box-shadow: none;
}
@media only screen and (max-width: 991px) {
    .header-area .newsbox-main-menu .classy-navbar {
        height: 70px;
    }
    .trusted-badge img {
      margin: 10px 15px;
    }
    .g2-images {
      height: 85px;
      width: auto;
     }
    .cap-images {
      height: 40px;
      width: auto;
    }
}
.header-area .newsbox-main-menu .classy-navbar .nav-brand {
    max-width: 160px;
    margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .newsbox-main-menu .classy-navbar .nav-brand {
        max-width: 130px;
        margin-right: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .header-area .newsbox-main-menu .classy-navbar .nav-brand {
        max-width: 120px;
    }
    .btn-size-md{
      padding: 5px 10px;
      font-size: 14px!important;
    }
}
.header-area .navbar .nav-link{
    text-transform: capitalize;
    color: #161823;
    font-size: 15px;
    font-weight: 400;
    padding: 0px 20px 0px!important;
    border: none!important;
    font-family: 'Roboto'!important;
}

.header-area .navbar .nav-link:hover,
.header-area .navbar .nav-link:focus {
    color: #3ba341;
}
.classynav .megamenu ul li{
  border-bottom: 1px solid #e8eaed;
  display: flex;
  padding: 0.3rem 0.75rem;
}
.classynav .megamenu .product-menu-cards .card-body .card-title{
  margin-top: 0;
}
.classynav .megamenu .product-menu-cards .card-body .card-text{
  line-height: 1.4;
  font-size: 15px;
}
.megamenu .product-menu-cards .card-body{
  padding: 1rem!important;
}
.megamenu .list-image{
  width: 30px;
  height: auto;
}
.megamenu .use-case-box .use-case-img{
  width: 100px;
  height: auto;
  float: left;
}
.megamenu .pro-title-img {
  min-width: 65px;
}
.megamenu .use-case-box1{
  padding: 0.2rem 0.75rem;
}
.megamenu .crm-bg-nav .use-case-box1{
  border-bottom: 1px solid #bdf5dd;
}
.megamenu .inventory-bg-nav .use-case-box1{
  border-bottom: 1px solid #f8ebc4;
}
.megamenu .lims-bg-nav .use-case-box1{
  border-bottom: 1px solid #dae7fa;
}
.megamenu .use-case-box1:last-child{
  border-bottom: none;
}
.megamenu .use-case-img-1{
  width: 40px;
  height: auto;
  float: left;
  margin-top: 13px;
}
.megamenu .use-case-box1 h4{
margin-bottom: 5px;
}
.megamenu .use-case-box1 h4 a{
font-size: 16px;
font-weight: 500;
margin: 5px 0 5px 55px;
line-height: normal!important;
padding: 0;
font-family: 'Roboto';
}
.megamenu .use-case-box1 h4 a:hover{
  color: #3ba341;
}
.megamenu .use-case-box1 p{
  font-size: 14px;
  color: #848484;
  margin-left: 55px;
  margin-bottom: 0.5rem;
}
.megamenu .use-case-box1 p {
  font-size: 14px;
  color: #848484;
  margin-left: 55px;
  margin-bottom: 0.5rem;
}
.megamenu .know_more_lims{
  font-size: 16px;
  color: #1A5DE5;
  background-color: transparent;
  padding: 5px 15px!important;
  line-height: 1.4!important;
  height: auto!important;
  width: fit-content;
  border-radius: 25px;
  margin-bottom: 0px;
  border: 2px solid  #1A5DE5;
  font-weight: bold!important;
}
.megamenu .know_more_inv{
  font-size: 16px;
  color: #ed8f03;
  background-color: transparent;
  padding: 5px 15px!important;
  line-height: 1.4!important;
  height: auto!important;
  width: fit-content;
  border-radius: 25px;
  margin-bottom: 0px;
  border: 2px solid  #ed8f03;
  font-weight: bold!important;
}
.megamenu .know_more_crm{
  font-size: 16px;
  color: #3ba341;
  background-color: transparent;
  padding: 5px 15px!important;
  line-height: 1.4!important;
  height: auto!important;
  width: fit-content;
  border-radius: 25px;
  margin-bottom: 0px;
  border: 2px solid  #3ba341;
  font-weight: bold!important;
}
.megamenu .know_more_pacs{
  font-size: 16px;
  color: #8c3fbd;
  background-color: transparent;
  padding: 5px 15px!important;
  line-height: 1.4!important;
  height: auto!important;
  width: fit-content;
  border-radius: 25px;
  margin-bottom: 0px;
  border: 2px solid  #8c3fbd;
  font-weight: bold!important;
}
.megamenu .know_more_lims:focus{
  color: #1A5DE5;
}
.megamenu .know_more_lims:active{
  color: #1A5DE5;
}
.megamenu .know_more_lims:hover{
  color: #1A5DE5;
}
.megamenu .know_more_pacs:focus{
  color: #8c3fbd;
}
.megamenu .know_more_pacs:active{
  color: #8c3fbd;
}
.megamenu .know_more_pacs:hover{
  color: #8c3fbd;
}
.megamenu .know_more_inv:hover{
  color: #ed8f03;
}
.megamenu .know_more_inv:active{
  color: #ed8f03;
}
.megamenu .know_more_inv:focus{
  color: #ed8f03;
}
.megamenu .know_more i,
.read-more i {
  top: 1px;
  position: relative;
}
.header-area .newsbox-main-menu .classy-navbar .classynav ul li ul li a {
    color: #222222;
    font-size: 16px;
    display: block;
    padding: 10px;
    font-weight: 400;
    line-height: 20px;
}
.header-area .newsbox-main-menu .classy-navbar .classynav ul li ul li a:hover{
  color: #3ba341;
}
.header-area .newsbox-main-menu .header-add-area {
    position: relative;
    z-index: 1;
    margin-left: 50px;
}
.brochure-img{
  position: relative;
  bottom: 0;
  margin-top: 4px;
}
.download-brochure{
  color: #3A74E7!important;
  text-decoration: none;
  font-size: 16px!important;
  font-weight: 600!important;
}
.price_inventory{
  color: #ed8f03!important;
  font-size: 16px!important;
  font-weight: 600!important;
  text-decoration: none;
}
.price_crm{
  color: #3ba341!important;
  font-size: 16px!important;
  font-weight: 600!important;
  text-decoration: none;
}
.price_pacs{
  color: #8c3fbd!important;
  font-size: 16px!important;
  font-weight: 600!important;
  text-decoration: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .newsbox-main-menu .header-add-area {
        margin-left: 15px;
        max-width: 250px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .newsbox-main-menu .header-add-area {
        margin-left: 8px;
        margin-top: 15px;
    }
    .megamenu .know_more{
      margin: 5px 0px 10px 0px;
    }
}

/*-------Header-css-end--------- */
.lims-bg-nav{
  background-color: #f5f9ff;
  border: 1px solid #dae7fa;
  border-radius: 5px;
}
.crm-bg-nav{
  background-color: #EFFDF7;
  border: 1px solid #d8f5e9;
  border-radius: 5px;
}
.inventory-bg-nav{
  background-color: #fcf8eb;
  border: 1px solid #f8ebc4;
  border-radius: 5px;
}
.pacs-bg-nav{
  background-color: #FBF7FF;
  border: 1px solid #ede0fc;
  border-radius: 5px;
}

@media only screen and (max-width: 991px) {
  .header-area .newsbox-main-menu .classy-navbar {
      height: 70px;
  }
  .megamenu .menus_card .card-body{
    padding: 1rem;
  }
  .lims-bg-nav,
  .crm-bg-nav,
  .pacs-bg-nav,
  .inventory-bg-nav{
      border-radius: 0px;
  }
  .download-brochure,
  .price_inventory,
  .price_crm,
  .price_pacs
  {
      display: none!important;
  }
  
}

/* Frequently Asked Questions Section
--------------------------------*/
#faq {
  padding: 60px 0;
  background-color: #000000;
}
#faq .faqImg{
    width: 35px;
    margin-right: 8px;
}
#faq .faq-list {
  padding: 0;
  list-style: none;
}

#faq .faq-list li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#faq .faq-list .question {
  display: block;
  position: relative;
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 5px;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
  font-weight: bold;
}

#faq .faq-list i {
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 8px;
}

#faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 5px;
  color: #ffffff;
}

#faq .faq-list .icon-show {
  display: none;
}

#faq .faq-list .collapsed {
  color: #fff;
}

#faq .faq-list .collapsed:hover {
  color: #3ba341;
}

#faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}

#faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}

/* ----Home-Page---------- */
.banner-inventory {
  background: url("https://technext.github.io/jadoo/v1.0.0/assets/img/hero/hero-bg.svg") center no-repeat;
  background-size: cover;
  position: relative;
}
.home-bg{
  background-color: #F8FAFD;
}
.text-green{
  color: #3ba341;
}
.text-blue{
  color: #1658DC;
}
.text-orange{
color: #FFAB32;
}
.hero-img img{
  position: relative;
}
.margingtop-30{
  margin-top: -30px;
}
.margingtop-50{
  margin-top: -50px;
}

.hero-text h1{
  font-size: 39px;
  color: #222222;
  font-weight: bold;
  text-transform: capitalize;
  margin: 0;
  line-height: 1.3;
}
.hero-text p{
    color: #222222;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 30px;
}

.home-slider-section .tabs-buttons .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.home-slider-section .tabs-buttons .swiper-slide {
  width: auto;
  height: auto;
  padding: 0.6rem 1rem;
  cursor: pointer;
  font-size: 16px;
  border-bottom: 3px solid #f2f2f2;
  font-family: 'Roboto';
}
.home-slider-section .tabs-buttons .active-tab {
  color: #222222;
  font-weight: 700;
  background-color: #ffffff;
  border-color: #3ba341;
  opacity: 1;
}
.read-more{
  font-size: 16px;
  color: #ffffff;
  background-color: #3ba341;
  padding: 6px 15px;
  line-height: 1.4!important;
  width: fit-content;
  border-radius: 25px;
  margin-bottom: 10px;
}
.read-more:hover{
  color: #ffffff;
}
.read-more i{
  top: 1px;
  position: relative;
}
.home-slider-section .inventory-feature-card h5{
font-size: 32px;
font-weight: bold;
}
.home-slider-section .covid-feature-card img{
position: absolute;
margin-top: -5px;
}
.home-slider-section .covid-feature-card h6{
  font-size: 20px;
  font-weight: 400;
  margin-left: 55px;
  text-transform: none;
}
.home-slider-section .swiper-column{
margin-top: 0!important;
}
.home-slider-section .sliderimg{
  margin-top: 10px;
}
.benefits-section{
  background: #1c2023;
}
.dignostic-benefits{
  background-color: #FFFFFF!important;
}
.lims-bg-new{
  background-color: #f1f7fc;
  border-radius: 10px;
  height: 100%;
  padding:1.5rem!important;
}
.benefits-section .benefits-icon-box {
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.benefits-section .benefits-icon-box img {
  padding-bottom: 10px;
  width: 65px;
  height: 65px;
}
.benefits-section .benefits-icon-box h4{
  color: #ffffff;
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: capitalize;
}
.benefits-section .benefits-icon-box h3{
  color: #ffffff;
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: capitalize;
}
.dignostic-benefits .benefits-icon-box .h3-black{
  color: #222222!important;
}
.benefits-section .benefits-icon-box p{
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
}
.dignostic-benefits .benefits-icon-box p{
  color: #222222!important;
}
.trusted-custome-home .card{
  padding: 15px 15px 25px;
  margin-top: 40px;
}
.trusted-custome-home img{
margin-top:15px;
text-align: center;
}
.client-name h6{
font-size: 18px;
font-weight: bold;
color: #222222;
margin-bottom: 0;
margin-top: 0px;
}
.client-name p{
margin-top: 0;
margin-bottom: 0;
}
.support-section{
  margin-top: -180px;
  position: relative;
}
.bg-support{
background-color: #E2FCE3;
border-radius: 10px;
}
.support-content{
  padding: 50px;
}
.support-img{
  position: absolute;
  margin-top: -62px;
  right: 0px;
  border-radius: 10px;
}
.support-content h2{
  font-size: 36px;
  font-weight: bold;
  color: #222;
  text-transform: capitalize;
}
.support-content p{
  font-size: 16px;
  color: #222;
  line-height: 1.4;
}
.chat-support{  
 width: 65px;
 height: 65px;
}
/* ----------- */
.our-product .product-card{
  margin-top: 50px;
  background:none;
  border:none;
  min-height: 305px;
  box-shadow: 0 5px 30px #ecf1f6, 0 5px 15px #ecf1f6;
  border-radius: 10px;
}
.our-product .product-card .card-header{
  display: inline-flex;
  border-radius: 10px 10px 0 0;
  border:none;
  justify-content: space-between;
}
.our-product .product-card .card-body{
  border-radius: 0;
  background-color: #ffffff;
 }
 .our-product .product-card .card-footer{
   border: none;
   background-color: #ffffff;
   border-radius: 0 0 10px 10px;
 }
.our-product .product-card h5 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 5px;
  line-height: 1.4;
  color: #ffffff;
}
.our-product .product-card .know-more{
margin-top: 10px;
font-size: 18px;
color: #3ba341;
font-weight: bold;
}
.our-product .product-card .know-more i{
  top: 2px;
  position: relative;
}
.our-product .product-card .card-text{
  color: #222222;
  font-size: 18px;
  font-family: 'Roboto';
  padding-top: 10px;
  line-height: 1.4;
}
.crm-bg{
  background: linear-gradient(to right, rgba(29,88,184,1) 0%, rgba(57,186,171,1) 100%);
}
.inventory-bg{
  background:linear-gradient(to right, rgba(233,156,100,1) 0%, rgba(193,89,196,1) 100%);
}
.lims-bg{
  background:linear-gradient(135deg, rgba(172,85,192,1) 0%, rgba(29,98,201,1) 100%);
}

/* new-product-section */
.go-corner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 35px;
  height: 35px;
  overflow: hidden;
  top: 0;
  right: 0;
  border-radius: 0 0 0 32px;
}
.crm-go-corner{
  background: linear-gradient(to right, rgba(47, 160, 168) 0%, rgba(38, 124, 172) 100%);
}
.lims-go-corner{
  background:linear-gradient(135deg, rgba(172,85,192,1) 0%, rgba(29,98,201,1) 100%);
}
.inven-go-corner{
  background: linear-gradient(to bottom, #ffb75e, #ed8f03);
}
.go-arrow {
  margin-top: -4px;
  margin-right: -4px;
  color: white;
}
.card3 {
  display: block;
  top: 0px;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 32px 24px;
  text-decoration: none;
  overflow: hidden;
  border: 2px solid transparent;
  height: 100%;
  box-shadow: 0 5px 30px #ecf1f6, 0 5px 15px #ecf1f6;
  transition-duration:0.3s;
}
.card3 h3{
  font-size: 28px;
  font-weight: bold;
  margin-top: 30px;
  line-height: 1.4;
  color: #222222;
}
.card3 p.small{
  font-size: 20px;
  font-weight: normal;
  margin-top: 5px;
  line-height: 1.4;
  color: #4d4d4d!important;
  margin-bottom: 2rem;
}
.card-crmhover:hover {
  border: 2px solid rgba(47, 160, 168);
}
.card-limshhover:hover{
  border: 2px solid rgb(209, 132, 226);
}
.card-invhover:hover{
  border: 2px solid #f1be71;
}
.btn-black-link{
font-size: 18px;
color: #222;
}
.btn-black-link .next-arrow{
  position: relative;
  top: 2.3px;
  margin-left: 10px;
}
.btn-black-link:hover{
color: #3ba341;
}
/* -----Swiper-Slider------- */

.tabs-content .swiper-container {
  width: 100%;
  height: 300px;
}
.tabs-buttons {
  height: auto;
}
.tabs-buttons .swiper-wrapper {
  display: flex;
  justify-content: center ;
}
.tabs-buttons .swiper-slide {
  width: 22%;
  height: auto;
  padding: 10px 16px;
  cursor: pointer;
  border-bottom: 3px solid #f2f2f2;
  text-align: center;
  font-size: 16px;
}
.tabs-content .swiper-slide {
  padding: 2.5rem 2rem 2rem 2rem;
  cursor: grab;
  cursor: -webkit-grab;
}
.tabs-buttons .active-tab {
  opacity: 1;
  border-bottom-color: #3ba341;
  color: #222222;
  font-weight: 700;
}

.swiper-button-next {
  background-image: url('https://s3-ap-southeast-1.amazonaws.com/livehealthuser/userside/images/swiper-right-arrow.svg')!important;
  display: block;
  right: 0;
  height: 30px;
}
.swiper-button-prev {
  background-image: url('https://s3-ap-southeast-1.amazonaws.com/livehealthuser/userside/images/swiper-left-arrow.svg')!important;
  display: block;
  left: 0;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  height: 30px;
}
/* -------slider-2---------- */
.title_h2_mobile{
font-size: 28px;
line-height: 1.4;
}
.mobile-testi .owl-carousel .owl-nav.disabled {
  display: none;
}
.testimonia-inventory .owl-carousel .owl-nav.disabled {
  display: none;
}
.card-icons{
width: 45px!important;
height: 45px;
float: left;
margin-top: 5px;
}
.mob-test-title{
  font-size: 24px;
  margin-bottom:10px;
  margin-top: 5px;
}
.crm-carousel{
  background-color: #EBF9EC!important;
  box-sizing: content-box;
  margin: 30px;
  position: relative;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.b2b-carousel{
  background-color: #F2F6FB!important;
  box-sizing: content-box;
  margin: 30px;
  position: relative;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.inner-info{
  padding: 15px 25px 0px;
}
.inner-info p{
font-size: 18px;
} 
.crm-carousel:first-child{
margin-left: 0;
}
.b2b-carouselfirst-child{
  margin-left: 0;
}
@media (max-width: 420px) {
.crm-carousel:first-child{
  margin: 30px 15px;
}
.b2b-carouselfirst-child{
  margin: 30px 15px;
}
}
.inv-carousel{
  background-color: #F6F1E4!important;
  box-sizing: content-box;
  margin: 30px;
  position: relative;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.inv-carousel:first-child{
margin-left: 0;
}
@media (max-width: 420px) {
.inv-carousel:first-child{
  margin: 30px 15px;
}
}
/* =======Trusted-Customers=========== */
.trustes-customers {
  background: #F2F6FB;
  padding:15px 0;
  margin-top: 30px;
}
.customer-trust .h1 {
  font-size: 52px;
  line-height: 45px;
  margin-top: 5px;
}
.trustes-customers .trusted-cust{
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
.display-text-cust{
  display: inline-flex;
}
.trustes-customers .cust-worldwide {
  font-size: 24px;
  font-weight: 600;
  padding-top: 15px;
  padding-left: 10px;
}
.trustes-customers-img {
  float: right;
}
.trustes-customers-img img{
  width: auto;
  height: 90px;
  padding: 0px 6px;
}



/*---------- Product - Inventory---------- */
.product-inventroy h3, h4{
  font-weight: 400;
}
.hero-img-inventory {
  width: 105%;
}
.hero-title {
  font-weight: 700;
  font-size: 2.88651rem;
  color: #ffa800;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
  line-height: 1.1;
}
.product-page-title-h1 {
  font-size: 42px;
  line-height: 52px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 0;
}
.product-inventroy h3 {
  font-style: normal;
  margin-top: 30px;
  color: #444444;
  font-size: 22px;
  line-height: 34px;
  padding: 0 30px 0px 0px;
  font-family: 'Roboto';

}
.benefits-of-inventory .title-h3{
font-size: 28px;
font-weight: bold;
color: #222222;
text-transform: capitalize;
}
.product-inventroy .btn-white-border{
padding: 12px 20px;
}
.inventory-color{
color:#ffa800!important
}
.view-pricing-inventory{
  color: #ffa800;
  text-decoration: none;
  font-size: 18px!important;
  font-weight: bold;
  position: relative;
  top: -8px;
}
.view-pricing-inventory:hover{
  color: #ffa800;
}
.view-pricing-inventory:focus{
  color: #ffa800;
}
.his_lis{
  margin-top: 20px;
}
.his_lis_card{
  background: #F6F1E4;
  border-radius: 15px;
}
.his_lis_card .padding-20{
  padding: 10px 20px 20px 25px;
}
.his_lis_card h3{
font-size: 32px;
font-weight: 600;
}
.his_lis_card p{
  font-size: 16px;
  line-height: 1.4;
}
.his_lis_card .hislisimg{
margin-top: -110px;
}
.his_lis_card .api-integration{
width: 75px;
height: auto;
margin-bottom: 10px;
}
/*========Product - Diagnostic-========= */
/* ---------sidebar-scrollspy--------- */
.product-diagnostic{
  background-color: #f7f9fc;
}
.wrapper-class{
  padding-top: 50px;
}
.sidebar{
  position: sticky;
  top: 80px;
}
.sidenavTitle .blueBg{
  background-color: #fff;
  color: #222222;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 28px;
  padding: 5px;
}
.content-column {
position: relative;
width: 100%;
}
.lh-diagnostic-nav {
padding: 0px!important;
background-color: #F9FAFB;
flex-direction: column!important;
border-radius: 10px;
}
.margin-hr{
  margin-top: 70px;
  margin-bottom: 80px;
}
.margin-hr-integration{
  margin-top: 40px;
  margin-bottom: 50px;
}
.navbar-expand-md .navbar-scrollspy .nav-item {
  width: 100%;
}
.navbar-expand-md .navbar-scrollspy .nav-link {
      color: #222222;
      padding: 16px 20px 12px 20px!important;
      font-size: 18px;
      font-family: 'Product Sans';
}

.navbar-expand-md .navbar-scrollspy .nav-link.active {
      color: #3A74E7;
      border-bottom: 2px solid #3A74E7;
      background-color: #EBF0F9;
}
.navbar-expand-md .navbar-scrollspy .nav-link.active-link {
  color: #3A74E7;
  border-bottom: 2px solid #3A74E7;
  background-color: #EBF0F9;
}
@media (min-width: 768px) {
.content-column {
  padding: 0px 20px 30px 20px;
}
}
@media (max-width: 768px) {
.sidebar {
  display: none;
  }
}
.content-column .content-inner + .content-inner{
  padding-top: 100px;
}
.content-column .content-inner h3{
font-size: 28px;
font-weight: bold;
text-transform: capitalize;
margin-top: 0;
}
.content-column .content-inner .p1{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 15px;
}
.three-img img{
 margin: 15px 0px 15px 0px;
}
.three-img .p2{
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  text-transform: capitalize;
}
.highest-rate-card .media-body{ 
margin-top: 6px;
text-align: left!important;
}
.highest-rate-card .media .rated-img-2{
  padding-bottom: 0px!important;
}
.highest-rate-card{
  background-color: #103E99;
  padding: 10px 16px;
  justify-content: center;
  vertical-align: middle;
  width: 85%;
  margin-top: 10px;
  position: absolute;
}
.highest-rate-card span{
  color: #ffffff;
  line-height: 26px;
  font-size: 16px;
  vertical-align: middle;
}
.highest-rate-card .rate-percent{
  font-size: 32px;
  font-weight: bold;
  color: #FFC656!important;
}
.highest-rate-card .avg-text{
  margin-top: -2px;
}
.rate-badge-2{
  position: absolute!important;
  right: 45px;
  margin-top: -17px;
  padding-bottom: 0!important;
}
.view-pricing-lims{
  color: #3A74E7;
  text-decoration: none;
  font-size: 18px!important;
  font-weight: bold;
  position: relative;
  top: -8px;
}
.view-pricing-lims:hover{
  color: #3A74E7;
}
.view-pricing-lims:focus{
  color: #3A74E7;
}
.view-pricing-crm{
  color: #3ba341;
  text-decoration: none;
  font-size: 18px!important;
  font-weight: bold;
  position: relative;
  top: -8px;
}
.view-pricing-crm:hover{
  color: #3ba341;
}
.view-pricing-crm:focus{
  color: #3ba341;
}
.martop-10{
  margin-top: -10px;
}
/*---------- end---------- */

/* ------- Integration-page -------*/

.data_integration_card {
  box-shadow: 2px 4px 28px 0px rgba(222, 233, 255, 1);
  border: none;
  border-radius: 15px;
  height: 100%;
  justify-content: center;
}
.data_integration_card p{
  margin-top: 12px;
  margin-bottom: 0;
}
.data_integration_card .card-title{
    font-size: 22px;
    color: #222;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
.data_integration_card img{
  height: 70px;
  width: auto;
}
.integration-card {
  align-items: center;
  justify-content: center;
  height: 155px;
  margin-top: 20px;
  border: 1px solid #EEF0F1!important;
  margin-bottom: 6px;
  border-radius:10px;
}
.image-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-container img {
  max-width: 100%;
  max-height: 100%;
}
.request_card{
  border-radius: 20px;
  background: #F2F6FB;
  padding: 15px 0;
  text-align: center;
}
.request_card h2{
  font-size: 32px;
  font-weight: bold;
}
.request_card p{
  font-size: 18px;
  font-style: italic;
  color: #4d4d4d;
  padding-top: 5px;
}
.request-here{
  font-size: 32px;
  font-weight: bold!important;
  color: #3A74E7!important;
  font-family: 'Product Sans'!important;
}
.request-here:hover{
  font-size: 32px;
  font-weight: bold;
  color: #3A74E7;
}
.requesthere{
  font-size: 16px;
  color: #3A74E7!important;
}
.requesthere:hover{
  color: #3A74E7;
}
.all-integrationBtn{
  color: #ffffff;
  background-color: #1A5DE5;
  border-color: #1A5DE5;
  border-radius: 50px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  padding: 13px 30px;
  cursor: pointer;
  font-size: 20px;
  display: inline-block;
}
.all-integrationBtn:hover{
  color: #ffffff;
  font-size: 20px;
  box-shadow: 0 20px 60px 5px rgba(128,128,128,.35);
}
.all-integrationBtn:active{
  color: #ffffff;
  font-size: 20px;
}
/* -----Multi-Center-Management------ */
.b2b-management .card{
  height: 100%;
  padding: 20px 15px;
}
.b2b-management .card-title{
color: #222222;
font-size: 22px;
margin-bottom: 10px;
font-weight: bold;
text-transform: capitalize;
}
.b2b-management .card-icon{
  margin-bottom: 5px;
}
.b2b-organization h3{ 
font-size: 20px;
}
.multicenter-management h3{
font-size: 28px;
line-height: 1.3;
text-transform: capitalize;
font-weight: bold;
}
.multicenter-management .titleImg{
width: 60px;
height: 60px;
margin-top: 5px;
}
.line-margin{
margin-top: 70px;
margin-bottom: 0px;
}
.multicenter-management .nav-pills{
  border-bottom: 1px solid #d6fad7;
  justify-content: space-evenly;
}
.multicenter-management .nav-link.active{
    color: #000;
    background: none;
    border-bottom: 3px solid #3ba341;
    border-radius: 0;
}
.fontweight{
  font-weight: normal!important;
}
.b2bCard{
  background: #E1FCDE;
  border-radius: 10px;
  border: none;
  height: 100%;
}
.multicrnterCard{
  background: #daebfe;
  border-radius: 10px;
  border: none;
  height: 100%;
}
.patientCard{
  background: #E1FCDE;
  border-radius: 10px;
  border: none;
  height: 100%;
}
.explore-more-img img{
float: right;
border-radius: 10px;
width: 250px;
}
.explore-management .card h3{
  font-size: 28px;
  line-height: 1.3;
  text-transform: capitalize;
  font-weight: bold;
}
.explore-management .card .card-body{
  padding: 1.25rem 1.5rem 0.5rem 1.5rem;
}
.mcenter-title-h4{
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #222;
}
.explore-management .btnblue{
  color: #ffffff;
  background-color: #1A5DE5;
  border: none;
  border-radius: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 5px 14px;
  font-size: 16px!important;
  margin-top: 25px;
}
.multicenter-card{  
background: transparent;
border-radius: 10px;
height: 100%;
padding: 10px;
border: 1px solid #D6DAE0;
}
.multicenter-card .card-title{
  font-size: 28px;
  color: #222;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0;
  font-weight: bold;
}
.multicenter-card .card-footer{
background: transparent;
border: none;
margin-bottom: 1rem;
}
.multicenter-card .read-more-btn{
  font-size: 18px;
  color: #1A5DE5;
  background-color: #fff;
  padding: 8px 16px;
  line-height: 1.4;
  height: auto;
  width: fit-content;
  border-radius: 25px;
  margin-bottom: 10px;
  border: 2px solid  #1A5DE5;
  font-weight: bold!important;
}
.multicenter-card p{
  margin-top: 10px;
  margin-bottom: 0;
}
.branch-card{
border: none;
height: 100%;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
border-radius: 15px;
}
.branch-card .card-title{
  font-size: 24px;
  color: #222;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0;
}
.branch-card p{
  margin-top: 10px;
  margin-bottom: 0;
}
.benefits-card{
  border: none;
}
.benefits-card .card-title{
  font-size: 20px;
  color: #222;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0;
}
.benefits-card p{
  margin-top: 10px;
  margin-bottom: 0;
}
.benefits-card img{
width: auto;
height: 45px;
}
.collectioncenterCard{
border: none;
height: 100%;
box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
border-radius: 20px;
align-items: center;
min-height: 220px;
}
.collectioncenterCard img{
  margin-top: 20px;
}
.collectioncenterCard .card-title{
  font-size: 24px;
  color: #222;
  line-height: 1.4;
  margin-top: 10px;
}
.comparison-table table{
  border: none;
}
.bgcolGreen{
background-color:#EFFDF6;
}
.comparison-table .table th:first-child {
  color: #222;
  background: #fff;
  border: none;
  position: sticky;
  left: 0;
}
.comparison-table table th{
  width: 1px;
  font-size: 18px;
}
.comparison-table table th, td{
border: 1px solid #dee2e6;

}
.comparison-table table td:first-child{
  font-size: 18px;
  position: sticky;
  left: 0;
}
.comparison-table .bgGrey{
background: #e9ecef!important;
}
.comparison-table .table .thead-light th{
color: #222;
font-size: 20px;
}
.financetext{
  color: #222;
  font-size: 20px; 
  font-weight: bold;
}

/* -------Patient-exp -------*/

 .patient_exp_card {
  box-shadow: 2px 4px 28px 0px rgba(222, 233, 255, 1);
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.patient_exp_card p{
  margin-top: 12px;
  margin-bottom: 0;
}
.patient_exp_card .card-title{
    font-size: 28px;
    color: #222;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
.patient_exp_card img{
  height: auto;
  width: 85px;
}
.whats_more{
  background: #f2f6fb;
}
.whats_more h3{
  font-size: 28px;
  color: #222;
}
.whats-more-subtext{
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.other_bebefits_pe ul li:first-child{
  padding-top: 30px;
}
.other_bebefits_pe ul li{
  padding-top: 60px;
}
.other_bebefits_pe .media{
  padding: 2px 10px;
  border-radius: 5px;
  height: 80px;
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}
.other_bebefits_pe .media img{
  height: 50px;
}
.other_bebefits_pe .media .media-body{
  padding-top: 10px;
}
.other_bebefits_pe .media h5{
  font-size: 18px;
  font-weight: bold;
}
.other_bebefits_pe .media .media-icon{
width: 45px;
height: auto;
}

/* -------Home-Collection -------*/
.home-collection-card{  
  background: #EFFDF7;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  border: none;
}
.home-collection-card .card-title{
    font-size: 26px;
    color: #222;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
.home-collection-card p{
    margin-top: 15px;
    margin-bottom: 0;
}
.phelbo-card{
  padding-top: 20px;
  padding-bottom: 15px;
}
.phelbo-card h4{
    font-size: 18px;
    color: #222222;
    font-weight: 600;
}
.phelbo-card p{
  color: #666;
  margin-bottom: 0;
}
.lab-size{
  background-color:#ECF2F0;
}
.lab-size .card{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.lab-size .card-title{
  font-size: 28px;
  color: #222;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0;
  font-weight: bold;
}
.lab-size ul li{
  padding-top: 10px;
  font-size: 18px;
  padding: 5px 25px;
}
.lab-size ul li::before{
  content: "•"; 
  color:#AFCAFF;
  position: absolute;
  font-size: 60px;
  left: 26px;
  margin-top: -35px;
}
.process-path .path-1{
    position: absolute;
    margin-top: 55px;
    z-index: 999;
    margin-left: -74px;
}
.process-path .path-2{
  position: absolute;
  margin-top: 222px;
  z-index: 999;
  margin-left: -92px;
}
/* -----Tox Reporting----- */

.toxilogy-card {
  box-shadow: 2px 4px 28px 0px rgba(222, 233, 255, 1);
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.toxilogy-card p{
  margin-top: 12px;
  margin-bottom: 0;
}
.toxilogy-card .card-title{
    font-size: 22px;
    color: #222;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
.toxilogy-card img{
  height: 75px;
  width: auto;
}
.tox-modalitis{
  background: #f2f6fb;
}
.tox-modalitis h3{
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
}
.tox-modalitis p{
padding:10px;
}
.tox-reporting .card{
  height: 100%;
  border:3px solid #D6E3F3;
  border-radius: 10px;
}
.tox-reporting .card-title{
    font-size: 24px;
    color: #000;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 15px;
}
.tox-report-format .card{
  border-radius: 0;
}
.tox-report-format .card-body{
  padding: 1rem;
}
.tox-report-format h3{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0;
}
.tox-report-format p{
  margin-bottom: 0;
}
.active-border{
  border-bottom: 4px solid #1658DC;
  margin-bottom: 10px;
}
.changeCss{
  opacity: 0.1;
}

/* Report Padding */
/* .reportSection{
  background-image: url(/assets/img/toxicology/report/bg_circle.svg);
  background-repeat: no-repeat;
  background-position: top right;
} */
.reportSection .section{
  height: auto;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
  scroll-behavior: smooth;
  overflow-y: scroll;
  padding-top: 25px;
}
.reportSection h2{
font-size: 32px;
font-weight: bold;
padding: 10px 15px 35px 15px;
line-height: 1.4;
}
.section.active-section{
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .4s ease-in-out;
}
.scrollTop ul {
  padding: 0;
}
.scrollTop ul li {
  list-style: none;
  padding-top: 62px;
  padding-left: 15px;
  padding-right: 15px;
}
.scrollTop a {
  text-decoration: none;
  padding-bottom: 3px;
  color: #222;
  font-size: 20px;
  font-weight: 800;
}
.scrollTop p {
  margin-top: 10px;
}
.scrollTop ul li a.active-links {
  border: none;
  border-bottom: 4px solid#1A5DE5;
}
.reportSection .main{
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border: none;
  border-radius: 15px;
  padding: 20px 0;
  background: #fff;
}
.screenPadding{
  padding-top: 150px!important;
}
.validityPadding{
  padding-top: 120px!important;
}
.confirmationPadding{
  padding-top: 40px!important; 
}
.reportPadding{
  padding-top: 80px!important; 
}
.historyPadding{
  padding-top: 80px!important; 
}
.reportMobile .card{
  height: 100%;
  border-radius: 15px;
}
.reportMobile .card-body{
padding: 1rem;
}
.reportMobile h4{
color: #222;
font-size: 20px;
font-weight: 800;
margin-top: 0;
margin-bottom: 4px;
}
.reportMobile p{
  color: #666;
  font-size: 16px;
}

/*------- molecular---testing------- */
.reportSection .molecular_main {
  border: none;
  border-radius: 22px;
  padding: 20px 0 40px 0;
  background: #fff;
}
.molecular-card {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.molecular-card p{
  margin-top: 12px;
  margin-bottom: 0;
}
.molecular-card .card-title{
    font-size: 24px;
    color: #222;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
.molecular-card img{
  height: 85px;
  width: auto;
}
.modalities-card{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: none;
  border-radius: 15px;
  height: 100%;
  justify-content: center;
  padding: 10px 0;
}
.modalities-card p{
  margin-top: 15px;
  margin-bottom: 0;
}
.modalities-card .card-title{
    font-size: 24px;
    color: #222;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
.modalities-card .media h4{
  font-size: 18px;
  color: #222;
  line-height: 1.4;
  margin-bottom: 0px;
  font-weight: bold;
}
.modalities-card .media img{
height: 35px;
width: auto;
}
.modalities-card .title-image-modalities{
  height: 100px;
  width: auto;
}
.reportSection .nav-pills{
  justify-content: center;
}
.reportSection #reportTab .nav-link{
   font-size: 18px;
   font-weight: 600;
   padding: 0.5rem 2rem;
   background: none;
   border: none;
   border-right: 1px solid rgb(224, 224, 224);
   border-bottom: 1px solid rgb(224, 224, 224);
   border-radius: 0%;
}
.reportSection #reportTab .sublinkfont{
  font-size: 16px!important;
}
.reportSection #reportTab .nav-link.active{
  color: #3ba341;
  background:none;
  border-bottom: 2px solid #3ba341;
}
.reportSection .tab-content{
padding: 0.5rem 0 3rem 0; 
}
.innerTabs .swiper-slide {
  width: auto;
  height: auto;
  padding: 0.6rem 2rem;
  cursor: pointer;
  font-size: 16px;
  border-bottom: 3px solid #f2f2f2;
  margin: auto;
}
.innerTabs .active-tab{
  color: #222;
  font-weight: 700;
  background-color: #fff;
  border-color: #3ba341;
  opacity: 1;
}
.margin-change{
  padding-left: 40px;
  padding-right: 40px;
}
/* Ngs Report */
.reportSection .sectionNgs{
  height: auto;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
  scroll-behavior: smooth;
  overflow-y: scroll;
  padding-top: 35px;
}
.sectionNgs.active-section-ngs{
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .4s ease-in-out;
}
.ngsHeader {
 background: #c7f8ca;
 border-radius: 22px 22px 0 0;
 padding:35px 0;
}
.scrollNgx ul {
  padding: 0;
}
.scrollNgx ul li {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}
.scrollNgx a {
  text-decoration: none;
  padding-bottom: 3px;
  color: #222;
  font-size: 20px;
  font-weight: 800;
}
.scrollNgx p {
  margin-top: 10px;
}
.scrollNgx ul li a.active-links-ngs{
  border: none;
  border-bottom: 4px solid #3ba341;
}
.ngs_padding{
  margin-top: 200px;
}
.ngs_padding1{
  margin-top: 260px;
}
.ngs_padding2{
  margin-top: 120px;
}
.ngs_padding3{
  margin-top: 450px;
}
.ngs_padding4{
  margin-top: 260px;
}
.ngs_padding5{
  margin-top: 260px;
}
.ngs_padding6{
  padding-top: 430px;
}
.ngs_padding7{
  padding-top: 135px;
}
/* covid report */
.reportSection .sectionCovid{
  height: auto;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
  scroll-behavior: smooth;
  overflow-y: scroll;
  padding-top: 35px;
}
.sectionCovid.active-section-covid{
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .4s ease-in-out;
}
.scrollCovid ul {
  padding: 0;
}
.scrollCovid ul li {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}
.scrollCovid a {
  text-decoration: none;
  padding-bottom: 3px;
  color: #222;
  font-size: 20px;
  font-weight: 800;
}
.scrollCovid p {
  margin-top: 10px;
}
.scrollCovid ul li a.active-links-covid{
  border: none;
  border-bottom: 4px solid #3ba341;
}

.covid_title_padding{
  padding-top: 40px!important;
}
.covid_title_padding_two{
  padding-top: 250px!important;
}
.reportSection .reporttitle{
  font-size: 28px;
  font-weight: bold;
  padding: 5px 15px 15px 15px;
  line-height: 1.4;
}
.reportSection .sectionuti{
  height: auto;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
  scroll-behavior: smooth;
  overflow-y: scroll;
  padding-top: 35px;
}
.sectionuti.active-section-uti{
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .4s ease-in-out;
}
.scrollTopUti ul {
  padding: 0;
}
.scrollTopUti ul li {
  list-style: none;
  padding-top: 62px;
  padding-left: 15px;
  padding-right: 15px;
}
.scrollTopUti a {
  text-decoration: none;
  padding-bottom: 3px;
  color: #222;
  font-size: 20px;
  font-weight: 800;
}
.scrollTopUti p {
  margin-top: 10px;
}
.scrollTopUti ul li a.active-linksuti{
  border: none;
  border-bottom: 4px solid #3ba341;
}

.uti_padding_result{
  margin-top: 250px!important;
}
.uti_padding_result2{
  padding-top: 220px!important;
}
.uti_padding2 {
  margin-top: 470px!important;
}
.uti_padding3{
  margin-top: 200px!important;
}
/* -----pharmagenomica-report----- */
.reportSection .sectionGenomics{
  height: auto;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
  scroll-behavior: smooth;
  overflow-y: scroll;
  padding-top: 35px;
}
.sectionGenomics.active-section-geno{
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .4s ease-in-out;
}
.scrollGenomics ul {
  padding: 0;
}
.scrollGenomics ul li {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}
.scrollGenomics a {
  text-decoration: none;
  padding-bottom: 3px;
  color: #222;
  font-size: 20px;
  font-weight: 800;
}
.scrollGenomics p {
  margin-top: 10px;
}
.scrollGenomics ul li a.active-linksgen{
  border: none;
  border-bottom: 4px solid #3ba341;
}
.genomic_padding{
padding-top: 240px;
}
.genomic_padding1{
  padding-top: 200px;
}
.genomic_padding2{
  padding-top: 320px;
}
.genomic_padding3{
  padding-top: 520px;
}
/* -----Wound-report----- */
.reportSection .sectionWound{
  height: auto;
  opacity: 0.3;
  transition: opacity 0.3s ease-in-out;
  scroll-behavior: smooth;
  overflow-y: scroll;
  padding-top: 35px;
}
.sectionWound.active-section-wound{
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .4s ease-in-out;
}
.scrollWound ul {
  padding: 0;
}
.scrollWound ul li {
  list-style: none;
  padding-left: 15px;
  padding-right: 15px;
}
.scrollWound a {
  text-decoration: none;
  padding-bottom: 3px;
  color: #222;
  font-size: 20px;
  font-weight: 800;
}
.scrollWound p {
  margin-top: 10px;
}
.scrollWound ul li a.active-linksgen{
  border: none;
  border-bottom: 4px solid #3ba341;
}
.wound_padding{
padding-top: 340px;
}
.wound_padding1{
  padding-top: 200px;
}
.wound_padding2{
  padding-top: 580px;
}
.wound_padding3{
  padding-top: 270px;
}
/* -----Radiology------ */
.pacs-explore{
  background-color: #E5F0F3;
  padding: 25px 10px;
  border-radius: 20px;
}
.radiology_management .radiology-card{
  box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.radiology-card p{
  margin-top: 12px;
  margin-bottom: 0;
}
.radiology-card .card-title{
    font-size: 22px;
    color: #222;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 0;
    font-weight: bold;
}
.radiology-card img{
  height: auto;
  width: auto;
}
.more-benefits{
  background: #E5F0F3;
}
.more-benefits h4{
    font-size: 22px;
    color: #222222;
    font-weight: 600;
}
.benefits_img{
  margin-top: -210px;
}
.modalities-pacs .card{
  border-radius: 15px;
  height: 100%;
}
.modalities-pacs .modalities-icon{
height: 60px;
width: auto;
margin-top: 5px;
}
.modalities-pacs .card-title{
  margin-bottom: 0;
}
.modalities-pacs .card-title h3{
  font-size: 24px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 0px;
}
.pacs-cta .card{
  background-color: #F2F6FB;
  border-radius: 15px;
}
.pacs-cta .card-body{
padding: 1.5rem 2rem;
}
.pacs-cta h4{
  margin-bottom: 0;
  margin-top: 15px;
}
.pacs-cta h6{
margin-top: 2px;
}
.pacs-cta h4{
  font-weight: bold;
  color: #1658DC;
}
/* ------- Provider Portal--------*/
.referal-card {
  box-shadow: 2px 4px 28px 0px rgb(222 233 255);
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.referal-card img{
  width: auto;
  height: 95px;
}
.referal-card .card-title{
  font-size: 24px;
  color: #222;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0;
  font-weight: bold;
}
.referal-card p{
    margin-top: 15px;
    margin-bottom: 0;
} 
.referral-experience{
  background: #f2f6fb;
}
.referral-experience h4{
  font-size: 24px;
  line-height: 1.4;
  text-transform: capitalize;
  font-weight: bold;
}
.referral-experience .svg-icon{
  height: 60px;
  width: auto;
}
.referral-iso-section p{
font-size: 20px;
}
.white-label-text{
  font-size: 18px;
  color: #666;
  margin-top: 10px;
}
/* ------Hematology------ */
.hematology-card{
  box-shadow: 2px 4px 28px 0px rgb(222 233 255);
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.hematology-card .card-title{
  font-size: 22px;
  color: #222;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0;
  font-weight: bold;
}
.hematology-card p{
  margin-top: 15px;
  margin-bottom: 0;
}
/* .more-benefits-hematology{
  background: #f2f6fb;
} */
.more-benefits-hematology h5{
  font-size: 20px;
  font-weight: bold;
}
.more-benefits-hematology .media{
  padding: 20px;
}
.more-benefits-hematology img{
  height: 50px;
  width: auto;
}

/* ------Blood Chemistry------ */
.bloodchemistry-card{
  box-shadow: 2px 4px 28px 0px rgb(222 233 255);
  border: none;
  border-radius: 15px;
  height: 100%;
  padding: 10px;
  justify-content: center;
}
.bloodchemistry-card .card-title{
  font-size: 24px;
  color: #222;
  line-height: 1.4;
  margin-top: 0px;
  margin-bottom: 0;
  font-weight: bold;
}
.bloodchemistry-card img{
  height: 185px;
  width: auto;
}
.bloodchemistry-card p{
  margin-top: 15px;
  margin-bottom: 0;
}
.interface-instrument{
  background-color: #D7E5E1;
  padding: 45px 25px 20px 25px;
  position: relative;
  top: -86px;
  border-radius: 0px 0px 15px 15px;
}
.interface-instrument h3{
  font-size: 24px;
  line-height: 1.4;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 5px;
}
.interface-instrument p{
  font-size: 20px;
  margin-bottom: 5px;
}
.interface-instrument h4{
  font-size: 36px;
  font-weight: bold;
  color: #1658DC;
  margin-top:0px;
  margin-bottom: 0;
}
.border-rt{
  border-right:1px solid rgb(196, 196, 196);
}
.lab-operation-img img{
  z-index: 999!important;
  position: relative;
}
.pos-asnalytical .post-analytical-card{
border:none;
background: #F3F7FB;
border-radius: 15px;
height: 100%;
padding: 0.5rem;
}
.pos-asnalytical .post-analytical-card p{
  margin-bottom: 0;
  font-size: 18px;
}
.pos-asnalytical .post-analytical-card h5{
  font-size: 22px;
  color: #1658DC;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 5px;
}
.pos-asnalytical .post-analytical-card h5>span{
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto';
}
.pos-asnalytical .post-analytical-card h6{
  font-size: 36px;
  color: #1658DC;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 0;
}
.pos-asnalytical .green-card{
  background-color: #e8fae9;
  border-radius: 5px;
  padding: 10px 40px;
  position: relative;
  margin-top: -125px;
}
.pos-asnalytical .posImg{
z-index: 999!important;
}
.pos-asnalytical .posImg img{
  margin-top: 50px;
}
.image-md-block{
  display: none;
}

/* ------hospital-based-labs-------- */
.lottie-image-hos{
  display: block;
}
.lottie-image-mob{
  display: none;
}
.icon-labs-title{
  font-size: 22px;
  color: #222222;
  font-weight: 600;
}
.discover_hospital_based_labs .media img{
  height: 60px;
  width: auto;
}
.discover_hospital_based_labs .media p{
  padding-right: 20px;
}
.discover_hospital_based_labs h4{
font-size: 24px;
color: #fff;
text-align: center;
font-weight: bold;
}
.bg-discover-lab{
  background-image: url('https://creliohealth.com/assets/img/hospital-lab/BG_group.webp');
  background-size:100% 100%;
  border-radius: 20px;
  padding: 20px;
  height: fit-content;
}
.hospital-img-carousel .owl-dot.active{
  background-color:#3ba341!important;
}
.hospital-img-carousel .owl-dots{
  position: absolute;
  margin-top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hospital-img-carousel .owl-dot{
    display: inline-block;
    margin: 0 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd!important;
}
.hospital-img-carousel .owl-item img{
  margin: auto;
}
.tat-optimized .card{
  padding: 18px;
  box-shadow: 2px 4px 28px 0px rgb(222 233 255);
  width: 350px;
  border: 0;
}
.tat-optimized .card-1{
  margin-top: 50px;
 }
.tat-optimized .card-2{
 margin-left: 45px;
 margin-top: 30px;
}
.tat-optimized .card-3{
  margin-left: 95px;
  margin-top: 30px;
 }
 .connecting_dots_ehr .card{
   background-color: #f5f9ff;
   height: 100%;
   border-radius: 10px;
 }
 .connecting_dots_ehr .card .his-title{
  font-size: 22px;
  color: #222222;
  font-weight: 600;
  text-transform: capitalize;
}
.better_patient_outcomes h3{
  font-size: 22px;
  color: #222222;
  font-weight: 600;
}
.solution-workflows img{
  margin-bottom: 0px;
  width: auto;
  height: 180px;
}
.solution-workflows p{
 font-size: 22px;
 color: #222;
 font-weight: 500;
}
.integration-redirect-bg{
  margin: 25px 0;
}
.integration_laptop{
  display: block;
}
.integration_mob{
  display: none;
}
.integration-icons img{
  box-shadow: 0px 2px 13px 0px #DBE8F8;
  border-radius: 10px;
  width: 140px;
}

@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-4px); }
}
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-4px); }
}
.integration-icons .img01{
  position: absolute;
  top: 140px;
  right: 110px;
  -webkit-animation: mover 1.3s infinite  alternate;
  animation: mover 1.3s infinite  alternate;
}
.integration-icons .img02{
  position: absolute;
  top: 255px;
  right: 160px;
  -webkit-animation: mover 1.5s infinite  alternate;
  animation: mover 1.5s infinite  alternate;
}
.integration-icons .img03{
  position: absolute;
  top: 30px;
  right: 230px;
  -webkit-animation: mover 1.1s infinite  alternate;
  animation: mover 1.1s infinite  alternate;
}
.integration-icons .img07{
  position: absolute;
  top: 380px;
  right: 105px;
  -webkit-animation: mover 1.7s infinite  alternate;
  animation: mover 1.7s infinite  alternate;
}
.integration-icons .img05{
  position: absolute;
  top: 30px;
  left: 200px;
  -webkit-animation: mover 1.1s infinite  alternate;
  animation: mover 1.1s infinite  alternate;
}
.integration-icons .img06{
  position: absolute;
  top: 140px;
  left: 60px;
  -webkit-animation: mover 1.3s infinite  alternate;
  animation: mover 1.3s infinite  alternate;
}
.integration-icons .img10{
  position: absolute;
  top: 260px;
  left: 110px;
  -webkit-animation: mover 1.5s infinite  alternate;
  animation: mover 1.5s infinite  alternate;
}
.integration-icons .img08{
  position: absolute;
  top: 380px;
  left: 60px;
  -webkit-animation: mover 1.7s infinite  alternate;
  animation: mover 1.7s infinite  alternate;
}
.integration-icons .img04{
  position: absolute;
  top: 475px;
  right: 235px;
  -webkit-animation: mover 1.8s infinite  alternate;
  animation: mover 1.8s infinite  alternate;
}
.integration-icons .img09{
  position: absolute;
  top: 475px;
  left: 212px;
  -webkit-animation: mover 1.8s infinite  alternate;
  animation: mover 1.8s infinite  alternate;
}
.explore_integration_btn{
    color: #ffffff;
    background-color: #1C4E98;
    border-color: #1C4E98;
    border-radius: 10px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    padding: 15px 30px;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold!important;
    display: inline-block;
    width: 300px;
    margin-top: 15px;
}
.explore_integration_btn:hover{
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  box-shadow: 0 20px 60px 5px rgba(128,128,128,.35);
}
.explore_integration_btn:active{
  color: #fff;
  font-size: 24px;
}
.explore_integration_btn:focus{
  color: #fff;
  font-size: 24px;
}
.improve_reliability h3{
  font-size: 24px;
}
.integration-machines{
  position: absolute;
  top: 136px;
  right: 17px;
}
/* -------Anatomical------- */
.hematology-card .img1{
  height: 175px;
}
.pol-card-img{
  height: 220px!important;
  width: auto;
}
.pol-card-text{
  font-size: 18px;
  padding: 0 5px;
}
.title-h3-pol{
  font-size: 30px;
  line-height: 1.4;
  text-transform: capitalize;
}
.pol-subtext{
  font-size: 20px;
  line-height: 1.4;
  margin-top: 30px;
  margin-bottom: 0;
}
.certification-section .card{
padding: 40px 0 50px 0;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
border-radius: 20px;
border: 0;
}
.disclaimer{
  font-size: 20px;
  color: #666;
}
.lottie-image{
  overflow: hidden;
  width: 190px;
  height: auto;
  overflow: hidden;
  position: absolute;
  right: 75px;
  bottom: 0px;
}
/* ------ D2C Labs-----------*/
.card-svg{
  height: 110px;
}
.phelbo-card-1{
  padding-top: 20px;
  padding-bottom: 35px;
}
.phelbo-card-1 h4{
    font-size: 18px;
    color: #222222;
    font-weight: 600;
}
.phelbo-card-1 p{
  color: #666;
  margin-bottom: 0;
}
.end-to-end-testing h3{
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}
.end-to-end-testing .capture-patient{
  height: 260px;
}
.end-to-end-testing p{
  padding: 5px 10px;
}
.kit-management-path {
  z-index: 9999;
  position: absolute;
  top: 155px;
  left: 280px;
  width: 582px;

}
.d2c-evolution-card{
  background-color: #E0F2E7;
  border: 0;
  border-radius: 10px;
  height: 100%;
}
.d2c-evolution-card .card-body{
 padding: 1rem;
}
.d2c-evolution-card .card-title{
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 0;
}
.d2c-evolution-card img{
  height: 165px;
  width: auto;
}
.d2c-patient-portal p{
  font-size: 18px;
  color: #222;
}
.d2c-patient-portal .imgBan{
  margin-top: -35px;
}
.d2cwhitelabel{
  margin-top: -55px;
}
/* ------reference labs---------- */
.referencebg{
  background-image: url('https://creliohealth.com/assets/img/reference-labs/Banner-Image.webp');
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  padding: 130px 0 85px 0;
}
.seamlessIntegration h4{
    font-size: 18px;
    color: #222222;
    font-weight: 600;
}
.whatsMore img{
  height: 180px;
  width: auto;
}
.whatsMore h3{
  font-size: 22px;
  color: #222222;
  font-weight: 600;
  margin-top: 30px;
}
@media only screen and (min-width: 1700px){
  .referencebg{
    background-size: 100%;
  }
}
@media only screen and (max-width: 991px){
  .referencebg{
      background-image: none;
      padding: 100px 0 70px 0;
      background-color: #F2F6FB;
  }
}
/* ----Implementations ---  resources------*/
.g2-images-2{
  height: 100px;
  width: auto;
}
.implementaion-card .text3x{
    font-size: 3.2rem;
    font-weight: bold;
    color: #1A5DE5;
    margin-top: 15px;
    margin-bottom: 5px;
}
.implementaion-card p{
  font-size: 20px;
  color: #222222;
  font-weight: bold;
}
.dedicated-team{
  background: #DBECE3;
}
.resource-subtext{
  font-size: 20px;
}
.vl {
  border-left: 1px solid #ebedee;
  height: 115px;
  position: absolute;
  margin-top: 115px;
  margin-right: 520px;
}
.vl-2{
  border-left: 1px solid #ebedee;
  height: 115px;
  position: absolute;
  margin-top: 115px;
  margin-right: 40px;
}
.vl-3{
  border-right: 1px solid #ebedee;
  height: 115px;
  position: absolute;
  margin-top: 115px;
  margin-left: 600px;
}
.video-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(231, 237, 248, 0.8); 
  border: 5px solid #222;
  border-radius: 15px;
  z-index: 1; 
}
.basic-2 .image-container img {
	border-radius: 0.75rem;
}
/* Video Play Button */
.basic-2 .video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	height: 2.75rem;
	padding: 1.125rem 1.25rem 1.125rem 1.75rem;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-2 .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 50%;
	background: #3ba341;
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-2 .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: #3ba341;
	transition: all 200ms;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-2 .video-play-button span {
	position: relative;
	display: block;
	z-index: 3;
	top: 0.375rem;
	left: 0.25rem;
	width: 0;
	height: 0;
	border-left: 1.625rem solid #fff;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
  
@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
.flexible-lims-card{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-top: -190px;
  border-radius: 15px;
  border: 0;
  padding: 1.25rem;
}
.flexible-lims p{
    font-size: 20px;
    margin-top: 15px;
    font-weight: 600;
}
.customer-support{
  background-color: #EBF0F9;
}
.customer-support .card{
  background-color: #EBF0F9;
}
.customer-support .customer-content h3{
  font-size: 20px;
  padding: 5px 0;
  line-height: 1.4;
}
.customer-support .card-body{
  padding-right: 0.5rem;
}
.customer-support .customer-content img{
  width: 50px;
}
.customer-support .owl-carousel .owl-nav.disabled{
  display: none;
}
.customer-support .testimonials .owl-dot.active{
background-color: #1A5DE5!important;
}
.implementations-stages .icons{
  height: 60px;
  width: 60px;
}
.nav-implementations .nav-link{
  box-shadow: 0 0 30px rgba(0,0,0,0.058823529411764705);
  border-radius: 10px;
  padding: 1.5rem 0.8rem;   
  cursor: pointer;
  border: 1px solid #EDF0F3;
  margin-top: 25px;
}
.nav-implementations .nav-link.active{
  background:#fff;
  border-top: 5px solid #1A5DE5;
  border-left: 1px solid #1A5DE5;
  border-right: 1px solid #1A5DE5;
  border-bottom: 1px solid #1A5DE5;
}
.nav-implementations .nav-link.active::after{
  border-color: #1A5DE5;
  opacity: 1;
}
.nav-implementations .nav-link::after{  
    width: 20px;
    height: 20px;
    background: #fff;
    content: "";
    position: absolute;
    right: 5.5px;
    margin: 0 auto;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    opacity: 0;
}
.nav-implementations .nav-link h3{
    font-size: 26px;
}
.nav-implementations .nav-link.active > h3{
  font-weight: bold!important;
  font-size: 26px;
}
.title-implementation h2{
    font-size: 36px;
    font-weight: 700;
    color: #222222;
    text-transform: capitalize;
    margin-top: 0;
}
.title-implementation p{
  font-size: 20px;
  margin-bottom: 20px;
}
/* --------------------- */
@media only screen and (max-width: 1200px){
.reportSection .main{
  padding: 20px;
  background: #fff;
}
.integration-machines{
  width: 105px;
}

.integration-icons .img01{
  top: 130px;
  right: 90px;
}
.integration-icons img{
  width: 120px;
  height: auto;
}
.integration-icons .img05{
left: 170px;
}
.integration-icons .img06{
  top: 130px;
  left: 50px;
}
.integration-icons .img02 {
  top: 230px;
  right: 135px;
}
.integration-icons .img03{
  right: 200px;
}
.integration-icons .img07 {
  top: 325px;
  right: 90px;
}
.integration-icons .img08 {
  top: 325px;
  left: 50px;
}
.integration-icons .img04 {
  top: 400px;
  right: 195px;
}
.integration-icons .img09 {
  top: 400px;
  left: 175px;
}
.integration-icons .img10 {
  top: 230px;
  left: 95px;
}
.tat-optimized .card-2{
  margin-left: 30px;
 }
 .tat-optimized .card-3{
   margin-left: 65px;
  }
.hero-text h1{
  font-size: 32px;
  line-height: 1.4;
}
.hero-text p{
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 25px;
}
.pos-asnalytical .post-analytical-card{
  padding: 0rem;
}
.pos-asnalytical .green-card{
  margin-top: -70px;
}
.screenPadding {
  padding-top: 125px!important;
}
.validityPadding {
  padding-top: 106px!important;
}
.reportPadding {
  padding-top: 55px!important;
}
.summuriesPadd{
  padding-top: 5px!important;
}
.margin-change{
  padding-left: 15px;
  padding-right: 15px;
}
.reportSection .molecular_main {
  padding: 20px 30px 40px 30px;
}
.ngs_padding {
  margin-top: 134px;
}
.ngs_padding1 {
  margin-top: 222px;
}
.ngs_padding3 {
  margin-top: 380px;
}
.ngs_padding4 {
  margin-top: 205px;
}
.ngs_padding6 {
  padding-top: 332px;
}
.uti_padding2 {
  margin-top: 385px!important;
}
.uti_padding3 {
  margin-top: 154px!important;
}
.uti_padding_result {
  margin-top: 180px!important;
}
.wound_padding {
  padding-top: 265px;
}
.wound_padding2 {
  padding-top: 460px;
}
.genomic_padding1 {
  padding-top: 115px;
}
.genomic_padding2 {
  padding-top: 280px;
}
.genomic_padding3 {
  padding-top: 460px;
}
.vl {
  margin-right: 440px;
}
.vl-2{
  margin-right: 20px;
}
.vl-3{
  margin-left: 500px;
}
}
@media only screen and (max-width: 991px){
.multicenter-management br{
display: inherit!important;
}
.d2cbgcolor{
  background-color: #F2F6FB;
}
.section-padding-90-40{
  padding-bottom: 20px;
}
.lottie-image-hos{
  display: none;
}
.lottie-image-mob{
  display: block;
}
.tat-optimized .card{
  width:auto;
}
.integration_laptop{
  display: none;
}
.integration_mob{
  display: block;
}
.tat-optimized .card-1{
  margin-top: 20px;
 }
.tat-optimized .card-2{
 margin-left: 0;
 margin-top: 30px;
}
.tat-optimized .card-3{
  margin-left: 0;
  margin-top: 30px;
 }
 .explore_integration_btn{
   font-size: 20px;
   color: #fff;
   width: auto;
   padding: 12px 24px;
 }
.title-implementation h2{
  font-size: 26px;
  margin-bottom: 5px;
}
.nav-implementations{
justify-content: space-evenly;
flex-wrap: nowrap;
}
.nav-implementations .nav-link::after{ 
  width: 15px;
  height: 15px;
  bottom: -7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  opacity: 0;
  right: auto;
  left: auto;
}
.nav-implementations .nav-link.active::after {
  margin-left: -8px;
}
.implementations-stages .icons {
  height: 40px;
  width: 40px;
  margin-right: 0!important;
}
.nav-implementations .nav-link {
    box-shadow: none;
    border-radius: 10px;
    padding: .5rem 1rem;
    cursor: pointer;
    border: 1px solid #EDF0F3;
    display: block!important;
    text-align: center;
    margin-top: 0;
}
.nav-implementations .nav-link h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.nav-implementations .nav-link.active > h3{
  font-size: 18px;
}
.title-implementation p {
  font-size: 18px;
  margin-bottom: 20px;
}
.basic-2 .image-container {
  max-width: 53.125rem;
  margin-right: auto;
  margin-left: auto;
}
.pol-subtext {
  font-size: 16px;
  margin-top: 15px;
}
.pol-icon{
  height: 55px;
}
.vl {
  display: none;
}
.vl-2{
  display: none;
}
.vl-3{
  display: none;
}
.lottie-image{
display: none;
}
.pb-pol-5{
  padding-bottom: 65px;
}
.title-h3-pol{
  font-size: 20px;
}
.title-h3-pol-2{
  font-size: 20px;
}
.pol-subtext{
  margin-bottom: 0;
}
.pt-more5{
  padding-top: 2.5rem;
}
.pos-asnalytical .green-card{
  margin-top: 40px;
}
.pos-asnalytical .post-analytical-card h5{
  font-size: 16px;
}
.pos-asnalytical .post-analytical-card h6 {
  font-size: 28px;
}
.pacs-cta .card{
  text-align: center;
}
.more-benefits{
  background: #E5F0F3;
  margin-top: 0px;
}
.benefits_img{
margin-top: -140px;
}
.multicenter-management .text-center-med{
  margin-top: 0px;
  margin-bottom: 10px;
}
.his_lis_card .hislisimg{
  margin-top: 0px;
}
.his_lis_card .card-body{
text-align: center;
}
.his_lis_card .padding-20{
  padding: 20px 20px 10px 20px;
}
.other_bebefits_pe ul li{
  padding-top: 30px;
}
.process-path .path-1{
 display: none;
}
.process-path .path-2{
display: none;
}
.image-md-block{
  display: initial;
}
.reportSection .tab-content {
  padding: 0;
}
}

@media only screen and (max-width: 767px){
  .pos-asnalytical .posImg{
    display:none;
  }
  .customer-support .customer-content{
    padding: 0.5rem;
    text-align: center;
  }
  #infectious-tab{
    border-right: 0!important;
  }
  #reportTab{
    padding: 1rem 0 0 0;
  }
.interface-instrument{
  background-color: #D7E5E1;
  padding: 25px;
  position: relative;
  top: 5px;
  border-radius: 15px;
  margin-bottom: 50px;
}
.all-integrationBtn{
  width: auto;
}
}
@media only screen and (max-width: 575px){
  .border-md-bottom{
    border-bottom:1px solid rgb(196, 196, 196);
  }
  .interface-instrument{
    padding: 20px;
    border-radius: 0px;
  }
  .more-benefits-hematology img{
    height: 40px;
  }
  .certification-section .columns-width{
    width: 50%;
  }
}
@media only screen and (max-width: 475px){
.pos-asnalytical .green-card{
  padding: 0px;
}
#genetic-marker-tab{
  border-right: 0!important;
}
.nav-implementations .nav-link{
  padding: 0.5rem;
}
}
@media only screen and (max-width: 390px){
    .implementations-stages .icons {
      display: none;
    }
    .nav-implementations .nav-link.active > h3 {
      font-size: 16px;
    }
    .nav-implementations .nav-link > h3{
      margin-top: 5px;
      font-size: 16px;
    }
  }
/* ------end-------- */
/* ===Testimonials============= */
.testimonials-xl .grid-card-test{
height: 100%;
background-color: #fff;
background-clip: border-box;
-webkit-box-shadow: 0 5px 30px #ecf1f6, 0 5px 15px #ecf1f6;
box-shadow: 0 5px 30px #ecf1f6, 0 5px 15px #ecf1f6;
border-radius: 10px;
border: 0;
}
  .owl-carousel .owl-stage {
		display: flex;
	}
	.owl-item {
		display: flex;
		flex: 1 0 auto;
	}
.bg-whitesmoke{
  background-color: #f4f5f7;
}
.testimonials .testimonial-item {
  box-sizing: content-box;
  padding: 30px;
  margin: 30px 15px;
  position: relative;
  background: #fff;
  border-radius: 10px;
}
.test-desription{
font-size: 18px;
color: #222222;
margin-top: 25px; 
}
.test-des{ 
font-size: 18px;
color: #222222;
margin-top: 25px; 
text-transform: capitalize;
}
.test-des-crm{
  font-size: 18px;
color: #222222;
margin-top: 25px; 
}
.test-des-lims{ 
  font-size: 18px;
  color: #222222;
  margin-top: 25px;
}
.test-des-inv{ 
  font-size: 18px;
  color: #222222;
  margin-top: 25px;
}
.testimonials .name{
  padding-top: 15px;
  font-size: 24px;
  font-weight: 500;
}
.speech-bubble-green {
	position: relative;
	border-radius: .4em;
}
.testimonial-left-bg .left-bg{
  width: auto;
  height: 150px;
  left: 35px;
  margin-bottom: 0px;
  margin-top: 275px;
  position: absolute;
}
.testimonial-right-bg .right-bg{
  width: auto;
  height: 272px;
  margin-top: 320px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.testimonial-right-bg .right-bg-inv{
  width: auto;
  height: 280px;
  margin-top: 302px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.testimonial-right-bg .right-bg-b2b{
  width: auto;
  height: 290px;
  margin-top: 315px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.testimonial-right-bg .right-bg-mcm{
  width: auto;
  height: 290px;
  margin-top: 342px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.testimonial-right-bg .right-bg-pe{
  width: auto;
  height: 290px;
  margin-top: 318px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.right-bg-bc{
  width: auto;
  height: 280px;
  margin-top: 278px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.testimonial-right-bg .right-bg-hemat{
  width: auto;
  height: 290px;
  margin-top: 314px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.testimonial-right-bg .right-bg-anatomy{
  width: auto;
  height: 290px;
  margin-top: 390px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}

.testimonial-right-bg .right-bg-referral{
  width: auto;
  height: 270px;
  margin-top: 287px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.testimonial-right-bg .right-bg-lims{
  width: auto;
  height: 260px;
  margin-top: 298px;
  right: 0px;
  margin-bottom: 0px;
  position: absolute;
}
.speech-bubble:before {
	content: "";
    position: absolute;
    top: -28px;
    left: 40px;
    width: 65px;
    height: 65px;
    -webkit-border-radius: 65px;
    -moz-border-radius: 30px;
    border-radius: 65px;
	background-repeat: no-repeat;
}
.speech-bubble-green:before {
  background-image: url("https://creliohealth.com/assets/img/testimonial-quote-green.svg");
}
.speech-bubble-blue:before {
  background-image: url("https://creliohealth.com/assets/img/testimonial-quote-blue.svg");   
}
.speech-bubble-orange:before{
  background-image: url("https://creliohealth.com/assets/img/inventory-testimonial-quot.svg");
}
.speech-bubble-reguler:before{
  background-image: url("https://creliohealth.com/assets/img/testimonial-quotes-reguler.svg");
}
.clients-carousel .owl-nav button{
  display: none;
}
.testimonials .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: flex;
}
.testimonials .owl-dots {
  text-align: center;
  /* padding-top: 15px; */
}
.testimonials .owl-dot.active{
  background-color: #3ba341!important;
}
.testimonia-inventory .owl-dot.active{
  background-color: #FFAB32!important;
}
.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.testimonials .owl-nav button {
  position: absolute;
  top: 0;
  bottom: 0;
}
.testimonials .owl-prev {
  left: -55px;
  transform: rotate(180deg);
}
.testimonials .owl-next {
  right: -55px;
  transform: rotate(180deg);
}
.testimonials .owl-nav img {
  width: 60px;
  height: auto;
}
.g2-review{
  color: #3ba341!important;
  font-size: 16px!important;
  margin-bottom: 0;
}
.g2-review:hover{
  color: #3ba341;
}
.g2-review:focus{
  color: #3ba341;
}
.Boxshadow{
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}
@media (min-width: 991px) {
  .visible-xl {
    display: block;
  }
  .visible-md{
    display: none;
  }
}
@media (max-width: 991px) {
  .visible-xl {
    display: none;
  }
  .visible-md{
    display: block;
  }
  .g2-review{
    display: none!important;
  }
  .marginTop-20{
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .order-small-1 {
    order: 2;
  }
  .order-small-2 {
    order: 3;
  }
}

/* =========Drwer-css========== */
.B2B_Requirements{
  position: relative;
  margin-top: -152px;
}
.B2B_Requirements .pt-40{
padding-top: 20px;
}
.B2B_Requirements .b2b_requirement_card{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: none;
  border-radius: 10px;
}
.B2B_Requirements h3{
font-size: 24px;
color: #222;
line-height: 1.4;
margin-top: 0px;
margin-bottom: 0;
}
.B2B_Requirements .b2b_requirement_card img{
width: 65px;
height: auto;
}
.benefits-section-b2b{
  background: #F2F6FB;
}

.benefits-section-b2b .media{
align-items: center;
}
.more-benefits-info{
  padding-left: 15px;
  padding-right: 15px;
}
.service-box-info{
  border-bottom: 1px solid #eee;
  padding-left: 15px;
  padding-right: 15px;
}
.service-box-info:last-child{
    border-bottom: none;
}
.service-box-info .mediaImg{
width: 55px;
height: auto;
}
.service-box-title-1{
    font-size: 22px;
    color: #222;
    font-weight: 500;
    line-height: 1.4;
}
.more-benefits-title-1{
    font-size: 20px;
    color: #222;
    font-weight: bold;
    line-height: 1.4;
}
.border-box{
   border:1px solid rgb(226, 226, 226);
}
.accordion {
	padding: 0;
	list-style: none;
}

.accordion-item {
  background: transparent;
  margin-top: 20px;
  border: 2px solid #F6F1E4;
  border-radius: 6px;
  padding: 0.75rem;
  cursor: pointer;
}
.accordion-item .icon-title{
    width: 30px;
    float: left;
}
.accordion-item:first-child{
  margin-top: 0;
}
.is-active{
  background:#F6F1E4;
  border: 2px solid  #ed8f03;
}
.crm-accordion-border{
  border: 2px solid #EBF9EC;
}
.b2b-border{
  border: 1px solid #ebf0f9;
}
.is-active-crm{
  background:#EBF9EC;
  border: 2px solid #3ba341;
}
.is-active-b2b{
  background:#F2F6FB;
}

/* Thumb */

.accordion-thumb {
	cursor: pointer;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
  color: #222222;
  margin: 5px 0 10px 45px;
}
.activetab{
  font-weight: bold;
}
/* Panel */
.accordion-panel {
	display: none;
  margin: 0 3rem 0rem;
  color: #666;
}
.accordion-thumb::after {
  content: "\f282";
  float: right;
  font-size: 14px;
  font-weight: lighter;
  color: #222222;
  font-family:'bootstrap-icons';
}
/* Active */
.accordion-item.is-active .accordion-thumb::after {
   transform: rotate(180deg);
}
/* Active */
.accordion-item.is-active-crm .accordion-thumb::after {
   transform: rotate(180deg);
}
.accordion-item.is-active-b2b .accordion-thumb::after {
  transform: rotate(180deg);
}
/* General page styling */


.tab {
  display: none;
}
.tab.active {
  display: block;
}
.tab.isactive {
  display: block;
}
.tab.activePacs {
  display: block;
}
.tab.activetab{
  display: block;
}
.tab.activetime{
  display: block;
}
.tab.active-4{
  display: block;
}
.isactive > h3{
font-weight: bold!important;
}
.activePacs > h3 {
  font-weight: bold!important;
}
.active > h3{
  font-weight: bold!important;
}
.activetime > h3{
  font-weight: bold!important;
}
.activetab > h3{
  font-weight: bold!important;
}

@media (max-width: 767px) {
  .B2B_Requirements h3{
    margin-top: 10px;
  }
  .B2B_Requirements .media{
    display: block;
  }
  .B2B_Requirements .pt-40{
    padding-top: 10px;
  }
  .referral-experience .referral-expCard{
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .referral-linking{
    border-bottom: none!important;
  }
}
/*--------------------------------------------------------------
# Features-Section
--------------------------------------------------------------*/
#details .content + .content{
  padding-top: 130px;
}
#details .content-mcm + .content-mcm{
  padding-top: 65px;
  padding-bottom: 65px;
}
#details .content-mcm:first-child{
  padding-bottom: 65px;
}
#details .content-mcm + .content-mcm:last-child{
  padding-bottom: 0px;
}
.feature-card-group{
  padding-top: 30px;
}
.inventory-feature-card h5 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left:90px;
}
.inventory-feature-card h6 {
  font-size: 16px;
  color: #444444;
  font-weight: 300;
  margin-bottom: 5px;
  margin-top: 5px;
  line-height:1.4;
  margin-left: 60px;
  font-family: 'Roboto';
}
.inventory-feature-card img{
  float: left;
}
.inventory-feature-card{
  margin-top: 10px;
  padding: 10px 20px 10px 0px;
  border-radius: 6px;
  position: relative;
}
.inventory-demo-gradient-bg{
  background: linear-gradient(to right, rgba(233,156,100,1) 0%, rgba(193,89,196,1) 100%);
  padding: 100px 0px;
  text-align: center;
}
.crm-demo-gradient-bg{
  background: linear-gradient(to right, rgba(23, 204, 126, 1) 0%, rgba(13, 92, 175, 1) 100%);
  padding: 100px 0;
  text-align: center;
}
.book-demo-text{
  font-size: 46px;
  font-weight: 500;
  line-height: 1.4;
}
.book-demo-inv{
  font-size: 42px;
  font-weight: 500;
  line-height: 1.3;
}
.book-demo-subtext{
  margin: 20px 0;
  font-size: 26px;
}

/* ---------------- */
@media (min-width: 1200px) {
    .hero-title {
      font-size: 4.62363rem;
    }
  }
  
@media (min-width: 1400px) {
    .hero-title {
      font-size: 5.20158rem;
    }
  }




/* -----About-Page----- */
.lh-about-banner{
    background: url('https://creliohealth.com/assets/img/about-banner.webp');
    height: 650px;
    background-size: cover;
    background-position: center;
}

.about-text h1{
    font-size: 42px;
    color: #222222;
    font-weight: bold;
    text-transform: capitalize;
    padding-top: 20px;
    margin: 0;
    line-height: 1.4;
}
.lh-about-banner .lh-desc{
  margin-top: 60px;
}
.lh-about-banner .lh-desc .title-1 {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 0;
  color: #000000;
	font-family: 'Product Sans';
}
.lh-about-banner .lh-desc .title-2 {
  font-size: 20px;
  font-weight: 300;
  color: #444444;
  font-family: 'Roboto';
}
.about-h2{
    line-height: 32px;
    margin-bottom: 10px;
}
.lh-about-details .about-h1 {
  font-size: 52px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}
.about-h3 {
  font-size: 22px;
  line-height: 30px;
}
.leadership-text{
  font-size: 28px;
  line-height: 1.4;
  font-weight: 300;
  margin-top: 15px;
  font-family: 'Roboto';
}
.discover-text{
  font-size: 2.5rem;
}
.bg-different{
    background-size: cover;
    display: block;
    position: relative;
    width: 100%;
    background-image: url('https://s3-ap-southeast-1.amazonaws.com/livehealthuser/userside/images/what-makes-different-livehealth-LH.webp');
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background: 0,0,0,0.5;
    padding: 110px 0;
}
.lh-about-team-desc-inner .title-2 {
  font-size: 16px;
  font-weight: 300;
  color: rgb(68, 68, 68);
}
.nexus-img{
  height: 70px;
  width: auto;
}
/* ----covid--page------- */
.covid-title-h1{
  font-size: 42px;
  color: #1055ab!important;
  margin-bottom: 3px;
}
.testing-setup-title{
  font-size: 32px !important;
  line-height: 44px;
  font-weight: bold;
  margin-top: 0px;
}
.testing-setup-text{
  font-size: 24px;
  line-height: 32px;
  font-weight: 400!important;
  color: #222222;
  font-family: 'Roboto';
}
.pricing-text-2{
font-size: 16px;
font-weight: 400!important;
color: #222222;
margin-bottom: 2rem;
}
.mb-30{
  margin-bottom: 30px;
}
.covid-section .inventory-feature-card img{
  float: left;
  margin-top: 6px;
}
.getting-cloud{
  -webkit-border-radius:120px 38px 120px 30px;
  padding: 40px;
  background:linear-gradient(135deg,  #8c3fbd 0%,#1e42a9 100%);
  border-radius:120px 38px 120px 30px;
}
.getting-cloud h2 {
  color: #ffffff;
  margin-top: 0px;
  font-weight: bold;
}
.getting-cloud h3 {
  color: #ffffff;
  font-size: 20px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: 'Roboto';
}
.covid-feature-card h5 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 60px;
}
.covid-feature-card h6 {
  font-size: 18px;
  color: #444444;
  font-weight: 300;
  margin-bottom: 5px;
  margin-top: 5px;
  line-height:1.4;
  margin-left: 40px;
  font-family: 'Roboto';
}
.covid-feature-card img {
  position: absolute;
  top: 20px;
  height: 40px;
  width: 40px;
}
.covid-page-sec-2 .covid-feature-card img{
  position: absolute;
  top: 22px;
  width: 16px;
  height: auto;
}
.covid-feature-card{
  padding: 15px 30px 15px 0px;
  border-radius: 6px;
  position: relative;
  float: left;
}
.covid-prediction h3{
  font-size: 24px;
  line-height: 34px;
  margin-top: 20px;
  font-weight: 300;
  text-align:justify;
  font-family: 'Roboto';
}
.covid-prediction .covid-feature-card .prediction-text{
font-size: 18px;
color: #444444;
font-weight: 300;
margin-bottom: 5px;
margin-top: 5px;
line-height:1.6;
margin-left: 0;
margin-top: 30px;
}
.covid-testing-demo{
padding: 20px 10px;
}
.covid-testing-demo .h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  font-family: 'Roboto';
}
.bg-covid-workflow{
  background-color: #f4f6fa;
}
.clients-carousel img {
  max-width: 100%;
  transition: 0.3s;
  padding: 25px 0;
}
/* ======== PACS============= */
.text-purple{
  color: #6d01ff!important;
}
.pacs-icon{
  width: auto;
  height: 55px;;
}
.pacs-title-1{
  font-size: 40px;
  color: #222222;
  font-weight: normal!important;
  text-transform: capitalize;
  margin: 0;
  line-height: 1.2;
}
.pacs-title-h4{
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: #222222;
}
.pacs-card-group{
  padding-top: 15px;
}
.pacs-card{
  padding: 10px 20px 10px 0px;
  border-radius: 6px;
  position: relative;
  float: left;
}
.pacs-card h4{
  font-size: 18px;
  color: #222222;
  margin: 1px 0 10px 52px;
  font-weight: 600;
}
.pacs-card .icon-title {
  width: 35px;
  float: left;
}
.pacs-card p{
  margin: 5px 0 10px 52px;
  color: #666;
}
.why_pacs_card{
padding: 10px 30px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: none;
border-radius: 15px;
height: 100%;
}
.why_pacs_card .text3x{
font-size: 3.6rem;
font-weight: bold;
margin-top: 20px;
}
.why_pacs_card p{
font-size: 20px;
margin-top: 15px;
}
.why_pacs_card .sectext{
  font-size: 16px;
}
/* ---flip-card------ */
.devices-pacs .card{
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  border: none;
  border-radius: 15px;
}
.devices-pacs .card h3{
  font-size: 22px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 10px;
}
.devices-pacs .card p{
  font-size: 16px;
  color: #666;
}


/*======= Pricing Pacs Calculator===== */
/*  */
.cardheadertitle{
  font-family: 'Roboto';
  font-weight: bold;
}
.saveupto{
  font-size: 16px;
  color: #222;
}
.toggle-switch{
  padding-bottom: 15px;
}
.toggle-switch .switch {
  position: relative;
  display: inline-block;
  width: 62px;
  height: 24px;
}
.toggle-switch .selectprice{
  font-size: 16px;
}
.toggle-switch .switch input{ 
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch .active{
  color: #6d01ff;
}
.toggle-switch .Rangeslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F1EEF5;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0 0 1px #6d01ff;
}
.toggle-switch .Rangeslider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 1px;
  bottom: 1px;
  background-color: #6d01ff;
  -webkit-transition: .4s;
  transition: .4s;
}
.toggle-switch input:checked + .Rangeslider {
  background-color: #F1EEF5;
}

.toggle-switch input:focus + .Rangeslider {
  box-shadow: 0 0 1px #6d01ff;
}

.toggle-switch input:checked + .Rangeslider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}

/* Rounded sliders */
.toggle-switch .Rangeslider.round {
  border-radius: 34px;
}

.toggle-switch .Rangeslider.round:before {
  border-radius: 50%;
}
/*  */
.pacs-pricing .card {
  border: 2px solid #F1EEF5;
}
#hideyear{
  display: none;
}
#sumAnnually{
  display: none;
}
.sumAnnualbox{
  padding: 6px;
  background: #f1fcf1;
  border-radius: 10px;
}
.pacs-pricing .card-header {
  background: #F1EEF5;
  padding: 0.50rem 1.25rem;
  border: none;
}

.pacs-pricing .card-body {
  border-bottom: 1px solid #F1EEF5;
}

.calculator .card-body .b-bottom {
  border-bottom: 1px solid #F1EEF5;
}
.calculator .card-body .bs-bottom{
  border-bottom: 2px solid #f1ebf8;
}
.calculator .card-body .b-bottom:last-child {
  border-bottom: none;
}

.calculator .total-num {
  margin-bottom: 15px;
  margin-top: 0;
}

.calculator .total-num h3 {
  font-weight: bold;
  font-size: 32px;
}

.calculator .card-body p {
  margin: 10px 0;
}

.pacs-pricing .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.pacs-pricing .price-input {
  width: -webkit-fill-available !important;
}

.pacs-pricing .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6d01ff;
  cursor: pointer;
}

.pacs-pricing .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6d01ff;
  cursor: pointer;
}

.pacs-pricing .w-80 {
  width: 80%;
}

.pacs-pricing .form-inline {
  flex-flow: row;
}
.month{
  font-size: 12px!important;
  color: #666;
  font-weight: 300;
}
.yearly{
  font-size: 12px!important;
  color: #666;
  font-weight: 300;
}
.save-price{
  font-size: 16px!important;
  color: #3ba341;
  font-weight: 600;
}
@media (max-width: 572px) {
  .pacs-pricing .input-amount {
    margin-top: 10px;
  }
  .pacs-pricing .form-inline {
    display: block;
  }
  .pacs-pricing .w-80 {
    width: 100%;
  }
  .pacs-pricing .form-group {
    margin-bottom: 1.4rem;
  }
}
/* ======== Pricing-Page============= */
.pricing-cards{
margin-top: -40px;
position: relative;
}
.pricing-standard{
  margin-bottom: 30px;
}
.starText{
  display: flex;
  align-items: baseline;
  font-size: 18px;
}
.star-price-1{
  font-size: 22px;
  font-weight: bold;
  color: #000;
}
.pricing-bg{
background: #F2F6FB;
padding-top: 100px;
}
.pricing-cards .card{
  border-radius: 0;
  margin-bottom: 40px;
}
.slider-card{
min-height: 1200px;
}
.slider-card-lims{
  min-height: 900px;
}
.pricing-standard h3{
  font-size: 24px;
  padding: 0px 15px;
  font-weight: 600;
  margin-top:0;
  margin-bottom: 10px;
}
.enterprise-text{
 color: #ffffff!important;
}
.star-price-new {
    font-size: 15px;
    padding-top: 18px;
    padding-left: 1px;
    position: absolute; 
}
.star-price-pacs{
  font-size: 20px;
  margin-top: -2px;
  padding-left: 3px;
  position: absolute; 
  font-weight: bold;
}
.star-price{
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.enterpricePadding{
    margin-top: 30px!important;
    padding: 16px 15px;
}
.enterpricePaddingInd{
  margin-top: 10px!important;
  padding: 23px 15px;
}
.multicenterPaddingInd{
  margin-top: 10px!important;
  padding: 14px 10px;
}
.subtext-pricehead{
  padding: 0px 15px;
  margin-bottom: 5px;
}
.adonsCard{
  background: linear-gradient(to bottom, #2C974C, #B0B51C);
  border-radius: 5px!important;
}
.adonsCard .btn-block{
  display: block;
  position: relative;
  line-height: 24px;
  outline: none;
  cursor: pointer;
}
.adonsCard .text1{
  color: #FFFFFF!important;
  font-size: 26px;
  font-weight: bold;
}
.adonsCard .text2{
  color: #F8FAFD;
  font-size: 15px;
}
.adonsCard h3{
  font-size: 20px;
  font-weight: 600;
}
.crmStore{
    border-radius: 8px!important;
}
.crmStore .card-header{
background-color:#DAEBFE;
border-radius: 8px!important;
padding: 1.75rem 1.25rem;
}
.multicentreCard{
  border-radius: 8px!important;
}
.multicentreCard .card-header{
  background-color:#FFF0CF;
  border-radius: 8px!important;
  padding: 1.75rem 1.25rem;
}
.priceDoller{
  font-size: 24px;
  font-weight: bold;
  margin-left: auto;
}
.hideicon{
  position: absolute;
  right: 0;
  top: 8px;
}
.showicon {
  position: absolute;
  right: 0;
  top: 8px;
}
.showicon {
  display: none;
}
a.collapsed .showicon {
  display: inline-block;
}
a.collapsed .hideicon{
  display: none;
}
.icon-header{
  width: 50px;
  height: 40px;
}
.recommend-text{
  background-color: #3ba341;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 5px 5px 0px 0px;
  position: absolute;
  margin-top: -23px;
  width: 100%;
  border: none;
  font-size: 16px;
  text-align: center;
}
.recommend-text1{
  background-color: #3ba341;
  padding: 5px 20px;
  color: #FFF;
  border-radius: 5px;
  position: absolute;
  margin-top: -23px;
  margin-left: 15px;
  width: auto;
  border: none;
  font-size: 16px;
}
.star-fa{
  font-size: 12px;
  color: #ffffff;
  padding-right: 1px;
}
.standardColor {
  background-color: #C9FAD5;
  margin-top: 10px;
  border-radius: 0%;
}
.starterColorInd{
  background-color: #EDF5F5;
  margin-top: 10px;
  border-radius: 0%;
}
.standardColorInd{
  background-color: #C9FAD5;
  margin-top: 10px;
  border-radius: 0%;
}
.advancedColorInd{
  background-color: #B7DCF9;
  margin-top: 10px;
  border-radius: 0%;
}
.advancedColor {
  background-color: #B7DCF9;
  margin-top: 10px;
  border-radius: 0%;
}
.multiCentreColor {
  background-color: #f4e18a;
  margin-top: 32px;
  border-radius: 0%;
}
.multiCentreColorInventory {
  background-color: #f4e18a;
  margin-top: 10px;
  border-radius: 0%;
}
.enterpriseColor{
 background-color: #393E53;
 margin: 0;
}
.standard-img{
    width: 150px;
    height: 133px;
    padding: 10px 15px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.pricing-standard h4{
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}
.pricing-standard .h4-ind{
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin: 5px 0;
}
.padding-10-15{
  padding: 10px 15px;
}
.padding-20-15{
  padding: 15px;
}
.permonth{
  font-size: 12px;
  font-weight: 200;
}
.billed-text{
  font-size: 18px;
  color: #222;
  margin-bottom: 0rem;
}
.billed-text-white{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0rem;
}
.details h6{
  font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #222222;
}
.details .numbrt{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    color: #222222;
}
.DetailMargin {
  margin-top:5px!important;
  margin-bottom: 10px !important;
  display: block;
}
.detailmarginenter{
  margin:45px 0px!important;
  display: inline-flex;
}
.highlight-feature ul{
  padding: 0 15px;
}
.highlight-feature ul li{
  list-style:disc;
}
.highlight-feature h6{
  margin-bottom: 20px!important;
  text-transform: capitalize;
}
.highlight-feature h5{
  margin-bottom: 20px!important;
  text-transform: capitalize;
}
.highlight-feature .plus{
  font-size: 24px;
  left: 2px;
  position: relative;
}
.bg-pricing-enterprise{
    position: relative;
    background: #121820;
    z-index: 0;
}
.mis-rport-subpoint li{
  padding-bottom: 15px;
}
.Hr {
  border-style: none none solid none !important;
  width: 100%;
  border-width: 0.5px !important;
  color: silver;
}
.try-now-btn{
  padding-top: 40px;
  padding-bottom: 30px;
}
.standard-btn{
  margin: 20px 0px 20px 15px;
}
.btn-live{
    color: #ffffff;
    background-color: #3ba341;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    width: fit-content;
    padding: 6px 20px;
}
.btn-live:hover{
  color: #ffffff;
}
.btn-livegreen{
  color: #ffffff;
  background-color: #3ba341;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: fit-content;
  padding: 6px 20px;
  position: absolute;
  margin-top: -20px;
  right:20px;
}
.btn-livegreen:hover{
  color: #ffffff;
}
.btn-inventory-try{
  color: #ffffff;
  background-color: #ffa800;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: fit-content;
  font-size: 18px;
}
.btn-inventory-try:hover{
color: #ffffff;
font-size: 18px;
}
.basic-btn{
  padding: 10px 50px;
  cursor: auto!important;
  font-weight: 600;
}
.basic-btn-1{
  padding: 10px 60px;
  cursor: auto!important;
  font-weight: 600;
}
/* ---------pricing-accordion----- */
.definition-text{
  font-size: 18px;
}
.pricing-plan .card-header{
  background: #fff;
  border-radius: 5px;
  position: relative;
  padding: 0.2rem 1.25rem;
}
.pricing-plan a {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding: 5px 0px;
  outline: none;
  font-family: 'Product Sans';
  cursor: pointer;
}
.pricing-plan .img-responsive{
  display: inline-block;
  margin-right: 10px !important;
  width: 2.2rem !important;
  padding-bottom: 5px;
}
.pricing-plan .rowFont {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
}
.pricing-plan .table-accordion-body tbody tr th{
  padding: 8px 0;
}
.pricing-plan  .center {
  margin: auto;
  text-align: center;
  padding: 10px 30px;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
}
.pricing-plan .center-1{
  margin: auto;
  text-align: center;
  padding: 10px 30px;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 16px;
}
.pricing-plan .center-1 a {
  font-weight: 300!important;
  font-size: 16px;
  color: #3ba341;
}
.pricing-plan .table-1 th{
  text-align: center;
  vertical-align: middle!important;
  padding: 0rem!important;
  font-size: 14px;
}
.text-h5{
  font-size: 22px;
  font-weight: bold;
  color: #FFAB32;
  vertical-align: middle;
  padding-bottom: 9px;
  padding-left: 25px;
}
#operations-management .text-h5{
  color: #006ec3 !important;
}
#finance-management .text-h5 {
  color: #019889 !important;
}
.planTitle{
  text-align: start!important;
}
.icon-close {
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 15px;
  vertical-align: middle;
}
.icon-show {
  position: absolute;
  right: 0;
  top: 15px;
}
.icon-show {
  display: none;
}
a.collapsed .icon-show {
  display: inline-block;
}
a.collapsed .icon-close {
  display: none;
}

/*-------faq----------- */
.faq{
  background-color: #f6f9fa;
}
.faq .faq-item {
  margin-bottom: 30px;
}
.faq .faq-item h3{
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: -3px 0 10px 35px;
}
.faq .faq-item i {
  color: #3ba341;
  font-size: 24px;
  float: left;
  line-height: 1;
  padding: 0;
  margin: 0;
}
.faq .faq-item p {
  margin-left: 35px;
}
.multi-center-btn{
  color: #3ba341!important;
  font-size: 16px!important;
  vertical-align: middle;
  margin-top: 6px;
  font-weight: 500!important;
}
/* ------Thank-You------- */

.bg-thankyou{
    position: relative;
    width: auto;
    background-color: #f3f9f5;
    overflow: hidden;
}
.bg-thankyou-01 {
  /* background: no-repeat right; */
  background-position: bottom right;
  background-repeat: no-repeat;
  /* background-size: cover; */
  display: block;
  overflow: hidden;
  position: absolute;
  height: 420px;
}
.bg-thankyou-02 {
  /* background: no-repeat right; */
  background-position: bottom left;
  background-repeat: no-repeat;
  /* background-size: cover; */
  display: block;
  overflow: hidden;
  position: absolute;
  height: 220px;
  margin-top: -45px;
}
.play-btn {
  width: 60px;
  height: 60px;
  background: #fff;
  box-shadow: 0 5px 30px #ecf1f6, 0 5px 15px #ecf1f6;
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.play-btn:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  opacity: 1;
  border-radius: 50%;
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}
.play-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #666;
  z-index: 100;
}
.stories_video-text {
  padding: 30px 30px 0px 0px;
}
.blog-description{
padding: 10px 0px 10px 0px;
}
.blog-description h3{
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
.blog-description h4{
  font-size: 20px;
  line-height: 30px;
}
.blog-description h4:hover{
  color: #3ba341;
}
.stories_video-text h4 {
  font-size: 20px;
  line-height: 30px;
}
.stories_video-text h3 {
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 24px;
}
.stories_video-icon{
  position: absolute;
  right: 40px;
  top: 130px;
}
.thankyou-stories {
  font-size: 28px;
  margin-top: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
/* iframe */
.iframe {
  margin-bottom: 45px;
  border: 3px solid #3ba341;
  overflow: hidden;
  background: #fff;
}
.iframe iframe {
  width: 100%;
  height: 740px;
  border: 0;
  display: block;
}
.wrapper {
  max-width: 1000px;
  margin: 15px auto;
  padding: 0 20px;
}

/* ------- Future-ready-sec----- */
.gradient-bg{
  background: linear-gradient(to right, rgba(23, 204, 126, 1) 0%, rgba(13, 92, 175, 1) 100%);
  padding: 100px 0;
}
.gradient-bg-blue{
  background: #1C4E98;
  padding: 100px 0;
}
.crmgradient-bg{
  background: linear-gradient(to right, #2C974C, #B0B51C);
  padding: 100px 0;
}
.diagnostic-lab-future h1{
  color: #ffffff;
}
/* ------privacy-policy------ */
.privacy-policy .policy-text{
  font-size: 16px;
  font-weight: 400;
  color: #222222;
  line-height:24px;
}
.privacy-policy ul li{
  list-style: disc;
  padding-top: 10px;
}
.discnone li{
  list-style:decimal!important;
  padding-left: 0;
}
/* ------contact-us------ */
.contact-us .contact-card{
  background-color: #ffffff;
  margin-top: 5px;
  padding: 10px 20px 10px 0px;
  border-radius: 6px;
  position: relative;
}
.contact-us .contact-card img{
  float: left;
  width: 35px;
  height: auto;
}
.contact-us .contact-card p{
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-left: 60px;
  line-height: 25px;
  margin-top: 0px!important;
}
.headquarter-title h4 {
  padding: 10px 0px 0px 60px;
  font-weight: 600;
  font-size: 22px!important;
}
.map-container{
  padding-left: 0;
  padding-right: 0;
}


/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.display_1{
  font-size: calc(1.625rem + 4.5vw)!important;
  font-weight: 800;
  line-height: 1.2;
}
.bs-footer{
text-align: center;
border-top: 1px solid #e5e5e5;
position: fixed;
bottom: 0px;
width: 100%;
background-color: white;
padding: 15px 0px;
}
.footer-links li{
  display: inline-flex;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background:#F2F4F6;
}
#footer .footer-top {
  padding: 50px 0 50px 0;
  position: relative;
}
#footer .footer-top .h5{
  font-size: 16px;
  margin-bottom: 6px;
  color: #222222;
}
#footer .footer-top ul li {
  padding: 8px 0 0 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top  ul li a {
  font-size: inherit;
  font-weight: 400;
  font-style: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  font-size: 15px;
  color: #222222;
}
#footer .footer-top  ul li a:hover{
  color: #3ba341;
}
.footer__widget__social a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 42px;
  text-align: center;
  background: transparent;
  margin-right: 10px;
  margin-top: 10px;
}
#footer .solution-tab img{
width: 220px;
height: auto;
box-shadow: rgb(0 0 0 / 2%) 0px 1px 3px 0px, rgb(27 31 35 / 15%) 0px 0px 0px 1px;
}
/* footer-landig page */
.landng-page-footer-bg {
  background-color: #212229;
  padding: 30px 0;
}
.company_name {
  color: #fff;
  font-size: 24px;
}
.footer_address_text {
  color: #ffffff;
  font-size: 18px;
}

/* -------------Media Queries----------------

--------------------------------------------- */
@media only screen and (max-width: 1367px) {
.about-text h1{
  font-size: 36px;
}
}
@media only screen and (max-width: 1200px) {
  .trustes-customers-img img{
    height: 85px;
  }
  .kit-management-path{
    top: 185px;
    left: 250px;
    width: 460px;
  }
  .pricing-standard h4 {
    font-size: 28px;
  } 
  .customer-trust .h1{
    font-size: 42px;
  }
  .trustes-customers .cust-worldwide{
    font-size: 22px;
  }
  .testimonial-right-bg .right-bg-b2b{
    margin-top: 390px;
  }
  .testimonial-right-bg .right-bg-mcm{
    margin-top: 266px;
  }
  .right-bg-bc{
    margin-top: 226px;
  }
  .testimonial-right-bg .right-bg-pe{
    margin-top: 268px;
  }
  .testimonial-right-bg .right-bg-hemat{
    margin-top: 262px;
  }
  .testimonial-right-bg .right-bg-anatomy{
    margin-top: 292px;
  }
  .testimonial-right-bg .right-bg-referral{
    margin-top: 235px;
  }
  .testimonial-right-bg .right-bg-inv{
    margin-top: 355px;
  }
  .testimonial-right-bg .right-bg{
    margin-top: 346px;
  }
  .testimonial-right-bg .right-bg-lims{
    margin-top: 395px;
  }
  .highest-rate-card{
    margin-top: 10px;
  }
  .highest-rate-card .media-body{
    margin-top: 0px;
  }
  .rate-badge-2{
    right: 30px;
    margin-top: -18px;
  }
  .testimonials-xl .grid-card-test{
    min-height: 255px;
  }
  .support-img{
    margin-top: -38px;
    right: 0px;
  }
  .support-content{
    padding: 18px 50px 19px 50px;
  }
  .heroCrm .pb-5{
    padding-bottom: 0rem!important;
  }
}
/* =========Max-Width-991========= */
@media only screen and (max-width: 991px) {
    .megamenu-container{
      padding-left: 0;
      padding-right: 0;
    }
    .enterpricePadding{
      padding: 26px 15px;
    }
    .multicenterPaddingInd{
      padding: 15px;
    }
    .pricing-standard h3{
      margin-top: 10px;
    }
    .kit-management-path{
      display: none;
    }
    .megamenu_1{
      display: block!important;
    }
    .product-tab-for-mob{
      display: none!important;
    }
    .megamenu .pro-title-img{
      min-width: 45px;
    }
    .header-area .newsbox-main-menu .header-add-area {
      margin: 15px 0px 15px 10px;
    }
    .header-area .navbar .nav-link{
      font-size: 14px;
      padding: 0 15px;
    }
    .text-md-start{
      text-align: center!important;
    }
    .megamenu .use-case-box1{
      padding: 0;
    }
    .megamenu .use-case-box h4 a{
      font-size: 15px;
    }
    .megamenu .use-case-box1 h4 a{
      font-size: 15px;
      padding: 0!important;
      height: auto!important;
    }
    .classynav ul li .megamenu .single-mega.cn-col-3{
      padding: 10px 10px 0px 10px!important;
    }
    .bg-crm-feature{
      background-color: #e9f8f2;
    }
    .bg-inventory-feature{
     background-color: #fcf8eb;
    }
    .bg-lims-feature{
      background-color: aliceblue;
     }
    .covid-nav-btn{
      color: #222!important;
    }
    .home-slider-section .sliderimg{
      display: none;
    }
    .home-slider-section .tabs-buttons .swiper-wrapper{
      justify-content: space-between;
    }
    #details .content-mcm + .content-mcm{
      border-top: 1px solid rgba(0,0,0,.1);
    }
    .title-h3{
     padding-top: 40px;
    }
   .title-h1{
     text-align: center;
     font-size: 36px;
     line-height:40px;
   }
   .title-h5{
     text-align: center;
     font-size: 24px;
   }
   .hero-img{
      text-align: center;
   }
   .hero-img img{
    position: initial;
    padding-bottom: 40px;
    padding-top: 0;
   }
   .benefits-section br{
    display: none;
   }
   .benefits-section .benefits-icon-box {
    padding: 15px 10px;
   }
   .home-slider-section .inventory-feature-card h5{
    font-size: 26px;
   }
   .benefits-of-inventory .title-h4{
    text-align: center;
   }
   .benefits-of-inventory .title-h3{
    text-align: center;
    padding-top: 0px;
   }
   .trustes-customers-img img{
    margin-top: 10px;
   }
   .trustes-customers-img {
    float: none;
   }
  .product-inventroy h3 {
    line-height: 1.4;
    padding: 0;
   }
   .nav-card-img{
     display:none;
   }
   .visible-lg-block{
     display: none;
   }
   .visible-md-block{
    display: block;
   }
   .visible-md-ratecard{
    display: block;
    position: absolute;
    margin-top: -10px;
  }
  .text-center-med{
    text-align: center;
    margin-top: 20px;
  }
   .pricing-standard h3{
     font-size: 26px;
   }
   .pricing-bg{
    padding-top: 80px;
    padding-bottom: 30px;
    }
    .basic-btn{
      padding: 8px 20px;
    }
    .basic-btn-1{
      padding: 10px 45px;
    }
    br{
      display: none;
    }
    .testimonials .owl-prev {
      left: -40px;
    }
    .testimonials .owl-next {
      right: -40px;
    }
    .testimonial-right-bg .right-bg-b2b{
      margin-top: 290px;
    }
    .testimonial-right-bg .right-bg-mcm{
      margin-top: 316px;
    }
    .testimonial-right-bg .right-bg-anatomy{
      margin-top: 317px;
    }
    .right-bg-bc{
      display: none;
    }
    .testimonial-right-bg .right-bg-pe{
      margin-top: 292px;
    }
    .testimonial-right-bg .right-bg-referral{
      margin-top: 261px;
    }
    .testimonial-right-bg .right-bg-inv{
      margin-top: 450px;
    }
    .highest-rate-card{
      position: relative;
      margin-top: 15px;
      margin-left: auto;
      margin-right: auto;
    }
    .stories_video-icon {
      position: absolute;
      right: 45%;
      top: 50px;
    }
    .thank-you-section .col-center{
      text-align: center;
    }
    .thankyou-stories{
      text-align: center;
    }
    .select-slide{
      margin-top: 20px;
    }
    .select-tabImg{
      margin: 30px 0px 50px 0px;
    }
    .hidden-sm {
      display: none;
    }
    .margingtop-30{
      margin-top: 25px;
    }
    .margingtop-50{
      margin-top: 25px;
    }
    .solutions-box {
      margin: 0px 8px;
    }
    .solutions-box-1{
      margin: 0px;
      padding: 20px 10px;
    }
    .img-center{
      text-align: center;
    }
    .support-content{
      text-align: center;
      padding: 40px 50px 30px 50px;
    }
    .support-img{
      position: relative;
      margin-top: 0px;
      right: 0px;
      text-align: center;
    }
    .support-section{
      margin-top: -300px;
    }
    .section-padding-100-20{
      padding-bottom: 50px;
    }
    .rate-badge-2 {
      right: 28px;
      margin-top: -13px;
    }
    .testimonial-right-bg .right-bg {
      margin-top: 395px;
    }
    .testimonial-right-bg .right-bg-lims{
      margin-top: 422px;
    }
    .border-box {
      border-bottom:1px solid rgb(226, 226, 226)!important;
      border-right: 1px solid rgb(226, 226, 226)!important;
      border-top: none!important;
      border-left: none!important;
    }
    .brn{
      border-right: none!important;
    }
    .bbn-md1{
      border-bottom: none!important;
    }
    .bbn-md2{
      border-bottom: none!important;
    }
    .b-bottom{
      border-bottom: 1px solid #eee!important;
    }
    .d_none{
      display: none;
    }
    .DetailMargin {
      display: block;
    }
}

/* =========Max-Width-767========= */
@media only screen and (max-width: 767px) {
  .header-area .navbar .nav-link{
    font-size: 15px;
    padding: 0 15px;
  }
  .pathology_image{
    max-width: 100%;
  }
  .border-box {
  border-bottom: 1px solid rgb(226, 226, 226)!important;
  border-left: none!important;
  border-top: none!important;
  border-right: none!important;
  }
  .border-box:last-child{
    border-bottom: none!important;
  }
  .testimonial-right-bg .right-bg{
    display: none;
  }
  .testimonial-right-bg .right-bg-lims{
    display: none;
  }
  .testimonial-right-bg .right-bg-b2b{
    display: none;
  }
  .testimonial-right-bg .right-bg-mcm{
    display: none;
  }
  .testimonial-right-bg .right-bg-pe{
    display: none;
  }
  .testimonial-right-bg .right-bg-hemat{
    display: none;
  }
  .testimonial-right-bg .right-bg-anatomy{
    display: none;
  }
  .testimonial-right-bg .right-bg-referral{
    display: none;
  }
  .testimonial-right-bg .right-bg-inv{
    display: none;
  }
  .testimonial-left-bg .left-bg{
    display: none;
  }
  .nav-logo-img{
    height: 20px;
  }
  .crm-nav-icon{
    display: none;
  }
  .header-area .newsbox-main-menu .classy-navbar .classynav ul li ul li a {
    font-size: 14px;
  }
  .trustes-customers-img img{
    height: 75px;
  }
  .mb-30{
    margin-bottom: 0px;
  }
  .visible-lg-block-price{
    display: none;
  }
  .visible-sm-block{
   display: block;
  }
  .three-img{
   display: none;
  }
  .margin-hr{
    margin-top: 40px;
    margin-bottom: 50px;
    border-top: 1px solid rgba(0,0,0,.1);
  }
  .margin-hr-integration{
    border-top: 1px solid rgba(0,0,0,.1);
  }
  .section-title h1{
     font-size: 32px;
     padding-bottom: 0!important;
  }
  .title-section h2{
    font-size: 26px;
    padding-bottom: 0!important;
  }
  .title-section h3{
    font-size: 20px;
    margin-bottom: 0!important;
  }
  .hero-img img{
    padding-bottom: 10px;
  }
  .section-title h2 {
    font-size: 24px;
  }
  .title_h2_mobile{
    font-size: 26px;
  }
  .title-h1{
    font-size: 28px;
    line-height:40px;
  }
  .title-h5{
    font-size: 24px;
  }
  .title-h3{
    font-size: 24px;
  }
  .title-h4{
    font-size: 16px;
    line-height: 1.4;
  }
  .about-text h1{
    font-size: 32px;
  }
  #scrollUp {
    right: 30px;
    bottom: 30px;
  }
  .hero-text h1{
    font-size: 26px;
    line-height: 1.4;
  }
  .home-slider-section{
      padding-bottom: 0;
  }
  .home-slider-section .tabs-buttons .swiper-slide{
      padding: 0.5rem 1rem;
  }
  .benefits-section .benefits-icon-box{
      text-align: center;
  }
  .home-slider-section .inventory-feature-card h5{
      font-size: 24px;
  }
  .home-slider-section .covid-feature-card h6{
      font-size: 16px;
  }
  #details .content + .content{
    padding-top: 100px;
  }
  .product-inventroy h3 br{
      display: none;
  }
  .product-page-title-h1{
        font-size: 36px;
  }
  .book-demo-text{
      font-size: 36px;
      line-height: 1.4;
  }
  .book-demo-inv{
    font-size: 32px;
  }
  .book-demo-subtext{
      font-size: 20px;
  }
  .covid-testing-demo .h3{
      font-size: 16px;
      line-height: 24px;
  }
  .covid-feature-card{
      padding: 12px 30px 12px 0px;
  }
  .covid-feature-card img{
      width: 35px;
      height: 35px;
  }
  .section-padding-70-40{
      padding-top: 50px;
  }
  .section-padding-70-0{
      padding-top: 50px;
  }
  .our-product .product-card h5{
    font-size: 22px;
  }
  .covid-prediction h3{
    font-size: 18px;
    line-height: 1.4;
  }
  .testing-setup-text{
    font-size: 18px;
    line-height: 1.4;
  }
  .text-h5{
    padding-left: 0;
  }
  .section-padding-70-90{
    padding-bottom: 50px;
  }
  .testimonials .owl-nav button {
    display: none;
  }
  .hidden-sm{
    display: none;
  }
  .hidden-xs{
    display: none;
  }
  .pricing-plan .center {
    padding: 10px;
  }
  .pricing-plan  .center-1 {
    padding: 10px;
    text-align: center;
  }
  .basic-btn-1 {
    padding: 10px 25px;
  }
  .content-column{
   text-align: center;
  }
  .benefits-of-inventory .title-h3{
   font-size: 22px;
  }
  .content-column .content-inner h3{
    font-size: 24px;
    line-height: 1.3;
  }
  .rate-badge-2 {
    right: 15px;
  }
  .section-padding-60-0{
    padding-top: 0px;
  }
  .opration-creliohealth.section-padding-100{
    padding-top: 50px;
    padding-bottom: 0px;
  }
  .finance-control .marginTop-0{
    margin-top: 0!important;
  }
  #footer .footer-top{
    padding: 20px 0 30px 0;
  }
  .customer-trust .h1{
    font-size: 32px;
    line-height: 16px;
   }
   .trustes-customers .cust-worldwide{
    font-size: 20px;
    font-weight: 600;
    padding-top: 4px;
    padding-left: 10px;
    text-align: justify;
   }
   .trustes-customers .trusted-cust{
     margin-bottom: 5px;
   }
   .display-text-cust {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;     
   }
   .trustes-customers-img {
    text-align: center;
    float: none;
    margin-top: 10px;
   }
   .customer-trust {
    float: none;
    text-align: center;
   }
   .section-padding-100-0{
    padding-top: 75px;
   }
   .section-padding-100-20{
    padding-top: 75px;
   }
   .section-padding-100-70{
    padding-top: 75px;
    padding-bottom: 50px;
   }
   .solutions-box{
     padding: 20px 10px;
   }
   .benefits-section .benefits-icon-box .bottomborder::after{
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: rgb(110, 109, 109);
    bottom: 5px;
    left: calc(50% - 60px);
 }
 .tox-reporting .card{
   text-align: center;
 }
 .section-padding-80-220 {
  padding-top: 80px;
  padding-bottom: 200px;
  }
  .benefits_img {
    margin-top: -100px;
 }
}
@media only screen and (max-width: 600px) {
  .padding-bt-30{
    padding-bottom: 30px!important;
  }
  .section-padding-100-20{
    padding-bottom: 20px;
  }
  .highest-rate-card{
    margin-top: 0px;
    width: auto;
  }
  .visible-md-ratecard{
    position: relative;
  }
  .rate-badge-2{
    display: none;
  }
  .pricing-plan .center-1 img{
    width: 20px;
  }
  .opration-creliohealth.section-padding-100{
    padding-top: 30px;
    padding-bottom: 0px;
  }
  
}
/* =========Max-Width-572========= */
@media only screen and (max-width: 572px) {
.our-product .product-card{
 min-height: max-content;
}
.brand-logo-ch{
  height: 22px;
  margin-top: -8px;
}
.phelbo-card{
  border-top: 1px solid rgba(0,0,0,.1);
}
.phelbo-card-1{
  padding-top: 15px;
  padding-bottom: 25px;
  text-align: center;
}
.bt-top-0{
  border-top: 0!important;
}
.our-product .product-card .card-body{
  padding-bottom: 0.5rem;
 }
 .basic-btn{
  padding: 8px 10px;
 }
 .img-center {
  text-align: center;
  width: 80%;
 }
 .support-content h2{
   font-size: 28px;
 }
 #footer .footer-top .h5{
   font-size: 18px;
 }
 .hide-top25{
   display: none;
 }
 .trustes-customers-img img{
  height: 65px;
  padding: 0px 0px 0px 5px;
 }
 .btn-orange{
   font-size: 16px!important;
 }
 .pricing-txt{
   font-size: 28px;
 }
 .our-product .product-card .card-header{
   align-items: center;
 }
 .testimonials .testimonial-item{
   padding-bottom: 1rem!important;
 }
 .crmStore .card-header{
   padding: 0.75rem 1.25rem 1.75rem 1.25rem;
 }
 .multicentreCard .card-header{
  padding: 0.75rem 1.25rem 1.75rem 1.25rem;
  }
  .crmStore .card-body span, p{
    font-size: 15px;
  }
  .multicentreCard .card-body span, p{
    font-size: 15px;
  }
  .priceDoller{
    text-align: end;
  }
  .solutions-box-1{
    padding: 10px 20px;
  }
}
/* =========Max-Width-480========= */
@media only screen and (max-width: 480px) {
 .section-title h2 {
  font-size: 18px;
 }
 .section-title h1{
   font-size: 26px;
 }
 .title_h2_mobile {
  font-size: 22px;
 }
 .accordion-thumb{
   font-size: 15px;
 }
 .accordion-thumb::after{
   font-size: 12px;
 }
 .tabs-buttons .swiper-slide{
  padding: 10px 0px;
 }
 .slider-card {
  height: 100%!important;
  }
  .slider-card-lims{
    height: 100%!important;
  }
  .customer-trust .h1{
    font-size: 26px;
  }
  .trustes-customers .cust-worldwide{
    font-size: 18px;
  }
  .btn-white-outline{
    font-size: 18px!important;
    padding: 10px 14px;
  }
  .btn-white{
    font-size: 18px!important;
    padding: 10px 20px;
  }
  .choose-btn{
    padding: 8px 20px;
    cursor: pointer;
    font-size: 16px!important;
  }
  .btn-livegreen{
    padding: 4px 15px;
  }
  .crmStore h4{
   font-size: 18px;
  }
  .multicentreCard h4{
    font-size: 18px;
  }
  .icon-header{
    width: 40px;
    height: 40px;
  }
  .inner-info{
   padding: 10px 15px 0px;
  }
}
@media only screen and (max-width: 400px) {
.btn-green{
  margin-right: 0!important;
 }
 .brand-logo-ch{
  height: 18px;
  margin-top: -8px;
}
 .mob-test-title {
  font-size: 18px;
  margin-bottom:10px;
 }
 .card-icons{
  width: 35px!important;
  height: 35px;
 }
 .inner-info p{
   font-size: 14px;
 }
 .home-slider-section .inventory-feature-card h5{
  font-size: 20px;
  margin-left:65px;
 }
 .inventory-feature-card img{
   max-width: 50px;
 }
 .tabs-content .swiper-slide{
   padding: 1.5rem 1rem 1rem 1rem;
 }
 .covid-feature-card{
  padding:12px 15px 12px 16px;
 }
}