/* 
***************************************
Template Name: MadiFax - Online Doctor Appointment System HTML Template
Author: ThemeFax 
Author Email: themefaxbd@gmail.com
website: http://www.themefax.com/
Version: 1.0.0
Description: MadiFax - Online Doctor Appointment System HTML Template was created especially for all forms of medical, doctor appointments, health, hospital, etc. MadiFax is ideally suited for medical websites like those for doctor's appointments, clinics, healthcare facilities, wellness centres, etc. This medical template is very useful for creating a strong web presence for doctor and hospital visits. MadiFax Template has a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE
03. ABOUT PAGE
04. FAQ PAGE
05. ERROR PAGE
06. CONTACT PAGE
07. SIGN UP PAGE
08. PRIVACY POLICY PAGE
09. GALLARY PAGE
10. PAYMENT PAGE 
11. PRICEING PAGE
12. BECOME DOCTOR PAGE 
13. SERVICE PAGE
14. SERVICE DETAILS PAGE 
14. TEAM DETAILS PAGE
15. BLOG DETAILS PAGE
16. APPOINTMENT PAGE
17. DASHBOARD PAGE

/*==============================
  GLOBAL CSS START
===============================*/

@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');

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

body {
  scroll-behavior: smooth;
  overflow-x: hidden;
  font-family: var(--paraFont);
  color: var(--colorBlack);
}
.navbar .navbar-brand img{
  width: 172px !important;
  height: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1400px){
  .tf__service_text p {
  margin: 10px 0px 120px 0px !important;

  
}
.tf__single_process p {
 
  margin-bottom: 120px !important;
 
}
}
.tf__contact_address h6{
  text-align: center;
}
.tf__helpline_iteam li span{
  text-transform: lowercase;
  color: #031D36;
}
@media (max-width: 1200px){
.navbar .navbar-brand img {
  width: 209px !important;

}
.tf__service_text p {
  margin: 10px 0px 181px 0px !important;

  
}
.tf__single_process p {
  margin-bottom: 272px !important;
}
 .img img{
  display: flex;
}
}
@media (max-width: 992px){
.tf__single_process p {
  margin-bottom: 230px !important;
}
.navbar .navbar-brand img {
 
  margin-top: 0;
  margin-bottom: 0;
}
}
@media (max-width: 800px){
  .tf__service_text p {
    margin: 10px 0px 220px 0px !important;
  
    
  }
}
@media (max-width: 578px){
  .tf__service_text p {
    margin: 10px 0px 120px 0px !important;
  
    
  }
  .tf__single_process p {
    margin-bottom: 150px !important;
  }
}
@media (max-width: 416px){
  .tf__service_text p {
    margin: 10px 0px 200px 0px !important;
  
    
  }
}
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 {
  margin: 0;
  padding: 0;
  color: var(--colorBlack);
  font-family: var(--headingFont);
}

p,
span {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: var(--paraColor);
  font-family: var(--paraFont);
}

img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

input,
textarea {
  width: 100%;
  padding: 12px 20px;
  outline: none;
  resize: none;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #00a6fb;
  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: 'DM Sans', sans-serif;
  --headingFont: 'Work Sans', sans-serif;
  --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.80) 79.75%, #F8FFDA 100%);
}

.tf__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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 h5 {
  font-size: 18px;
  font-weight: 700;
  font-family: var(--paraFont);
  color: var(--colorPrimary);
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

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

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

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

.center_heading {
  text-align: center;
}

.center_heading h2 {
  text-align: center;
}

.tf__breadcrumb {
  background: url(../images/breadcrumb_bg.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: var(--paraFont);
  color: var(--colorWhite);
  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__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: "font awesome 5 free";
  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: var(--paraFont);
  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: var(--colorSecondary);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.tf__topbar_link {
  line-height: 40px;
}

.tf__topbar_link li a,
.tf__topbar_link li p {
  font-size: 14px;
  font-weight: 400;
  font-family: var(--paraFont);
  color: var(--colorWhite);
  margin-right: 25px;
  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__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;
}

.tf__topbar_icon li a {
  font-size: 14px;
  margin-left: 10px;
  color: var(--colorWhite);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background: transparent;
}

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

/* topbar end */

/* main manu start */
.tf__main_menu {
  background: var(--colorWhite);
  width: 100%;
  height: 85px;
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 999;
  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-bottom: 1px solid #00a6fb26;
}

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

.tf__main_menu .navbar-nav .nav-item {
  position: relative;
}

.tf__main_menu .navbar-nav .nav-item>a {
  font-size: 16px;
  font-family: var(--paraFont);
  font-weight: 400;
  color: var(--colorBlack);
  text-transform: capitalize;
  transition: all linear .3s;
  padding: 0px 15px;
  margin: 0;
  letter-spacing: .5px;
  line-height: 70px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: 12px;
}

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

.tf__dropdown {
  position: absolute;
  width: 230px;
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

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

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

.tf__dropdown li {
  margin-left: 0;
  line-height: 30px;
}

.tf__dropdown li a {
  color: var(--colorBlack);
  font-size: 15px;
  font-weight: 400;
  display: block;
  text-transform: capitalize;
  border-bottom: 1px solid #00a6fb26;
  padding: 7px 20px;
  border-left: 1px solid transparent;
  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__dropdown li a:hover,
.tf__dropdown li a.active {
  color: var(--colorBlack) !important;
  background: #00a6fb12;
  border-left: 5px solid var(--colorPrimary);
}

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

.tf__main_menu .nav-item:hover .tf__dropdown {
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

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

.navbar-toggler.show {
  background: #2ac28e;
}

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

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

.tf__main_menu .navbar-brand {
  margin-left: 12px;
}

/* 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: var(--paraFont);
  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: var(--headingFont);
  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: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-top:100px;
}

.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;
}

.tf__about::after {
  position: absolute;
  content: "";
  background: url(../images/shape-5.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;
}

.tf__about_img_1 {
  width: 400px;
  height: 420px;
}

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

.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 {
  margin-top: 45px;
  margin-bottom: 38px;
}

.tf__about_iteam li {
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: var(--paraFont);
  width: 50%;
  position: relative;
  padding-left: 33px;
  margin-bottom: 18px;
}

.tf__about_iteam li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: "Font Awesome 5 Free";
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

/* about end */

/* service start */
.tf__single_service h2{
  font-size: 20px;
}
.tf__single_service h2{
border-bottom: 1px solid #00a6fb;
}
.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;
  border: 2px solid #00a6fb;
}

.tf__single_service {
  margin-top: 25px;
  padding: 20px;
  background: var(--colorWhite);
  transition: all linear .3s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--colorSecondary);
  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: var(--colorPrimary);
}

.tf_service_icon3 {
  background: #F7588D;
}

.tf_service_icon4 {
  background: #FFBC42;
}

.tf__service_text {
  margin-top: 25px;
}

.tf__service_heading {
  display: block;
  font-size: 24px;
  font-weight: 600;
  font-family: var(--headingFont);
  color: var(--colorBlack);
  text-transform: capitalize;
  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__service_heading:hover {
  color: var(--colorPrimary);
}

.tf__service_text p {
  margin: 10px 0px 86px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 
}

.tf__service_link {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--paraFont);
  color: var(--colorBlack);
  text-transform: capitalize;
  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__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: var(--paraFont);
  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: var(--paraFont);
  color: var(--paraColor);
  border-top: 1px solid #2ac28e21;
}

.tf__faq_img::after {
  position: absolute;
  content: "";
  background: var(--colorPrimary);
  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-bottom: 4px solid var(--colorSecondary);
  border-right: 4px solid var(--colorSecondary);
  border-radius: 0px 0px 10px 0px;
}

.tf__faq_img {
  padding: 15px;
  z-index: 1;
  position: relative;
  margin-top: 25px;
  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: .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: .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;
  text-align: center;
  border: 2px solid #00a6fb;
  border-radius: 20px;
}

.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);
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.tf__process_number.num2 {
  background: var(--colorPrimary);
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.tf__process_number.num3 {
  background: #F7588D;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.tf__process_number.num4 {
  background: #FFC422;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.tf__single_process h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--colorBlack);
  text-transform: capitalize;
  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__priceing .tf__pricieing_tab_contant li{
  border-bottom: 1px solid #00a6fb38;
}
.tf__single_process p {
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

  margin-bottom: 87px;
  padding-left: 10px;
  padding-right: 10px;
}


.tf__preocess_link {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--paraFont);
  color: var(--colorBlack);
  text-transform: capitalize;
  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__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;
  background: #00a6fbde;
  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: none;
  box-shadow: none;
}

.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: var(--paraFont);
  position: relative;
  padding-left: 33px;
  margin-bottom: 18px;
}

.tf__helpline_iteam li::after {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  font-family: "Font Awesome 5 Free";
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--paraFont);
  color: var(--paraColor);
  text-transform: capitalize;
  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__helpline_contact li:hover .tf__helpline_contact_text p {
  color: var(--colorWhite);
  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__helpline_contact_text a {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--paraFont);
  color: var(--colorBlack);
  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__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: 310px;
  position: relative;
  overflow: hidden;
}

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

.tf__team_overlay {
  position: absolute;
  content: "";
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  opacity: 0;
  background: #00a6fb69;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s ease;
  -moz-transition: all linear .3s ease;
  -ms-transition: all linear .3s ease;
  -o-transition: all linear .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: 15px;
  color: var(--colorWhite);
  display: block;
  width: 33px;
  height: 33px;
  line-height: 35px;
  border-radius: 50%;
  background: transparent;
  text-align: center;
  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__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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

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

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

.tf__team_designation span {
  display: block;
  font-size: 14px;
  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: "font awesome 5 free";
  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.10);
  margin-top: 50px;
}

.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%;
  display: none;
}

.tf__reviewer_info h3 {
  display: block;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--paraFont);
  color: var(--colorBlack);
  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__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: .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: .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

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

/* review end */

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

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

.tf__blog_img {
  height: 260px;
  position: relative;
  overflow: hidden;
}

.tf__blog_img img {
  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__blog_text {
  padding: 30px;
}

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

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

.tf__blog_text .blog_heading {
  font-size: 24px;
  font-weight: 600;
  font-family: var(--headingFont);
  color: var(--colorBlack);
  text-transform: capitalize;
  margin: 15px 0px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

.tf__blog_text_icon .blog_link {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--colorBlack);
  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__blog_text_icon .blog_link i {
  margin-left: 5px;
}

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

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

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

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

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

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

.tf__single_blog .category.red {
  background: #F7588D;
}

.tf__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: 265px;
  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: var(--paraFont);
  color: var(--paraColor);
  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__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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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);
}

.tf__quick_link h5,
.tf__address h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

.tf__quick_link ul li a {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--paraFont);
  color: var(--paraColor);
  text-transform: capitalize;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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);
}

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

.tf__copyright ul li a {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--paraFont);
  color: var(--paraColor);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: 30px;
  right: 30px;
  z-index: 111;
  cursor: pointer;
  text-align: center;
  line-height: 70px;
  background: var(--colorPrimary);
  border: 3px solid var(--colorWhite);
  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__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.10);
}

.tf__single_counter {
  border-right: 1px solid rgba(0, 0, 0, 0.10);
  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 rgb(0, 166, 251);
  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;
  margin: 0 auto;
}
.link2 li {
  margin-bottom: 12px;
  color: #5c728e;
}
.tf__contact a{
  color: black;
}
.footer-margin {
  margin-top: 55px;
}
.tf__contact a:hover{
  color: rgb(0, 166, 251);
}
.tf__contact_icon.icon_2 {
  background: var(--colorPrimary);
}
.tf__review .slick-slide p{
  margin-bottom: 20px;
}
.tf__contact_icon.icon_3 {
  background: #FFC422;
}
.tf__review .review_slider img{
  width: 65px !important;
  text-align: center;
  margin: 0 auto;
   
  margin-bottom: 20px;
}
.tf__contact_icon.icon_4 {
  background: var(--colorSecondary);
}
.tf__contact_address p{
  text-align: center;
}
.tf__contact_address h4 {
  font-size: 24px;
  margin-top: 20px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: var(--headingFont);
  color: var(--colorBlack);
  text-transform: capitalize;
  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__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: .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;
  border: 5px solid #00a6fb;
}

.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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--paraFont);
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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.10);
  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: var(--paraFont);
  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: "font awesome 5 free";
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.tf__single_form {
  margin-bottom: 20px;
}

.tf__single_form label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--paraFont);
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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.10);
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: -36px;
}
.tf__priceing .tf__pricieing_tab_contant li:last-child {
  border-bottom: 0
}
.tf__priceing_condition li {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: var(--paraFont);
  position: relative;
  padding-left: 33px;
  margin-bottom: 18px;
}

.tf__priceing_condition li::after {
  position: absolute;
  content: "\f00c";
  color: #031d3699;
  font-family: "Font Awesome 5 Free";
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.tf__priceing_btn {
  width: 100%;
  background: none;
  color: var(--colorPrimary);
  border: 1px solid var(--colorPrimary);
  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__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: var(--paraFont);
  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: "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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--paraFont);
}

.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: var(--paraFont);
}

.tf__become_doctor_input label a {
  color: var(--colorBlack);
  border-bottom: 1px solid var(--colorBlack);
  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__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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--paraFont);
  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: "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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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.10);
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.tf_service_pdf_link li a i {
  color: var(--colorPrimary);
  font-size: 20px;
  margin-right: 15px;
  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_service_pdf_link li a span {
  color: var(--colorBlack);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  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_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: 600;
  text-transform: capitalize;
  color: var(--colorPrimary);
  margin-bottom: 20px;
}

.tf__team_details_img_text p,
.tf__team_details_img_text a {
  font-size: var(--boxShadow);
  color: var(--colorBlack);
  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: 14px;
  font-weight: 400;
  font-family: var(--paraFont);
}

.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: 14px;
  font-weight: 400;
  color: var(--colorWhite);
  text-transform: capitalize;
  padding: 7px 20px;
  border-radius: 30px;
  background: var(--colorPrimary);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--paraFont);
  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: var(--paraFont);
  color: var(--paraColor);
  margin-left: 25px;
}

.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;
}

.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: 16px;
  font-weight: 400;
  font-family: var(--paraFont);
  color: var(--paraColor);
  position: relative;
  padding-left: 33px;
  margin-bottom: 15px;
}

.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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: 14px;
  font-weight: 400;
  color: var(--paraColor);
  padding: 5px 15px;
  border-radius: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: 14px;
  background: var(--colorPrimary);
  color: var(--colorWhite);
  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___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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: "font awesome 5 free";
  font-weight: 600;
  font-size: 12px;
  color: var(--paraColor);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all linear .3s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--headingFont);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 5px;
  color: var(--colorBlack);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: 14px;
  border-radius: 30px;
  border: 1px solid rgba(3, 29, 54, 0.10);
  padding: 8px 17px;
  margin-top: 10px;
  margin-right: 10px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: var(--paraFont);
  margin-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  border-radius: 30px;
  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__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: "font awesome 5 free";
  font-weight: 600;
  font-size: 12px;
  color: var(--colorBlack);
  top: 18px;
  right: 20px;
  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__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: .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.tf__dashboard_overview .text {
  width: 69%;
}

.tf__dashboard_overview .text p {
  color: var(--colorWhite);
  font-family: var(--headingFont);
  font-size: 14px;
}

.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: var(--headingFont);
  color: var(--colorBlack);
  text-transform: capitalize;
}

.tf__appointment_history table tr {
  display: flex;
  border-bottom: 1px solid #5e5b5b17;
  padding: 10px;
  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__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: 14px;
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

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

.tf__dashboard_profile_form label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--paraFont);
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: 14px;
}

.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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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.10);
  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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .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: 14px;
}

.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 .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.tf__single_chat_top a:hover {
  color: red;
}

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