/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Work+Sans:wght@200;300;400;500;600;700;800;900&display=swap'); */
@font-face {
  font-family: "SF Pro Display-Regular";
  src: url("../fonts/SFProDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SFProDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/SFProDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}


/* Futura Regular */
@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura Book.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura Bold.ttf') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'Futura';
  src: url('../fonts/Futura Light.ttf') format('truetype');
  font-weight: 300;
}




* {
  margin: 0;
  padding: 0;
  outline: 0;
}

body {
  scroll-behavior: smooth;
  overflow-x: hidden;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  line-height: 1.4;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  display: inline-block;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: #1c3f76;
  font-family: 'SF Pro Display',
    sans-serif;
}

p,
span {
  font-weight: 400;
  line-height: 1.55;
  margin-bottom: 0.2em;
  font-size: 18px;
  font-weight: 400;
  padding: 0;
  color: #000;
  font-family: 'SF Pro Display', sans-serif;

}

img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

input,
textarea {
  width: 100%;
  padding: 12px 20px;
  outline: none;
  resize: none;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #5e5b5b17;
  border-radius: 30px;
}

input::placeholder,
textarea::placeholder {
  color: #5c728e;
}

button {
  border: none;
  outline: none;
}

button:focus {
  outline: none;
}

:root {
  --colorPrimary: #00a6fb;
  --colorSecondary: #2ac28e;
  --paraColor: #5c728e;
  --colorBlack: #031d36;
  --colorWhite: #ffffff;
  --paraFont: 'SF Pro Display', sans-serif;
  --headingFont: 'SF Pro Display', sans-serif;
  --colorDeepblue: #0049d1;
  --boxShadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --gradiantBg: linear-gradient(45deg,
      #cdfff1 0%,
      rgba(203, 245, 246, 0.73) 28.13%,
      rgba(240, 251, 224, 0.8) 79.75%,
      #f8ffda 100%);
}

.tf__common_btn {
  font-weight: 500 !important;
  /* left: 120px; */
  background: #0094d1;
  text-transform: capitalize;
  color: var(--colorWhite) !important;
  padding: 12px 40px 12px 40px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

/* .tf__common_btn::after {
  position: absolute;
  content: "";
  width: 23px;
  height: 24px;
  background: url(../images/arrow_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 0px;
  opacity: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
} */

/* .tf__common_btn:hover {
  background: var(--colorSecondary);
  padding: 12px 25px 12px 55px;
  color: var(--colorWhite);
} */

/* .tf__common_btn:hover::after {
  opacity: 1;
  left: 17px;
} */

.tf__common_heading .about-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  position: relative;
  flex: 0 0 auto;
}

.tf__common_heading h5 {
  font-size: 40px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: #0094d1 !important;
  text-transform: capitalize;
  position: relative;
  line-height: normal;
  letter-spacing: 0;
}

/* .tf__common_heading h5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 4px;
  height: 40px;
  background: #66b923 !important;
} */

.tf__common_heading h2 {
  text-align: start;
  font-size: 35px !important;
  font-weight: 600;
  color: #1c3f76;
  text-transform: inherit;
  margin-top: 15px;
}

.center_heading {
  /* padding-top: 50px; */
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.center_heading h2 {
  text-align: center;
}

.tf__breadcrumb {
  background: url(../img/inner-banner.jpg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 270px 0px 165px;
  position: relative;
}

.tf__breadcrumb::after {
  position: absolute;
  content: "";
  background: #013c5aa3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.tf__breadcrumb_text {
  position: relative;
  z-index: 2;
}

.tf__breadcrumb_text h1 {
  font-size: 56px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: var(--colorWhite);
}

.tf__breadcrumb_text ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tf__breadcrumb_text ul li,
.tf__breadcrumb_text ul li a {
  font-size: 18px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__breadcrumb_text ul li a {
  position: relative;
  margin-right: 15px;
  padding-right: 15px;
}

.tf__breadcrumb_text ul li a::after {
  position: absolute;
  content: "\f054";
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: var(--colorWhite);
  top: 6px;
  right: -4px;
}

.tf__breadcrumb_text ul li a:hover {
  color: var(--colorWhite);
}

.tf__breadcrumb_text ul li {
  color: var(--colorWhite);
}

.tf__breadcrumbs::after {
  position: absolute;
  content: "";
  background: url("../images/shape-1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 92px;
  height: 92px;
  bottom: 67px;
  right: 8%;
}

#tf__pagination .page-item.active .page-link {
  color: var(--colorWhite);
  background-color: var(--colorPrimary);
  border-color: var(--colorPrimary);
}

#tf__pagination .page-link {
  color: var(--paraColor);
  font-size: 16px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  padding: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  margin: 0px 5px;
  border: 1px solid #2d343b29;
}

#tf__pagination .page-link:hover,
#tf__pagination .page-link.active {
  z-index: 2;
  color: var(--colorWhite);
  background-color: var(--colorPrimary);
  border-color: var(--colorPrimary);
}

#tf__pagination .page-link:focus {
  outline: 0;
  box-shadow: none;
}

.tf__play_btn {
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: var(--colorPrimary);
  color: var(--colorWhite) !important;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

.tf__play_btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--colorPrimary);
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: -1;
  animation: play_animate 1.3s infinite;
  -webkit-animation: play_animate 1.3s infinite;
}

@keyframes play_animate {
  from {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  to {
    transform: scale(1.8);
    opacity: 0;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
  }
}

@keyframes rotate_animi {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

@keyframes zoom_animi {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  to {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
}

@keyframes shake_animi {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  to {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
}

/*==============================
  GLOBAL CSS END
===============================*/

/* ===========================
  HOME PAGE START
=============================*/
/* topbar start */
.tf__topbar {
  width: 100%;
  height: 40px;
  background: #001a53;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.tf__topbar_link li a {
  margin-right: 50px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.tf__topbar_link li a i,
.tf__topbar_link li p i {
  margin-right: 10px;
}

.tf__topbar_link li a:hover {
  /* text-decoration: underline; */
}

.tf__topbar_icon {
  line-height: 40px;
  justify-content: end;
  gap: 15px;
}

.tf__topbar_icon li a {
  color: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  /* width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%; */
}

.tf__topbar_icon li a:hover {
  background: #ffffff40;
}

/* topbar end */

/* main manu start */
.tf__main_menu {
  background: #fff;
  width: 100%;
  height: 85px;
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 999;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  border-bottom: 1px solid #00a6fb26;
}

.tf__main_menu .navbar-brand {
  margin: 0;
  padding: 0;
  max-width: 270px;
}

.tf__main_menu .navbar-nav .nav-item {
  position: relative;
  display: flex;
  align-items: center;
}

.tf__main_menu .navbar-nav .nav-item>a {
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  transition: all linear 0.3s;
  padding: 0px 0px !important;
  margin: 0;
  line-height: 86px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__main_menu .navbar-nav .nav-item:hover>a,
.tf__main_menu .navbar-nav .nav-item>a.active {
  color: var(--colorPrimary);
}

.tf__main_menu .collapse .navbar-nav .nav-item a i {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.menu_search_icon {
  font-size: 20px;
  color: var(--colorBlack);
  margin-right: 20px;
}

.tf__dropdown {
  position: absolute;
  width: 321px;
  top: 115%;
  left: 0;
  background: var(--colorWhite);
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: rgb(0 0 0 / 15%) 0px 4px 14px;
  padding-left: 0;
  opacity: 0;
  z-index: 99;
  visibility: hidden;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__dropdown::-webkit-scrollbar {
  background: #fff;
  width: 5px;
}

.tf__dropdown::-webkit-scrollbar-thumb {
  background: #ddd;
}

.tf__dropdown li {
  margin-left: 0;
  line-height: 20px;
  border-bottom: 1px solid #e3e3e3;
}

.tf__dropdown li a {
  color: var(--colorBlack);
  font-size: 16px;
  font-weight: 500;
  display: block;
  text-transform: capitalize;
  font-family: 'SF Pro Display', sans-serif;
  /* padding: 7px 8px; */
  /* border-left: 1px solid transparent; */
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__dropdown li:hover a {
  color: #0094d1;
  /* border-left: 5px solid var(--colorPrimary); */
}

.tf__dropdown li:hover,
.tf__dropdown li.active {
  color: var(--colorBlack) !important;
  background: #00a6fb12;
  border-left: 5px solid var(--colorPrimary);
}

/* .tf__dropdown li:hover a {
  color: var(--colorWhite) !important;
} */

.tf__dropdown li:last-child {
  border-bottom: 0 !important;
}

.tf__main_menu .nav-item:hover .tf__dropdown {
  width: 170px;
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.tf__main_menu.menu_fix {
  position: fixed;
  top: 0;
  left: 0;
}

.menu_search {
  background: #000000b3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}

.menu_search form {
  width: 650px;
  position: relative;
}

.menu_search form input {
  padding: 16px 125px 16px 30px;
}

.menu_search form button {
  position: absolute;
  top: 5px;
  right: 5px;
}

.menu_search form .close_search {
  display: block;
  width: 40px;
  height: 40px;
  background: var(--colorPrimary);
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  color: var(--colorWhite);
  position: absolute;
  top: -100px;
  right: 0;
  cursor: pointer;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.menu_search form .close_search:hover {
  background: red;
}

.menu_search.show_search {
  display: flex;
}

/* for small device start */
.navbar-toggler {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: var(--colorPrimary);
  padding: 0;
  color: var(--colorWhite);
  font-size: 16px;
  margin-right: 12px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.navbar-toggler .close_icon {
  display: none;
}

.navbar-toggler.show {
  background: red;
}

.navbar-toggler.show .bar_icon {
  display: none;
}

.navbar-toggler.show .close_icon {
  display: block;
}

.tf__main_menu .navbar-brand {
  /* margin-right: 80px;
  padding: 10px;
  margin-left: -50px; */
}

/* for small device end */
/* main manu end */

/* banner start */
.tf__banner {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.tf__banner div {
  height: 100%;
}

.tf__banner_text {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: 110px;
}

.tf__banner_text h5 {
  font-size: 18px;
  font-weight: 700;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorPrimary);
  border-left: 2px solid var(--colorPrimary);
  padding-left: 20px;
}

.tf__banner_text h1 {
  text-align: start;
  font-size: 56px;
  font-weight: 700;
  color: var(--colorBlack);
  text-transform: capitalize;
  margin-top: 22px;
  margin-bottom: 15px;
}

.tf__banner_text p {
  text-align: start;
  font-size: 18px;
  margin-bottom: 40px;
}

.tf__banner_counter {
  margin-top: 100px;
}

.tf__banner_counter li {
  text-align: left;
  margin-right: 40px;
}

.tf__banner_counter li h3,
.tf__banner_counter li span {
  font-size: 40px;
  font-weight: 600;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
}

.tf__banner_counter li p {
  font-size: 18px;
  text-transform: capitalize;
  margin-top: 5px;
  margin: 0;
}

.tf__banner_img {
  display: flex;
  justify-content: end;
  align-items: end;
  position: relative;
  z-index: 1;
}

.tf__banner_img .img {
  height: 739px;
}

.tf__banner_img::after {
  position: absolute;
  content: "";
  background-image: url(../images/banner_img_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 680px;
  height: 680px;
  z-index: -1;
  right: -17px;
  top: 207px;
  animation: rotate_animi linear 30s infinite;
  -webkit-animation: rotate_animi linear 30s infinite;
}

.react {
  position: absolute;
  top: 555px;
  right: -48px;
  width: 70px !important;
  height: 70px !important;
}

.video_call {
  position: absolute;
  top: 212px;
  right: 128px;
  width: 70px !important;
  height: 70px !important;
}

.call {
  position: absolute;
  top: 365px;
  left: -26px;
  width: 70px !important;
  height: 70px !important;
}

.review {
  position: absolute;
  top: 559px;
  left: -147px;
  width: 167px !important;
  height: 90px !important;
}

.tf__banner::after {
  position: absolute;
  content: "";
  background: url(../images/shape-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  top: 20%;
  left: 5%;
  animation: zoom_animi linear 2s infinite alternate;
  -webkit-animation: zoom_animi linear 2s infinite alternate;
}

/* banner end */

/* about start */
.tf__about {
  position: relative;
  /* background-color: transparent;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 16%, rgba(229 240 255 / 80%) 86%); */
}

/* .tf__about::after {
  position: absolute;
  content: "";
  background: url(../images/global-calcium/molecular-logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  bottom: 100px;
  right: 5%;
  opacity: .2;
  animation: zoom_animi linear 1s infinite alternate;
  -webkit-animation: zoom_animi linear 1s infinite alternate;
} */

.tf__about_img {
  position: relative;
  height: 480px;
  width: 480px;
}

.tf__about_img_1 {
  position: relative;
  height: 480px;
}

.tf__about_img_1 .union {
  position: absolute;
  width: 100px !important;
  height: 115px !important;
  top: 387px;
  left: 8px;
}

.tf__about_img_1 .powder-gif {
  position: absolute;
  /* width: 550px !important;
  height: 550px !important; */
  top: 0;
  left: 30px;
}

.tf__about_img_2 {
  position: absolute;
  width: 310px;
  height: 360px;
  bottom: -110px;
  right: 44px;
}

.tf__about_img_2 img {
  border-radius: 10px;
}

.tf__about_img_2 .tf__play_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* .tf__about_img::after {
  position: absolute;
  content: "";
  background: url(../images/about_shape1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 80px;
  height: 80px;
  top: 39px;
  right: 96px;
  animation: rotate_animi 30s linear infinite;
  -webkit-animation: rotate_animi 30s linear infinite;
} */

.tf__about_iteam {
  display: inline-flex;
  align-items: center;
  gap: 49px;
  position: relative;
  flex: 0 0 auto;
}

.tf__about_iteam li {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: 'SF Pro Display', sans-serif;
  width: 50%;
  position: relative;
  padding-left: 33px;
  margin-bottom: 18px;
}

.tf__about_iteam li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  top: 2px;
  left: 0;
  width: 23px;
  height: 23px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
  border-radius: 50%;
  background: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

/* about end */

/* service start */
.tf__service {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative;
}

.tf__service_overlay {
  background: #ffffff9c;
}

.service_slider .tf__single_service {
  margin: 25px 12px 0px 12px;
}

.tf__single_service {
  margin-top: 25px;
  padding: 20px;
  background: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__service_page .tf__single_service {
  box-shadow: var(--boxShadow);
}

.tf__service_img {
  position: relative;
  height: 290px;
}

.tf__service_img img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.tf_service_icon {
  position: absolute;
  bottom: -25px;
  right: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  background: linear-gradient(90deg,
      rgba(24, 165, 75, 1) 0%,
      rgba(0, 148, 209, 1) 100%);
  color: var(--colorWhite);
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf_service_icon2 {
  background: linear-gradient(90deg,
      rgba(24, 165, 75, 1) 0%,
      rgba(0, 148, 209, 1) 100%);
}

.tf_service_icon3 {
  background: linear-gradient(90deg,
      rgba(24, 165, 75, 1) 0%,
      rgba(0, 148, 209, 1) 100%);
}

.tf_service_icon4 {
  background: linear-gradient(90deg,
      rgba(24, 165, 75, 1) 0%,
      rgba(0, 148, 209, 1) 100%);
}

.tf__service_text {
  margin-top: 25px;
}

.tf__service_heading {
  display: block;
  font-size: 24px;
  font-weight: 600;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__service_heading:hover {
  color: var(--colorPrimary);
}

.tf__service_text p {
  font-weight: 500;
  text-align: center;
  margin: 10px 0px 15px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tf__service_link {
  font-size: 16px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__service_link i {
  margin-left: 5px;
}

.tf__service_link:hover {
  color: var(--colorPrimary);
}

.tf__single_service:hover {
  margin-top: 20px;
}

/* service end */

/* faq start */
.tf__faq {
  position: relative;
}

.tf__faq_accordion .accordion-item {
  margin-top: 25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  background: #e0f5ff;
}

.tf__faq_accordion .accordion-collapse {
  border: none;
  border-width: 0 1px;
}

.tf__faq_accordion .accordion-header .accordion-button {
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 18px;
  font-weight: 500;
  color: var(--colorBlack);
  font-family: 'SF Pro Display', sans-serif;
  padding-left: 50px;
  text-align: left;
}

.tf__faq_accordion .accordion-button:not(.collapsed)::after {
  background-image: url(../images/Vector-min.png);
}

.tf__faq_accordion .accordion-button::after {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../images/Vecto-plusr.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 16px;
  left: 14px;
}

.tf__faq_accordion .accordion-body {
  padding: 20px 20px 20px 50px;
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--paraColor);
  border-top: 1px solid #2ac28e21;
}

.tf__faq_img::after {
  position: absolute;
  content: "";
  width: 150px;
  height: 150px;
  top: 0;
  left: 0;
  border-radius: 10px;
  z-index: -1;
}

.tf__faq_img::before {
  position: absolute;
  content: "";
  width: 150px;
  height: 150px;
  bottom: 0;
  right: 0;
  z-index: -1;
  border-radius: 0px 0px 10px 0px;
}

.tf__faq_img {
  padding: 15px;
  z-index: 1;
  position: relative;
  margin-top: 0px;
  height: 457px;
  margin-left: 25px;
}

.tf__faq_img img {
  border-radius: 10px;
}

.tf__faq_img .tf__play_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--colorPrimary) !important;
  background: var(--colorWhite);
}

.tf__faq_img .tf__play_btn::after {
  background: var(--colorWhite);
}

.tf__faq::after {
  position: absolute;
  content: "";
  background: url(../images/shape-6.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  top: 15%;
  left: 5%;
  opacity: 0.2;
  animation: zoom_animi linear 1s infinite alternate;
  -webkit-animation: zoom_animi linear 1s infinite alternate;
  z-index: 1;
}

.tf__faq::before {
  position: absolute;
  content: "";
  background: url(../images/shape-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  bottom: 20%;
  right: 5%;
  opacity: 0.2;
  animation: zoom_animi linear 1s infinite alternate;
  -webkit-animation: zoom_animi linear 1s infinite alternate;
  z-index: 1;
}

/* faq end */

/* process start */
.tf__process {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative;
}

.tf__single_process {
  margin-top: 25px;
}

.tf__process_number {
  display: block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  color: var(--colorWhite);
  background: #ddd;
  border-radius: 50%;
  margin-bottom: 25px;
}

.tf__process_shape {
  position: relative;
}

.tf__work_process_area {
  position: relative;
  z-index: 1;
}

.tf__work_process_area::after {
  position: absolute;
  content: "";
  width: 1000px;
  height: 65px;
  top: 25px;
  left: 50px;
  background-image: url(../images/process_shape.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.tf__process_number.num1 {
  background: var(--colorSecondary);
}

.tf__process_number.num2 {
  background: var(--colorPrimary);
}

.tf__process_number.num3 {
  background: #f7588d;
}

.tf__process_number.num4 {
  background: #ffc422;
}

.tf__single_process h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--colorBlack);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_process p {
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tf__preocess_link {
  font-size: 16px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__preocess_link i {
  margin-left: 5px;
}

.tf__preocess_link:hover {
  color: var(--colorPrimary);
}

.tf__process_shape_1 {
  position: absolute;
  width: 124px;
  height: 66px;
  top: 142px;
  left: 211px;
  animation: zoom_animi 2s linear infinite alternate;
  -webkit-animation: zoom_animi 2s linear infinite alternate;
}

.tf__process_shape_2 {
  position: absolute;
  width: 60px;
  height: 60px;
  bottom: 117px;
  left: 110px;
  animation: rotate_animi 30s linear infinite;
  -webkit-animation: rotate_animi 30s linear infinite;
}

.tf__process_shape_3 {
  position: absolute;
  width: 115px;
  height: 120px;
  top: 156px;
  right: 205px;
  animation: zoom_animi 1s linear infinite alternate;
  -webkit-animation: zoom_animi 1s linear infinite alternate;
}

/* process end */

/* appoinment start */
.tf__appoinment {
  position: relative;
  background: var(--colorWhite);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tf__appoinment_bg {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__appoinment_overlay {
  /* padding: 60px;
  border-radius: 10px; */
}

.tf__appoinment_form h5::after {
  background: var(--colorWhite);
}

.tf__appoinment_form h5,
.tf__appoinment_form h2 {
  color: var(--colorWhite);
}

.tf__appoinment_form_input {
  margin-top: 20px;
}

.tf__appoinment_form_input input,
.tf__appoinment_form_input select {
  padding: 13px 20px;
  font-size: 16px;
  color: var(--paraColor);
  background-color: var(--colorWhite);
  border-radius: 0px;
  font-weight: 500;
}

.tf__appoinment_form_input input[type="date"] {
  text-transform: uppercase;
}

.tf__appoinment_form_input button {
  padding: 13px 20px !important;
  width: 100%;
  background: #1d78e2;
  box-shadow: var(--boxShadow);
}

.tf__appoinment_form_input button::after {
  display: none;
}

.tf__appoinment_form_input button:hover {
  background: var(--colorWhite);
  color: var(--colorPrimary);
}

.tf__appoinment_img {
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 605px;
}

.tf__appoin_shape_1 {
  position: absolute;
  width: 68px;
  height: 78px;
  top: 100px;
  left: 200px;
  animation: rotate_animi 30s linear infinite;
  -webkit-animation: rotate_animi 30s linear infinite;
}

.tf__appoin_shape_2 {
  position: absolute;
  width: 188px;
  height: 152px;
  top: 220px;
  right: 60px;
  animation: shake_animi 2s linear infinite alternate;
  -webkit-animation: shake_animi 2s linear infinite alternate;
}

/* appoinment end */

/* helpline start */
.tf__helpline {
  background: #eef9ff;
  position: relative;
}

.tf__helpline_iteam {
  margin-top: 45px;
  margin-bottom: 60px;
}

.tf__helpline_iteam li {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: 'SF Pro Display', sans-serif;
  position: relative;
  padding-left: 33px;
  margin-bottom: 18px;
}

.tf__helpline_iteam li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  top: 2px;
  left: 0;
  width: 23px;
  height: 23px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
  border-radius: 50%;
  background: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__helpline_contact li {
  margin-right: 30px;
  padding: 20px;
  background: var(--colorWhite);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__helpline_contact li:last-child {
  margin-right: 0;
}

.tf__helpline_contact li:hover {
  background: var(--colorSecondary);
}

.tf__helpline_contact li span {
  width: 50px;
  height: 50px;
  background: var(--colorPrimary);
  text-align: center;
  line-height: 52px;
  border-radius: 50%;
  color: var(--colorWhite);
  display: inline-block;
  margin-right: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__helpline_contact li:hover span {
  background: var(--colorWhite);
  color: var(--colorSecondary);
}

.tf__helpline_contact_text {
  float: right;
}

.tf__helpline_contact_text p {
  font-size: 18px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--paraColor);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__helpline_contact li:hover .tf__helpline_contact_text p {
  color: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__helpline_contact_text a {
  font-size: 18px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__helpline_contact li:hover .tf__helpline_contact_text a {
  color: var(--colorWhite);
}

.tf__helpline_img {
  margin-top: 140px;
  height: 365px;
  position: relative;
}

.tf__helpline_img::after {
  position: absolute;
  content: "";
  background: url(../images/helpline_img2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 178px;
  height: 138px;
  top: -55px;
  left: 25px;
  z-index: 3;
  animation: zoom_animi 2s linear infinite alternate;
  -webkit-animation: zoom_animi 2s linear infinite alternate;
}

.tf__helpline::after {
  position: absolute;
  content: "";
  background: url(../images/shape-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  top: 15%;
  left: 5%;
  animation: zoom_animi linear 1s infinite alternate;
  -webkit-animation: zoom_animi linear 1s infinite alternate;
}

.tf__helpline::before {
  position: absolute;
  content: "";
  background: url(../images/shape-5.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 45%;
}

/* helpline end */

/* team start */
.tf__single_team {
  margin-top: 25px;
  border-radius: 10px;
  overflow: hidden;
}

.tf__team_img {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.tf__team_img img {
  border-radius: 10px;
}

.tf__team_overlay {
  text-align: center;
  position: absolute;
  content: "";
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  opacity: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s ease;
  -moz-transition: all linear 0.3s ease;
  -ms-transition: all linear 0.3s ease;
  -o-transition: all linear 0.3s ease;
}

.tf__team_icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: var(--colorPrimary);
  border-radius: 30px;
  padding: 3px 5px;
}

.tf__team_icon li a {
  margin: 5px 0px;
  font-size: 16px;
  color: var(--colorWhite);
  display: block;
  width: 33px;
  height: 33px;
  line-height: 35px;
  border-radius: 50%;
  background: transparent;
  text-align: center;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__team_icon li a:hover {
  color: var(--colorPrimary);
  background: var(--colorWhite);
}

.tf__single_team:hover .tf__team_overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}

.tf__team_designation {
  position: relative;
  background: var(--colorPrimary);
  padding: 15px 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__team_designation h6 {
  font-size: 18px;
  font-weight: 600;
  color: var(--colorWhite);
}

.tf__team_designation p {
  font-size: 16px;
  font-weight: 400;
  color: var(--colorWhite);
  margin-top: 4px;
}

.tf__team_designation span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: var(--colorWhite);
  margin-top: 4px;
  position: relative;
  padding-left: 25px;
}

.tf__team_designation span::after {
  position: absolute;
  content: "\f19d";
  font-family: 'SF Pro Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  top: -1px;
  left: 0;
}

.tf__team_designation a {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  color: var(--colorPrimary);
  background: var(--colorWhite);
  line-height: 36px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.tf__single_team:hover .tf__team_designation {
  background: var(--colorSecondary);
}

.tf__team_shape_1 {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 12%;
  left: 23%;
  animation: rotate_animi 30s linear infinite;
  -webkit-animation: rotate_animi 30s linear infinite;
}

.tf__team_shape_3 {
  position: absolute;
  width: 68px;
  height: 68px;
  bottom: 15%;
  right: 6%;
  animation: zoom_animi 2s linear infinite alternate;
  -webkit-animation: zoom_animi 2s linear infinite alternate;
}

/* team end */

/* review start */
.tf__review {
  position: relative;
  background: rgba(94, 94, 238, 0.1);
}

.tf__single_review {
  padding: 40px 30px;
  background: var(--colorWhite);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  margin: 0px 12px;
}

.tf__review_icon {
  color: #ffc422;
  margin-bottom: 20px;
}

.tf__reviewer_info {
  margin-top: 25px;
}

.tf__reviewer_info .img {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__reviewer_info h3 {
  display: block;
  font-size: 20px;
  font-weight: 600;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_review::after {
  position: absolute;
  content: "";
  background: url(../images/review-shape.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 40px;
  bottom: 30px;
  right: 30px;
}

.tf__single_review:hover .tf_reviewer_name {
  color: var(--colorPrimary);
}

.tf__review::after {
  position: absolute;
  content: "";
  background: url(../images/shape-4.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 90px;
  height: 90px;
  bottom: 10%;
  left: 5%;
  opacity: 0.2;
  animation: zoom_animi 1s linear infinite alternate;
  -webkit-animation: zoom_animi 1s linear infinite alternate;
}

.tf__review::before {
  position: absolute;
  content: "";
  background: url(../images/shape-2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 90px;
  height: 90px;
  top: 10%;
  right: 10%;
  opacity: 0.2;
  animation: shake_animi 2s linear infinite alternate;
  -webkit-animation: shake_animi 2s linear infinite alternate;
}

.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.slick-dots li button {
  font-size: 0;
  border-radius: 10px;
  background: rgb(0 166 251 / 30%);
  width: 15px;
  height: 8px;
  margin: 0px 2px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.slick-dots li.slick-active button {
  background: var(--colorPrimary);
  width: 30px;
}

/* review end */

/* blog start */
.blog {
  position: relative;
}

.single_blog {
  margin-top: 25px;
  border-radius: 10px;
  background: var(--colorWhite);
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.blog_img {
  /* height: 260px; */
  position: relative;
  overflow: hidden;
}

.blog_img img {
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.blog_text {
  padding: 30px;
}

.blog_text .blog_date li {
  margin-right: 20px;
  font-size: 16px;
  font-weight: 400;
  color: var(--paraColor);
}

.blog_text .blog_date li i {
  color: var(--colorPrimary);
  margin-right: 10px;
}

.blog_text .blog_heading {
  font-size: 24px;
  font-weight: 600;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
  /* margin: 15px 0px; */
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_text_icon {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.blog_text_icon .blog_link {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--colorBlack);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.blog_text_icon .blog_link i {
  margin-left: 5px;
}

.blog_text_icon .blog_link:hover {
  color: #fff;
  box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 30%);
}

.blog_react li {
  font-size: 16px;
  font-weight: 400;
  color: var(--paraColor);
  margin-left: 15px;
}

.blog_react li i {
  margin-right: 5px;
}

.blog_heading:hover {
  color: var(--colorPrimary);
}

.single_blog .category {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 16px;
  background: var(--colorSecondary);
  color: var(--colorWhite);
  padding: 5px 20px;
  border-radius: 30px;
  z-index: 1;
}

.single_blog .category.blue {
  background: var(--colorPrimary);
}

.single_blog .category.red {
  background: #f7588d;
}

.single_blog:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

/* blog end */

/* footer start */
.footer {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

.tf_footer_logo {
  width: 165px;
  margin-bottom: 30px;
}

.tf__footer_mail {
  margin-top: 25px;
  margin-bottom: 15px;
}

.tf__footer_mail span,
.tf_footer_icon span {
  font-size: 16px;
  font-weight: 500;
  color: var(--colorBlack);
  display: inline-block;
  min-width: 85px;
}

.tf__footer_mail a {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--paraColor);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__footer_mail a:hover {
  color: var(--colorPrimary);
}

.tf_footer_icon ul li a {
  font-size: 16px;
  margin-right: 10px;
  color: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
}

.tf_footer_icon ul li a:hover {
  color: var(--colorWhite);
  background: var(--colorPrimary);
}

.footer .tf__quick_link .footer-heading {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  margin-right: -20px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  text-decoration: underline;
  padding-bottom: 20px !important;
}

.tf__quick_link ul li a {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: #f6f6f6;
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: block;
  margin-top: 12px;
}

.tf__quick_link ul li a:hover {
  color: var(--colorPrimary);
  padding-left: 5px;
}

.tf_footer_address {
  margin-top: 15px;
}

.tf_footer_address p,
.tf_footer_address a {
  margin-bottom: 0;
}

.tf_footer_address p,
.tf_footer_address a {
  display: block;
  padding-left: 30px;
  position: relative;
  padding-bottom: 20px;
  color: var(--paraColor);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf_footer_address p i,
.tf_footer_address a i {
  color: var(--colorPrimary);
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 18px;
}

.tf_footer_address a:hover {
  color: var(--colorPrimary);
}

.footer .tf__copyright {
  padding: 20px 0px;
  border-top: 1px solid #ddd;
}

.tf__copyright ul li a {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: #f6f6f6;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  margin-left: 25px;
}

.tf__copyright ul li a:hover {
  color: var(--colorPrimary);
}

.tf__subscription {
  background: var(--colorPrimary);
  padding: 40px;
  border-radius: 100px;
  position: relative;
  top: -60px;
  width: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.tf__subscribe_text h2 {
  color: var(--colorWhite);
  font-size: 32px;
  font-weight: 600;
}

.tf__subscrib_form {
  position: relative;
}

.tf__subscrib_form input {
  padding: 19px 20px;
  border: none;
  background: var(--colorWhite);
  position: relative;
  text-transform: capitalize;
}

.tf__subscrib_form .tf__subscrib_btn {
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/* footer end */

/* scroll button start */
.tf__scroll_btn {
  width: 35px;
  height: 70px;
  border-radius: 25px;
  position: fixed;
  bottom: 110px;
  right: 30px;
  z-index: 111;
  cursor: pointer;
  text-align: center;
  line-height: 70px;
  background: var(--colorPrimary);
  border: 3px solid var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__scroll_btn span {
  font-size: 16px;
  color: var(--colorWhite);
  animation: scroll_amini linear 2s infinite alternate;
  -webkit-animation: scroll_amini linear 2s infinite alternate;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.tf__scroll_btn:hover {
  background: var(--colorSecondary);
}

@keyframes scroll_amini {
  from {
    bottom: -20px;
  }

  to {
    bottom: 12px;
  }
}

/* scroll button end */

/* ===========================
  HOME PAGE END
=============================*/

/* ===========================
  ABOUT PAGE START
=============================*/
.tf__about_counter_bg {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 35px 0px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(0, 166, 251, 0.1);
}

.tf__single_counter {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}

.last_counter {
  border-right: none;
}

.tf__counter_icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 600;
  color: var(--colorWhite);
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  margin-bottom: 15px;
  background: var(--colorSecondary);
}

.tf__counter_icon.icon2 {
  background: var(--colorPrimary);
}

.tf__counter_icon.icon3 {
  background: #f7588d;
}

.tf__counter_icon.icon4 {
  background: #ffc422;
}

.tf__single_counter h4 {
  font-size: 40px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  padding-right: 25px;
}

.tf__single_counter h4::after {
  position: absolute;
  content: "+";
  font-size: 40px;
  font-weight: 600;
  top: 0;
  right: 0;
}

.last_counter h4 {
  padding: 0;
}

.last_counter h4::after {
  display: none;
}

/* counter end */
/* ===========================
  ABOUT PAGE END
=============================*/

/* ===========================
  FAQ START
=============================*/
.tf__faq_page_qus h3 {
  font-size: 44px;
  font-weight: 600;
  text-transform: capitalize;
}

.tf__faq_page_qus p {
  margin-top: 25px;
}

.tf__faq_page_form input,
.tf__faq_page_form textarea {
  margin-bottom: 20px;
}

.tf__faq_page_form textarea {
  margin-bottom: 15px;
}

.tf__faq_page_qus a {
  margin-top: 30px;
}

/* ===========================
  FAQ END
=============================*/

/* ===========================
  ERROR START
=============================*/
.tf__error_img {
  height: 560px;
}

.tf__error_text {
  margin-top: 55px;
}

.tf__error_text h3 {
  font-size: 44px;
  font-weight: 600;
  text-transform: capitalize;
}

.tf__error_text p {
  margin-top: 15px;
  margin-bottom: 35px;
}

/* ===========================
  ERROR END
=============================*/

/* ===========================
  CONTACT START
=============================*/
.tf__contact_address {
  border: 1px solid rgba(94, 91, 91, 0.09);
  padding: 30px;
  border-radius: 10px;
  position: relative;
  margin-top: 25px;
}

.tf__contact_icon {
  display: block;
  width: 60px;
  height: 60px;
  font-size: 26px;
  font-weight: 600;
  color: var(--colorWhite);
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  margin-bottom: 25px;
  background: #f7588d;
}

.tf__contact_icon.icon_2 {
  background: var(--colorPrimary);
}

.tf__contact_icon.icon_3 {
  background: #ffc422;
}

.tf__contact_icon.icon_4 {
  background: var(--colorSecondary);
}

.tf__contact_address h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__contact_add p {
  margin-top: 15px;
}

.tf__contact_add p span {
  display: block;
}

.tf__contact_address::after {
  position: absolute;
  content: "";
  background: url(../images/shape-7.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 25px;
  right: 25px;
  width: 40px;
  height: 40px;
  opacity: 0.1;
}

.tf__contact_form_area {
  margin-top: 90px;
}

.tf__contact_form h4 {
  font-size: 36px;
  font-weight: 600;
  text-transform: capitalize;
}

.tf__contact_img {
  height: 450px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__contact_form input {
  margin-bottom: 25px;
}

.tf__contact_form button {
  margin-top: 20px;
}

.tf_contact_map {
  height: 500px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf_contact_map iframe {
  width: 100%;
  height: 100%;
}

/* ===========================
  CONTACT END
=============================*/

/* ===========================
  SIGN UP START
=============================*/
.tf__sign_up_form {
  background: var(--gradiantBg);
  padding: 65px 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__sign_up_logo {
  display: block;
  width: 180px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.tf__sign_up_form input {
  margin-bottom: 20px;
  border: none;
}

.tf__signup_check_area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.tf__signup_check_area .form-check {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}

.tf__signup_check_area input {
  margin: 0;
  padding: 0;
  width: 17px;
  height: 17px;
  border-radius: 3px !important;
  margin-right: 10px;
  border: 1px solid var(--colorPrimary);
}

.tf__signup_check_area label {
  font-size: 16px;
  font-weight: 400;
  color: var(--colorBlack);
}

.tf__signup_check_area a {
  font-size: 16px;
  font-weight: 400;
  color: red;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__signup_check_area a:hover {
  color: var(--colorPrimary);
}

.tf__sign_up_form .tf__or {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--colorBlack);
  font-family: 'SF Pro Display', sans-serif;
  text-transform: lowercase;
  position: relative;
  margin: 35px 0px;
}

.tf__sign_up_form .tf__or::after {
  position: absolute;
  content: "";
  width: 45%;
  height: 1px;
  top: 10px;
  left: 0;
  background: #00a6fb40;
}

.tf__sign_up_form .tf__or::before {
  position: absolute;
  content: "";
  width: 45%;
  height: 1px;
  top: 10px;
  right: 0;
  background: #00a6fb40;
}

.tf__sign_option {
  justify-content: space-between;
}

.tf__sign_option li {
  width: 30%;
}

.tf__sign_option li a {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
}

.tf__sign_option li a img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf_new_account {
  text-align: center;
  margin-top: 35px;
}

.tf_new_account a {
  margin-left: 5px;
}

/* ===========================
  SIGN UP END
=============================*/

/* ===========================
  PRIVACY POLICY START
=============================*/
.tf__privacy_policy_text h1,
.tf__privacy_policy_text h2,
.tf__privacy_policy_text h3,
.tf__privacy_policy_text h4,
.tf__privacy_policy_text h5,
.tf__privacy_policy_text h6 {
  font-weight: 600;
  margin-top: 25px;
}

.tf__privacy_policy_text h1 {
  font-size: 36px;
}

.tf__privacy_policy_text h2 {
  font-size: 32px;
}

.tf__privacy_policy_text h3 {
  font-size: 28px;
}

.tf__privacy_policy_text h4 {
  font-size: 20px;
}

.tf__privacy_policy_text h5 {
  font-size: 16px;
}

.tf__privacy_policy_text p {
  margin-top: 20px;
  margin-bottom: 0;
}

.tf__privacy_policy_text ul,
.tf__privacy_policy_text ol {
  margin-top: 20px;
}

.tf__privacy_policy_text ul li,
.tf__privacy_policy_text ol li {
  list-style: inside;
  color: var(--paraColor);
  margin-top: 15px;
}

.tf__privacy_policy_text p span {
  color: var(--colorBlack);
  font-size: 18px;
  font-weight: 400;
}

.tf__privacy_tabs .tab-content {
  margin-left: 160px;
}

/* ===========================
  PRIVACY POLICY END
=============================*/

/* ===========================
  GALLARY START
=============================*/
.tf__gallary_img1 {
  width: 100%;
  height: 420px;
}

.tf__gallary_img1,
.tf__gallary_img2,
.tf__gallary_img3 {
  display: block;
  margin-top: 25px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.tf__gallary_img2 {
  height: 865px;
}

.tf__gallary_img3 {
  height: 420px;
}

.tf__gallary_img1 .gal_img_overlay,
.tf__gallary_img2 .gal_img_overlay,
.tf__gallary_img3 .gal_img_overlay {
  position: absolute;
  background: #0d79b1c9;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.gal_img_overlay i {
  display: block;
  font-size: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 2px solid var(--colorWhite);
  color: var(--colorWhite);
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__gallary_img1:hover .gal_img_overlay,
.tf__gallary_img2:hover .gal_img_overlay,
.tf__gallary_img3:hover .gal_img_overlay {
  opacity: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* ===========================
  GALLARY END
=============================*/

/* ===========================
  PAYMENT START
=============================*/
.tf__single_payment {
  display: block;
  margin-top: 25px;
  height: 120px;
  overflow: hidden;
  border: 1px solid rgba(0, 166, 251, 0.1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__payment .modal .modal-dialog {
  width: 100%;
  max-width: 600px;
}

.tf__payment .modal .modal-content {
  padding: 25px;
}

.tf__modal_iteam {
  margin-top: 25px;
  margin-bottom: 10px;
}

.tf__modal_iteam li {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: 'SF Pro Display', sans-serif;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  color: var(--paraColor);
}

.tf__modal_iteam li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  top: 0px;
  left: 0;
  width: 23px;
  height: 23px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
  border-radius: 50%;
  background: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_form {
  margin-bottom: 20px;
}

.tf__single_form label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
}

.modal-footer {
  justify-content: space-between;
  border-top: 0;
}

.tf__modal_closs_btn {
  padding: 10px 20px;
  color: red;
  background: #ff000024;
  border: 2px solid red;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.tf__modal_closs_btn:hover {
  background: red;
  color: var(--colorWhite);
}

.tf__payment .modal-footer {
  padding: 0;
}

.tf__payment .modal-footer button {
  border: none;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__payment .tf__priceing_condition {
  margin-bottom: 0px;
}

.tf__payment .tf__priceing_condition li:last-child {
  margin-bottom: 0;
}

/* ===========================
  PAYMENT END
=============================*/

/* ===========================
  PRICEING START
=============================*/
.tf__pricieing_tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 25px;
}

.tf__pricieing_tabs ul {
  border: 1px solid rgba(3, 29, 54, 0.1);
  border-radius: 10px !important;
  overflow: hidden;
}

.tf__pricieing_tabs .nav-item .nav-link {
  padding: 15px 40px;
  border-radius: 0 !important;
  background: rgba(0, 166, 251, 0.04);
}

.tf__pricieing_tabs .nav-item .nav-link.active {
  background: var(--colorPrimary);
}

.tf__single_priceing {
  margin-top: 25px;
  padding: 45px 35px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 2px 20px 2px rgba(0, 166, 251, 0.15);
  border: 1px solid var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_priceing:hover {
  border: 1px solid var(--colorPrimary);
  box-shadow: none;
}

.tf__price_plan {
  text-align: center;
}

.tf__price_plan h4 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}

.tf__price_plan .pricing_icon {
  display: block;
  width: 86px;
  height: 86px;
  line-height: 86px;
  font-size: 36px;
  color: var(--colorPrimary);
  background: #00a6fb3b;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__price_plan h2 {
  font-size: 56px;
  font-weight: 600;
}

.tf__priceing_condition {
  margin-top: 34px;
  margin-bottom: 45px;
}

.tf__priceing_condition li {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: 'SF Pro Display', sans-serif;
  position: relative;
  padding-left: 33px;
  margin-bottom: 18px;
}

.tf__priceing_condition li::after {
  position: absolute;
  content: "\f00c";
  color: #031d3699;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  top: 2px;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  font-size: 11px;
  border: 1px solid;
  border-radius: 50%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__priceing_btn {
  width: 100%;
  background: none;
  color: var(--colorPrimary);
  border: 1px solid var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_priceing:hover .tf__priceing_btn {
  background: var(--colorPrimary);
  color: var(--colorWhite);
}

.tf__priceing_faq {
  background: var(--colorWhite);
  padding: 60px 0px 165px;
}

/* ===========================
  PRICEING END
=============================*/

/* ===========================
  BECOME DOCTOR START
=============================*/
.tf__become_doctor_contant {
  border: 1px solid #5e5b5b17;
  padding: 20px 30px 30px 30px;
  border-radius: 10px;
}

.tf__become_doctor_heading {
  font-size: 44px;
  font-weight: 600;
  text-transform: capitalize;
  padding-bottom: 20px;
  border-bottom: 1px solid #5e5b5b17;
}

.tf__become_doctor_text h1,
.tf__become_doctor_text h2,
.tf__become_doctor_text h3,
.tf__become_doctor_text h4,
.tf__become_doctor_text h5,
.tf__become_doctor_text h6 {
  font-weight: 600;
  margin-top: 25px;
  text-transform: capitalize;
}

.tf__become_doctor_text h1,
.tf__become_doctor_text h2,
.tf__become_doctor_text h3 {
  font-size: 24px;
}

.tf__become_doctor_text h4,
.tf__become_doctor_text h5,
.tf__become_doctor_text h6 {
  font-size: 20px;
}

.tf__become_doctor_text p {
  margin-top: 25px;
}

.tf__become_doctor_text ul,
.tf__become_doctor_text ol {
  margin-top: 25px;
  margin-bottom: 25px;
}

.tf__become_doctor_text ul li,
.tf__become_doctor_text ol li {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--paraColor);
  position: relative;
  padding-left: 33px;
  margin-bottom: 15px;
}

.tf__become_doctor_text ul li::after,
.tf__become_doctor_text ol li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  top: 1px;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 11px;
  border-radius: 50%;
  background: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__become_doctor_form {
  padding: 30px;
  border: 1px solid #5e5b5b17;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__become_doctor_form h2 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 2px solid #5e5b5b17;
  padding-bottom: 10px;
  margin-bottom: 30px;
  position: relative;
}

.tf__become_doctor_form h2::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: var(--colorPrimary);
}

.tf__become_doctor_input {
  margin-bottom: 20px;
}

.tf__become_doctor_input label {
  text-transform: capitalize;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;

}

.tf__become_doctor_input .form-check-input {
  width: 15px;
  height: 15px;
  padding: 0;
  border-radius: 3px;
}

.form-check-input:focus {
  box-shadow: none;
  border-color: var(--colorPrimary);
}

.tf__become_doctor_input .form-check label {
  font-weight: 400;
  color: var(--paraColor);
  font-family: 'SF Pro Display', sans-serif;

}

.tf__become_doctor_input label a {
  color: var(--colorBlack);
  border-bottom: 1px solid var(--colorBlack);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__become_doctor_input label a:hover {
  color: var(--colorPrimary);
  border-color: var(--colorPrimary);
}

/* ===========================
  BECOME_DOCTOR END
=============================*/

/*=============================
  SERVICE PAGE START
=============================*/
.tf__service_page form {
  padding: 20px;
  box-shadow: var(--boxShadow);
  border-radius: 70px;
  margin-bottom: 25px;
}

.tf__service_search {
  position: relative;
}

.tf__service_search .select2-container--default .select2-selection--single {
  background-color: var(--colorPrimary);
}

.tf__service_search .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--colorWhite);
}

.tf__service_search .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
}

.tf__service_search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
}

.tf__service_search input {
  border: 1px solid var(--colorPrimary);
}

.tf__service_search button {
  position: absolute;
  top: 5px;
  right: 5px;
  background: var(--colorPrimary);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__service_search button:hover {
  background: #0472aa;
}

/*=============================
  SERVICE PAGE END
=============================*/

/* ===========================
  SERVICE DETAILS START
=============================*/
.tf__service_dstails_img {
  height: 500px;
  position: relative;
}

.tf__service_dstails_img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__service_dstails_img span {
  position: absolute;
  bottom: -10px;
  right: 46px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 30px;
  background: var(--colorPrimary);
  color: var(--colorWhite);
  text-align: center;
  border-radius: 10px;
}

.tf_service_details_text h1,
.tf_service_details_text h2,
.tf_service_details_text h3,
.tf_service_details_text h4,
.tf_service_details_text h5,
.tf_service_details_text h6 {
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 25px;
}

.tf_service_details_text h1,
.tf_service_details_text h2 {
  font-size: 32px;
}

.tf_service_details_text h3,
.tf_service_details_text h4 {
  font-size: 28px;
}

.tf_service_details_text h5,
.tf_service_details_text h6 {
  font-size: 24px;
}

.tf_service_details_text p {
  margin-top: 25px;
}

.tf_service_details_text ul,
.tf_service_details_text ol {
  margin-top: 25px;
  margin-bottom: 25px;
}

.tf_service_details_text ul li,
.tf_service_details_text ol li {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--paraColor);
  position: relative;
  padding-left: 33px;
  margin-bottom: 15px;
}

.tf_service_details_text ul li::after,
.tf_service_details_text ol li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  top: 1px;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 11px;
  border-radius: 50%;
  background: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__service_details_gallery {
  margin-top: 25px;
  display: block;
  height: 250px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__service_details_gallery .overlay {
  position: absolute;
  background: #0d79b1c9;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__service_details_gallery .overlay i {
  display: block;
  font-size: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 2px solid var(--colorWhite);
  color: var(--colorWhite);
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__service_details_gallery:hover .overlay {
  opacity: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.tf_service_dtls_process {
  margin-top: 50px;
  text-align: center;
}

.tf_service_dtls_process i {
  font-size: 36px;
  color: var(--colorPrimary);
}

.tf_service_dtls_process h5 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tf_service_pdf_link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.tf_service_pdf_link li {
  width: 48%;
}

.tf_service_pdf_link li a {
  color: var(--paraColor);
  font-size: 16px;
  text-align: center;
  padding: 20px 0px;
  margin-top: 25px;
  width: 100%;
  border: 1px solid rgba(0, 166, 251, 0.1);
  background: rgba(0, 166, 251, 0.08);
  border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  -webkit-border-radius: 40px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf_service_pdf_link li a i {
  color: var(--colorPrimary);
  font-size: 20px;
  margin-right: 15px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf_service_pdf_link li a span {
  color: var(--colorBlack);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf_service_pdf_link li a:hover {
  color: var(--colorWhite);
  background: var(--colorPrimary);
}

.tf_service_pdf_link li a:hover i,
.tf_service_pdf_link li a:hover span {
  color: var(--colorWhite);
}

.tf__service_dtls_rightside {
  border: 1px solid #5e5b5b17;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__service_dtls_rightside h5 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 2px solid #5e5b5b17;
  padding-bottom: 5px;
  margin-bottom: 25px;
  position: relative;
}

.tf__service_dtls_rightside h5::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: var(--colorPrimary);
}

.tf__service_dtls_rightside input,
.tf__service_dtls_rightside select {
  width: 100%;
  padding: 10px 0px 10px 12px;
  border-radius: 30px;
  box-shadow: none;
}

.form-select:focus {
  border-color: #5c728e3d;
  box-shadow: none;
}

.tf__service_dtls_rightside_img {
  position: relative;
}

.tf__service_dtls_rightside_img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__service_dtls_img_text {
  position: absolute;
  top: 0;
  left: 0;
  padding: 100px 80px;
  height: 100%;
  text-align: center;
  background: #031d36c7;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__service_dtls_img_text i {
  font-size: 36px;
  color: var(--colorPrimary);
}

.tf__service_dtls_img_text h3 {
  font-size: 44px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--colorWhite);
  margin: 34px 0px 50px;
}

/* ===========================
  SERVICE DETAILS END
=============================*/

/* ===========================
  TEAM DETAILS START
=============================*/
.tf__team_details_img {
  height: 362px;
  border-radius: 10px;
  overflow: hidden;
}

.tf__team_dtls_img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__team_details_img_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.tf__team_details_img_text h3 {
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--colorPrimary);
  margin-bottom: 20px;
}

.tf__team_details_img_text p,
.tf__team_details_img_text a {
  font-size: 16px;
  color: #000;
  margin-top: 10px;
}

.tf__biography {
  border: 1px solid #5e5b5b17;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 50px;
}

.tf__biography h3 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 20px 25px;
  border-bottom: 1px solid #5e5b5b17;
}

.tf__biography_text {
  padding: 25px;
}

.tf__biography_text h4 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.tf__comment_area {
  border: 1px solid #5e5b5b17;
  padding: 30px;
  margin-top: 50px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__comment_area h2 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}

.tf__single_comment {
  border-top: 1px solid #5e5b5b17;
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
  padding-top: 25px;
}

.tf__comment_img {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__comment_text {
  width: 87%;
}

.tf__comment_text h4 {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.tf__comment_text h4 span {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;

}

.tf__comment_text h4 span i {
  margin-right: 5px;
}

.tf__comment_text p {
  margin-bottom: 13px;
}

.tf__comment_text .rating {
  color: #ffc422;
  display: block;
  margin-bottom: 10px;
}

.tf__comment_text a {
  font-size: 16px;
  font-weight: 400;
  color: var(--colorWhite);
  text-transform: capitalize;
  padding: 7px 20px;
  border-radius: 30px;
  background: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.tf__comment_text a i {
  margin-right: 5px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__comment_text a:hover {
  background: var(--colorSecondary);
}

.commant_reply {
  margin-left: 90px;
}

.commant_reply .tf__comment_text {
  width: 84%;
}

.tf__comment_text .review_icon {
  margin-top: 12px;
  margin-bottom: 12px;
}

.review_icon_noncolor {
  color: #5c728e3d !important;
}

.tf__comment_input_area {
  border: 1px solid #5e5b5b17;
  padding: 30px;
  margin-top: 50px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__comment_input_area input {
  margin-bottom: 20px;
}

.tf__comment_input_area button {
  margin-top: 15px;
}

.tf__comment_input_area h2 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.tf__comment_input_area p {
  color: #ffc422;
  font-size: 16px;
  margin-bottom: 25px;
}

.tf__comment_input_area p i {
  cursor: pointer;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__comment_input_area p i:hover {
  color: var(--colorBlack);
}

.tf__team_details_form {
  background: var(--colorPrimary);
  border-radius: 10px;
  padding: 35px 25px;
  margin-bottom: 30px;
}

.tf__team_details_form h5 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--colorWhite);
  margin-bottom: 30px;
  text-align: center;
}

.tf__team_details_form input {
  border: none;
  margin-bottom: 20px;
}

.tf__team_details_form button {
  background: var(--colorWhite);
  color: var(--colorPrimary);
  padding: 12px 20px;
}

.tf__team_details_form .select2-container {
  margin-bottom: 20px;
}

.tf__team_details_timeing {
  border: 1px solid #5e5b5b17;
  border-radius: 10px;
  padding: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__team_details_timeing h5 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 2px solid #5e5b5b17;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
}

.tf__team_details_timeing h5::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: var(--colorPrimary);
}

.tf__team_details_timeing p {
  color: var(--colorBlack);
  padding: 12px 0px;
  border-bottom: 1px solid #5e5b5b17;
}

.tf__team_details_timeing .last_date {
  border-bottom: none;
  padding-bottom: 0;
}

/* ===========================
  TEAM DETAILS END
=============================*/

/* ===========================
  BLOG DETAILS START
=============================*/
.tf__blog_details_img {
  height: 550px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__blog_details_header {
  margin-top: 35px;
}

.tf__blog_details_header_left li {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  margin-right: 30px;
}

.tf__blog_details_header_left li span {
  color: var(--colorWhite);
  background: var(--colorPrimary);
  padding: 8px 16px;
  border-radius: 10px;
}

.tf__blog_details_header_left li i {
  margin-right: 5px;
  color: var(--colorPrimary);
}

.tf__blog_details_header_right li {
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--paraColor);
  margin-left: 25px;
}

.tf__blog_details_text ul li a,
.tf__blog_details_text ol li a {
  color: #000 !important;
  font-weight: 600;
}

.tf__blog_details_header_right li i {
  margin-right: 5px;
}

.tf__blog_details_text .details_title {
  font-size: 36px;
}

.tf__blog_details_text {
  margin-top: 20px;
}

.tf__blog_details_text h1,
.tf__blog_details_text h2,
.tf__blog_details_text h3,
.tf__blog_details_text h4,
.tf__blog_details_text h5,
.tf__blog_details_text h6 {
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 25px;
}

.tf__blog_details_text h1,
.tf__blog_details_text h2 {
  font-size: 32px;
}

.tf__blog_details_text h3,
.tf__blog_details_text h4 {
  font-size: 28px;
}

.tf__blog_details_text h5,
.tf__blog_details_text h6 {
  font-size: 24px;
}

.tf__blog_details_text p {
  margin-top: 25px;
  text-align: justify;
}

.tf__blog_details_text ul,
.tf__blog_details_text ol {
  margin-top: 25px;
  margin-bottom: 25px;
}

.tf__blog_details_text .details_quot_text {
  padding: 30px 40px;
  border-left: 3px solid var(--colorPrimary);
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  background: #00a6fb30;
  margin-top: 25px;
  margin-bottom: 25px;
}

.tf__blog_details_text ul li,
.tf__blog_details_text ol li {
  font-size: 18px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  color: #000;
  position: relative;
  padding-left: 33px;
  margin-bottom: 15px;
  /* text-transform: capitalize; */
}

.tf__blog_details_text ul li::after,
.tf__blog_details_text ol li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  top: 1px;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 11px;
  border-radius: 50%;
  background: var(--colorPrimary);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__blog_details_share {
  margin-top: 45px;
  border-bottom: 1px solid #5e5b5b17;
  padding-bottom: 20px;
}

.tf__blog_details_share .tags li {
  margin-right: 10px;
}

.tf__blog_details_share .tags a {
  font-size: 16px;
  font-weight: 400;
  color: var(--paraColor);
  padding: 5px 15px;
  border-radius: 30px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  background: #f2f6f8;
}

.tf__blog_details_share .tags a:hover {
  background: var(--colorPrimary);
  color: var(--colorWhite);
}

.tf__blog_details_share .share li {
  font-size: 16px;
  font-weight: 400;
}

.tf__blog_details_share .share li a {
  margin-left: 20px;
  font-size: 16px;
  color: var(--paraColor);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__blog_details_share .share li a:hover {
  color: var(--colorPrimary);
}

.tf__comment_reply.active {
  color: var(--colorPrimary) !important;
}

.tf__service_dtls_rightside h4 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.tf__blog_form {
  position: relative;
  margin-top: 10px;
}

.tf___blog_btn {
  position: absolute;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  top: 5px;
  right: 5px;
  font-size: 16px;
  background: var(--colorPrimary);
  color: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf___blog_btn:hover {
  background: var(--colorSecondary);
}

.sidebar_category li a {
  display: block;
  color: #031d36;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #5e5b5b17;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.sidebar_category li:last-child a {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.sidebar_category li a::after {
  position: absolute;
  content: "\f054";
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: var(--paraColor);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all linear 0.3s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.sidebar_category li a:hover,
.sidebar_category li a:hover::after {
  color: var(--colorPrimary);
}

.tf__blog_catagoris_last {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.tf__sidebar_post li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  align-items: center;
}

.tf__sidebar_post li:last-child {
  margin-bottom: 0px;
}

.tf__recent_post_img {
  width: 80px;
  height: 80px;
  margin-right: 15px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__recent_post_text {
  width: 61%;
}

.tf__recent_post_text p i {
  color: var(--colorPrimary);
  margin-right: 5px;
}

.tf__recent_post_text a {
  font-family: 'SF Pro Display', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 5px;
  color: var(--colorBlack);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tf__recent_post_text a:hover {
  color: var(--colorPrimary);
}

.tf__sidebar_tags {
  margin-bottom: 0;
}

.tf__sidebar_tags ul li a {
  color: #031d36;
  text-align: center;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid rgba(3, 29, 54, 0.1);
  padding: 8px 17px;
  margin-top: 10px;
  margin-right: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
}

.tf__sidebar_tags ul li a:hover {
  color: var(--colorPrimary);
  border-color: var(--colorPrimary);
}

.tf__sidebar_tags h5 {
  margin-bottom: 15px;
}

/* ===========================
  BLOG DETAILS END
=============================*/

/* ===========================
  APPOINTMENT START
=============================*/
.tf__appointment_page_img {
  height: 100%;
  width: 490px;
  max-height: 750px;
}

.tf__appointment_page_text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tf__appointment_page_text form h2 {
  font-size: 36px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 15px;
}

.tf__appointment_page_text form p {
  margin-bottom: 26px;
}

.tf__appoinment_page_input {
  margin-top: 20px;
}

.tf__appoinment_page_input input,
.tf__appoinment_page_input textarea {
  background: #e0f5ff;
  border: none;
}

.tf__appoinment_page_input button {
  margin-top: 15px;
}

.tf__appoinment_page_input .select2-container--default .select2-selection--single .select2-selection__rendered {
  background: #e0f5ff;
  border-radius: 5px;
}

.tf__appoinment_page_input .select2-container--default .select2-selection--single {
  border: none;
}

/* ===========================
  APPOINTMENT END
=============================*/

/* ===========================
  DASHBOARD START
=============================*/
.tf__user_profile {
  background: var(--gradiantBg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 30px;
  margin-bottom: 25px;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__user_profile_img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  border: 2px solid var(--colorWhite);
  border-radius: 50%;
}

.tf__user_profile_img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__user_profile_img label,
.tf_profile_info_img label {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 29px;
  border-radius: 50%;
  bottom: 20px;
  right: -10px;
  background: var(--colorWhite);
  font-size: 13px;
  cursor: pointer;
  transition: all linear.3s;
  -webkit-transition: all linear.3s;
  -moz-transition: all linear.3s;
  -ms-transition: all linear.3s;
  -o-transition: all linear.3s;
  border: 1px solid #eee;
}

.tf__user_profile_img label:hover,
.tf_profile_info_img label:hover {
  background: var(--colorPrimary);
  color: var(--colorWhite);
}

.tf__profile_camera img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__user_profile h4 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 7px;
}

.tf__dashboard_menu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 20px;
  border: 1px solid #00a6fb14;
  background: #00a6fb0d;
  color: var(--colorBlack);
  font-size: 16px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  margin-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  border-radius: 30px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__dashboard_menu li:last-child a {
  margin-bottom: 0;
  background: var(--colorSecondary) !important;
  color: var(--colorWhite) !important;
}

.tf__dashboard_menu li:last-child a::after {
  color: var(--colorWhite);
}

.tf__dashboard_menu li a::after {
  position: absolute;
  content: "\f054";
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: var(--colorBlack);
  top: 18px;
  right: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__dashboard_menu li a:hover,
.tf__dashboard_menu li a.active {
  background: var(--colorPrimary);
  color: var(--colorWhite);
}

.tf__dashboard_menu li a:hover::after,
.tf__dashboard_menu li a.active::after {
  color: var(--colorWhite);
}

.tf__dashboard_overview {
  background: var(--colorPrimary);
  padding: 30px 20px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 25px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__dashboard_overview::after {
  position: absolute;
  content: "";
  background: url(../images/dashboard_overview_shape.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 40px;
  right: 20px;
  bottom: 20px;
  opacity: 0.2;
}

.tf__dashboard_overview .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: var(--colorWhite);
  border-radius: 50%;
  color: var(--colorPrimary);
  font-size: 25px;
  margin-right: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__dashboard_overview .text {
  width: 69%;
}

.tf__dashboard_overview .text p {
  color: var(--colorWhite);
  font-family: 'SF Pro Display', sans-serif;
  font-size: 16px;
}

.tf__dashboard_overview .text h3 {
  color: var(--colorWhite);
  font-size: 34px;
  font-weight: 600;
  margin: 5px 0px;
}

.tf__dashboard_content h5 {
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 2px solid #5e5b5b17;
  padding-bottom: 10px;
  margin-bottom: 40px;
  position: relative;
}

.tf__dashboard_content h5::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: var(--colorPrimary);
}

.tf__appointment_history {
  border: 1px solid #5e5b5b17;
  border-radius: 10px;
}

.tf__appointment_history table {
  margin: 0;
}

.tf__appointment_history table tr th p {
  font-weight: 600;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
}

.tf__appointment_history table tr {
  display: flex;
  border-bottom: 1px solid #5e5b5b17;
  padding: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__appointment_history .tabile_row:hover {
  background: #00a6fb0f;
}

.tf__appointment_history tr:last-child {
  border-bottom: 1px solid transparent;
}

.tf__appointment_history table tr th {
  border-bottom: 0;
}

.tf__appointment_history table tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 0;
}

.tf__appointment_history table tr td p {
  color: var(--colorBlack);
}

.tf__appointment_history table tr td span {
  font-size: 16px;
  margin-top: 5px;
}

.tf__appointment_history table tr td .date_time {
  font-size: 12px;
  color: var(--colorPrimary);
}

.tf__appointment_history table tr .sn {
  width: 5%;
  min-width: 50px;
}

.tf__appointment_history table tr .name {
  width: 20%;
  min-width: 180px;
}

.tf__appointment_history table tr .date {
  width: 20%;
  min-width: 120px;
}

.tf__appointment_history table tr .chamber {
  width: 35%;
  min-width: 250px;
}

.tf__appointment_history table tr .status {
  min-width: 140px;
}

.tf__appointment_history table tr .edit {
  width: 10%;
  min-width: 80px;
}

.tf__appointment_history table tr .status button {
  background: var(--colorSecondary);
  overflow: hidden;
  width: 96px;
  padding: 5px 0px;
  border-radius: 30px;
  color: var(--colorWhite);
}

.tf__appointment_history table tr .status .pending_btn {
  background: var(--colorPrimary);
}

.tf__appointment_history table tr .edit a {
  background: #00a6fb2b;
  width: 50px;
  text-align: center;
  padding: 5px 0px;
  border-radius: 30px;
  color: var(--colorPrimary);
  display: block;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__appointment_history table tr .edit a:hover {
  background: var(--colorPrimary);
  color: var(--colorWhite);
}

.tf__appointment_history table tr .th_sn {
  width: 5%;
  min-width: 40px;
}

.tf_dashboard__listing_body tr .th_name {
  width: 20%;
  min-width: 180px;
}

.tf_dashboard__listing_body tr .th_date {
  width: 20%;
  min-width: 120px;
}

.tf_dashboard__listing_body tr .transection {
  width: 30%;
  min-width: 200px;
}

.tf_dashboard__listing_body tr .th_amount {
  width: 15%;
  min-width: 100px;
}

.tf_dashboard__listing_body tr .payment_method {
  width: 20%;
  min-width: 150px;
}

.review_tr {
  padding: 20px 10px !important;
}

.tf_dashboard__listing_body tr .review_sn {
  width: 5%;
  min-width: 40px;
}

.tf_dashboard__listing_body tr .review_name {
  width: 20%;
  min-width: 180px;
}

.tf_dashboard__listing_body tr .ratings {
  width: 10%;
  min-width: 120px;
}

.tf_dashboard__listing_body tr .comment {
  width: 55%;
  min-width: 350px;
}

.tf_dashboard__listing_body tr .status {
  width: 10%;
  min-width: 140px;
}

.tf_dashboard__listing_body tr .sl {
  width: 5%;
  min-width: 50px;
}

.tf_dashboard__listing_body tr .patient {
  width: 20%;
  min-width: 180px;
}

.tf_dashboard__listing_body tr .time {
  width: 25%;
  min-width: 220px;
}

.tf_dashboard__listing_body tr .transection_id {
  width: 30%;
  min-width: 220px;
}

.tf_dashboard__listing_body tr .mh_payment_method {
  width: 20%;
  min-width: 180px;
}

.tf_dashboard__listing_body tr .um_sn {
  width: 10%;
  min-width: 50px;
}

.tf_dashboard__listing_body tr .um_name {
  width: 25%;
  min-width: 140px;
}

.tf_dashboard__listing_body tr .um_date {
  width: 20%;
  min-width: 130px;
}

.tf_dashboard__listing_body tr .um_duration {
  width: 25%;
  min-width: 120px;
}

.tf_dashboard__listing_body tr .um_transection_id {
  width: 25%;
}

.tf_dashboard__listing_body tr .um_action {
  width: 20%;
  min-width: 120px;
}

.confirm_btn {
  overflow: hidden;
  width: 96px;
  padding: 5px 0px;
  border-radius: 30px;
  color: var(--colorSecondary);
  background: none;
  border: 1px solid var(--colorSecondary);
  margin-bottom: 10px;
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.confirm_btn:hover {
  background: var(--colorSecondary);
  color: var(--colorWhite);
}

.cancel_btn {
  overflow: hidden;
  width: 96px;
  padding: 5px 0px;
  border-radius: 30px;
  color: red;
  background: none;
  border: 1px solid red;
  margin-bottom: 10px;
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.cancel_btn:hover {
  background: red;
  color: var(--colorWhite);
}

.tf__dashboard_profile_form label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: var(--colorBlack);
  text-transform: capitalize;
  margin-bottom: 5px;
}

.tf__dashboard_profile_form input {
  margin-bottom: 25px;
}

.tf__message_list {
  border: 1px solid #5e5b5b17;
  position: relative;
  height: 680px;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__message_list::-webkit-scrollbar {
  background: #fff;
  width: 5px;
}

.tf__message_list::-webkit-scrollbar-thumb {
  background: #ddd;
}

.tf__massager_searchbox {
  padding: 20px;
  position: relative;
  top: 0;
  left: 0;
}

.tf__massager_searchbox input {
  width: 100%;
  border: 1px solid #5e5b5b17;
  padding: 10px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.tf__massager_searchbox button {
  position: absolute;
  top: 28px;
  right: 35px;
  font-size: 20px;
  background: none;
  color: var(--colorBlack);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__massager_option .nav-link {
  background: var(--colorWhite);
  border: 1px solid transparent !important;
  border-radius: 10px;
  margin-bottom: 1px;
  cursor: pointer;
}

.tf__massager_option .nav-link:hover,
.tf__massager_option .nav-link.active {
  background: rgb(0 166 251 / 10%);
  color: var(--colorBlack);
}

.tf__single_massage {
  padding: 4px 5px;
  flex-wrap: wrap;
  position: relative;
}

.tf__single_massage_img {
  width: 55px;
  height: 55px;
  margin-right: 10px;
}

.tf__single_massage_img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__single_massage_text {
  width: 58%;
}

.tf__single_massage_text h4 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 4px;
  text-transform: capitalize;
}

.tf__single_massage_text p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tf__massage_time {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 16px;
}

.tf___single_chat {
  border: 1px solid #5e5b5b17;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}

.tf__single_chat_top .tf__single_chat_top_left {
  width: 76%;
}

.tf__single_chat_top {
  padding: 20px;
  border-bottom: 1px solid #5e5b5b17;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.chat_img {
  width: 60px;
  height: 60px;
}

.chat_name h4 {
  font-size: 18px;
}

.chat_name p {
  font-size: 16px;
}

.tf__single_chat_top_right p {
  color: var(--colorBlack);
  cursor: pointer;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_chat_top_right p:hover {
  color: var(--colorPrimary);
}

.tf__single_chat_body {
  padding: 20px;
  height: 510px;
  overflow: hidden;
  overflow-y: auto;
}

.tf__single_chat_body::-webkit-scrollbar {
  background: #fff;
  width: 5px;
}

.tf__single_chat_body::-webkit-scrollbar-thumb {
  background: #ddd;
}

.tf__chating {
  display: flex;
  justify-content: start;
  margin-bottom: 30px;
}

.tf__chating_img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.tf__chating_text {
  margin-left: 20px;
  max-width: 76%;
}

.tf__chating_text p {
  background: rgba(0, 166, 251, 0.1);
  color: var(--colorBlack);
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 5px;
}

.tf__chating_text span {
  display: block;
}

.tf_chat_right {
  justify-content: end;
}

.tf_chat_right .tf__chating_text {
  margin-left: 0;
  margin-right: 20px;
}

.tf_chat_right .tf__chating_text p {
  text-align: right;
}

.tf_chat_right .tf__chating_text span {
  text-align: right;
}

.tf__single_chat_bottom {
  border-top: 1px solid #5e5b5b17;
  position: relative;
  background: var(--colorWhite);
}

.tf__single_chat_bottom label {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  font-size: 13px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: #eee;
  color: var(--colorPrimary);
  line-height: 31px;
  text-align: center;
  border-radius: 50%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.tf__single_chat_bottom label:hover {
  background: var(--colorPrimary);
  color: var(--colorWhite);
}

.tf__single_chat_bottom input {
  width: 100%;
  border: none;
  padding: 20px 70px 20px 65px;
}

.tf__massage_btn {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: var(--colorPrimary);
  transform: translateY(-50%);
  color: var(--colorWhite);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.tf__massage_btn:hover {
  background: var(--colorBlack);
}

.tf__dashboard_profile {
  position: relative;
}

.tf__dashboard_profile a {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--colorPrimary);
  padding: 5px 15px;
  border-radius: 30px;
  color: var(--colorWhite);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__dashboard_profile a:hover {
  background: var(--colorSecondary);
}

.tf__dashboard_profile ul li {
  font-size: 16px;
  font-weight: 400;
  color: var(--paraColor);
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.tf__dashboard_profile ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.tf__dashboard_profile ul li span {
  font-size: 16px;
  font-weight: 500;
  color: var(--colorBlack);
  display: inline-block;
  min-width: 100px;
}

.tf__single_chat_top .img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 10px;
}

.tf__single_chat_top .text {
  width: 88%;
  position: relative;
}

.tf__single_chat_top .text h4 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 7px;
}

.tf__single_chat_top .text p {
  text-transform: capitalize;
  color: var(--colorSecondary);
  font-size: 16px;
}

.tf__single_chat_top .text a {
  position: absolute;
  top: 14px;
  right: 0;
  color: var(--colorPrimary);
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_chat_top a:hover {
  color: red;
}

/* ===========================
  DASHBOARD END
=============================*/

.footer-area {
  line-height: 30px;
  /* padding: 10px; */
  color: #f6f6f6;
}

.footer .footer-heading {
  position: relative;
  align-self: stretch;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  text-decoration: underline;
  text-transform: uppercase;
  display: block;
  padding-bottom: 20px;
}

.submit {
  /* background: linear-gradient(90deg, rgba(24, 165, 75, 1) 0%, rgba(0, 148, 209, 1) 100%); */
  background-color: #fff;
  left: 45%;
  color: #000;
  border-radius: 0px;
  position: relative;
  padding: 10px 20px 10px 20px;
  border-radius: 7px;
  margin-top: 40px;
  font-weight: 700;
  font-size: 17px;
}

.tf__appoinment_form {
  padding: 30px;
  border-radius: 4px;
  box-shadow: 0 0 5px 2px #00000040;
}

.tf__appoinment_form:hover {
  box-shadow: 0 0 5px 5px #00000040;
}

.service {
  position: relative;
  /* width: 31% !important; */
  float: left;
  margin: 0 1%;
}

.single-img {
  position: relative;
  width: 20%;
  float: left;
  /* margin: 0 1%; */
}

.single-img1 {
  position: relative;
  width: 18%;
  float: left;
  margin: 0 1%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
}

.single-img:hover .img-overlay {
  height: 100%;
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-family: 'SF Pro Display', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}

.text1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-family: 'SF Pro Display', sans-serif;
  text-transform: initial;
  letter-spacing: 2px;
  font-weight: bold;
}

.text span {
  font-weight: 300;
}

.app {
  top: 10px;
  left: 0px;
  text-align: center;
}

.plus {
  position: absolute;
  width: 100%;
  text-align: center;
  align-items: center;
  bottom: 140px;
}

.photo-box {
  background-color: #223570 !important;
  height: 100% !important;
  border-radius: 10px;
}

.tf__team_img h4 {
  position: relative;
  bottom: 80px;
  left: 15px;
  color: #000;
  font-weight: 500;
  text-align: center;
}

.tf__single_team:hover h4 {
  visibility: hidden;
}

.tf__team_overlay h4 {
  visibility: visible;
}

.tf__team_overlay h4,
.tf__team_overlay p {
  color: #fff !important;
  text-align: center;
}

.tf__team_overlay p {
  position: relative;
  top: 50% !important;
  text-align: center;
}

.tf__team_overlay h5 {
  color: #fff;
  position: relative;
  top: 45%;
  text-align: center;
}

.banner {
  height: 380px !important;
  position: relative;
  top: 390px;
  right: 170px;
}

.black-bg {
  background-image: linear-gradient(25deg,
      rgba(0, 0, 0, 0.95) 7%,
      rgba(0, 0, 0, 0) 75%);
  position: relative;
  bottom: 287px;
  height: 100%;
}

.product {
  font-size: 20px;
  color: #1c3f76;
  font-weight: 600;
  position: absolute;
  bottom: 100%;
  text-align: center;
  left: 28%;
}

.product1 {
  font-size: 20px;
  color: #1c3f76;
  font-weight: 600;
  position: absolute;
  bottom: 100%;
  text-align: center;
  left: 22%;
}

.footer {
  background-color: #001a53 !important;
  padding-top: 50px;
  width: 100% !important;
  /* height: 380px; */
}

.m-auto {
  margin: auto !important;
}

.api-product {
  position: absolute;
  top: 110px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #1f1f1f;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.inquiry {
  text-align: center !important;
  font-size: 39px !important;
  font-weight: 800;
}

.tf__appoinment .tf__appoinment_overlay .inquiry1 {
  font-family: 'SF Pro Display', sans-serif;
  text-align: center !important;
  font-size: 32px !important;
  font-weight: 500;
  color: #0094d1;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  margin-bottom: 50px !important;
  width: fit-content;
  margin: 0 auto;
}

.tf__appoinment .tf__appoinment_overlay .tf__appoinment_form .tf__appoinment_form_input label {
  margin-bottom: 20px;
  font-size: 18px;
}

.tf__appoinment .tf__appoinment_overlay .tf__appoinment_form .tf__appoinment_form_input input,
.tf__appoinment .tf__appoinment_overlay .tf__appoinment_form .tf__appoinment_form_input textarea {
  background-color: #ebebeb;
  border-radius: 4px;
  border: 1px solid;
  border-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 18px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #757575;
  font-size: 16px;
  text-align: justify;
  letter-spacing: 0;
  line-height: normal;
}

.tf__appoinment .tf__appoinment_overlay .tf__appoinment_form .tf__appoinment_form_btn {
  text-align: center;
}

.tf__appoinment .tf__appoinment_overlay .tf__appoinment_form .tf__appoinment_form_btn button {
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  border-radius: 15px;
  padding: 15px 20px;
  text-align: justify;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  background-color: #0094d1;
}

/* .form {
  margin-top: 70px;
  margin-left: -60px;
} */

@media only screen and (min-width: 768px) {
  .bv1 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .vb1 {
    display: none;
  }
}

.banner1 {
  font-size: 20px;
  top: 550px;
  left: 1350px;
  height: 60px;
}

.banner2 {
  font-size: 20px;
  top: 600px;
  left: 1450px;
  height: 60px;
}

/* .banner3 {
  top: 600px;
  left: 1500px;
  height: 55px;
} */

/* .banner4 {
  top: 600px;
  left: 880px;
  height: 55px;
} */

.manufacturing {
  margin-top: 31px !important;
}

.flexbox {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  flex-wrap: wrap;
}

.flexcard {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 20%;
  align-items: baseline;
  height: 280px;
  border-radius: 20px;
}

.flexcardNumber {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin: 10px 0px;
  border-radius: 0px 50px 50px 0px;
  font-family: 'SF Pro Display', sans-serif;
  color: white;
  font-weight: 500;
  font-size: 20px;
  position: relative;
}

.flexcardTitle {
  font-family: 'SF Pro Display', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.flexcardText {
  font-family: 'SF Pro Display', sans-serif;
  text-align: center;
  font-weight: 300;
}

.flexcardNumber:before {
  content: "";
  width: 34px;
  height: 90px;
  position: absolute;
  left: -33px;
  top: 0px;
  border-radius: 50px 0px 0px 50px;
  z-index: -1;
  /* background: #95B7A2; */
  /* background: -webkit-linear-gradient(bottom, #95B7A2, #AED2BC); */
  background: -moz-linear-gradient(bottom, #95b7a2, #aed2bc);
  /* background: linear-gradient(to top, #95B7A2, #AED2BC); */
}

.flexcardNumber:after {
  content: "";
  width: 25px;
  height: 40px;
  position: absolute;
  left: -25px;
  bottom: -40px;
  border-radius: 50px 0px 0px 50px;
  z-index: -1;
}

.flex {
  font-size: 20px;
  display: flex;
  justify-content: center;
  width: 120%;
  margin: 10px auto;
}

img.flexcardimgItem {
  margin-left: 15px;
  width: 70%;
}

/* GREEN CARD */

.flexcardGreen {
  background: #fff;
  box-shadow: 4px -2px 1px #a7a19a;
}

.flexcardNumberGreen {
  color: #223570;
  background: #fcfcfc;
  background: -webkit-linear-gradient(right, #fcfcfc, #aed2bc);
  background: -moz-linear-gradient(right, #fcfcfc, #aed2bc);
  background: linear-gradient(to left, #fdfffe, #d0c9c9);
  box-shadow: 0px 2px 2px #d9d8d6;
}

.flexcardNumberGreen:before {
  background: #aed2bc;
}

.flexcardNumberGreen:after {
  background: #95b7a2;
}

/* BLUE CARD */

.flexcardBlue {
  background: #fff;
  box-shadow: 4px -2px 1px #a7a19a;
}

.flexcardNumberBlue {
  color: #223570;
  background: #fdfffe;
  background: -webkit-linear-gradient(right, #fdfffe, #92e8eb);
  background: -moz-linear-gradient(right, #fdfffe, #92e8eb);
  background: linear-gradient(to left, #fdfffe, #d0c9c9);
  box-shadow: 0px 2px 2px #d9d8d6;
}

.flexcardNumberBlue:before {
  background: #92e8eb;
}

.flexcardNumberBlue:after {
  background: #71bdbf;
}

/* ORANGE CARD */

.flexcardOrange {
  background: #ffff;
  box-shadow: 4px -2px 1px #a7a19a;
}

.flexcardNumberOrange {
  color: #223570;
  background: #fdfffe;
  background: -webkit-linear-gradient(right, #fdfffe, #c9c2ba);
  background: -moz-linear-gradient(right, #fdfffe, #dfd8cf);
  background: linear-gradient(to left, #fdfffe, #d0c9c9);
  box-shadow: 0px 2px 2px #d9d8d6;
}

.flexcardNumberOrange:before {
  background: #f68404;
}

.flexcardNumberOrange:after {
  background: #d06f02;
}

/* PİNK CARD */

.flexcardPink {
  background: #fffafd;
  position: relative;
  box-shadow: 2px 2px 1px #f34eae;
  border-radius: 20px 20px 0px 20px;
}

.flexcardPink:before {
  content: "";
  width: 0px;
  height: 50px;
  /* background: red; */
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 100px solid transparent;
  border-bottom: 90px solid #f34eae;
}

.flexcardNumberPink {
  background: #fdfffe;
  background: -webkit-linear-gradient(right, #fdfffe, #f34eae);
  background: -moz-linear-gradient(right, #fdfffe, #f34eae);
  background: linear-gradient(to left, #fdfffe, #f34eae);
  box-shadow: 0px 2px 2px #f34eae;
}

.flexcardNumberPink:before {
  background: #f34eae;
}

.flexcardNumberPink:after {
  background: #d24095;
}

/* RESPONSİVE */

@media only screen and (max-width: 800px) {
  .flexcard {
    width: 35%;
    margin-top: 20px;
  }

  img.flexcardimgItem {
    width: 30%;
  }
}

@media only screen and (max-width: 500px) {
  .flexcard {
    width: 70%;
  }
}

.client1 {
  width: 100% !important;
  box-shadow: 1px 3px 6px 4px #c9c9c9;
}

.tf__dropdown {
  display: none;
  /* Hide the dropdown by default */
  position: absolute;
  background-color: #fff;
  /* Set your desired background color */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  /* Add shadow for a dropdown effect */
  z-index: 1;
}

/* Style for the product dropdown items */
.tf__dropdown li {
  padding: 10px;
}

/* Show the dropdown when the parent item is hovered */
.nav-item:hover .tf__dropdown {
  display: block;
}

/* Style the down arrow */
.fa.fa-angle-down {
  transition: transform 0.3s ease;
  /* Add a smooth transition effect */
}

/* Rotate the arrow when the parent item is hovered */
.nav-item:hover .fa.fa-angle-down {
  transform: rotate(180deg);
}

.flexbox {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}

.flex {
  display: flex;
  flex-direction: column;
  padding: 3%;
  justify-content: center;
}

.flexbottom {
  border-bottom: 6px solid #002f6c !important;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

.flextop {
  border-top: 5px solid #002f6c !important;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  position: relative;
}

.flextop:before {
  content: "";
  width: 1px;
  height: 100px;
  background: #002f6c;
  position: absolute;
  left: 0;
  /* border-radius: 64px; */
}

.flextop:after {
  content: "";
  width: 1px;
  height: 100px;
  background: #002f6c;
  position: absolute;
  right: 0;
}

.flexbottom {
  box-shadow: inset 0px -20px 0px #002f6c !important;
}

.flex.flextop {
  box-shadow: inset 0px 20px 0px #002f6c !important;
}

.stepNumber {
  width: 100%;
  text-align: center;
  border: 1px solid #0698b5;
  border-radius: 50px 0px 50px 0px;
  background: #0698b5;
  color: white;
  margin-bottom: 15px !important;
}

.imgbox img {
  width: 150px !important;
}

.app1 {
  text-align: center;
  font-size: 20px;
  font-weight: 700 !important;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .tf__main_menu .navbar-brand {
    margin-left: 0px;
  }

  .imgbox img {
    width: 50px !important;
  }

  .app1 {
    font-size: 5px;
    font-weight: 700 !important;
  }

  .flex {
    width: 20%;
    display: flex;
    flex-direction: column;
    padding: 3%;
    justify-content: center;
  }

  .flex.flextop {
    box-shadow: inset 0px 7px 0px #03a999;
  }

  .flexbottom {
    box-shadow: inset 0px -7px 0px #03a999;
  }

  .flextop:before {
    content: "";
    width: 1px;
    height: 100px;
    background: #009688;
    position: absolute;
    left: 0;
    /* border-radius: 64px; */
  }

  .flextop:after {
    content: "";
    width: 1px;
    height: 100px;
    background: #009688;
    position: absolute;
    right: 0;
  }
}

.products {
  text-align: center !important;
  bottom: 10%;
  display: flex;
  position: relative;
}

.upload {
  width: 100%;
  display: flex;
  justify-content: center;
}

.bheem1 {
  font-size: 16px;
  font-weight: 700;
  color: #59cbe8;
}

.horizontal-menu {
  list-style-type: none;
  /* Remove default list styles */
  padding: 0;
  /* Remove default padding */
  margin: 0;
  /* Remove default margin */
}

.horizontal-menu li {
  display: inline-block;
  /* Display list items horizontally */
  margin-right: 20px;
  /* Add spacing between list items */
  position: relative;
  /* Position for pseudo-element */
}

.horizontal-menu li::before {
  content: "";
  /* Add content to pseudo-element */
  display: block;
  /* Make pseudo-element a block-level element */
  width: 6px;
  /* Set width of circle */
  height: 6px;
  /* Set height of circle */
  border-radius: 50%;
  /* Make pseudo-element a circle */
  background-color: white;
  /* Change circle color to white */
  position: absolute;
  /* Position pseudo-element */
  left: 0px;
  /* Adjust position to the left */
  top: 50%;
  /* Position vertically centered */
  transform: translateY(-50%);
  /* Center vertically */
  transition: background-color 0.3s ease;
  /* Add transition effect */
}

.horizontal-menu li:hover::before {
  background-color: green;
  /* Change circle color to green on hover */
}

.horizontal-menu li a {
  padding-left: 10px;
  /* Add space between circle bullet and text */
  color: #fff;
  /* Set text color */
  text-decoration: none;
  /* Remove underline */
}

.horizontal-menu li a:hover {
  color: #66b923;
  /* Change text color to green on hover */
  text-decoration: underline;
  font-weight: 600;
  /* Underline text on hover */
}

.footer .address {
  position: relative;
  align-self: stretch;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  padding-bottom: 15px;
}

.copyright {
  font-size: 18px !important;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;
}

.contact_address {
  border: 1px solid rgba(94, 91, 91, 0.09);
  padding: 30px;
  border-radius: 10px;
  position: relative;
  margin-top: 25px;
}

.contact_icon {
  display: block;
  width: 60px;
  height: 60px;
  font-size: 26px;
  font-weight: 600;
  color: var(--colorWhite);
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  margin-bottom: 25px;
  background: #f7588d;
}

.contact_address h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: var(--headingFont);
  color: var(--colorBlack);
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.contact_address::after {
  position: absolute;
  content: "";
  background: url(../images/shape-7.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 25px;
  right: 25px;
  width: 40px;
  height: 40px;
  opacity: 0.1;
}

.contact_img {
  height: 450px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.contact_form input {
  margin-bottom: 25px;
}

input,
textarea {
  width: 100%;
  padding: 12px 20px;
  outline: none;
  resize: none;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #5e5b5b17;
  border-radius: 30px;
}

.contact_form button {
  margin-top: 20px;
}

.common_btn {
  background: var(--colorPrimary);
  text-transform: capitalize;
  color: var(--colorWhite);
  padding: 12px 40px 12px 40px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.breadcrumb {
  z-index: 9;
  background: url(../img/inner-page/inner-banner.jpg);
  /* background-position: center !important; */
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}

.breadcrumb {
  height: 250px;
  align-items: center;
  margin-top: 125px;
  margin-bottom: 0;
}

.breadcrumb_text {
  position: relative;
  z-index: 2;
  text-align: center;
}

.breadcrumb_text h1 {
  font-size: 48px;
}

.breadcrumb_text h1 {
  font-size: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: var(--colorWhite);
  font-family: 'SF Pro Display', sans-serif;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.breadcrumb_text ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

.breadcrumb_text ul li {
  color: var(--colorWhite);
}

.breadcrumb_text ul li,
.breadcrumb_text ul li a {
  font-size: 20px;
  font-weight: 400;
  font-family: 'SF Pro Display', sans-serif;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  color: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.breadcrumb_text ul li a {
  position: relative;
  /* margin-right: 15px; */
  padding-right: 15px;
}

/* .breadcrumb::after {
  position: absolute;
  content: "";
  background: #013c5aa3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
} */

.single_blog {
  margin-top: 25px;
  border-radius: 10px;
  background: var(--colorWhite);
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.blog_img {
  /* height: 260px; */
  position: relative;
  overflow: hidden;
}

.single_blog .category {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 16px;
  background: var(--colorSecondary);
  color: var(--colorWhite);
  padding: 5px 20px;
  border-radius: 30px;
  z-index: 1;
}

.blog_text {
  padding: 30px;
}

.blog_text .blog_date li {
  margin-right: 20px;
  font-size: 16px;
  font-weight: 400;
  color: var(--paraColor);
}

.blog_text .blog_date li i {
  color: var(--colorPrimary);
  margin-right: 10px;
}

.blog_text .blog_heading {
  font-size: 20px;
  font-weight: 500;
  font-family: 'SF Pro Display', sans-serif;
  color: #0094d1;
  text-transform: capitalize;
  margin-bottom: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_text_icon {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.blog_text_icon .blog_link {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
  background-color: #0094d1;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.blog_text_icon .blog_link i {
  margin-left: 5px;
}

.blog_react li {
  font-size: 16px;
  font-weight: 400;
  color: var(--paraColor);
  margin-left: 15px;
}

.blog_react li i {
  margin-right: 5px;
}

.about_counter_bg {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 35px 0px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid rgba(0, 166, 251, 0.1);
}

.single_counter {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}

.counter_icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 600;
  color: var(--colorWhite);
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  margin-bottom: 15px;
  /* background: var(--colorSecondary); */
}

.single_counter h4 {
  font-size: 40px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  padding-right: 25px;
}

.single_counter h4::after {
  position: absolute;
  content: "+";
  font-size: 40px;
  font-weight: 600;
  top: 0;
  right: 0;
}

.process {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  position: relative;
  padding-top: 20px;
  padding-bottom: 30px !important;
  /* background-color: transparent;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 16%, rgba(229 240 255 / 80%) 86%); */
}

.process_shape {
  position: relative;
}

.helpline {
  background: #eef9ff;
  position: relative;
}

.helpline::before {
  position: absolute;
  content: "";
  background: url(../images/shape-5.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 45%;
}

.justify-content-between {
  justify-content: space-between !important;
}

/* .common_heading h5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 2px;
  height: 20px;
  background: var(--colorPrimary);
} */

.common_heading h2 {
  font-size: 42px;
}

.common_heading h2 {
  /* text-align: start; */
  font-size: 44px;
  font-weight: 600;
  color: var(--colorBlack);
  text-transform: capitalize;
  /* margin-top: 15px; */
}

.common_heading p {
  text-align: start;
  font-size: 16px;
  margin-top: 22px;
}

.Hero-image {
  position: relative;
}

.Hero-image img {
  position: relative;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  /* Caption text color */
  background-color: rgba(0, 0, 0, 0.5);
  /* Caption background color with transparency */
  padding: 10px 20px;
}

.caption p {
  margin: 0;
  font-size: 18px;
  /* Caption text size */
}

.Hero-headline {
  padding: 20 30px;
  /* Adjust padding as needed */
  /* text-align: center; */
}

.t-eyebrow {
  font-size: 16px;
  color: #333;
  /* Color for the eyebrow text */
}

.Hero-headline h1 {
  margin-top: 0px;
  font-size: 35px;
  /* Headline title font size */
  color: #333;
  /* Headline title color */
}

.Hero-headline2 h1 {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 400;
  /* Headline title font size */
  color: #fff;
  background: linear-gradient(90deg, #0094d1 0%, #19a544 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* Headline title color */
}

.Hero-headline p,
.global_presence .global_content p {
  text-align: justify;
  margin-top: 20px;
  font-size: 18px;
  /* Paragraph font size */
  color: #000 !important;
  /* Paragraph text color */
}

/* Style for the content part */
.Hero-headline {
  margin-bottom: 20px;
  /* Margin bottom of 110px */
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}

/* Rest of your existing styles for .t-eyebrow, h1, and p classes remain the same */

.Hero-headline1 {
  margin-bottom: 50px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mission {
  margin-top: -100px;
  background-color: #002f6c !important;
}

.footer .global {
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  position: relative;
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  padding-bottom: 15px;
}

.inner-contact {
  padding-bottom: 20px;
  font-size: 20px !important;
}

.menu {
  float: right !important;
}

.tf__common_heading .about-heading .about {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #1f1f1f;
  font-size: 24px;
  position: relative;
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 5px;
}

.tf__common_heading .about-para {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.tf__common_heading .about-para p {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 18px !important;
  text-align: justify;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 0px !important;
}

.contact-us {
  font-size: 22px !important;
}

.about4-content {
  padding: 35px 10px;
  text-align: justify;
}

.category {
  padding: 30px;
}

/* ======================================================================== */

.tf__topbar_link li a .phone-icon {
  position: relative;
  width: 15px !important;
  height: 15px !important;
}

.tf__topbar_link li a .phone-div,
.tf__topbar_link li a .email-div {
  position: relative;
  width: fit-content;
  margin-top: 1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal !important;
  white-space: nowrap;
  margin-bottom: 0rem !important;
}

.tf__topbar_link li a .phone-div .phone-no {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 0rem !important;
}

.tf__topbar_link li a .email-id,
.tf__topbar_link li p .email-id {
  position: relative;
  width: 17px !important;
  height: 11px !important;
}

.tf__topbar_icon li a i {
  position: relative;
  font-size: 18px;
  /* top: 11px; */
}

.navbar-expand-lg .navbar-collapse {
  justify-content: end;
}

.navbar-expand-lg .navbar-nav {
  gap: 25px;
}

.tf__main_menu .navbar-nav .nav-item>.brochure {
  line-height: 15px !important;
  padding: 15px 20px !important;
  border-radius: 15px !important;
  font-size: 16px !important;
}

.vb1 #jssor_1 .jssor_content {
  position: relative;
  display: flex;
  align-items: stretch;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 700;
  color: #1f1f1f;
  font-size: 56px;
  letter-spacing: 0;
  line-height: normal;
  top: 320px;
  left: 160px;
  text-transform: capitalize !important;
}

.vb1 #jssor_1 .jssor_paragraph {
  top: 470px;
  left: 160px;
  position: relative;
  width: fit-content;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #1f1f1f;
  font-size: 48px;
  letter-spacing: 0;
  line-height: normal !important;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  transform: translate3d(0px, 0px, 0px);
  overflow: hidden;
}

.owl-carousel .owl-stage {
  position: relative;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.banner-section {
  position: relative;
  width: 100%;
  margin-top: 125px !important;
}

.mobile-banner {
  display: none !important;
}

.desktop-banner {
  display: block !important;
}

.banner-carousel .slide-item {
  position: relative;
  width: 100%;
}

.banner-carousel .slide-item .desktop-banner,
.banner-carousel .slide-item .mobile-banner {
  width: 100%;
  height: auto;
  display: block;
}

.banner-carousel .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}

.banner-carousel .content-box {
  position: absolute;
  text-align: left;
  top: 35%;
  color: #fff;
  /* Text color */
  z-index: 1;
  width: 100%;
  max-width: 630px;
}

.banner-carousel .content-box .count-text {
  position: absolute;
  left: -250px;
  top: -4px;
  font-size: 55px;
  line-height: 60px;
  font-family: "Saira", sans-serif;
  color: #fff;
}

.banner-carousel .content-box .count-text:before {
  position: absolute;
  content: "";
  width: 225px;
  height: 2px;
  left: 89px;
  bottom: 11px;
}

.banner-carousel .content-box h5 {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 52px;
}

.banner-carousel .content-box h5:before {
  position: absolute;
  content: "";
  width: 225px;
  height: 2px;
  right: 0px;
  bottom: -18px;
}

.banner-carousel .content-box h5:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 0px;
  bottom: -22px;
  border-radius: 50%;
}

.banner-carousel .content-box .content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.banner-carousel .content-box .content-inner .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 17px 27px;
  position: relative;
  flex: 0 0 auto;
  background-color: #0094d1;
  border-radius: 18px;
}

.banner-carousel .content-box .content-inner .div-wrapper .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.banner-carousel .content-box .text-wrapper {
  font-size: 46px;
  line-height: normal;
  font-weight: 700;
  color: #fff;
  font-family: 'SF Pro Display', sans-serif;
  letter-spacing: 0;
  align-items: stretch;
  position: relative;
  display: flex;
}

.banner-carousel .content-box .r-d-leadership-in {
  position: relative;
  width: fit-content;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 38px;
  letter-spacing: 0;
  line-height: normal;
}

.banner-carousel .content-box .list {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 41px;
}

.banner-carousel .content-box .list li {
  position: relative;
  display: block;
  margin-right: 40px;
  padding-left: 80px;
}

.banner-carousel .content-box .list li .icon-box {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 70px;
  height: 60px;
  line-height: 70px;
  font-size: 32px;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.banner-carousel .content-box .list li .icon-box:before {
  position: absolute;
  content: "";
  width: 70px;
  height: 60px;
  left: 0px;
  top: 0px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  transform: rotate(90deg);
  z-index: -1;
}

.banner-carousel .content-box .list li:last-child {
  margin: 0px !important;
}

.banner-carousel .content-box .list li h3 {
  display: block;
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  color: #fff;
}

.banner-carousel .content-box .list li h4 {
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
}

.banner-carousel .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
}

.banner-carousel .owl-dots .owl-dot span {
  display: none;
}

.banner-carousel .owl-dots .owl-dot {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 25px;
  background: transparent;
  transition: all 500ms ease;
}

.banner-carousel .owl-dots .owl-dot:last-child {
  margin-bottom: 0px;
}

.banner-carousel .owl-dots .owl-dot.active {}

.banner-carousel .owl-dots .owl-dot:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 7px;
  height: 7px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  transform: scale(0, 0);
  transition: all 500ms ease;
}

.banner-carousel .owl-dots .owl-dot.active:before {
  transform: scale(1, 1);
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.tf__common_heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  width: fit-content;
  margin: 0 auto;
}

.tf__about_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
}

.tf__about_content .tf__about_iteam .about-us {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #0094d1;
  border-radius: 18px;
  z-index: 2;
}

.tf__about_content .tf__about_iteam .about-us .about-us-anchor {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  padding: 17px 27px;
}

.tf__about_content .tf__about_iteam .watch-now {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 25px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-right: -1px;
  border-radius: 15px;
  border: 1px solid;
  border-color: #0094d1;
}

.tf__about_content .tf__about_iteam .watch-now .watch-now-img {
  position: relative;
  width: 20px !important;
  height: 20px !important;
}

.tf__about_content .tf__about_iteam .watch-now .watch-now-anchor {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #1f1f1f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.our_products {
  background-color: #e6f5fb;
  padding: 35px 0px;
}

.our_products .tf__common_heading .our_products_heading,
.applications .tf__common_heading .our_products_heading {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.our_products .img-area {
  display: flex;
  align-items: center;
  gap: 53px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.our_products .our-card {
  position: relative;
  width: 90%;
  height: 220px;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 5px 2px #00000040;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our_products .our-card:hover {
  transform: scale(1.2);
  box-shadow: 0px 0px 10px 5px #00000040;
}

.our_products .our-card .product-content {
  position: relative;
  width: 186px;
  height: 167px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.our_products .our-card .product-content1 {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our_products .our-card .product-content1 .img-div {
  position: relative;
  width: 80px;
  height: 80px;
  top: -1px;
  left: -1px;
  background-color: #e6f5fb;
  border-radius: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.6s ease;
}

.our_products .our-card .img-responsive {
  position: absolute;
  width: 50px !important;
  height: 50px !important;
}

.our_products .our-card:hover .img-div {
  transform: rotateY(360deg);
  animation: rotateCircular 0.3s forwards;
}

@keyframes rotateCircular {
  0% {
    transform: rotate(0deg) translateX(0);
  }

  25% {
    transform: rotate(90deg) translateX(0px);
    /* Adjust translateX for desired radius */
  }

  50% {
    transform: rotate(180deg) translateX(0);
  }

  75% {
    transform: rotate(270deg) translateX(0px);
    /* Adjust translateX for desired radius */
  }

  100% {
    transform: rotate(360deg) translateX(0);
  }
}

.applications {
  position: relative;
  padding: 30px 0 70px 0 !important;
  /* background-color: transparent;
  background-image: linear-gradient(180deg, rgba(229 240 255 / 80%) 16%, rgba(255, 255, 255, 0.9) 86%); */
}

.applications .app-area {
  display: flex;
  align-items: center;
  gap: 29px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.applications .app-area .app-box {
  display: flex;
  flex-direction: column;
  width: 250px;
  align-items: center;
  gap: 25px;
  position: relative;
}

.applications .app-area .app-box .app-img-div {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 235px;
  background-color: #ffffff;
  border-radius: 35px 0px 35px 0px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.applications .app-area .app-box .app-img-div .app-img {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 0;
  left: 0;
  object-fit: cover !important;
}

.applications .app-area .app-box .app-text {
  position: absolute;
  align-self: stretch;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #1f1f1f;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  left: 50%;
  bottom: -40px;
  z-index: 2;
  transform: translateX(-50%);
}

.get_touch_2 {
  position: relative;
  overflow: hidden;
}

.get_touch_2 .background-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.get_touch_2 .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black shade with 50% opacity */
  z-index: 1;
}

.get_touch_2 .video-overlay-content {
  position: relative;
  z-index: 2;
  color: white;
  top: 50%;
  margin: 100px 0;
}

.get_touch_2 .video-overlay-content .common_heading .activity-heading {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 80px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  position: relative;
}

.get_touch_2 .video-overlay-content .common_heading .activity-detail {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  position: relative;
}

.team .center_heading .map-heading,
.process .center_heading .offer-heading,
.blog_page .center_heading .blog-heading,
.appoinment_home_2 .appoinment_wraper .appoinment_form .form-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.client-logo .center_heading .offer-heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  z-index: 1;
}

.process .offer-details {
  display: flex;
  align-items: center;
  /* gap: 25px; */
  position: relative;
  align-items: stretch;
  width: 100%;
  flex: 0 0 auto;
  justify-content: space-between;
}

.process .offer-details .offer-box {
  position: relative;
  width: 210px;
  height: 210px;
  background-color: #0094d1;
  box-shadow: 0px 0px 4px #00000040;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process .offer-details .offer-box .overlap-group-5 {
  position: relative;
  width: 210px;
  height: 210px;
}

.process .offer-details .offer-box .overlap-group-5 .rectangle-2 {
  position: absolute;
  width: 198px;
  height: 198px;
  top: 6px;
  left: 6px;
  background-color: #ffffff;
  border-radius: 35px 0px 35px 0px;
  box-shadow: inset 0px 0px 8px #00000024;
}

.process .offer-details .offer-box .overlap-group-5 .psychotropic-CNS {
  position: absolute;
  /* top: 70px;
  left: 27px; */
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #343434;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  padding: 5px;
}

.process .offer-details .offer-box .overlap-group-5 .pngtree-small {
  position: absolute;
  width: 69px !important;
  height: 69px !important;
  top: 0;
  left: 138px;
  object-fit: cover;
}

.process .offer-details .offer-box .overlap-group-5 .pngtree-small-2 {
  position: absolute;
  width: 69px !important;
  height: 69px !important;
  top: 138px;
  left: 0;
  object-fit: cover;
}

.goals {
  background-color: #e6f5fb;
}

.goals .tf__common_heading .goal-heading {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 30px !important;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.goals .goal-content {
  padding-left: 80px;
  padding-top: 10px;
}

.goals .goal-content .goal-content1 .goal-sub-heading {
  position: relative;
  align-items: stretch;
  display: flex;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #1f1f1f;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 10px;
}

.goals .goal-content .goal-content1 .goal-points ul {
  list-style-type: none;
  padding-left: 0;
}

.goals .goal-content .goal-content1 .goal-points ul li {
  display: flex;
}

.goals .goal-content .goal-content1 .goal-points ul li p {
  margin-bottom: 10px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 17px;
  /* text-align: justify; */
  letter-spacing: 0;
  line-height: normal !important;
  /* white-space: nowrap; */
}

.goals .goal-content .goal-content1 .goal-points ul li::before {
  content: "•";
  color: #0094d1;
  margin-right: 10px;
  font-size: 2rem;
  font-family: 'SF Pro Display', sans-serif;
  position: relative;
  top: -12px;
}

.goals .goal-content .tf__about_iteam .about-us {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 17px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #0094d1;
  border-radius: 18px;
}

.goals .goal-content .tf__about_iteam .about-us .about-us-anchor {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.client-logo {
  padding: 30px 0;
}

.client-logo .accreditation {
  gap: 23px;
  position: relative;
  z-index: 1;
  justify-content: center;
}

.client-logo .client {
  position: relative;
  width: 160px;
  margin-top: -1px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid;
  border-color: #a5a5a5;
  box-shadow: 0px 2px 3px #00000040;
  padding: 0;
}

.client-logo .client img {
  /* padding: 10px; */
}

.footer .tf__quick_link ul li a {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  white-space: nowrap;
}

.footer .footer-area .phone-icon {
  position: relative;
  width: 15px !important;
  height: 15px !important;
  margin-right: 10px !important;
}

.footer .phone-number {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.footer .tf__copyright .copyright a:hover {
  color: #19a645;
}

.scroll-to-top {
  width: 45px;
  height: 45px;
  background: #19a645;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: none;
  position: fixed;
  bottom: 28px;
  right: 140px;
  z-index: 4;
}

.scroll-to-top i {
  color: #fff;
}

.scroll-to-top .text {
  font-size: 0.7em;
  width: 120px;
  position: absolute;
  color: white;
  display: none;
  align-items: center;
  justify-content: center;
  /* bottom: -18px; */
  top: 70px;
  opacity: 0;
  transition-duration: 0.7s;
  left: 0px !important;
}

.scroll-to-top:hover .text {
  opacity: 1;
  transition-duration: 0.7s;
}

.scroll-to-top:hover .arrow {
  animation: slide-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide-in-bottom {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.tf__main_menu .navbar-nav .nav-item>.brochure:hover,
.goals .goal-content .tf__about_iteam .about-us:hover,
.tf__about_content .tf__about_iteam .arrow-read:hover .about-us {
  box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 30%);
}

.tf__about_content .tf__about_iteam .watch-now:hover,
.tf__about_content .tf__about_iteam .watch-now:hover .watch-now-anchor {
  color: #0094d1;
}

.our_products .our-card:hover .product-content1 .img-div {
  background-color: #fff;
  height: 120px;
  width: 120px;
  border-radius: 50%;
}

.our_products .our-card:hover .product-content1 {
  height: 100px;
  width: 120px;
}

.our_products .our-card:hover .product-content .api-product {
  top: 130px;
  color: #fff;
}

.our_products .our-card:hover .api {
  width: 90px !important;
  height: 60px !important;
}

.our_products .our-card .api {
  width: 60px !important;
  height: 40px !important;
}

.our_products .our-card:hover .img-responsive {
  width: 90px !important;
  height: 90px !important;
}

.our_products .our-card .bg-hover-img {
  position: absolute;
  object-fit: cover !important;
  z-index: 1;
  opacity: 0;
}

.our_products .our-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #349bc7eb;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.our_products .our-card:hover::before {
  opacity: 1;
}

.our_products .our-card:hover .bg-hover-img {
  opacity: 1;
}

.applications .app-area .app-box .app-img-div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #349bc7ad;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 35px 0px 35px 0px;
}

.applications .app-area .app-box .app-img-div:hover::before {
  opacity: 1;
}

.applications .app-area .app-box:hover .app-text {
  color: #fff;
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.process .offer-details .offer-box:hover {
  background-color: #fff;
  transform: scale(1.1);
  z-index: 1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.process .offer-details .offer-box:hover .overlap-group-5 .pngtree-small,
.process .offer-details .offer-box:hover .overlap-group-5 .pngtree-small-2 {
  display: none;
}

.process .offer-details .offer-box:hover .psychotropic-CNS {
  color: #fff;
  bottom: 50%;
  transform: translate(-50%, 50%);
  z-index: 9;
}

.process .offer-details .offer-box .bg-we-img {
  display: none;
}

.process .offer-details .offer-box:hover .bg-we-img {
  display: block;
  position: absolute;
  left: 6px !important;
  top: 6px !important;
  width: 198px !important;
  height: 198px !important;
  z-index: 1;
}

.process .offer-details .offer-box .overlap-group-5 .rectangle-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 35px 0px 35px 0px;
  z-index: 9;
  opacity: 0;
}

.process .offer-details .offer-box:hover .overlap-group-5 .rectangle-2::before {
  opacity: 1;
}

.client-logo .accreditation .client .client2 {
  display: none;
}

.client-logo .accreditation .client:hover .client1 {
  display: none;
}

.client-logo .accreditation .client:hover .client2 {
  display: block;
}

.parallax-section {
  /* height: 600px; */
  background-image: url("../img/new-img/bg-parallax.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.parallax-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black with 50% opacity */
  z-index: 1;
}

.applications .app-area .app-box .app-img-div:hover {
  transform: scale(1.1);
  z-index: 1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  border-radius: 35px 0px 35px 0px;
  transition-delay: 0ms !important;
  transition-duration: 0ms !important;
}

.tf__about_content .tf__about_iteam .arrow-read {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.3s ease;
}

.tf__about_content .tf__about_iteam .arrow-read .arrow-of-read {
  background-color: #0094d1;
  border-radius: 50%;
  padding: 10px 15px;
  color: #fff;
  font-size: 18px;
  margin-bottom: 0px;
  transition: transform 0.3s ease;
  z-index: 1;
}

.tf__about_content .tf__about_iteam .arrow-read:hover .about-us {
  /* transform: translateX(45px); */
}

.tf__about_content .tf__about_iteam .arrow-read:hover .arrow-of-read {
  transform: translateX(-130px);
}

.common_heading h2::after {
  position: absolute;
  content: "+";
  font-size: 80px;
  font-weight: 500;
  top: 0;
  margin-left: 10px;
}

.slick-slide {
  transform: scale(0.8);
  transition: all 0.4s ease-in-out;
  padding: 40px 0;
}

.slick-slide img {
  max-width: 100%;
  transition: all 0.4s ease-in-out;
}

.slick-center {
  transform: scale(1.1);
}

.slick-next::before,
.slick-prev::before {
  font-size: 35px;
  color: #0094d1;
}

.Hero--primary {
  padding-top: 80px;
}

.about_video,
.global_presence {
  /* padding-top: 60px; */
  padding-bottom: 70px;
}

.about_video .about-video {
  width: 100%;
  /* height: 500px; */
}

.global_presence .global_presence_heading h2 {
  color: #0094d1;
  font-family: 'SF Pro Display', sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
  white-space: nowrap;
  margin-bottom: 10px;
}

.under-line {
  width: 65px;
  height: 5px;
  background: linear-gradient(to right, #0094d1, #19a544);
  position: relative;
  border-radius: 20px;
}

.section-full .certi_label {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 35px !important;
  width: fit-content;
  margin: 0 auto;
}

.section-full .certificate-card {
  width: 90%;
  margin-bottom: 50px;
  position: relative;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.section-full .certificate-card:hover {
  box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.8);
  transform: scale(1.1);
}

.section-full .certificate-card .certificate-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  position: relative;
  background-color: #0094d1;
  height: 60px;
  width: 100%;
}

.section-full .certificate-card .certificate-title .certificate-name {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  font-size: 24px;
}

.contact_section .contact_details_card h3 {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #1f1f1f;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 18px;
}

.contact_section .contact_details_card .contact_details_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.contact_section .contact_details_card .contact_details_info .email_id,
.contact_section .contact_details_card .contact_details_info .phone_id,
.contact_section .contact_details_card .contact_details_info .map_id {
  display: inline-flex;
  align-items: center;
  gap: 25px;
  position: relative;
}

.contact_section .contact_details_card .contact_details_info .email_id .email_photo,
.contact_section .contact_details_card .contact_details_info .phone_id .phone_photo,
.contact_section .contact_details_card .contact_details_info .map_id .map_photo {
  position: relative;
  height: 40px;
  width: 40px;
}

.contact_section .contact_details_card .contact_details_info .email_id .email_text a,
.contact_section .contact_details_card .contact_details_info .phone_id .phone_text a,
.contact_section .contact_details_card .contact_details_info .map_id .map_text a {
  position: relative;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 18px;
  letter-spacing: 0;
}

.contact_section .contact_details_card .contact_details_info .email_id .email_text strong,
.contact_section .contact_details_card .contact_details_info .phone_id .phone_text strong,
.contact_section .contact_details_card .contact_details_info .map_id .map_text strong {
  position: relative;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #343434;
  font-size: 18px;
  letter-spacing: 0;
}

.product_list .form-label {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #1f1f1f;
  font-size: 20px !important;
  letter-spacing: 0;
  line-height: normal;
}

.product_list .search-bar {
  position: relative;
}

.product_list .search-bar i {
  position: absolute;
  top: 52%;
  left: 25px;
  transform: translateY(-50%);
  color: #999;
  z-index: 9;
}

.product_list .search-bar input {
  width: 100%;
  padding: 7px 10px 7px 40px;
  /* Make space for the icon */
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
}

.product_list .search-bar input:focus {
  outline: none;
  border-color: #666;
  /* Optional focus effect */
}

.product_list .table {
  margin-top: 3%;
}

.product_list .table thead,
.product_list .table tbody {
  vertical-align: middle !important;
}

.product_list .table thead tr th {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  font-size: 18px !important;
  letter-spacing: 0;
  line-height: normal;
  padding: 15px 20px 15px 25px !important;
  white-space: nowrap;
  background-color: #0094d1 !important;
  color: #fff;
}

.product_list .table tbody tr:nth-of-type(even) {
  background-color: #e6f5f8;
}

.product_list .table tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

.product_list .table tbody tr td {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  font-size: 18px !important;
  letter-spacing: 0;
  line-height: normal;
  color: #343434;
  padding: 15px 20px 15px 25px !important;
  /* white-space: nowrap; */
  border-bottom-width: 0px !important;
}

.product_list .table tbody tr td a {
  color: #343434 !important;
}

.product_list .table tbody tr td span i {
  font-weight: 300 !important;
}

.premixes-section .section-content .single_team {
  border-radius: 15px;
  box-shadow: 0px 0px 4px #00000040;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  height: 95%;
}

.premixes-section .section-content .single_team .team_img a img {
  position: relative;
  border-radius: 15px;
}

.premixes-section .section-content .single_team .team_designation a h6 {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 24px !important;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 10px;
}

.premixes-section .section-content .single_team .team_designation p,
.premixes_details .Hero-headline p {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 18px !important;
  letter-spacing: 0;
  line-height: 28px;
}

.premixes-section .section-content .single_team .team_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 23px;
  position: relative;
  border-radius: 18px;
  border: 2px solid #0094d1;
}

.premixes-section .section-content .single_team .team_button .team_read_more {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 17px !important;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.premixes-features .features {
  background-color: #e6f5fb;
  border-radius: 20px;
  padding: 20px;
}

.premixes-features .features h3 {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #0094d1;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  margin-bottom: 15px;
}

.premixes-features .features ul {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 40px;
  list-style: auto;
  padding-left: 15px;
}

.premixes-features-images .section-content .wt-box a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  margin-bottom: 40px;
}

.premixes-features-images .section-content .wt-box a img {
  width: 90% !important;
  position: relative;
  border-radius: 18px;
}

.premixes-features-images .section-content .wt-box a .wt-title {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #1f1f1f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.event_section .Hero-headline p {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: 40px;
}

.event_section .event_heading {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 40px !important;
  width: fit-content;
  margin: 0 auto;
}

.event_section .image-container {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  width: 320px;
  margin-bottom: 40px;
}

.event_section .image-container:hover {
  transform: scale(1.1);
  /* box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.8); */
  border-radius: 5px !important;
}

.event_section .image-container .event_img {
  position: relative;
  background-color: #e0e0e0;
  border-radius: 5px 5px 0px 0px;
  align-self: stretch;
  overflow: hidden;
  width: 100%;
  height: 200px;
}

.event_section .image-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event_section .image-container .event_content {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 5px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #fff;
  border-radius: 0px 0px 5px 5px;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-color: #0094d1;
  box-shadow: 0px 1px 2px #00000040;
}

.event_section .image-container .event_content .event_date_div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.event_section .image-container .event_content .event_date_div img {
  position: relative;
  width: 20px !important;
  height: 20px !important;
}

.event_section .image-container .event_content .event_date_div .event_date {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #0094d1;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  margin-top: 5px;
}

.event_section .image-container .event_content .upcoming {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #1f1f1f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
}

.csr .csr_text,
.annual-returns .annual-box,
.ehs-policy .ehs-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 24px;
  position: relative;
  background-color: #0094d1;
  border: 1px solid #0094d1;
  border-radius: 5px;
}

.csr .csr_text h1,
.annual-returns .annual-box .annual-policy,
.ehs-policy .ehs-box .ehs-content {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  margin-bottom: 0px !important;
}

.csr .csr_text:hover,
.annual-returns .annual-box:hover,
.ehs-policy .ehs-box:hover {
  background-color: #ffffff;
  border: 1px solid #0094d1;
  border-radius: 5px;
  transform: scale(1.1);
  box-shadow: 0px 0px 5px 2px #00000040;
}

.csr .csr_text:hover h1,
.annual-returns .annual-box:hover .annual-policy,
.ehs-policy .ehs-box:hover .ehs-content {
  color: #000;
}

.career_section .pbmit-heading .pbmit-title,
.human-rights h3,
.premixes_details .Hero-headline h1,
.modal .modal-content h2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  margin-bottom: 30px;
}

.career_section .pbmit-heading .pbmit-heading-desc p a {
  color: #0094d1 !important;
}

.career_section .pbmit-heading .pbmit-heading-desc p,
.human-rights p,
.human-rights ul li {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 40px;
}

.human-rights ul li ul {
  margin-left: 20px;
  margin-top: 20px;
}

.human-rights ul li ul li {
  margin-bottom: 20px !important;
}

.human-rights ul li strong {
  margin-right: 10px !important;
}

.faq .faq-item {
  margin-bottom: 20px;
  border: 1px solid #0094d1;
  border-radius: 18px;
  padding: 20px;
}

/* .faq .faq-item:hover {
  transform: scale(1.1);
  box-shadow: 0px 0px 5px 2px #00000040;
} */

.faq .faq-item .faq-question {
  cursor: pointer;
}

.faq .faq-item .faq-answer {
  /* padding: 10px;
  border: 1px solid #e0e0e0; */
  margin-top: 20px;
  border-top: none;
  display: none;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 16px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 30px;
}

.faq .faq-item .faq-answer.show {
  display: block;
}

.faq .faq-item .faq-question i {
  float: right;
  transition: transform 0.3s ease-in-out;
}

.collapsed i {
  /* transform: rotate(-90deg); */
}

.faq .faq-item .faq-answer ul {
  padding-left: 20px;
  margin-top: 10px;
}

.faq .faq-item .faq-answer ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}

.faq .faq-item .faq-question {
  font-size: 18px;
  position: relative;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #000;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.team .single_team .team_img .map-video,
.global_presence .single_team .team_img .map-video {
  width: 100%;
}

.team {
  padding: 20px 0 20px 0 !important;
}

.modal .tf__appoinment_form {
  box-shadow: none !important;
}

.modal .modal-content {
  overflow: auto;
  height: 560px;
}

.modal .tf__appoinment_form .tf__appoinment_form_btn,
.job_form .tf__appoinment_form .tf__appoinment_form_btn {
  display: flex;
  justify-content: center;
}

.modal .tf__appoinment_form .tf__appoinment_form_btn button,
.job_form .tf__appoinment_form .tf__appoinment_form_btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  position: relative;
  background-color: #0094d1;
  border-radius: 4px;
  color: #fff;
  text-align: center;
}

.modal .tf__appoinment_form .tf__appoinment_form_btn button:hover,
.job_form .tf__appoinment_form .tf__appoinment_form_btn button:hover {
  background-color: #fff;
  color: #0094d1;
}

.filter-menu {
  background-color: #e6f5fb;
}

.filter-menu .filter-form,
.filter-menu .job-data {
  margin: 0px auto;
  width: 80%;
}

.filter-menu .filter-form .filter-name {
  display: flex;
  justify-content: end;
  align-items: center;
}

.filter-menu .filter-form .filter-heading {
  font-family: "SF Pro Display-Medium", Helvetica, sans-serif !important;
  font-weight: 600 !important;
  color: #0094d1 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  line-height: normal !important;
  margin-bottom: 0 !important;
}

.filter-menu .filter-form .appoinment_form_input .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: "SF Pro Display-Medium", Helvetica, sans-serif !important;
  font-weight: 600 !important;
  color: #1f1f1f !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  line-height: normal !important;
  margin-bottom: 0 !important;
}

.filter-menu .filter-form .appoinment_form_input .select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  border-radius: 30px !important;
}

.select2-dropdown {
  border-radius: 10px !important;
  border: 1px solid #0094d1 !important;
}

.filter-menu .job-box {
  margin-top: 50px !important;
}

.filter-menu .job-box .job-title {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  margin-bottom: 20px;
}

.filter-menu .job-box ul li a {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  border-radius: 18px;
  align-items: center;
}

.filter-menu .job-box ul li a:hover {
  transform: scale(1.05);
  transition: all 0.4s ease-in-out;
  background-color: #c4e7f6;
  padding: 30px 10px;
}

.filter-menu .job-box ul li a .job-name {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
}

.filter-menu .job-box ul li a .job-btn {
  position: relative;
  background-color: #0094d1;
  border-radius: 18px;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  padding: 17px 27px;
}

.filter-menu .job-box ul li a .job-btn:hover {
  box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 30%);
}

.job_section .job-title {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  margin-bottom: 30px;
}

.job_section .apply-btn {
  position: relative;
  margin-top: 30px;
}

.job_section .job-btn {
  position: relative;
  background-color: #0094d1;
  border-radius: 10px;
  width: fit-content;
  margin-top: -1px;
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  padding: 10px 20px;
  text-align: center;
}

.job_section .job-btn:hover {
  box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 30%);
}

.job_section .job-details {
  margin-bottom: 30px;
}

.job_section .job-desc h1,
.job_section .job-desc h2,
.job_section .job-desc h4,
.job_section .job-desc h5,
.job_section .job-desc h6 {
  color: #0094d1 !important;
}

.job_section .job-desc h3 {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 20px;
  display: block;
  margin-bottom: 20px;
  margin-top: 30px;
}

.job_section .job-details span,
.job_section .job-desc p,
.job_section .job-desc ul li,
.job_section .job-desc ul li a {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 400;
  color: #343434;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 30px;
  /* display: block; */
  text-align: justify;
  margin-bottom: 10px;
}

.job_section .job-desc ul li a:hover {
  color: #0094d1;
}

.job_section .job-desc ul {
  list-style-type: disc;
  padding-left: 20px;
}

.job_form h2 {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 500;
  color: #0094d1;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 20px;
  display: block;
  margin-bottom: 20px;
  margin-top: 30px;
}

.validation-error-message {
  color: red;
}

.gt_container--hich1m .gt_switcher a img {
  height: 20px !important;
  width: 20px !important;
}

/* blog start */
.blog_3 .common_heading h5 {
  color: var(--colorDeepblue);
}

.blog_3 .common_heading h5::after {
  background-color: var(--colorDeepblue);
}

.blog_3 .single_blog .category {
  background-color: var(--colorDeepblue);
}

.blog_3 .blog_text .blog_date li i {
  color: var(--colorDeepblue);
}

.blog_3 .blog_text .blog_heading:hover {
  color: var(--colorDeepblue);
}

.blog_3 .single_blog {
  padding: 20px 20px 10px 20px;
}

.blog_3 .single_blog img {
  height: 100% !important;
  object-fit: cover !important;
}

.blog_3 .blog_text {
  padding: 20px 0;
}

.blog_3 .blog_img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.blog_3 .blog_text_icon .blog_link {
  color: var(--colorWhite);
  background-color: var(--colorBlack);
  padding: 6px 15px;
  border-radius: 5px;
}

.blog_3 .blog_text_icon .blog_link:hover {
  background-color: var(--colorDeepblue);
}

/* blog end */

/* appoinment start */
.appoinment_wraper {
  background: #ECF7FF;
  border-radius: 10px;
  padding: 20px 20px;
  border: 1px solid rgba(69, 137, 244, 0.10);
}

.home_tow_heading h5 {
  color: var(--colorDeepblue);
}

.home_tow_heading.common_heading h5::after {
  background: var(--colorDeepblue);
}

.home_tow_heading h2 {
  color: var(--colorBlack);
  font-weight: 700;
}

.appoinment_contact {
  background-color: var(--colorDeepblue);
  border-radius: 10px;
  padding: 100px 30px;
}

.appoinment_contact .icon_text_wraper {
  display: flex;
  align-items: center;
}

.appoinment_text {
  margin-left: 15px;
}

.appoinment_text p {
  color: var(--colorWhite);
}

.appoinment_text a {
  color: var(--colorWhite);
  font-weight: 700;
}

.appoinment_contact>p {
  color: var(--colorWhite);
  margin-top: 35px;
}

.common_btn.app_button {
  background-color: var(--colorWhite);
  color: var(--colorDeepblue);
  margin-top: 42px;
}

.app_button.common_btn::after {
  filter: invert(42%) sepia(71%) saturate(1358%) hue-rotate(199deg) brightness(100%) contrast(92%);
}

.appoinment_contact .icon_text_wraper .appoinment_icon {
  width: 70px;
  height: 70px;
  background: var(--colorWhite);
  border-radius: 50%;
}

.appoinment_contact .icon_text_wraper .appoinment_icon img {
  padding: 20px;
}

.home_tow_heading.common_heading h5::after {
  background: var(--colorDeepblue);
}

/* appoinment end */

.banner-carousel .owl-nav {
  display: none !important;
}

.hero {
  position: relative;
  /* height: 240px; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

/* Background Image */
.hero-background {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* Video Text Mask Section */
.video-text-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Video Styling */
.hero-video {
  position: absolute !important;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  z-index: -1;
}

/* Masked Text */
.masked-text {
  font-size: 10vw;
  font-weight: bold;
  color: transparent;
  -webkit-mask-image: linear-gradient(black, black);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(black, black);
  mask-composite: source-in;
  z-index: 1;
}

/* Hero content text */
.hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding: 20px;
}

.hero-content p {
  font-size: 1.25rem;
  margin-bottom: 1.5em;
}

.hero-btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1.1rem;
  color: #fff;
  background-color: #0073e6;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.hero-btn:hover {
  background-color: #005bb5;
}

.annual-returns .row {
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1400px) and (max-width: 1920px) {
  .annual-returns .row {
    flex-direction: row;
  }
}

.customise-vitamin h3 {
  color: #0094d1;
  text-align: center;
}

.customise-vitamin .vitamin-img {
  height: 500px;
  display: flex;
  justify-content: center;
}

.customise-vitamin .vitamin-img img {
  width: 500px;
}

.Hero-headline1 h5,
.Hero-headline h6,
.Hero-headline h6 {
  text-transform: none !important;
}



/* Base dropdown */
.nav-item {
  position: relative;
}

/* First-level dropdown */
.nav-item .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  /* left: 0; */
  min-width: 220px;
  background: #fff;
  list-style: none;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

.nav-item:hover>.dropdown {
  display: block;
}

.dropdown li {
  position: relative;
}

.dropdown li a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
  background: #fff;
  white-space: nowrap;
  font-size: 18px !important;
}

.dropdown li a:hover {
  background: #f0f0f0;
}

.dropdown li:hover a {
  color: #0094d1;
  /* border-left: 5px solid var(--colorPrimary); */
}

.dropdown li:hover,
.dropdown li.active {
  color: var(--colorBlack) !important;
  background: #00a6fb12;
  border-left: 5px solid var(--colorPrimary);
}

/* Submenu: positioned to the right (beside) */
.submenu-parent:hover>.submenu {
  display: block;
}

.submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100% !important;
  margin-left: 100%;
  margin-top: -18%;
  min-width: 200px;
  background: #fff;
  list-style: none;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

.submenu li a {
  color: #333 !important;
}

.submenu li:hover a {
  color: #0094d1 !important;
}

/* Optional: arrow indicator */
.submenu-parent>a::after {
  content: "\f105";
  font-family: FontAwesome;
  float: right;
  margin-left: 5px;
}



.hero video {
  box-shadow: 1px 2px 8px 4px #00000040 !important;
}

.address a:hover {
  color: #fff !important;
}

.wt-info p {
  font-size: 18px !important;
}

tbody,
td,
tfoot,
th,
thead,
tr,
b,
strong {
  font-size: 18px !important;
}