@font-face {
  font-family: 'Proxima Nova Regular';
  src: url(../fonts/Proxima-Nova-Regular.eot);
  src: url(../fonts/Proxima-Nova-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Proxima-Nova-Regular.otf) format('otf'), url(../fonts/Proxima-Nova-Regular.svg#Proxima-Nova-Regular) format('svg'), url(../fonts/Proxima-Nova-Regular.ttf) format('truetype'), url(../fonts/Proxima-Nova-Regular.woff) format('woff'), url(../fonts/Proxima-Nova-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Proxima Nova Bold';
  src: url(../fonts/Proxima-Nova-Bold.eot);
  src: url(../fonts/Proxima-Nova-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Proxima-Nova-Bold.otf) format('otf'), url(../fonts/Proxima-Nova-Bold.svg#Proxima-Nova-Bold) format('svg'), url(../fonts/Proxima-Nova-Bold.ttf) format('truetype'), url(../fonts/Proxima-Nova-Bold.woff) format('woff'), url(../fonts/Proxima-Nova-Bold.woff2) format('woff2');
}

body {
  font-family: "Proxima Nova Regular", sans-serif;
}

.btn {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 0.9rem;
  border-radius: 10px;
  padding: 0.55rem 1.5rem;
  text-transform: uppercase;
}

.btn.btn-light {
  border: 1px solid #16CAF7;
}

.btn.btn-light:hover {
  background: #88CF00 !important;
  border-color: #88CF00;
  color: #fff;
}

.btn.btn-info {
  color: #fff;
}

.btn.btn-info-light {
  background: #BFF4FF;
}

.btn.btn-info-light:hover {
  background: #16CAF7;
  color: #fff;
}

.btn.btn-info:hover {
  background: #88CF00 !important;
  border-color: #88CF00;
}

.btn.btn-success {
  background: #88CF00 !important;
  border-color: #88CF00;
  color: #fff;
}

.btn.btn-success:hover {
  background: #16CAF7 !important;
  border-color: #16CAF7
}

/* .dynamicForm .form-control {
  height: 42px !important;
  padding: .375rem .75rem !important;
} */


.dynamicForm .btn.btn-dark {
  background: #212529 !important;
  font-size: 0.9rem !important;
  border-radius: 10px !important;
  padding: 0.55rem 1.5rem !important;
  text-transform: uppercase;
  margin: 0 0 0 10px !important;
}

/* header { background: #0357B9; }

/* .navbar.navbar-expand-lg { border-left: 5px solid #65BDC2; } */
nav .navbar-brand img {
  width: 210px;
  transition: 0.3s;
}

.navbar-expand-lg .navbar-nav .nav-item {
  margin: 0 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 1rem;
}

.top-contact {
  margin-bottom: 0;
  position: relative;
  display: flex;
  justify-content: end
}

.top-contact a {
  text-decoration: none;
  color: #000;
  margin-left: 0.6rem;
}

.dropdown-btn .dropdown-menu {
  padding: 0;
}

.dropdown-btn .dropdown-menu li .dropdown-item {
  margin-left: 0;
}

.dropdown-btn .dropdown-menu li .dropdown-item:hover {
  border: 0 !important;
  background: #88cf00;
  color: #fff;
}

.site-navigation {
  padding: 0 !important;
}

.site-navbar {
  margin: auto;
  z-index: 99;
  position: absolute;
  top: 0;
  bottom: auto !important;
  padding-top: 8px;
  width: 100% !important;
}

.sticky-wrapper {
  height: auto !important;
}

.sticky-wrapper.is-sticky .site-navbar {
  background: #fff;
  z-index: 999 !important;
  width: 100% !important;
  padding: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.sticky-wrapper.is-sticky .site-navbar .navbar {
  padding: 0;
}

.sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img {
  width: 120px;
  transition: 0.3s;
}

.sticky-wrapper.is-sticky .top-contact {
  display: none;
}

.site-navbar .site-navigation .site-menu>li {
  position: relative;
  padding: 0;
  margin: 0 0.75rem;
}

.site-navbar .site-navigation .site-menu>li:first-child::before {
  content: none;
}

.site-navbar .site-navigation .site-menu>li:last-child {
  padding-right: 0;
  margin-right: 0
}

.site-navbar .site-navigation .site-menu>li>a {
  font-family: "Proxima Nova Bold", sans-serif;
  color: #000;
  padding: 0 0 6px;
  font-size: 0.9rem;
  letter-spacing: 0;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
}

.sticky-wrapper .site-navbar ul>li.active>a,
.sticky-wrapper .site-navbar ul>li>a:hover,
.sticky-wrapper .site-navbar ul>li.current_page_ancestor>a {
  border-bottom: 3px solid #000;
}

/* .site-navbar .site-navigation .site-menu > li > a{font-size: 1rem; padding: 6px 0; text-transform: uppercase;} */
.site-navbar .site-navigation .site-menu>li:last-child>a::before {
  content: none;
}

.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown-menu,
.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown-menu,
.site-navbar .site-navigation .site-menu .has-children:active>.dropdown-menu {
  display: block;
}

.site-mobile-menu .site-nav-wrap li.active>a,
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active {
  color: #111111;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown-menu {
  border-radius: 0;
  border: 0;
  min-width: 20rem;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown-menu>li>a {
  border-radius: 0 !important;
  padding: 8px 12px;
  text-decoration: none;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown-menu a {
  font-size: 1rem;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown-menu>li>a:hover,
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu>li.current-menu-item>a {
  color: #ffffff;
  background: #88cf00;
  border: 0;
}

.side-toggle {
  position: absolute;
  right: 0;
  top: 25px;
  margin: auto;
  color: #0d6efd;
  font-size: 1.25rem;
}

.menu-bar {
  width: 50px;
  height: 50px;
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.menu-bar span {
  width: 25px;
  height: 2px;
  background: #fff;
  margin-bottom: 5px;
  display: block;
}

.main-banner {
  background-color: #5FDAFA;
  position: relative;
  background: linear-gradient(308deg, rgba(95, 218, 250, 0.9) 0%, rgba(191, 244, 255, 0) 100%);
  overflow: hidden;
}

.main-banner::before {
  content: '';
  position: absolute;
  right: -130px;
  width: 70%;
  height: 100%;
  background-image: url('../images/home-banner1.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100%;
}

.main-banner h1 {
  font-size: 3rem;
  font-family: "Proxima Nova Bold", sans-serif;
  margin-bottom: 1rem;
}

.main-banner h3 {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 1.6rem
}

.banner-caption {
  padding: 12rem 0 5rem;
  width: 590px;
  position: relative;
  z-index: 9;
}

.floating-bg {
  font-family: "Proxima Nova Bold", sans-serif;
  background: #88CF00;
  color: #fff !important;
  text-transform: capitalize !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 10px 14px;
}

.floating-bg img {
  max-width: 30px;
}

.floating-element1 {
  position: absolute;
  z-index: 10;
  top: 38%;
  right: 30%;
  width: 300px;
  animation: float-animation 1.5s infinite alternate;
}

.floating-element2 {
  position: absolute;
  z-index: 10;
  bottom: 41%;
  right: 33%;
  width: 240px;
  animation: float-animation 1.5s infinite alternate;
  animation-delay: 0.6s;
}

.floating-element3 {
  position: absolute;
  z-index: 10;
  bottom: 23%;
  right: 8%;
  width: 310px;
  animation: float-animation 1.5s infinite alternate;
  animation-delay: 1s;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 900px;
  margin: auto;
}

.image-item {
  overflow: hidden;
  border-radius: 16px;
}

.image-item.large {
  grid-row: span 2;
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@keyframes float-animation {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-10px)
  }
}

.about-section {
  padding: 5rem 0;
}

.about-section .sub-heading {
  color: #88cf00;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.about-section h2 {
  font-size: 3rem;
  font-family: "Proxima Nova Bold", sans-serif;
  line-height: 1
}

.about-section h4 {
  font-family: "Proxima Nova Bold", sans-serif;
  line-height: 1
}

.welcome-img {
  position: relative;
  font-family: "Proxima Nova Bold", sans-serif;
}

.years-experience {
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #fff;
  color: #88CF00;
  text-align: center;
  padding: 2.8rem 2rem;
}

.years-experience:hover {
  background: #88CF00;
  color: #fff;
}

.years-experience .experience-year {
  font-size: 4rem;
  display: block;
  line-height: 1;
}

.why-section {
  background: #F4FBE8;
  padding: 5rem 0;
}

.why-section h2 {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 3rem;
  line-height: 1.2;
}

.why-section h3 {
  font-size: 2.5rem;
  text-align: center;
}

.why-section h3 strong {
  font-family: "Proxima Nova Bold", sans-serif;
}

.why-section h4 {
  font-family: "Proxima Nova Bold", sans-serif;
}

.why-section .sub-heading {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #18CAF7;
}

.dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px;
  width: 100%;
  max-width: 960px;
}

.dashboard .card {
  background: #fff;
  border-radius: 16px;
  padding: 2rem 1rem;
  text-align: center;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border: 0;
}

.dashboard .card p {
  font-size: 12px;
  margin-bottom: 0;
}

.progress {
  position: relative;
  margin: 4px;
  float: left;
  text-align: center;
  width: 200px;
  height: 110px;
  margin: auto;
  background: transparent;
}

.barOverflow {
  /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden;
  /* Comment this line to understand the trick */
  width: 230px;
  height: 105px;
  /* Half circle (overflow) */
  margin-bottom: -14px;
  /* bring the numbers up */
}

.progress small {
  position: absolute;
  font-size: 3rem;
  font-family: "Proxima Nova Bold", sans-serif;
  color: #88CF00;
  left: 0;
  right: 0;
  bottom: 0;
}

.barOverflow .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  border: 25px solid #A2EAFC;
  /* half gray, */
  border-bottom-color: #18CAF7;
  /* half azure */
  border-right-color: #18CAF7;
}

.service-section {
  background: #F6FDFF;
  padding: 5rem 0;
}

.service-section h2 {
  font-size: 3rem;
  font-family: "Proxima Nova Bold", sans-serif;
  color: #88CF00;
  margin-bottom: 0;
}

.service-heading {
  width: 90%;
  margin: auto;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.service-heading .sub-heading {
  text-transform: uppercase;
  color: #18CAF7
}

.suction {
  position: relative;
  transform: translate(0, 50px);
  width: 1000px;
  margin: auto;
}

.suction ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.suction ul li {
  list-style: none;
  width: 210px;
  height: 200px;
  position: relative;
  display: inline-block;
  margin: 0 -14px;
  background-color: #d8f4fd;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
  text-align: center;
  padding: 10px;
  color: white;
  transition: transform 0.3s;
  transform: rotate(90deg);
}

.suction ul li a {
  transform: rotate(-90deg) translate(-9px, 5px);
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  position: absolute;
  width: 200px;
  height: 180px;
  top: 0;
  left: 0;
  font-family: "Proxima Nova Bold", sans-serif;
  line-height: 1.2;
  font-size: 1.2rem;
  padding-top: 1.7rem;
}

.suction ul li a:hover {
  background: #18CAF7;
}

.suction ul li a span {
  padding: 0 0.5rem;
  display: block;
}

.suction ul li a img {
  max-width: 80px;
  display: block;
  margin: 0 auto 0.7rem;
  max-height: 60px;
}

.suction ul li:nth-child(1) {
  width: 150px;
  height: 140px;
  margin-bottom: 6.3rem;
  margin-right: -1.2rem;
}

.suction ul li:nth-child(2) {
  width: 0;
  height: 0;
  padding: 0;
}

.suction ul li:nth-child(3),
.suction ul li:nth-child(5),
.suction ul li:nth-child(8),
.suction ul li:nth-child(10),
.suction ul li:nth-child(12) {
  background: #88CF00;
  margin-left: 0.2rem;
}

.suction ul li:nth-child(4) {
  margin-bottom: 6rem;
  margin-left: -2.4rem;
}

.suction ul li:nth-child(5) {
  margin-left: -2.5rem;
}

.suction ul li:nth-child(6) {
  width: 150px;
  height: 140px;
  margin-bottom: 6.3rem;
  margin-left: -1.6rem;
}

.suction ul li:nth-child(7) {
  width: 100px;
  height: 90px;
  margin-bottom: 11rem;
  margin-left: -1.1rem;
}

.suction ul li:nth-child(8) {
  position: relative;
  top: -110px;
  left: 22px;
}

.suction ul li:nth-child(9) {
  position: relative;
  top: -14px;
  left: -4px;
}

.suction ul li:nth-child(10) {
  position: relative;
  top: -112px;
  left: -47px;
}

.suction ul li:nth-child(11) {
  position: relative;
  top: -14px;
  left: -72px;
}

.suction ul li:nth-child(12) {
  position: relative;
  top: -110px;
  left: -113px;
}

.counter-section {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F0FFD3;
  background: linear-gradient(0deg, rgba(240, 255, 211, 1) 0%, rgba(244, 251, 232, 1) 100%);
  padding: 40px 20px;
  gap: 40px;
  flex-wrap: wrap;
}

.counter-box {
  text-align: center;
  min-width: 150px;
  width: 200px;
}

.counter-box h2 {
  font-size: 2.5rem;
  font-family: "Proxima Nova Bold", sans-serif;
  margin: 0;
  color: #000;
}

.counter-box p {
  margin-top: 8px;
  font-size: 1rem;
  color: #333;
  margin-bottom: 0;
}

.divider {
  height: 50px;
  width: 1px;
  background: #999;
  align-self: center;
}

.testimonial-section {
  padding: 0 0 1rem 0;
}

.testimonial-heading {
  width: 70%;
  margin: auto;
  text-align: center;
}

.testimonial-heading h2 {
  color: #18CAF7;
  font-size: 3rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.testimonial-heading .sub-heading {
  text-transform: uppercase;
  color: #88CF00
}

.testimonial-item {
  padding: 10px;
}

.testimonial-box {
  background: white;
  border: 2px solid #ccc;
  padding: 2rem 2.5rem;
  position: relative;
  border-radius: 0 0 50px 0;
  min-height: 200px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  margin-bottom: 3rem;
}

.testimonial-box::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 43px;
  margin-left: 0;
  width: 0;
  height: 0;
  border-left: 27px solid #ffffff;
  border-bottom: 40px solid transparent;
}

.testimonial-box .quote-left,
.testimonial-box .quote-right {
  font-size: 4rem;
  color: #00aee7;
  display: block;
  text-align: center;
  height: 30px;
  width: 30px;
  margin-bottom: 10px;
  position: absolute;
  left: -18px;
  background: #fff;
  line-height: 0.5;
  padding-top: 0.5rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: italic;
}

.testimonial-box .quote-right {
  right: -13px;
  left: auto;
}

.testimonial-box p {
  font-size: 1.1rem;
  color: #333;
  margin: 10px 0;
}

.stars {
  color: #FCCC05;
  font-size: 1.5rem;
  margin-top: 10px;
  text-align: center;
}

.testimonial-item h4 {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.testimonial-item small {
  display: block;
  color: #888;
  font-size: 13px;
}

.clip-triangle {
  position: absolute;
  bottom: -70px;
  width: 30px;
  height: 70px;
  background-color: #bbb;
  /* Light gray */
  clip-path: polygon(5% 0%,
      /* top left vertical line */
      10% 0%, 10% 57%,
      /* bottom of left vertical stroke */
      83% 8%,
      /* bottom right point */
      104% -1%,
      /* right edge of the diagonal */
      20% 55%,
      /* top right edge of the diagonal */
      5% 59%
      /* reconnect left for sharp V */
    )
}

.testimonial-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 24%;
  left: -50px
}

.testimonial-carousel .owl-nav .owl-next {
  position: absolute;
  top: 24%;
  right: -50px
}

.testimonial-carousel .owl-nav span {
  font-size: 4rem;
  color: #bbb;
}

.teamleader-section {
  padding: 4rem 0;
}

.teamleader-subheading {
  color: #88CF00;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5rem
}

.teamleader-section h2 {
  color: #18CAF7;
  font-size: 3rem;
  margin-bottom: 2rem;
  font-family: "Proxima Nova Bold", sans-serif;
  text-align: center;
}

.teamleader-section h3 {
  color: #88CF00;
  font-family: "Proxima Nova Bold", sans-serif;
}

.teamleader-section .carousel-item-next,
.teamleader-section .carousel-item-prev,
.teamleader-section .carousel-item.active {
  background: #F4FBE8;
  padding: 1.5rem;
  border-radius: 2rem;
}

.teamleader-section img {
  border-radius: 1rem;
}

.teamleader-section .carousel-control-next,
.teamleader-section .carousel-control-prev {
  width: 5%;
}

.teamleader-section .carousel-control-next {
  right: -60px;
}

.teamleader-section .carousel-control-prev {
  left: -60px;
}

.cta-section {
  position: relative;
  padding: 6rem 0;
  text-align: center;
  background: url('../images/cta-img.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.call-icon {
  padding-top: 1.25rem;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto 1rem;
}

.cta-section::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 202, 247, 0.6);
}

.cta-section .container {
  position: relative;
  z-index: 9;
  color: #fff;
}

.cta-section h5 {
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
}

.cta-section h2 {
  font-family: "Proxima Nova Bold", sans-serif;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
  margin-bottom: 2.5rem;
}

.cta-section h2 span>a {
  text-decoration: none;
  color: #fff
}

.news-section {
  padding: 5rem 0;
}

.news-heading {
  width: 70%;
  margin: auto;
  text-align: center;
}

.news-heading h2 {
  color: #18CAF7;
  font-size: 3rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.news-heading .sub-heading {
  text-transform: uppercase;
  color: #88CF00
}

.news-carousel .owl-dots.disabled {
  display: block !important;
  text-align: center;
  margin-top: 1.5rem;
}

.news-carousel .owl-dots.disabled button span {
  display: inline-block !important;
  width: 20px;
  height: 8px;
  border-radius: 5px;
  background: #eee;
  margin: 0 3px;
}

.news-carousel .owl-dots.disabled .owl-dot.active span {
  width: 30px;
  background: #07AAD3
}

.news-item {
  background: #F6FDFF;
  border: 1px solid #18CAF7;
  border-radius: 20px;
}

.news-img img {
  border-radius: 20px 20px 0 0;
}

.news-post {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0 1rem;
}

.news-post img {
  width: 20px !important;
  float: left;
  margin-right: 5px;
}

.news-post span {
  display: block;
}

.news-body {
  padding: 1rem;
}

.news-body a {
  display: flex;
  text-decoration: none;
  color: #88CF00 !important;
  font-family: "Proxima Nova Bold", sans-serif;
}

.news-body a img {
  width: 20px !important;
  margin-left: 0.5rem
}

.news-body h3 {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 1.2rem !important;
  /*min-height: 80px;*/
  color: #000 !important;
}

.contact-section {
  position: relative;
  background-color: rgba(244, 251, 232, 0.7);
  padding: 5rem 0
}

.contact-section::before {
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('../images/contact-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-section.contact-inner {
  background-color: #fff;
}

.contact-section.contact-inner::before {
  content: none;
}

.contact-form {
  background: #fff;
  border-radius: 20px;
  padding: 2rem;
}

.contact-section.contact-inner .contact-form {
  background-color: rgba(244, 251, 232, 0.9);
}

.contact-section.contact-inner .contact-form .form-control {
  background-color: #fff;
}

.contact-form h3 {
  color: #07AAD3;
  font-size: 2rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.contact-form .form-control {
  background: #F9F9F9;
  border: 1px solid #E3E3E3;
  padding: 0.6rem 1rem;
}

.news-letter {
  clear: both;
  background: #88CF00;
  padding: 2rem 0;
}

.news-letter h4 {
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
}

footer {
  background: #18CAF7;
  padding: 3rem 0 2rem;
  color: #fff;
}

footer h4 {
  font-family: "Proxima Nova Bold", sans-serif;
}

.social-links a {
  display: inline-block;
  margin-right: 5px;
  background: #fff;
  width: 35px;
  height: 35px;
  padding-top: 5px;
  border-radius: 7px;
  text-align: center;
}

.social-links a:hover {
  background: #88CF00;
}

.social-links a:hover img {
  filter: brightness(100)
}

.footer-links li {
  display: block;
  margin-bottom: 0.5rem;
}

.footer-links li a {
  display: block;
  text-decoration: none;
  position: relative;
  color: #fff;
}

.footer-links li a::before {
  content: '';
  position: absolute;
  left: -1.8rem;
  top: 5px;
  width: 15px;
  height: 15px;
  background: url('../images/heart-care-icon.png');
  background-repeat: no-repeat;
  background-position: left;
  background-size: 100%;
}

.footer-address li {
  display: block;
  margin-bottom: 0.7rem;
}

.footer-address li a {
  display: block;
  text-decoration: none;
  color: #fff;
  position: relative;
}

footer ul li a:hover {
  color: #515151;
}

footer ul li a:hover::before {
  filter: invert(0.7);
}

.footer-address li a::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 20px;
  left: -1.8rem;
  top: 5px;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 100%
}

.footer-address li:nth-child(1) a::before,
.footer-address li:nth-child(2) a::before {
  background-image: url('../images/location-icon.png');
}

.footer-address li:nth-child(3) a::before {
  background-image: url('../images/call-icon.png');
  top: 2px;
}

.footer-address li:nth-child(4) a::before {
  background-image: url('../images/email-icon.png');
  top: 2px;
}

.footer-address li:nth-child(5) a::before,
.footer-address li:nth-child(6) a::before,
.footer-address li:nth-child(7) a::before {
  background-image: url('../images/fax-solid.png');
  top: 2px;
}

.copyRights .container {
  padding-top: 2rem;
  margin-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: space-between;
}

.free-trial {
  display: none;
  z-index: 99;
  left: 0;
  bottom: 0;
  width: 100%;
}

.copyRights ul {
  margin-bottom: 0;
}

.copyRights ul li {
  display: inline-flex;
  line-height: 12px;
}

.copyRights ul li a {
  text-decoration: none;
  color: #fff
}

.copyRights ul li:nth-child(1) {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #fff;
}

/* inner page design */
.inner-banner {
  min-height: 580px;
  position: relative;
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}

.inner-banner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F6FDFF;
  background: linear-gradient(90deg, rgba(246, 253, 255, 1) 0%, rgba(221, 250, 255, 1) 35%, rgba(24, 202, 247, 0.21) 55%);
}

.inner-banner::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 200px;
  background: #FFF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.inner-banner span {
  text-transform: uppercase;
  color: #88CF00;
}

.inner-banner h1 {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 2.5rem;
}

.inner-banner h3 {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 1.2rem;
}

.steps-section {
  padding: 4rem 0;
}

.steps-section h2 {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 2.5rem;
  text-align: center;
  padding: 0 10%;
  margin-bottom: 1.5rem;
}

.grid-offer {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 1rem;
}

.grid-offer .card {
  padding: 2.5rem;
  background: #F3FBE7;
  border: 0;
  border-radius: 0;
}

.grid-offer .card ul li {
  position: relative;
  display: block
}

.grid-offer .card ul li::before {
  content: '';
  position: absolute;
  top: 0.4rem;
  left: -1.8rem;
  width: 12px;
  height: 12px;
  border-radius: 0;
  background: none;
  background-image: url('../images/thick_right_arrow_icon.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.grid-offer .card .grid-body1 {
  padding-right: 13rem;
}

.grid-offer .card .grid-body2 {
  padding-left: 13rem;
}

.grid-offer .card .circle {
  position: absolute;
  width: 230px;
  height: 230px;
  z-index: 0;
}

.grid-offer .card:hover {
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}

.grid-offer .card:hover::before {
  clip-path: circle(110vw at 100% 100%);
}

.grid-offer .card h3 {
  font-family: "Proxima Nova Bold", sans-serif;
}

.grid-offer .card::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  transition: 0.6s;
  z-index: 0;
  background-color: #A0ECFF;
}

.card:nth-child(1)::before {
  bottom: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 100%);
}

.card:nth-child(2)::before {
  bottom: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 100%);
}

.card:nth-child(3)::before {
  top: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 0%);
}

.card:nth-child(4)::before {
  top: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 0%);
}

.grid-offer .card:nth-child(1) .circle {
  background: url('../images/patients.jpg') no-repeat 50% 50% / cover;
  bottom: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 100%);
}

.grid-offer .card:nth-child(2) .circle {
  background: url('../images/partners.jpg') no-repeat 50% 50% / cover;
  bottom: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 100%);
}

.grid-offer .card:nth-child(3) .circle {
  background: url('../images/industry.jpg') no-repeat 50% 50% / cover;
  top: 0;
  right: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 100% 0%);
}

.grid-offer .card:nth-child(4) .circle {
  background: url('../images/approch.jpg') no-repeat 50% 50% / cover;
  top: 0;
  left: 0;
  clip-path: circle(calc(6.25rem + 7.5vw) at 0% 0%);
}

.step-one {
  width: 850px;
  position: relative;
  margin: auto;
  background: url('../images/circular-points.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  left: -100px;
}

#infographic {
  background: #F6FDFF;
  padding: 4rem 0;
}

#infographic h2 {
  color: #18CAF7;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 3rem;
}

#infographic .circle {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 1px solid #DFF7BB;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 40px;
  position: absolute;
  left: 6%;
  top: 18%;
  margin: 40px 0;
  background: #F3FBE7;
}

#infographic article {
  width: 410px;
  margin-bottom: 40px;
  cursor: pointer;
  left: 50%;
  position: relative;
  background: url('../images/timeline-bg.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

#infographic article .article-header {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 85px;
  text-decoration: none;
  color: #000;
}

#infographic article .article-header h6 {
  font-size: 1.2rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

#infographic article .article-header:hover h6 {
  color: #88CF00;
}

#infographic article .article-header img {
  max-width: 40px;
  margin-left: 1.5rem;
}

#infographic article[data-step="1"] {
  margin-left: -24px;
  margin-top: -5px;
}

#infographic article[data-step="2"] {
  margin-left: 115px;
}

#infographic article[data-step="3"] {
  margin-left: 180px;
  bottom: -19px;
}

#infographic article[data-step="4"] {
  margin-left: 115px;
  top: 35px;
}

#infographic article[data-step="5"] {
  margin-left: -24px;
  top: 40px;
}

/* about us */
.medical-experties {
  padding: 5rem 0;
  font-size: 1.1rem;
}

.medical-experties h2 {
  color: #88CF00;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 2.5rem;
}

.medical-experties-left {
  background: #E5FBFF;
  border-radius: 0 100px 0 100px;
  padding: 5rem;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.8;
}

.medical-experties-right {
  background: #F3FBE7;
  border-radius: 100px 0 100px 0;
  padding: 5rem;
  margin-bottom: 2rem;
  font-size: 1.1rem;
  line-height: 1.8;
}

.mission-section {
  margin-bottom: 5rem;
  line-height: 1.8;
  font-size: 1.1rem;
}

.mission-section h2 {
  color: #18CAF7;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 2.5rem;
}

.mission-section h3 {
  color: #88CF00;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 2.5rem;
}

.mission-img {
  position: relative;
}

.mission-img::before {
  content: '';
  position: absolute;
  right: -3rem;
  top: -3rem;
  width: 100px;
  height: 100px;
  background: url('../images/dots.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.mission-img.mission-img-right::before {
  right: auto;
  left: -3rem;
  top: -3rem;
  width: 100px;
  height: 100px;
  background: url('../images/dots.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.mission-img img {
  border-radius: 20px;
}

.mission-section ul li {
  display: block;
  font-family: "Proxima Nova Bold", sans-serif;
  position: relative;
  margin-bottom: 10px;
}

.mission-section ul li::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background: url('../images/checkmark-circle.png');
  background-size: 100%;
  left: -2rem;
  top: 5px;
}

.values-section {
  padding: 5rem 0;
  text-align: center;
  background: #F6FDFF;
}

.values-section .sub-heading {
  color: #18CAF7;
  text-transform: uppercase;
}

.values-section h2 {
  color: #88CF00;
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 2.5rem;
}

.values-section .owl-carousel .card-box {
  background: #fff;
  padding: 2rem 3rem 4rem;
  margin: 1.5rem 1.2rem;
  border-radius: 2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  position: relative;
  text-align: center;
  height: 500px;
}

.values-section .owl-carousel .card-box::before {
  content: '';
  width: 108%;
  height: 60%;
  position: absolute;
  left: -14px;
  top: -15px;
  border-radius: 1.8rem;
  background: #82c91e;
  z-index: -1;
}

.values-section .card-box .icon img {
  width: 60px;
  margin: 0 auto 20px;
}

.values-section .card-box h3 {
  color: #00bcd4;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

.values-section .card-box p {
  color: #333;
  line-height: 1.6;
}

.values-section .circle-label {
  position: absolute;
  bottom: -13px;
  left: 50%;
  width: 120px;
  transform: translateX(-50%);
  background: url('../images/value-bottom-shape.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  color: #fff;
  padding: 10px 18px;
}

.values-section .owl-dots {
  text-align: center;
  margin-top: 30px;
}

.values-section .owl-dot span {
  background: #ccc;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 50%;
}

.values-section .owl-dots.disabled,
.values-section .owl-nav.disabled {
  display: block;
}

.values-section .owl-dot.active span {
  background: #6cc24a;
}

.values-section .owl-nav .owl-prev {
  position: absolute;
  top: 24%;
  left: -50px
}

.values-section .owl-nav .owl-next {
  position: absolute;
  top: 24%;
  right: -50px
}

.values-section .owl-nav span {
  font-size: 6rem;
  color: #bbb;
}

/* our story */
.inner-section {
  padding: 4rem 0;
}

.inner-section h2 {
  color: #88CF00;
  font-size: 2.5rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.inner-section h3 {
  color: #18CAF7;
  font-size: 1.8rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.diamond-section {
  padding: 6rem 0;
  margin-bottom: 4rem;
  background-color: #F6FDFF;
}

.diamond-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.diamond {
  width: 150px;
  height: 150px;
  background: #82c91e;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.diamond img {
  transform: rotate(-45deg);
  width: 60px;
  height: 60px;
}

/* Positions of diamonds */
.diamond1 {
  background-color: #c8f600;
}

.diamond2 {
  background-color: #f2f9e9;
}

.diamond3 {
  background-color: #bff2ff;
}

.diamond4 {
  background-color: #50d3f0;
}

/* Text positions */
.diamond-text {
  width: 60%;
  line-height: 1.5;
}

.left-top {
  text-align: right;
}

.right-top {
  text-align: left;
}

.left-bottom {
  text-align: right;
}

.right-bottom {
  text-align: left;
}

.case-study-section {
  padding: 5rem 0;
  background: url('../images/case-study-bg.jpg');
  background-attachment: fixed;
}

.case-study-bg {
  background: rgba(24, 202, 247, 0.7);
  padding: 3rem;
}

.case-study-bg h4 {
  font-size: 2rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.bar-comparison {
  display: flex;
  align-items: flex-end;
  gap: 25px;
  color: #1c1c1c;
}

.bar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bar-comparison .bar {
  width: 120px;
  background-color: #2e3124;
  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
  padding-top: 2rem;
}

.tall {
  height: 300px;
}

.bar-comparison .short {
  height: 140px;
}

.bar-comparison .light {
  background-color: #f6ffe6;
}

.value {
  font-size: 2rem;
  color: #fff;
  font-family: "Proxima Nova Bold", sans-serif;
}

.value.dark {
  color: #333;
}

.bar-comparison .label {
  text-align: center;
  margin-top: 10px;
  font-size: 1.2rem;
}

.middle-label {
  text-align: center;
  align-self: flex-start;
  height: 240px;
  width: 100%;
  background-color: #80c71e !important;
  color: #fff;
}

.middle-label .saving {
  font-size: 2rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.leadership-team {
  padding: 5rem 0;
}

.leadership-team h2 {
  font-size: 2.5rem;
  text-align: center;
  font-family: "Proxima Nova Bold", sans-serif;
}

.team-member {
  display: block;
  text-decoration: none;
  background: #fff;
  padding-bottom: 0.8rem;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  text-align: center;
  margin: 10px;
}

.team-member img {
  width: 100%;
  border-radius: 20px 20px 0 0;
  margin-bottom: 15px;
}

.team-member h4 {
  color: #18CAF7;
  margin: 0;
  font-size: 1.2rem;
  font-family: "Proxima Nova Bold", sans-serif;
}

.team-member:hover h4 {
  color: #88CF00;
}

.team-member p {
  color: #555;
  font-size: 1rem;
  margin: 5px 0 10px;
}

/* service page */
.timeline-container {
  position: relative;
  background: url('../images/transitional-care-infographics.png');
  background-repeat: no-repeat;
  background-position: center;
  padding: 10rem 0;
  background-size: 100%;
  width: 900px;
  margin: 3rem auto;
}

.circle-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}

.timeline-container .circle {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.3rem;
  position: relative;
  font-family: "Proxima Nova Bold", sans-serif;
}

.timeline-container .circle:nth-child(1) {
  top: -70px;
  left: 50px;
}

.timeline-container .circle:nth-child(2) {
  top: 55px;
  left: 20px;
}

.timeline-container .circle:nth-child(3) {
  top: -70px;
  left: -10px;
}

.timeline-container .circle:nth-child(4) {
  top: 55px;
  left: -45px;
}

.service-support-section {
  padding: 5rem 0;
  background: #E5FBFF;
}

.service-support-section h3 {
  font-size: 1.5rem;
  text-align: left;
  margin: auto;
  font-family: "Proxima Nova Bold", sans-serif;
}

.polygon-grid {
  width: 800px;
  display: flex;
  justify-content: center;
  margin: 3rem auto;
  padding-bottom: 5rem;
}

.polygon-shape {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
  padding: 1rem 2rem;
}

.polygon-shape span {
  font-size: 3rem;
  display: block;
  font-family: "Proxima Nova Bold", sans-serif;
  line-height: 1.2;
}

.polygon-shape p {
  line-height: 1.2;
}

.polygon-shape1 {
  background-image: url('../images/blue-polygon.png');
  width: 130px;
  height: 130px;
  top: 140px;
  left: 30px;
}

.polygon-shape2 {
  background-image: url('../images/green-polygon.png');
  width: 250px;
  height: 250px;
}

.polygon-shape3 {
  background-image: url('../images/green-polygon.png');
  width: 250px;
  height: 250px;
  top: 120px;
  left: -50px;
}

.polygon-shape4 {
  background-image: url('../images/blue-polygon.png');
  width: 130px;
  height: 130px;
  top: 80px;
  left: -85px;
}

.chronic-management {
  background: #F4FBE8;
  background: linear-gradient(0deg, rgba(244, 251, 232, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.chronic-management .polygon-grid {
  width: 900px;
}

.chronic-management .polygon-shape {
  padding-top: 2rem;
}

.chronic-management .polygon-shape3a {
  background-image: url('../images/green-polygon.png');
  width: 250px;
  height: 250px;
  left: -100px;
}

.chronic-management .polygon-shape4 {
  left: -130px;
  top: -40px;
}

.monitor-section {
  padding: 40px;
  background: #f2f8eb;
  border-radius: 20px;
  margin: auto;
  border-radius: 150px 0 0 0;
}

.monitor-grey {
  background-color: #F9F9F9;
  border-radius: 0 150px 0 0;
}

.monitor-container {
  display: flex;
  gap: 40px;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px;
  border-radius: 15px;
}

.monitor-image {
  flex: 1;
  text-align: center;
}

.monitor-image img {
  max-width: 300px;
  max-height: 350px;
}

.monitor-image h3 {
  margin-top: 10px;
  font-size: 1rem;
  font-family: "Proxima Nova Bold", sans-serif;
  color: #000 !important;
}

.monitor-content {
  flex: 2;
}

.feature-list {
  list-style: none;
  padding-left: 2rem;
  margin: 0;
}

.feature-list li {
  margin-bottom: 20px;
  font-family: "Proxima Nova Bold", sans-serif;
  line-height: 1.4;
  position: relative;
}

.feature-list li::before {
  content: '';
  position: absolute;
  left: -1.8rem;
  top: 0.35rem;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #91D315;
}

/** Custom page styles **/
.monitor-section .content {
  background-color: #fff;
  padding: 1rem;
}

.monitor-section .content.bg-grey {
  background-color: #ECECEC;
}

.monitor-section .content .demo>div {
  max-height: 200px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}

.monitor-section .controls {
  padding: 0 0 10px;
}

.monitor-section .controls span {
  cursor: pointer;
  padding: 2px 8px;
}

.monitor-section .controls span.active {
  background: #4698CE;
  color: #fff;
  cursor: default;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper>.scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea>.scroll-content {
  overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail>.scroll-element,
.scrollbar-rail>.scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail>.scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail>.scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail>.scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail>.scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail>.scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 8px;
  background-color: transparent;
}

.scrollbar-rail>.scroll-element .scroll-bar {
  background-color: #91d315;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/* telehealth service */
.telehealth-content {
  padding: 2rem 0;
  position: relative;
  background: url('../images/protection-icon.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 120px;
}

.telehealth-content::before {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: -1rem;
  background: #ccc;
}

.telehealth-content.general-medical {
  background: url('../images/telehealth-service-icon.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 120px;
}

.telehealth-content.general-medical h3 {
  font-size: 2.5rem;
}

.telehealth-content.rpm-reading {
  background: url('../images/reading-icon.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 120px;
}

.inner-section ul {
  list-style: none;
  padding-left: 3rem;
  margin: 0;
}

.inner-section ul li {
  margin-bottom: 10px;
  line-height: 1.4;
  position: relative;
}

.inner-section ul li a {
  text-decoration: none;
  color: #000;
}

ul.check-list li {
  position: relative;
  display: block
}

.inner-section ul li::before,
.service-support-section ul.check-list li::before,
ul.check-list li::before {
  content: '';
  position: absolute;
  left: -1.8rem;
  top: 0.35rem;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #91D315;
}

.inner-section ul.check-list,
.service-support-section ul.check-list {
  padding-left: 2.1rem;
}

.inner-section ul.check-list li::before,
.service-support-section ul.check-list li::before,
ul.check-list li::before {
  background-color: transparent;
  top: 3px;
  background-image: url('../images/check-solid-full.svg');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  border-radius: 0;
}

.primary-care-section ul.check-list li::before {
  filter: invert(1) brightness(100);
  background-color: transparent;
  top: 5px;
  background-image: url('../images/check-solid-full.svg');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  border-radius: 0;
}

.primary-care-section ul.check-list li {
  margin-bottom: 5px;
}

.service-support-section ul.check-list li {
  text-align: left;
  position: relative;
  display: block;
}

.inner-section ul.health-update-list,
.teamleader-section ul.health-update-list {
  padding-left: 2.2rem;
}

.inner-section ul.health-update-list li,
.teamleader-section ul.health-update-list li {
  margin-bottom: 1rem;
  position: relative;
  display: block;
}

.inner-section ul.health-update-list li::before,
.teamleader-section ul.health-update-list li::before {
  content: '';
  position: absolute;
  top: 0rem;
  left: -2.2rem;
  width: 25px;
  height: 25px;
  border-radius: 0;
  background: none;
  background-image: url('../images/checkbox_icon.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.inner-section ul li ul {
  margin-top: 1rem;
}

.inner-section ul li ul li::before {
  background: #909090;
}

ul.recent-post {
  margin-bottom: 0;
}

ul.recent-post li::before {
  content: none;
}

ul.recent-post li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}

ul.recent-post li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

ul.recent-post li a:hover {
  color: #88CF00;
}

.behavioral-services {
  margin-top: 4rem;
  margin-bottom: 3rem;
  position: relative;
}

.behavioral-services::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 8px;
  width: 80%;
  margin: auto;
  background: #BEE575;
}

.behavioral-item {
  position: relative;
  display: flex;
  align-items: center;
  background: #F4FBE8;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  text-align: center;
  padding: 1.5rem 2rem;
}

.behavioral-item p {
  margin-bottom: 0;
}

.behavioral-item::before {
  content: '';
  position: absolute;
  width: 80px;
  height: 80px;
  background: #BEE575;
  border-radius: 50%;
  left: 0;
  top: -1.3rem;
  z-index: -2;
}

.behavioral-item::after {
  content: '';
  position: absolute;
  width: 80px;
  height: 80px;
  background-image: url('../images/discussion-icon.png');
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: -1.5rem;
  z-index: -1;
}

.behavioral-item2::after {
  background-image: url('../images/public-health-icon.png');
}

.behavioral-item3::after {
  background-image: url('../images/employee-icon.png');
}

.banner-green-block {
  font-family: "Proxima Nova Bold", sans-serif;
  font-size: 1.2rem;
  width: 150px;
  height: 150px;
  background: #BEE575;
  padding: 10px 15px;
  position: absolute;
  bottom: -29%
}

.banner-green-block span {
  font-size: 3rem;
  color: #000;
  line-height: 1;
}

.contact-details {
  padding-left: 0;
}

.contact-details li {
  display: block;
  padding-left: 6rem;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.contact-details li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 60px;
  height: 60px;
  background-position: left;
}

.contact-details li:nth-child(1)::before,
.contact-details li:nth-child(2)::before {
  top: 1rem;
  background: url('../images/location-icon.svg');
  background-size: 50px;
  background-repeat: no-repeat;
}

.contact-details li:nth-child(3)::before {
  background: url('../images/phone-call.svg');
  background-size: 40px;
  background-repeat: no-repeat;
}

.contact-details li:nth-child(4)::before {
  background: url('../images/mail.svg');
  background-size: 40px;
  background-repeat: no-repeat;
}

.contact-details li:nth-child(5)::before,
.contact-details li:nth-child(6)::before,
.contact-details li:nth-child(7)::before {
  background: url('../images/fax.svg');
  background-size: 40px;
  background-repeat: no-repeat;
}

.contact-details li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 1.2rem;
}

.contact-details li a strong {
  font-size: 1.4rem;
  display: block;
}

.blog-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 1rem;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.blog-item .blog-img {
  width: 35%;
  margin-right: 1.5rem
}

.blog-item .blog-img img {
  border-radius: 1rem;
}

.blog-item .blog-body {
  width: 60%
}

.blog-item .blog-body h3 {
  color: #000 !important;
  font-size: 1.2rem !important;
}

.blog-item .blog-body p {
  margin-bottom: 0.5rem;
}

.blog-item .blog-body a {
  color: #88CF00;
  text-decoration: none;
}

.blog-banner {
  min-height: 370px;
}

.team-banner {
  min-height: 370px;
}

.appointment-btns {
  position: absolute;
  left: 30%;
  bottom: -60px
}

.patient-story {
  max-height: 350px;
  overflow-y: auto;
}

.circle-container {
  width: 900px;
  height: 460px;
  margin: 50px auto;
  position: relative;
}

.center-circle {
  width: 200px;
  height: 200px;
  background: #e6f6ff;
  border-radius: 50%;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding-top: 40px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.center-circle::before {
  content: '';
  position: absolute;
  left: -18px;
  top: -18px;
  width: 236px;
  height: 236px;
  border-radius: 50%;
  border: 2px solid #ddd;
}

.center-circle img {
  margin-bottom: 10px;
}

.center-circle h2 {
  font-size: 20px;
  color: #00b288;
  margin: 0;
}

.circle-container .item {
  width: 270px;
  height: 60px;
  background: #f0fcea;
  border-radius: 30px;
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 0;
  color: #000;
  font-weight: bold;
  z-index: 2;
  text-decoration: none;
}

.circle-container .item:hover {
  color: #2EC5F4;
}

/*     .circle-container .item::before{content: ''; position: absolute; left:0; width: 60px; height:60px; border-radius:50%; background:#2EC5F4;} */
.circle-container .item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #2EC5F4;
  border-radius: 50%;
  margin-right: 1rem;
}

.circle-container .item img {
  max-width: 40px;
  max-height: 40px;
}

/* Positioning each item around the circle */
.circle-container .item1 {
  top: 25px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #E1FFA7;
}

.circle-container .item2 {
  top: 35%;
  right: 0;
  transform: translate(0, -50%);
  background: #DBFF94;
}

.circle-container .item3 {
  top: 332px;
  right: 0;
  transform: translate(44px, 0);
  background: #D4FF80;
}

.circle-container .item4 {
  top: 332px;
  left: 0;
  transform: translate(-44px, 0);
}

.circle-container .item5 {
  top: 30%;
  left: 0;
  transform: translate(0, 1%);
  background: #EFFFCF;
}

/* Line Connectors */
.circle-container .line {
  position: absolute;
  width: 2px;
  background: #ddd;
  height: 120px;
  transform-origin: center;
}

.circle-container .line::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background: #88CF00;
  border-radius: 50%;
}

.circle-container .line1::before {
  bottom: -9px;
  right: -7px;
}

.circle-container .line2::before {
  bottom: -7px;
  right: -7px;
}

.circle-container .line3::before {
  bottom: -7px;
  left: -7px;
}

.circle-container .line4::before {
  right: -5px;
  top: -7px;
}

.circle-container .line5::before {
  bottom: -7px;
  right: -7px;
}

.circle-container .line1 {
  top: 80px;
  left: 50%;
  transform: translateX(-50%) rotate(0deg);
}

.circle-container .line2 {
  top: 150px;
  right: 310px;
  transform: rotate(45deg);
}

.circle-container .line3 {
  top: 300px;
  right: 280px;
  transform: rotate(90deg);
}

.circle-container .line4 {
  top: 300px;
  left: 280px;
  transform: rotate(90deg);
}

.circle-container .line5 {
  top: 150px;
  left: 310px;
  transform: rotate(-45deg);
}

.faq-accordion h2.mb-4 {
  margin-top: 2rem;
}

.faq-accordion .accordion-grid {
  margin-bottom: 0.6rem;
}

/* Remove default arrow */
.faq-accordion .accordion-button::after {
  display: none;
}

/* Add custom plus/minus icon */
.faq-accordion .accordion-button::before {
  content: '+';
  font-size: 1.5rem;
  margin-right: 10px;
  color: #3b3b3b;
  transition: transform 0.2s ease-in-out, color 0.2s;
  right: 1rem;
  position: absolute;
}

/* Change icon to minus when open */
.faq-accordion .accordion-button:not(.collapsed) {
  background-color: #b4f1fd;
}

.faq-accordion .accordion-button:not(.collapsed)::before {
  content: '−';
  color: #3b3b3b;
  /* optional: change color when open */
}

.chronic-management h2 {
  color: #88CF00;
  font-size: 2.5rem;
  font-family: "Proxima Nova Bold", sans-serif
}

.package-card {
  margin: 3rem 0;
  background: #daf5fa;
  border-radius: 1rem;
  text-align: center;
}

.package-icon {
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
  padding: 1rem;
  background: #fff;
  margin-top: -55px;
  margin-bottom: 1rem;
  border: 4px solid #2ec5f4;
}

.package-header {
  background: #88cf00;
  color: #fff;
  padding: 1rem;
  border-radius: 0.6rem 0.6rem 0 0;
}

.package-header h2 {
  color: #fff;
}

.small-card .package-header {
  border-radius: 1rem;
}

.small-card .package-header h2 {
  margin-bottom: 0;
}

.package-header h2 small {
  font-size: 1rem;
  font-weight: 400;
}

.package-body {
  padding: 1rem;
  min-height: 360px;
}

.package-body ul {
  padding-left: 0;
}

.package-body ul li {
  border-bottom: 1px solid #70D9F9;
  padding-bottom: 0.8rem
}

.package-body ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.package-body ul li::before {
  content: none;
}

.primary-care-section {
  padding: 2rem;
  font-size: 1.2rem;
  border-radius: 1rem;
  background: url('../images/primary-care-bg.jpg');
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  color: #fff;
}

.primary-care-section h3 {
  font-size: 2.2rem;
  color: #fff;
}

.urgent-care {
  background: url('../images/general-care.jpg');
  background-size: cover;
  margin-bottom: 6rem;
}

.abnormal-reading {
  background: url('../images/abnormal-care.jpg');
  background-size: cover;
  margin-bottom: 6rem;
}

.telehealth-bottom-block {
  padding: 1.8rem;
  border-radius: 1rem;
  background: #daf5fa;
  font-size: 1.2rem;
  margin-top: 2rem;
}

@media (min-width:1921px) and (max-width:7000px) {

  /*   html, body, header { max-width: 1400px; margin: auto; overflow-x: hidden; } */
}

@media (max-width:1400px) {
  .about-section h4 {
    font-size: 1.2rem;
  }

  .about-section h4 img {
    max-width: 30px;
  }

  .values-section .owl-carousel .card-box {
    padding: 2rem 1rem 4rem;
  }
}

@media (max-width:1280px) {
  .container {
    max-width: 90%;
  }

  .site-navbar .site-navigation .site-menu>li {
    margin: 0;
    padding: 0 0.7rem;
  }

  .site-navbar .site-navigation .site-menu>li:last-child>a {
    padding-right: 0;
  }

  .site-navbar .site-navigation .site-menu>li>a {
    font-size: 0.85rem;
  }

  .site-navbar .site-navigation .site-menu>li::before {
    margin-left: -0.3rem;
  }

  nav .navbar-brand img {
    width: 130px;
  }

  .main-banner .carousel-caption h1 {
    padding: 0;
  }

  .blog-item h4 {
    font-size: 1.2rem;
  }

  .blog-item p {
    line-height: 1.2rem;
  }

  .section1 .welcome-content {
    padding: 2rem;
  }

  .site-navbar .site-navigation .site-menu {
    margin-right: 0;
  }

  .section2::before {
    height: 90%;
    top: 5%;
  }

  .section3 {
    margin-top: -1.1rem;
    padding: 5rem 0;
  }

  .testimonials-carousel {
    padding: 1rem;
  }

  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img {
    width: 100px;
  }

  .main-banner h1 {
    font-size: 2.5rem;
  }

  .banner-caption {
    width: 460px;
    padding: 9rem 0 3rem;
  }

  .banner-caption.for-patients {
    width: 580px;
    padding: 10rem 0 3rem;
  }

  .main-banner h3 {
    font-size: 1.3rem;
  }

  .floating-element1 {
    right: 30%;
    top: 35%;
  }

  .floating-element2 {
    width: 225px;
    bottom: 45%;
    right: 32%;
  }

  .floating-element3 {
    bottom: 20%;
    right: 5%;
  }

  .about-section h2,
  .why-section h2 {
    font-size: 2.2rem;
  }

  .why-section h3 {
    font-size: 1.8rem;
  }

  .why-section h4 {
    font-size: 1.1rem;
  }

  .why-section h4 img {
    max-width: 25px;
  }

  .barOverflow {
    width: 182px;
  }

  .bar {}

  .testimonial-box {
    padding: 2rem 1.5rem;
  }

  .testimonial-box::after {
    left: 28px;
    border-left: 24px solid #ffffff;
  }

  .counter-box {
    width: 170px;
  }

  .testimonial-carousel .owl-nav .owl-prev {
    left: -20px
  }

  .testimonial-carousel .owl-nav .owl-next {
    right: -20px
  }

  .suction {
    width: 980px;
  }

  .grid-offer .card .grid-body1 {
    padding-right: 8rem;
  }

  .grid-offer .card .grid-body2 {
    padding-left: 10rem;
  }

  .banner-green-block {
    bottom: -32%;
  }

  .barOverflow .bar {
    width: 180px;
    height: 180px;
  }

  .site-navbar .site-navigation .site-menu .has-children>.dropdown-arrow {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-15px);
    width: 20px;
    height: 16px;
    text-align: center;
    color: #000;
    font-size: 14px;
  }
}

@media (max-width:1030px) {
  .container {
    max-width: 95%;
  }

  .site-navbar .site-navigation .site-menu .has-children>.dropdown-arrow {
    transform: translateY(-16px);
  }

  .counter-box {
    width: 150px;
  }

  .counter-section {
    gap: 10px;
  }

  .diamond {
    width: 90px;
    height: 90px;
  }

  .diamond img {
    width: 40px;
    height: 40px;
  }

  .diamond-text {
    width: 65%;
    line-height: 1.3;
  }

  .mission-section {
    line-height: 1.5;
    font-size: 1rem;
    margin-bottom: 2rem;
  }

  .mission-section h3 {
    font-size: 1.8rem;
  }

  .mission-img.mission-img-right::before,
  .mission-img::before {
    width: 80px;
    height: 80px;
    top: -2rem;
  }

  .mission-img::before {
    right: -1rem;
  }

  .mission-img.mission-img-right::before {
    left: -1rem;
  }

  .bar-comparison .bar {
    width: 100px;
  }

  .middle-label {
    margin: 0;
  }

  .case-study-bg h4 {
    font-size: 1.5rem;
  }

  .teamleader-section .carousel-control-next,
  .teamleader-section .carousel-control-prev {
    position: relative;
    margin: auto
  }

  .teamleader-section .carousel-control-next {
    right: -30px;
  }

  .teamleader-section .carousel-control-prev {
    left: -30px;
    top: 33px;
  }
}

@media (max-width:990px) {
  .site-menu-toggle {
    padding: 0.5rem 1rem;
    background: #212529;
    color: #fff;
    border-radius: 0.4rem;
    display: block;
  }

  .site-menu-toggle span {
    display: block;
    height: 1px;
    width: 20px;
    background: #fff;
    margin: 6px 0;
  }

  .site-mobile-menu .site-nav-wrap>li>ul>li>a {
    text-decoration: none;
  }

  .floating-element1 {
    right: 0%;
    top: 40%
  }

  .floating-element2 {
    right: 8%;
    bottom: 45%;
  }

  .floating-element3 {
    bottom: 13%;
    right: 18%;
  }

  .dashboard {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
  }

  .suction {
    width: 98%;
  }

  .suction ul li {
    width: 150px;
    height: 140px;
  }

  .suction ul li a {
    width: 150px;
    height: 140px;
    padding-top: 0.7rem;
    font-size: 1rem;
    transform: rotate(-90deg) translate(0px, 5px);
  }

  .suction ul li:nth-child(1) {
    width: 120px;
    height: 110px;
    margin-bottom: auto;
    margin-right: auto;
    position: relative;
    top: -70px;
    left: 20px;
  }

  .suction ul li:nth-child(3) {
    margin: auto;
    position: relative;
    left: 11px
  }

  .suction ul li:nth-child(4) {
    margin-bottom: auto;
    margin-left: auto;
    position: relative;
    top: -67px;
    left: -30px;
  }

  .suction ul li:nth-child(5) {
    position: relative;
    left: -18px;
    top: 3px;
  }

  .suction ul li:nth-child(6) {
    width: 100px;
    height: 90px;
    margin-bottom: 4.3rem;
    position: relative;
    left: -8px;
  }

  .suction ul li:nth-child(7) {
    position: relative;
    top: 62px;
    left: -5px;
  }

  .suction ul li:nth-child(8) {
    top: -79px;
    left: 15px;
  }

  .suction ul li:nth-child(9) {
    left: 0;
    top: -12px;
  }

  .suction ul li:nth-child(10) {
    position: relative;
    top: -78px;
    left: -31px;
  }

  .suction ul li:nth-child(11) {
    top: -7px;
    left: -45px;
  }

  .suction ul li:nth-child(12) {
    top: -76px;
    left: -75px;
  }

  .suction ul li a img {
    max-height: 40px;
    max-width: 40px;
    margin: 0 auto 0.4rem;
  }

  footer h4 {
    margin-top: 1.5rem;
  }

  .steps-section h2 {
    font-size: 1.5rem;
  }

  .grid-offer .card {
    padding: 1rem;
  }

  #infographic h2 {
    font-size: 2rem;
    text-align: center;
  }

  .step-one {
    width: 100%;
    left: 0;
    background-position: 120px;
    background-size: 45%;
  }

  #infographic article {
    width: 300px;
  }

  #infographic article .article-header img {
    margin-left: 1rem;
    width: 30px;
  }

  #infographic .circle {
    width: 250px;
    height: 250px;
    top: 24%;
    left: 2%;
  }

  #infographic article[data-step="1"] {
    margin-left: -115px;
    top: 50px;
  }

  #infographic article[data-step="2"] {
    margin-left: -40px;
    top: 30px;
  }

  #infographic article[data-step="3"] {
    margin-left: -25px;
  }

  #infographic article[data-step="4"] {
    margin-left: -40px;
    top: 12px;
  }

  #infographic article[data-step="5"] {
    margin-left: -115px;
    top: -5px;
  }

  .values-section .owl-carousel .card-box {
    padding: 1rem 1rem 4rem;
    height: 550px
  }

  .values-section .owl-carousel .card-box::before {
    width: 111%;
  }

  .timeline-container {
    width: 600px;
  }

  .timeline-container .circle {
    font-size: 1rem;
  }

  .timeline-container .circle:nth-child(1) {
    top: -45px;
    left: 8px;
  }

  .timeline-container .circle:nth-child(2) {
    top: 40px;
    left: 5px;
  }

  .timeline-container .circle:nth-child(3) {
    top: -45px;
    left: 0;
  }

  .timeline-container .circle:nth-child(4) {
    top: 40px;
    left: -6px;
  }

  .polygon-grid,
  .chronic-management .polygon-grid {
    width: 600px;
  }

  .polygon-shape2,
  .polygon-shape3 {
    width: 350px;
  }

  .chronic-management .polygon-shape2,
  .chronic-management .polygon-shape3,
  .chronic-management .polygon-shape3a {
    width: 350px;
    height: 150px;
  }

  .chronic-management .polygon-shape {
    padding: 1rem;
    padding-top: 0.6rem;
  }

  .polygon-shape {
    font-size: 0.9rem;
    padding: 1rem 1.4rem;
  }

  .polygon-shape span {
    font-size: 1.8rem;
  }

  .inner-section h2 {
    font-size: 2rem;
  }

  .monitor-image img {
    max-width: 200px;
  }

  .monitor-section {
    padding: 1rem;
  }

  .telehealth-content,
  .telehealth-content.general-medical,
  .telehealth-content.rpm-reading {
    background-size: 80px;
  }

  .behavioral-item {
    width: 230px;
    height: 230px;
    line-height: 1.2;
    font-size: 0.9rem;
  }

  .behavioral-item::before,
  .behavioral-item::after {
    top: -2.3rem;
  }

  .why-section h3 {
    margin-top: 3rem;
  }

  .bar-comparison .bar {
    width: 80px;
  }

  .copyRights .container {
    display: block;
  }

  .copyRights ul {
    margin-top: 1rem;
    padding-left: 0;
  }

  .circle-container {
    width: 600px;
  }

  .circle-container .item {
    width: 220px
  }

  .circle-container .center-circle {
    width: 170px;
    height: 170px;
  }

  .circle-container .center-circle::before {
    width: 196px;
    height: 196px;
    left: -13px;
    top: -13px;
  }

  .circle-container .line1 {
    height: 170px;
  }

  .circle-container .line2 {
    top: 172px;
    right: 195px;
    transform: rotate(45deg);
  }

  .circle-container .line3 {
    right: 142px;
  }

  .circle-container .line4 {
    left: 143px;
  }

  .circle-container .line5 {
    top: 170px;
    left: 195px;
    transform: rotate(-45deg);
  }
}

@media (max-width:767px) {
  .top-contact {
    display: none;
  }

  .site-menu-toggle {
    position: absolute;
    top: 1rem;
    right: 0.5rem;
  }

  .btn {
    padding: 0.5rem 1rem;
  }

  nav .navbar-brand img {
    width: 150px;
    margin: auto;
  }

  .sticky-wrapper {
    height: auto !important;
  }

  .sticky-wrapper.is-sticky .site-navbar {
    position: absolute !important;
  }

  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img {
    width: 120px;
  }

  .main-banner h1 {
    font-size: 2rem;
    margin-bottom: 0;
    margin-top: 2rem;
  }

  .main-banner h3 {
    font-size: 1.1rem;
  }

  .inner-banner::before {
    background: linear-gradient(90deg, rgba(246, 253, 255, 1) 0%, rgba(221, 250, 255, 1) 35%, rgba(24, 202, 247, 0.21) 95%);
  }

  .banner-caption {
    width: 100%;
    padding-bottom: 10rem;
    padding-top: 6rem
  }

  .main-banner::before {
    width: 100%;
    right: 0;
  }

  .floating-element1 {
    top: auto;
    bottom: 15%;
    right: 15%
  }

  .floating-element2 {
    bottom: 8%;
    right: 38%
  }

  .floating-element3 {
    bottom: 2%;
    right: 0;
  }

  .why-section h3 {
    margin-top: 3rem;
  }

  .service-section h2,
  .testimonial-heading h2,
  .news-heading h2 {
    font-size: 2.2rem;
  }

  .testimonial-heading,
  .service-heading,
  .news-heading {
    width: 100%;
  }

  .testimonial-carousel .owl-nav .owl-prev,
  .testimonial-carousel .owl-nav .owl-next {
    position: relative;
  }

  .testimonial-carousel .owl-nav {
    text-align: center;
  }

  .testimonial-carousel .owl-nav .owl-prev {
    left: 0
  }

  .free-trial {
    display: block;
  }

  .suction ul li {
    position: inherit !important;
    margin: 0 !important;
  }

  .suction ul li:nth-child(11),
  .suction ul li:nth-child(4) {
    display: none;
  }

  .grid-offer {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .step-one {
    background-position: -40px;
    background-size: 72%;
  }

  #infographic article {
    width: 200px;
  }

  #infographic article .article-header {
    height: 60px;
  }

  #infographic article .article-header h6 {
    font-size: 0.8rem;
  }

  #infographic article .article-header img {
    margin-left: 0.5rem;
    width: 25px;
  }

  #infographic .circle {
    display: none;
  }

  .mission-img::before {
    right: 0;
  }

  .values-section .owl-dots.disabled,
  .values-section .owl-nav.disabled {
    display: none !important;
  }

  .diamond-grid {
    margin-bottom: 2rem;
    justify-content: space-around;
  }

  .diamond {
    width: 70px;
    height: 70px;
  }

  .diamond-section {
    padding: 3rem 0;
  }

  .mission-section h3 {
    margin-top: 1.5rem;
  }

  .values-section h2,
  .leadership-team h2 {
    font-size: 1.6rem;
  }

  .leadership-team {
    padding: 3rem 0;
  }

  .bar-comparison .bar {
    width: 90px;
  }

  .polygon-shape {
    font-size: 1rem;
  }

  .polygon-grid {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .polygon-shape1 {
    top: 0;
  }

  .polygon-shape2,
  .polygon-shape3 {
    width: 250px;
  }

  .polygon-shape3 {
    top: -15px;
    left: 90px
  }

  .polygon-shape4 {
    top: -110px;
    left: 0
  }

  .chronic-management .polygon-grid {
    display: inline-grid;
    width: 100%;
    height: 400px;
  }

  .chronic-management .polygon-shape2,
  .chronic-management .polygon-shape3,
  .chronic-management .polygon-shape3a {
    width: 170px
  }

  .chronic-management .polygon-shape1 {
    left: -65px;
  }

  .chronic-management .polygon-shape2 {
    top: -85px;
    left: 45px;
  }

  .chronic-management .polygon-shape3 {
    top: -150px;
    left: -95px;
  }

  .chronic-management .polygon-shape3a {
    left: 45px;
    top: -222px;
  }

  .chronic-management .polygon-shape4 {
    top: -285px;
    left: -65px;
  }

  .behavioral-services::before {
    width: 8px;
    height: 80%;
  }

  .behavioral-item {
    margin: 0 auto 5rem;
    width: 280px;
    height: 280px;
    font-size: 1rem;
    line-height: 1.5;
  }

  .banner-green-block {
    bottom: 0;
    position: initial;
  }

  .blog-item {
    display: block;
  }

  .blog-item .blog-img {
    width: 100%;
    margin-bottom: 1.2rem
  }

  .blog-item .blog-body {
    width: 100%;
  }

  .floating-bg {
    font-size: 13px;
    padding: 8px 10px;
  }

  .floating-bg img {
    max-height: 20px;
  }

  .years-experience {
    width: 170px;
    height: 170px;
    padding: 2rem;
  }

  .about-section h4,
  .why-section h4 {
    font-size: 1rem;
    display: flex;
  }

  .about-section h4 img,
  .why-section h4 img {
    max-width: 25px;
    max-height: 25px;
    margin-right: 0.5rem !important;
  }

  .cta-section h2 span {
    display: inline-block;
  }

  .banner-caption.for-patients {
    width: 100%;
  }

  .appointment-btns {
    position: initial;
    margin-bottom: 10px
  }

  .container {
    max-width: 100%;
  }

  .counter-box {
    width: 100%;
  }

  .divider {
    width: 100px;
    height: 1px
  }

  .circle-container {
    height: auto;
    width: 100%;
  }

  .circle-container .item {
    position: initial;
    transform: translate(0, 0);
    margin-bottom: 1.4rem;
    width: 300px;
  }

  .circle-container .center-circle,
  .circle-container .line {
    display: none;
  }

  .case-study-bg {
    padding: 3rem 1rem;
  }

  .bar-comparison {
    gap: 15px;
  }

  .package-card.small-card {
    margin: 1rem 0;
  }

  .package-card.small-card p {
    margin: 0;
  }

  .inner-banner,
  .main-banner::before {
    background-position: 0 90px;
    background-size: 100%;
  }

  .inner-banner::before {
    background: none;
  }

  .banner-caption {
    padding-bottom: 2.5rem;
    padding-top: 71%;
  }

  .main-banner .banner-caption {
    padding-bottom: 3rem;
  }

  .grid-offer .card:nth-child(1) .circle,
  .grid-offer .card:nth-child(2) .circle,
  .grid-offer .card:nth-child(3) .circle,
  .grid-offer .card:nth-child(4) .circle {
    clip-path: none;
  }

  .grid-offer .card .circle {
    width: 100%;
    height: 220px;
    margin-bottom: 1rem;
    position: inherit;
  }

  .grid-offer .card::before {
    content: none !important;
  }

  .grid-offer .card .grid-body1,
  .grid-offer .card .grid-body2 {
    padding: 0;
  }

  .floating-element1 {
    top: 25%;
    bottom: auto;
    right: auto;
    left: 3px
  }

  .floating-element2 {
    top: 30%;
    bottom: auto;
    left: 8%;
    right: auto
  }

  .floating-element3 {
    top: 27%;
    bottom: auto;
    right: 0;
    width: 190px
  }

  .floating-bg {
    font-size: 10px;
    border-radius: 2px;
    padding: 4px 8px;
  }

  .floating-bg img {
    width: 14px;
  }

  .inner-section {
    padding-top: 0;
  }

  .inner-banner {
    min-height: inherit;
  }

  .blog-banner .banner-caption {
    padding-top: 35%;
  }
}

@media (max-width:500px) {
  .navbar-brand {
    width: 100%;
    margin-right: 0;
    text-align: left;
  }

  nav .navbar-brand img {
    width: 180px;
  }

  .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img {
    width: 180px;
  }

  footer {
    margin-bottom: 4.1rem;
  }

  .service-steps ul li {
    width: 100%;
  }

  .service-steps ul li:nth-child(2)::before,
  .service-steps ul li:nth-child(3)::before {
    width: 80%;
    height: 1px;
    top: auto;
    right: 0;
  }

  .timeline-container {
    width: 100%;
    padding: 3rem 0;
    transform: rotate(90deg) translate(30px, 50px);
    margin-left: 3rem;
  }

  .timeline-container .circle {
    transform: rotate(-90deg);
    font-size: 0.8rem;
  }

  .timeline-container .circle:nth-child(1),
  .timeline-container .circle:nth-child(3) {
    top: -27px;
  }

  .timeline-container .circle:nth-child(2),
  .timeline-container .circle:nth-child(4) {
    top: 25px;
  }

  .suction ul li:nth-child(1) {
    position: relative !important;
    top: -70px;
    left: 30px;
  }

  .suction ul li:nth-child(5) {
    position: relative !important;
    left: 25px;
    top: -70px;
  }

  .suction ul li:nth-child(6),
  .suction ul li:nth-child(7) {
    display: none;
  }

  .suction ul li:nth-child(8) {
    position: relative !important;
    top: -5px;
    left: -8px;
  }

  .suction ul li:nth-child(9) {
    position: relative !important;
    left: 33px;
    top: -75px;
  }

  .suction ul li:nth-child(10) {
    position: relative !important;
    top: -10px;
    left: 0px;
  }

  .suction ul li:nth-child(12) {
    position: relative !important;
    top: -80px;
    left: -36px;
  }

  .banner-caption,
  .banner-caption.for-patients {
    padding-bottom: 1.5rem;
    padding-top: 85%;
  }

  .banner-caption h1,
  .banner-caption.for-patients h1 {
    font-size: 2rem;
  }

}


.mobilecta {
  position: fixed;
  bottom: 0px !important;
  width: 100%;
  z-index: 22;
}


/* =========== NEWLY ADDED CSS ==========  */

.dynamicForm .form-control {
  height: 72px !important;
  padding: .375rem .75rem !important;
  margin: 0 10px 0 0;
}

.email-msg-box{margin-right: 10px;width: 300% !important;height: 72px !important;gap: 10px;}

.news-body h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;      
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-body p {
  display: -webkit-box;
  -webkit-line-clamp: 3;      
  -webkit-box-orient: vertical;
  overflow: hidden;
}
``

@media (max-width:1024px) {
  .email-msg-box{width: 200% !important;}
}

@media (max-width:576px) {
  .form-inline {
    flex-direction: column;
    gap: 8px;
  }
    .dynamicForm .form-control {
  height: 60px !important;}
  .email-msg-box{width: 100% !important;}
}

@media (max-width:376px){
.rc-anchor.rc-anchor-normal.rc-anchor-light {
  width:75%;
}
}



.top-contact select.gt_selector {
    height: 40px;
    border-radius: 10px;
    padding: 5px 10px;
    max-width: 140px;
    border-color: #0dcaf0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}