html {
  scroll-behavior: smooth;
}
.clinikly-hero-img .t-entry-visual {
  overflow: visible;
}
.hero-section-clinikly .wpb_column.pos-middle {
  padding-bottom: 7.2rem;
}
.hero-section-clinikly .clinikly-heroheader {
  padding-top: 4.8rem;
}
.hero-section-clinikly .btn-container {
  padding-top: 5.6rem;
}
.main-container .row-container .row-parent .single-internal-gutter .uncont > * {
  margin-top: 0 !important;
}
.hero-section-clinikly .row-background,
.hero-section-clinikly .background-wrapper {
  overflow: visible;
}
.hero-section-clinikly .background-inner {
  --blur: clamp(420px, 42rem, 480px);
  background: linear-gradient(122.33deg, #a230df 11.26%, rgba(162, 48, 223, 0) 62%);
  filter: blur(var(--blur));
  transform: translate(10rem, 60rem) rotate(85.36deg);
  opacity: 0.2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.hero-section-clinikly .background-inner::after {
  content: '';
  position: absolute;
  --blur: clamp(120px, 12rem, 180px);
  background: linear-gradient(180deg, #8989f7 0%, rgba(29, 217, 244, 0) 100%);
  filter: blur(var(--blur));
  transform: rotate(-19.17deg);
  opacity: 0.14;
  width: 55rem;
  height: 55rem;
  left: 10rem;
  top: -10rem;
}
.hero-cta-clinikly {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8rem 3.2rem !important;
  gap: 3.2rem;
}
.hero-cta-clinikly i {
  transition: transform 0.2s ease-in-out;
}
.hero-cta-clinikly:hover i {
  transform: rotate(45deg);
}
.gradnt-sction {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  height: 42rem !important;
  background: linear-gradient(179.93deg, rgba(255, 255, 255, 0) 0.06%, rgba(255, 255, 255, 0.859375) 51.33%, #ffffff 86.32%);
}
/******* Personalized Approach Section ********/
.our-solution-section {
  padding-top: 14rem;
  scroll-margin-top: 3em;
}
.our-solution-section::after {
  content: '';
  position: absolute;
  height: 20rem;
  width: 100vw;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #fafbff;
}

.clinikly-logo img {
  height: 9.5rem;
  width: auto !important;
  margin: auto;
}
.img_phones-clinikly img {
  max-height: 54.1rem !important;
  width: auto !important;
  margin: auto;
}
.clinikly-badge .t-entry-visual {
  overflow: visible;
}
.clinikly-badge img {
  max-width: 16.5rem !important;
  position: absolute !important;
  right: 20rem;
  top: -3.2rem;
  z-index: 2 !important;
}
.approach-header .h2 {
  margin-top: 6.4rem !important;
}
.screens-row {
  margin-top: 7.2rem !important;
}
.pie-header h4 {
  line-height: 1.5;
}

/*********** Self Management Section ********/
.slefmgmnt-section {
  padding-top: 26.6rem !important;
  padding-bottom: 12.4rem !important;
}
.slef-padding {
  padding-top: 9rem !important;
}
.selfmanagement-header {
  margin-top: 5.2rem !important;
}
.approach-header {
  margin-top: 6.4rem !important;
}
.approach-subheader {
  margin-top: 2.4rem !important;
}
.self-management-col {
  padding-left: 3.2rem !important;
}
.main-container .row-container .row-parent .single-internal-gutter .uncont .self-m-subheader {
  margin-top: 2.4rem !important;
}
.main-container .row-container .row-parent .single-internal-gutter .uncont .self-cells-first {
  margin-top: 12rem !important;
}
.main-container .row-container .row-parent .single-internal-gutter .uncont .self-cells-sc {
  margin-top: 3.2rem !important;
}
.self-management-col .uncol {
  --size: 100%;
  --aspect-ratio: 1.3;
  height: 100% !important;
}
.self-management-col .uncoltable {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.self-management-col .uncell {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 8.2rem 2.4rem 3.2rem !important;
  align-items: flex-start;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #eef2f6;
  border-radius: 3.2rem 3.2rem 3.2rem 1.2rem;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.vc_custom_heading_wrap.self-m-txt {
  margin-top: auto !important;
}
.self-management-col .uncell:before {
  content: '';
  position: absolute;
  height: 0.8rem;
  width: 0.8rem;
  top: 2.4rem;
  right: 2.4rem;
  border-radius: 50%;
  display: block;
  overflow: visible;
  padding: 0.4rem;
  border: 0.8rem solid rgb(255 255 255 / 88%);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.self-management-col .uncell:hover:before {
  background: #ffffff;
}
.self-management-col .uncell:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 3.2rem 3.2rem 9rem 1.2rem;
  z-index: -1;
}
.self-management-col p {
  font-weight: 400;
  font-size: clamp(15px, 1.5rem, 27px);
  line-height: 1.5;
  color: #66737f;
  margin-top: 2.4rem !important;
  letter-spacing: -0.01em;
}
.self-management-col .uncell:hover p,
.self-management-col .uncell:hover h4 {
  color: #ffffff !important;
}
.self-m-txt h4 {
  line-height: 1.5;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.virtual-coach .uncell:before,
.virtual-coach .uncell:hover:after {
  background: #a230df;
}
.virtual-coach .uncell:hover {
  background: rgb(162 48 223 / 70%);
}
.virtual-coach .uncell:hover:before {
  border: 0.6rem solid rgb(162 48 223 / 88%);
}
.symptoms-library .uncell:before,
.symptoms-library .uncell:hover:after {
  background: #eb5e32;
}
.symptoms-library .uncell:hover {
  background: rgb(235 94 50 / 70%);
}
.symptoms-library .uncell:hover:before {
  border: 0.6rem solid rgb(235 94 50 / 88%);
}
.healthcare-journey .uncell:before,
.healthcare-journey .uncell:hover:after {
  background: #2e6de0;
}
.healthcare-journey .uncell:hover {
  background: rgb(46 109 224 / 70%);
}
.healthcare-journey .uncell:hover:before {
  border: 0.6rem solid rgb(46 109 224 / 88%);
}
.telehealth-monitoring .uncell:before,
.telehealth-monitoring .uncell:hover:after {
  background: #19abcf;
}
.telehealth-monitoring .uncell:hover {
  background: rgb(25 171 207 / 70%);
}
.telehealth-monitoring .uncell:hover:before {
  border: 0.6rem solid rgb(25 171 207 / 88%);
}
.resources-map .uncell:before,
.resources-map .uncell:hover:after {
  background: #18cb8b;
}
.resources-map .uncell:hover {
  background: rgb(24 203 139 / 70%);
}
.resources-map .uncell:hover:before {
  border: 0.6rem solid rgb(24 203 139 / 88%);
}
.gamification-learning .uncell:before,
.gamification-learning .uncell:hover:after {
  background: #e339dd;
}
.gamification-learning .uncell:hover {
  background: rgb(227 57 221 / 70%);
}
.gamification-learning .uncell:hover:before {
  border: 0.6rem solid rgb(227 57 221 / 88%);
}

/*************** Portfolio Section ***************/
.portfolio-thera {
  padding-top: 12rem;
  padding-bottom: 14rem;
  background: linear-gradient(180deg, #fafbff 0%, rgba(251, 252, 255, 0) 59.31%);
}
.portfolio-title {
  margin-top: 0 !important;
}

.portfolio-thera .selfmanagement-header {
  margin-top: 3.2rem !important;
}

/**************** Pie Chart **************/
@property --p {
  syntax: '';
  inherits: true;
  initial-value: 0;
}

.pie {
  --p: 20;
  --b: 0.6rem;
  --c: darkred;
  --w: 12rem;

  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  place-content: center;
  font-size: 3.6rem;
  font-weight: 600;
  color: var(--c);
}
.pie:before,
.pie:after {
  content: '';
  position: absolute;
  border-radius: 50%;
}
.pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p) * 1%), #f1f4f6 0);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
}
.pie:after {
  inset: calc(50% - var(--b) / 2);
  background: var(--c);
  transform: rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2));
}
.animate {
  animation: p 1s 0.5s both;
}
.no-round:before {
  background-size: 0 0, auto;
}
.no-round:after {
  content: none;
}
@keyframes p {
  from {
    --p: 0;
  }
}
.pie-chart-section .row.row-parent {
  padding-top: 13.7rem;
  margin-top: 0;
}
.pie-chart-clinikly .uncell {
  background: #ffffff;
  border-radius: 2.4rem;
}
.pie-chart-recommend .uncell {
  border: 0.2rem solid rgba(251, 118, 57, 0.2);
}
.pie-chart-satisfied .uncell {
  border: 0.2rem solid rgba(42, 203, 243, 0.2);
}
.pie-chart-clinikly .uncell {
  padding: 3.6rem 4rem !important;
}
.pie-chart-clinikly .uncell .uncont {
  display: flex;
  align-items: center;
}
.pie-chart-clinikly .uncell .uncont .vc_pie_chart {
  width: 100%;
}
.pie-chart-clinikly .uncell .uncont .vc_custom_heading_wrap {
  padding-left: 3.2rem;
  margin-top: 0 !important;
}
.vc_pie_chart .vc_pie_chart_value {
  font-size: clamp(21px, 2rem, 36px);
  font-weight: 600;
}
.pie-chart-recommend .vc_pie_chart .vc_pie_chart_value {
  color: #ff7a3d !important;
}
.pie-chart-satisfied .vc_pie_chart .vc_pie_chart_value {
  color: #2acbf3 !important;
}

/*************** Slider Section ****************/
:root {
  --color-blue: #2acbf3;
  --color-white: #ffffff;
  --color-lighter-blue: #e5f9fe;
  --color-200: #eef2f6;
  --color-300: #adb9c7;
  --color-500: #66737f;
  --color-600: #36414c;
  --color-700: #243141;
  --text-15: clamp(13px, 1.5rem, 24px);
  --text-17: clamp(13px, 1.7rem, 17px);
  --text-24: clamp(17px, 2.4rem, 24px);
  --text-48: clamp(32px, 4.8rem, 88px);
  --weight-400: 400;
  --weight-600: 600;
  --box-shadow: 0px 70px 80px rgba(46, 43, 43, 0.07), 0px 22.3363px 17.869px rgba(46, 43, 43, 0.0417275);
  --easing: cubic-bezier(0.19, 1, 0.22, 1);
}

figure {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fake_padding {
  width: 100%;
  height: 100vh;
  background: #eef2f6;
}

/* 
** Slider style
 */
.slider {
  width: 100%;
  height: auto;
  padding: 12rem 0;
  /* Header */
  /* slider */
}
.slider .__container {
  /* height: 100vh; */
  /* width: clamp(344px, 94vw, 1340px); */
  margin: 0 auto;
  padding-bottom: 24px;
}
.slider .__header {
  display: flex;
}
.slider .__header .__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.slider .__header .title h1 {
  color: var(--color-700);
  font-size: var(--text-48);
  font-weight: var(--weight-600);
}
.slider .__header .filters {
  width: 100%;
  padding-top: 1.6rem;
}
.slider .__header .filters .__filters-inner {
  position: relative;
  display: flex;
}
.slider .__header .filters .__filters-inner .__filter {
  color: var(--color-500);
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  font-size: var(--text-15);
  font-weight: var(--weight-400);
  z-index: 1;
  text-decoration: none;
}
.slider .__header .filters .__filters-inner .__filter.filter-active {
  color: var(--color-white);
  transition: all 0.6s var(--easing) 0.1s;
}
.slider .__header .filters .__filters-inner .__background-link {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 100%;
  background: var(--color-blue);
  border-radius: 100px;
}
.slider .__header .__buttons-inner {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  margin-right: 2.4rem;
}
.slider .__header .__buttons-inner .__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, 4.8rem, 48px);
  height: clamp(32px, 4.8rem, 48px);
  border-radius: 100%;
  background: var(--color-blue);
}
.slider .__header .__buttons-inner .__button.__prev {
  transform: rotate(180deg);
}
.slider .__header .__buttons-inner .__button.__prev svg path {
  stroke: var(--color-white);
}
.slider .__header .__buttons-inner .__button.__next svg path {
  stroke: var(--color-white);
}
.slider .slider__inner {
  width: 100%;
  height: 56rem;
}
.slider .slider__inner .slider__screens {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: max-content;
  height: 100%;
  margin-top: 4rem;
}
.slider .slider__inner .slider__screens .__screen {
  width: clamp(240px, 25rem, 280px);
  flex-grow: 1;
  max-width: calc(22% - 16px);
  padding: 16px;
  background: #f9fafb;
  border-radius: 24px;
  border: 1px solid #e8eaec;
  opacity: 0.4;
  transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s;
}
.slider .slider__inner .progress {
  position: relative;
  width: 70%;
  height: 1px;
  margin: 0 auto;
  margin-top: 4rem;
  overflow: hidden;
}
.slider .slider__inner .progress .__progress-active,
.slider .slider__inner .progress .__progress-bg {
  display: block;
  width: 103%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slider .slider__inner .progress .__progress-active {
  display: inline-block;
  background-color: var(--color-600);
  left: -103%;
  z-index: 1;
  transition: all cubic-bezier(0.33, 1, 0.68, 1) 1.2s;
}
.slider .slider__inner .progress .__progress-bg {
  background-color: var(--color-300);
  opacity: 0.5;
}
.__active_screens {
    opacity: 1 !important;
    border: 1px solid #c8f4fe !important;
    background: #effbfd !important;
}
.disabled {
  background: rgba(42, 203, 243, 0.12) !important;
  cursor: not-allowed;
}
.disabled path {
  stroke: #2acbf3 !important;
  opacity: 0.5;
}

@media screen and (max-width: 720px) {
  .slider .__filter {
    font-size: 13px !important;
    padding: 1.6rem 3.2rem !important;
  }
  .slider .__buttons {
    display: none;
  }
  .slider .slider__inner {
    margin-top: 3.2rem;
  }
}

/*************** Portfolio Section *********/
.portfolio-pad {
  padding-top: 5rem !important;
}
.portfolio-padd {
  padding-top: 11.1rem !important;
}
.portfolio-img .t-entry-visual {
  overflow: visible;
}
.portfolio-img img {
  box-sizing: content-box;
  border-radius: 50%;
  width: 21rem !important;
  margin: 0 auto;
  border: 0.6rem solid #fff;
  box-shadow: 0px 0px 80px rgb(46 43 43 / 7%), 0px 0px 17.869px rgb(46 43 43 / 4%);
}
.portfolio-title {
  margin-top: 4.4rem !important;
}
.portfolio-logo {
  margin-top: 1.6rem !important;
}
.portfolio-logo img {
  height: 4.2rem !important;
  width: auto !important;
  margin: auto;
}

.tavieplus_btn:not(.btn-hover-nobg):not(.icon-animated):hover {
  background-color: rgba(59, 56, 106, 0.15)!important;
}
.clinikly_discoverbtn {
  padding: 1.2rem 2.4rem !important;
  color: #ffffff !important;
  background-color: #3b386a !important;
  border-color: #3b386a !important;
}
.tavieplus_btn {
  border: 0;
  color: #ffffff !important;
  background-color: rgba(59,56,106,0.15) !important;
  border-color: rgba(59,56,106,0.15) !important;
  cursor: default;
}

/****************** Scientific Section ***************/
.__scientific_section {
  padding-top: 12.2rem;
  background: linear-gradient(180deg, #FAFBFF 0%, rgba(251, 252, 255, 0) 59.31%);
}
.scientific_cards {
  padding-top: 4.8rem;
}
.scientific_card .uncol {
  transform: scale(1);
  transition: all ease-out 0.3s;
}
.scientific_card:hover .uncol {
  transform: scale(1.03);
  box-shadow: 0px 10px 24px rgb(30 142 255 / 10%);
  border-radius: 24px;
}
.scientific_card .uncell {
  border-radius: 24px;
  background-color: #FFFFFF;
  box-shadow: 0 8px 17px 0 rgb(46 43 43 / 8%);
  overflow: hidden;
}
.scientific_card .scientific_heading {
  margin-top: 0!important;
  padding: 2.4rem 2.4rem 2.9rem;
}

/*************** CTA Section ***************/
.cta-section {
  margin-top: 27rem;
}
.cta-bg {
  background: linear-gradient(0deg, #fbe8bd, #fbe8bd);
  padding: 6.4rem 7.2rem 4.8rem;
  border-radius: 3.2rem 9rem 3.2rem 3.2rem;
}
.cta-heading .fontsize-213299 {
  font-size: clamp(28px, 4.4rem, 64px) !important;
}
.cta-heading .text-lead {
  margin-top: 2.4rem !important;
}
.cta-heading .text-lead p {
  color: #243141;
  line-height: 1.52;
  margin-top: 2.4rem;
}
.cta-img {
  position: absolute !important;
  bottom: 0;
  left: 84rem;
}
.cta-img img {
  width: 34.7rem !important;
}
.cta-section .btn-container {
  display: inline-block;
  padding-top: 5.6rem;
}
.ctabtn-clinikly {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8rem 3.2rem !important;
  gap: 4.8rem;
}

/*********** Descktop only Screen *********/
@media only screen and (min-width: 960px) {
  .hero-section-clinikly .wpb_row.row-inner {
    height: calc(100vh - 124px) !important;
  }
  .clinikly-hero-img img {
    position: absolute !important;
    top: -18rem;
    width: calc(100vh + 7.4rem) !important;
    left: 3.2rem;
  }
  .clinikly-heroheader {
    max-width: 57rem;
  }
  .clinikly-herosubheader {
    max-width: 60rem;
    padding-top: 2.4rem;
  }
  .approach-subheader .h5 {
    max-width: 72rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 2.4rem !important;
  }
  .main-container .row-container .row-parent .single-internal-gutter .uncont .self-cells-first {
    padding-left: 10.5rem;
    padding-right: 10.5rem;
  }
  .main-container .row-container .row-parent .single-internal-gutter .uncont .self-cells-sc {
    padding-left: 10.5rem;
    padding-right: 10.5rem;
  }
  .selfmanagement-header .h2 {
    max-width: 66rem;
    margin: auto;
  }
  .cta-heading h2 {
    max-width: 80rem;
  }
  .cta-heading .text-lead {
    max-width: 64rem;
  }
}

/*********** XLarge Descktop Screen *********/
@media only screen and (min-width: 1921px) {
  :root {
    --text-15: 1.5rem;
    --text-17: 1.7rem;
    --text-24: 2.4rem;
    --text-48: 4.8rem;
  }
  .self-management-col p {
    font-size: 1.5rem;
  }
  .slider .__header .__buttons-inner .__button {
    width: 4.8rem;
    height: 4.8rem;
  }
  .slider .__header .__buttons-inner .__button svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  .slider .slider__inner .slider__screens .__screen {
    width: 25rem;
  }
  .cta-heading .fontsize-213299 {
    font-size: 4.4rem !important;
  }
}

@media only screen and (min-device-width: 960px) and (orientation: portrait) {
  .hero-section-clinikly .wpb_row.row-inner {
    height: 50vh !important;
  }
  .clinikly-hero-img img {
    width: calc(50vh + 7.4rem) !important;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 960px) and (max-device-width: 1180px) {
  .cta-img img {
    width: 42rem !important;
  }
}

/*********** Tablet Only Screen *********/
@media only screen and (min-width: 570px) and (max-width: 959px) {
  .main-container .hero-section-clinikly .cols-md-responsive .hero__header.wpb_column.pos-middle {
    padding-top: 10rem !important;
  }
  .clinikly-hero-img img {
    position: absolute !important;
    top: -18rem;
    width: calc(50vh + 7.4rem) !important;
    left: 3.2rem;
  }
  .approach-subheader .h5 {
    max-width: 100rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 2.4rem !important;
    opacity: 0.85;
  }
  .selfmanagement-header .h2 {
    max-width: 90rem;
    margin: auto;
  }
  .pie-chart-section .wpb_column:not(:first-child),
  .self-cells .wpb_column:not(:first-child),
  .portfolio-cells .wpb_column:not(:first-child),
  .scientific_cards .wpb_column:not(:first-child) {
    padding-left: 3.2rem !important;
  }
  .slider .__container {
    height: 70vh;
  }
  .cliniklylogo-section .full-width,
  .__scientific_section .limit-width {
    padding-inline: 0!important;
  }
  .cta-img img {
    width: 42rem !important;
  }
}

/*********** Tablet & Mobile Screens *********/
@media only screen and (max-width: 959px) {
  .main-container .row-container .penta-top-padding,
  .main-container .row-container .quad-top-padding {
    padding-top: 100px;
  }
  .main-container .row-container .penta-bottom-padding,
  .main-container .row-container .quad-bottom-padding {
    padding-bottom: 100px;
  }
  .img_phones-clinikly .single-wrapper {
    max-width: 100% !important;
  }
  .self-management-col .uncell {
    padding: 82px 24px 32px !important;
  }
  .slider .slider__inner .slider__screens .__screen {
    --wd: calc(28vw - 16px);
  }
  .cta-section .row.row-parent {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 570px) {
  .approach-header .h2 {
    max-width: 79rem;
  }
  .portfolio-slider {
    display: none;
  }
}

/*********** Mobile Only Screen *********/
@media only screen and (max-width: 569px) {
  .hero__header {
    height: calc(100vh - 80px);
    vertical-align: bottom !important;
  }
  .hero__header .uncell {
    vertical-align: bottom !important;
  }
  .hero-section-clinikly .background-inner {
    background: linear-gradient(122.33deg, #a230df 11.26%, rgba(162, 48, 223, 0) 50%);
    opacity: 0.2;
     --webkit-filter: blur(60px);
     --webkit-backdrop-filter: blur(60px);
    filter: blur(60px);
    transform: none;

  }
  .clinikly-hero-img img {
    position: absolute !important;
    top: -33rem;
    right: -50rem;
    width: calc(100vh - 125rem) !important;
  }
  .hero-section-clinikly .clinikly-heroheader,
  .hero-section-clinikly .clinikly-herosubheader {
    padding-top: 32px;
  }
  .hero-cta-clinikly {
    padding: 16px 32px !important;
    gap: 32px;
  }
  .clinikly-logo img {
    height: 72px;
  }
  .our-solution-section .row.row-parent {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .approach-header {
    margin-top: 32px !important;
  }
  .approach-subheader {
    margin-top: 24px !important;
  }
  .approach-header .h2 span {
    font-size: 30px;
  }
  .img_phones-clinikly img {
    max-height: 100% !important;
    width: 120% !important;
    margin: auto;
    left: 50%;
    margin-top: 5rem;
    transform: translateX(-50%) !important;
  }
  .clinikly-badge img {
    max-width: 40rem !important;
    right: 0;
    top: -5rem;
  }
  .pie-chart-section .row.row-parent {
    padding-top: 150px;
    margin-top: -150px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .pie-chart-clinikly .uncell {
    padding: 24px !important;
    border-radius: 24px;
  }
  .pie {
    --b: 4px;
    --w: 72px;
    font-size: 21px;
  }
  .pie-chart-clinikly .uncell .uncont .vc_custom_heading_wrap {
    padding-left: 20px;
  }
  .pie-chart-satisfied {
    padding-top: 16px !important;
  }
  .slefmgmnt-section {
    padding-top: 140px !important;
    padding-bottom: 0 !important;
  }
  .main-container .row-container .row-parent .single-internal-gutter .uncont .self-m-subheader {
    margin-top: 24px !important;
  }
  .main-container .selfmanagement-slider .row-container .single-h-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .owl-carousel-wrapper {
    overflow: visible !important;
  }
  .__self-management-mobile-section .row.row-parent {
    padding: 64px 99px 80px 8px;
  }
  .white {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  .white .owl-stage-outer {
    overflow: visible !important;
  }
  .white .owl-carousel .owl-item {
    padding: 10px;
  }
  .sa_hover_container {
    padding: 0 !important;
  }
  .sa_hover_container .__self-card {
    position: relative;
    background: #ffffff;
    padding: 80px 12px 32px !important;
    border: 1px solid #eef2f6;
    border-radius: 24px 24px 40px 8px;
    text-align: left;
    min-height: 383px;
  }

  .sa_hover_container .__self-card:before {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    top: 24px;
    right: 20px;
    border-radius: 50%;
    display: block;
    overflow: visible;
    padding: 4px;
    border: 8px solid rgb(255 255 255 / 88%);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .sa_hover_container .__self-card:hover:before {
    background: #ffffff;
  }
  .sa_hover_container .__self-card:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 24px 24px 90px 8px;
    z-index: -1;
  }

  .sa_hover_container .__self-card h4 {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    width: 85%;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .sa_hover_container .__self-card p {
    font-size: 13px;
    line-height: 20px;
  }
  .sa_hover_container .virtual-coach h4 {
    color: #a230df;
  }
  .sa_hover_container .symptoms-library h4 {
    color: #eb5e32;
  }
  .sa_hover_container .healthcare-journey h4 {
    color: #2e6de0;
  }
  .sa_hover_container .telehealth-monitoring h4 {
    color: #19abcf;
  }
  .sa_hover_container .resources-map h4 {
    color: #18cb8b;
  }
  .sa_hover_container .gamification-learning h4 {
    color: #e339dd;
  }
  .sa_hover_container .__self-card:hover h4,
  .sa_hover_container .__self-card:hover p {
    color: #ffffff !important;
  }
  .sa_hover_container .virtual-coach h4 {
    color: #a230df;
  }
  .sa_hover_container .symptoms-library h4 {
    color: #eb5e32;
  }
  .sa_hover_container .healthcare-journey h4 {
    color: #2e6de0;
  }
  .sa_hover_container .telehealth-monitoring h4 {
    color: #19abcf;
  }
  .sa_hover_container .resources-map h4 {
    color: #18cb8b;
  }
  .sa_hover_container .gamification-learning h4 {
    color: #e339dd;
  }

  .sa_hover_container .virtual-coach:before,
  .sa_hover_container .virtual-coach:hover:after {
    background-color: #a230df;
  }
  .sa_hover_container .virtual-coach:hover {
    background-color: rgb(162 48 223 / 70%);
  }
  .sa_hover_container .virtual-coach:hover:before {
    border: 0.6rem solid rgb(162 48 223 / 88%);
  }
  .sa_hover_container .symptoms-library:before,
  .sa_hover_container .symptoms-library:hover:after {
    background-color: #eb5e32;
  }
  .sa_hover_container .symptoms-library:hover {
    background-color: rgb(235 94 50 / 70%);
  }
  .sa_hover_container .symptoms-library:hover:before {
    border: 0.6rem solid rgb(235 94 50 / 88%);
  }
  .sa_hover_container .healthcare-journey:before,
  .sa_hover_container .healthcare-journey:hover:after {
    background-color: #2e6de0;
  }
  .sa_hover_container .healthcare-journey:hover {
    background-color: rgb(46 109 224 / 70%);
  }
  .sa_hover_container .healthcare-journey:hover:before {
    border: 0.6rem solid rgb(46 109 224 / 88%);
  }
  .sa_hover_container .telehealth-monitoring:before,
  .sa_hover_container .telehealth-monitoring:hover:after {
    background-color: #19abcf;
  }
  .sa_hover_container .telehealth-monitoring:hover {
    background-color: rgb(25 171 207 / 70%);
  }
  .sa_hover_container .telehealth-monitoring:hover:before {
    border: 0.6rem solid rgb(25 171 207 / 88%);
  }
  .sa_hover_container .resources-map:before,
  .sa_hover_container .resources-map:hover:after {
    background-color: #18cb8b;
  }
  .sa_hover_container .resources-map:hover {
    background-color: rgb(24 203 139 / 70%);
  }
  .sa_hover_container .resources-map:hover:before {
    border: 0.6rem solid rgb(24 203 139 / 88%);
  }
  .sa_hover_container .gamification-learning:before,
  .sa_hover_container .gamification-learning:hover:after {
    background-color: #e339dd;
  }
  .sa_hover_container .gamification-learning:hover {
    background-color: rgb(227 57 221 / 70%);
  }
  .sa_hover_container .gamification-learning:hover:before {
    border: 0.6rem solid rgb(227 57 221 / 88%);
  }
  .__self-management-mobile-section .white .owl-pagination-true {
    margin-bottom: 48px !important;
  }
  .__self-management-mobile-section .white .sa_owl_theme .owl-dots {
    transform: translateX(15%);
    left: 0;
    bottom: -48px !important;
  }
  .__self-management-mobile-section .white .sa_owl_theme .owl-dots .owl-dot span {
    width: 32px !important;
    height: 4px !important;
    background: rgba(173, 185, 199, 0.3) !important;
    border-radius: 4rem !important;
    opacity: 1;
    box-shadow: none;
  }
  .__self-management-mobile-section .white .owl-dots .owl-dot.active span {
    background: #8f9ca9 !important;
  }
  .portfolio-thera-mobile .sa_owl_theme .owl-dots.disabled {
    display: none !important;
  }
.slider .__container {
    height: 100vh;
}
  .slider {
    padding-top: 53px;
    /*padding-bottom: 80px;*/
  }
  .slider .__header .filters {
    padding-top: 24px;
  }
  .slider .slider__inner .slider__screens {
    margin-top: 32px;
  }
  .slider .__filter {
    padding: 6px 16px !important;
  }
  .slider .__header .__inner {
    display: block;
  }
  .slider .slider__inner .slider__screens .__screen {
    --wd: calc(66vw - 16px);
  }
  .slider .slider__inner .progress {
    margin-top: 48px;
  }
  .portfolio-thera {
    padding-top: 80px;
  }
  .portfolio-thera .selfmanagement-header {
    margin-top: 32px !important;
  }
  .portfolio-thera-mobile .row.row-parent {
    padding: 36px 120px 36px 0;
  }
  .portfolio-img {
    box-sizing: content-box;
    border-radius: 100%;
    width: 160px !important;
    height: 160px !important;
    border: 6px solid #ffffff;
    filter: drop-shadow(0px 0px 80px rgba(46, 43, 43, 0.07)) drop-shadow(0px 0px 17.869px rgba(46, 43, 43, 0.0417275));
  }
  .portfolio-title {
    font-weight: 600;
    font-size: 17px !important;
    line-height: 26px;
    color: #243141 !important;
    margin-top: 40px !important;
  }
  .portfolio-logo {
    height: 32px !important;
    margin-top: 8px !important;
  }
  .__scientific_section {
    padding-top: 72px;
}
  #scientific_slider .owl-stage  {
    display: flex;
  }
  #scientific_slider .owl-stage .sa_hover_container {
    display: flex;
    height: 100%;
  }
  #scientific_slider .scientific_card {
    transform: scale(1);
    transition: all ease-out 0.3s;
  }
  #scientific_slider .scientific_card:hover {
    transform: scale(1.03);
    box-shadow: 0px 10px 24px rgb(30 142 255 / 10%);
    border-radius: 24px;
  }
  #scientific_slider .scientific_card {
    border-radius: 24px;
    background-color: #FFFFFF;
    box-shadow: 0 8px 17px 0 rgb(46 43 43 / 8%);
    overflow: hidden;
  }
  #scientific_slider .scientific_card .scientific_heading {
    margin-top: 0!important;
    padding: 24px 24px 29px;
    font-size: 18px;
    text-align: left;
  }


  .cliniklylogo-section .row.row-parent.full-width {
    padding-inline: 0;
  }
  .cliniklylogo-section img {
    height: 20rem !important;
}
  .cta-bg {
    padding: 48px 24px 40px;
    border-radius: 32px 72px 32px 32px;
  }
  .cta-heading .text-lead {
    margin-top: 24px !important;
  }
  .cta-section .btn-container {
    display: block;
    padding-top: 48px;
  }
  .ctabtn-clinikly {
    padding: 18px 32px !important;
  }
  .cta-img {
    display: none;
  }
.__reach_us .uncont {
  width: 100%;
}
}

/* Colors/grayscale/_500 */

/* color: #66737f; */