body { overflow-x: hidden; margin: 0px;  padding 0px;
font-family: 'Open Sans', sans-serif; }
.body_main { min-height: 500px; padding: 10px; background-image: url("./backgroundnot2.jpg"); font-family: Arial; background-repeat: no-repeat; background-size: cover; }
.navbar { postion: sticky; position: relative; z-index: 20; }
.logo img { margin: 5px 0px 0px 10px; }
.logo { position: relative; display: inline; float: left; }
.dropdown2 { position: relative; display: inline-block; margin: 7px 0px 0px 0px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-weight: bold; font-size: 10px; }
.dropdown { position: relative; display: inline-block; margin: 7px 0px 0px 25px; font-family: Arial, sans-serif; color: #ffffff; font-weight: 700; font-size: 10px; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); padding: 12px 16px; z-index: 1; color: #000000; text-align: left; }
.dropdown:hover .dropdown-content { display: block; }
.arrow { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; color: #ffffff; margin: 0px 0px 0px 5px; }
.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.search { margin: 5px 0px 0px 20px; opacity: 0.8; border-radius: 5px; border: none; width: 270px; padding: 4px; }
.NAV-CONTENT { margin: auto; width: 100%; text-align: center; }
.btnPhone { transition: 0.3s; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 14px; background: #6fabd4; padding: 10px 20px 10px 20px; text-decoration: none; position: relative; padding-left: 45px; }
.btnPhone:hover { background: #489ab6; text-decoration: none; }
.btnQuote { transition: 0.3s; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 14px; background: #ffb700; padding: 10px 20px 10px 20px; text-decoration: none; position: relative; padding-left: 45px; }
.btnQuote:hover { background: #489ab6; text-decoration: none; }
.btnprd { transition: 0.3s; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 14px; background: #0066ff; padding: 0px 10px 18px 10px; text-decoration: none; position: relative; margin-top: 5px; display: block; font-weight: 700; height: 40px; }
.btnprd2:hover { background: #489ab6; text-decoration: none; color: #ffffff !important; }
.btnprd2 { transition: 0.3s; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 14px; background: #0481c7; padding: 10px 10px 10px 10px; text-decoration: none; position: relative; margin-top: 5px; display: block; font-weight: 700; }
.btnprd:hover { background: #489ab6; text-decoration: none; color: #ffffff !important; }
.btnEval { transition: 0.3s; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: 'Open Sans', sans-serif; color: #ffffff; font-size: 14px; background: #ffb700; padding: 10px 20px 10px 20px; text-decoration: none; position: relative; padding-left: 45px; }
.btnEval:hover { background: #489ab6; text-decoration: none; }
.phoneico { position: absolute; left: 10px; top: 5px; }
.dropdown span a { cursor: pointer; }
.main { clear: both; margin: 0px 0px 0px 160px; width: 100%; padding: 10px; margin-top: 10px; }
.textBox { margin: auto; width: 35%; padding: 10px; display: inline-block; color: #ffffff; vertical-align: top; z-index: 15; position: relative; }
.textBox2 { position: relative; margin: auto; width: 50%; padding: 10px; display: inline-block; }
iframe { width: 700px; height: 600px; position: absolute; z-index: 6; top: -57px; left: -60px; }
h1 { margin-top: 100px; text-align: left; font-weight: 300; font-size: 40px; font-family: 'Open Sans'; line-height: 35px Important; }
.textBox p { ttext-align: justify; line-height: 20px; font-family: 'Open Sans'; }
.centerBox { -webkit-box-shadow: 1px 10px 29px -1px rgba(0, 0, 0, 0.41); box-shadow: 1px 10px 29px -1px rgba(0, 0, 0, 0.41); border-radius: 6px; position: relative; width: 70%; height: 400px; background-image: url(./background3.png); background-size: cover; margin: auto; z-index: 11; margin-top: 50px; }
.cbox { display: inline-block; position: relative; width: 30%; height: 375px; margin: auto; z-index: 12; margin-top: 11px; margin-left: 2.2%; text-align: center; }
h2 { text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #088bd2; font-size: 2.5em; margin-bottom: 0px; }
h3 { text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #ffb700; font-size: 1.3em; margin-top: 5px; }
.prdimg { margin: 15px 0px 0px 0px; max-height: 250px; max-width: 100%; }
.imgbox { height: 250px; display: block; }
.desc { color: #ffffff; font-family: 'Open Sans', sans-serif; }
.MedicalComputer { width: 100%; }
.subh2 { text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #088bd2; font-size: 2em; margin-bottom: 0px; }
.creditimg { text-align: center; }
.credits { display: inline-block; margin: 20px 60px; width: 50%; }
.underhood { text-align: center; padding: 0% 20%; margin-bottom: 40px; }
.lrgimg { float: left; margin-right: 30px; width: 50%; }
.bottomtxt { text-align: left; font-size: 1.8em; color: #7c7c7c; margin-bottom: 0px; font-weight: 700; ; }
.text-rht { width: 30%; display: inline-block; }
.largeimg p { margin-top: 5px; font-weight: 700; color: #7c7c7c; font-size: 0.9 em; }
.footer { clear: both; height: 150px; width: 100%; background-color: #29b1f5; background-image: url(./T.jpg); background-size: cover; z-index: 20; position: relative; }
.footer a { display: inline-block; margin-bottom: 5px; }
.footer h3 { text-align: left; margin-bottom: 0px; margin-top: 20px; }
.dropdownF { display: block; font-family: Arial, sans-serif; color: #ffffff; font-weight: 700; font-size: 10px; margin-left: 5%; float: left; }
.MainIMG { width: 70%; float: left; z-index: 20; position: relative; top: -20px; }
.MainIMG img { width: 100% }
.MainTXT { width: 30%; float: left; }
.MainTXT h2 { text-align: left; }
.MainIMGsub { margin-top: 40px; width: 50%; float: left; z-index: 20; position: relative; top: -30px; }
.MainIMGsub img { width: 100% }
.MainTXTsub { width: 45%; float: left; padding-left: 20px; position: relative; display: inline-block; }
.MainTXTsub h2 { text-align: left; margin-top: 0px; }
.MainTXTsub .dropdown { margin: 7px 0px 0px 0px; }
.spacer { position: relative; width: 100%; margin-bottom: 35px; }
.bullets { line-height: 20px; margin-bottom: 20px; margin-top: 20px; }
ul { padding-left: 16px; margin: 0px; }
.MainIMGsub iframe { width: 700px; height: 540px; position: absolute; z-index: 6; top: -80px; left: -60px; }
.MainTXTsub h3 { text-align: left; color: #666666; }
a,
 a:hover,
 a:visited { color: #ffffff; text-decoration: none; }
p a,
 p a:hover,
 p a:visited { color: #000000; text-decoration: none; }
 
 .box2 img{ max-width:100%}
.box2{ padding-top:100px; padding-left:40px}    
 
 .help-section img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.chat-btn {
  position: relative;
}

.hover-button {
  margin-right: -91px;
  width: 151px;
  height: 50px;
  border: none; 
  background-color: white;
  color: #112e4b;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: margin-right 0.5s ease;
  display: flex;
  align-items: center;
}

.hover-button:hover {
  margin-right: 0px;
}

.help-section {
  position: absolute;
  width: 330px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
  display: none;
  right: 10px;
  top: -145px;
  bottom: -230px;
  height: 380px;
}

.help-section h3 {
  margin-top: -7px;
  color: white;
  font-size: 18px;
  margin: -21px;
  background-color: #224162;
  padding: 17px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-family: system-ui;
  font-weight: 400;
}

.help-section ul {
  list-style: none;
  padding: 1px;
  margin-top: 13px;
}

.help-section li {
  margin: 23px 0;
  padding: 5px 4px;
  display: flex;
}

.help-section h5 {
  font-size: 11px;
    padding-left: 36px;
    color: gray;
}
.help-section a { 
  text-decoration: none;
  color: #224162;
  font-weight: 500;
  font-size: 17px;
  /* padding-left: 9px; */
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  width: 100%;
}

.close-btn {
  position: absolute;
  top: 9px;
  right: 10px;
  background: none;
  border: none;
  font-size: 21px;
  cursor: pointer;
  color: white;
}
.need-icon{
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
#helpButton {
  position: fixed;
  bottom: 40%;
  z-index: 1000;
  right: 0px;
}
.disabled-item {
  color: gray;
  text-decoration: none;
  padding: 10px 15px !important;
  /* margin: 15px 0 15px; */
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
}


@media (max-width: 767px) {
.main { box-sizing: border-box; padding: 10px; margin: 0; height: 900px; }
.textBox { width: 100%; box-sizing: border-box; padding: 0; }
.textBox h1 { margin-top: 40px; line-height: 1.2 }
.textBox p { font-size: 14px }
.textBox h1 { font-size: 30px }
.btnEval,
 .btnQuote { padding: 10px 15px 10px 40px; font-size: 13px }
.centerBox { width: 100%; height: auto; }
.cbox { height: auto; width: 100%; margin: 0px; margin-bottom: 25px; }
.textBox2 { width: 100% }
h2 { font-size: 1.8em; line-height: 1.3; }
.subh2 { font-size: 1.6em }
.underhood { padding: 0 15px; }
.lrgimg { float: none; margin-right: 0px; max-width: 100%; margin-left: -20px }
.largeimg { padding: 0 15px }
.bottomtxt { font-size: 1.6em }
.largeimg p { width: 100% }
.footer { height: auto; padding: 5px 0; background-image: none !important }
.dropdownF { float: none }
.mb-left { float: none; display: block; width: 100%; margin-bottom: 15px; padding-top: 10px; }
.flt-left { float: left }
.logo img { margin: 5px 0px 0px 0px; }
.flt-mn { float: left }
}