/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Work+Sans:wght@200;300;400;500;600;700;800;900&display=swap'); */

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

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

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

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


/* Futura Regular */

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

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

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

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

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

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

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

a:hover {
    text-decoration: none;
}

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

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

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

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

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

button {
    border: none;
    outline: none;
}

button:focus {
    outline: none;
}

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

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


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


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


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

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

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


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

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

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

.center_heading h2 {
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


/* ===========================
  HOME PAGE START
=============================*/


/* topbar start */

.tf__topbar {
    width: 100%;
    height: 40px;
    background: #001a53;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

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

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

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

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

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

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


/* topbar end */


/* main manu start */

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.menu_search.show_search {
    display: flex;
}


/* for small device start */

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

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

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

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

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

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


/* for small device end */


/* main manu end */


/* banner start */

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

.tf__banner div {
    height: 100%;
}

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

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

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

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

.tf__banner_counter {
    margin-top: 100px;
}

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

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

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

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

.tf__banner_img .img {
    height: 739px;
}

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

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

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

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

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

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


/* banner end */


/* about start */

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


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

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

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

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

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

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

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

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


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

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

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

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


/* about end */


/* service start */

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

.tf__service_overlay {
    background: #ffffff9c;
}

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

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

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

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

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

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

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

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

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

.tf__service_text {
    margin-top: 25px;
}

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

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

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

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

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

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

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


/* service end */


/* faq start */

.tf__faq {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* faq end */


/* process start */

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

.tf__single_process {
    margin-top: 25px;
}

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

.tf__process_shape {
    position: relative;
}

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

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

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

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

.tf__process_number.num3 {
    background: #f7588d;
}

.tf__process_number.num4 {
    background: #ffc422;
}

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

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

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

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

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

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

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

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


/* process end */


/* appoinment start */

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

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

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

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

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

.tf__appoinment_form_input {
    margin-top: 20px;
}

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

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

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

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

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

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

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

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


/* appoinment end */


/* helpline start */

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

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

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

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

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

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

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

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

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

.tf__helpline_contact_text {
    float: right;
}

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

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

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

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

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

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

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

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


/* helpline end */


/* team start */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* team end */


/* review start */

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

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

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

.tf__reviewer_info {
    margin-top: 25px;
}

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

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

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

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

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

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

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

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

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


/* review end */


/* blog start */

.blog {
    position: relative;
}

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

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

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

.blog_text {
    padding: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* blog end */


/* footer start */

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

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

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

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

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

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

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

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

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

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

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

.tf_footer_address {
    margin-top: 15px;
}

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

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

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

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

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

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

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

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

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

.tf__subscrib_form {
    position: relative;
}

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

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


/* footer end */


/* scroll button start */

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

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

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

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

    to {
        bottom: 12px;
    }
}


/* scroll button end */


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


/* ===========================
  ABOUT PAGE START
=============================*/

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

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

.last_counter {
    border-right: none;
}

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

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

.tf__counter_icon.icon3 {
    background: #f7588d;
}

.tf__counter_icon.icon4 {
    background: #ffc422;
}

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

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

.last_counter h4 {
    padding: 0;
}

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


/* counter end */


/* ===========================
  ABOUT PAGE END
=============================*/


/* ===========================
  FAQ START
=============================*/

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

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

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

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

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


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


/* ===========================
  ERROR START
=============================*/

.tf__error_img {
    height: 560px;
}

.tf__error_text {
    margin-top: 55px;
}

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

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


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


/* ===========================
  CONTACT START
=============================*/

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

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

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

.tf__contact_icon.icon_3 {
    background: #ffc422;
}

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

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

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

.tf__contact_add p span {
    display: block;
}

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

.tf__contact_form_area {
    margin-top: 90px;
}

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

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

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

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

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

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


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


/* ===========================
  SIGN UP START
=============================*/

.tf__sign_up_form {
    background: var(--gradiantBg);
    padding: 65px 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tf__sign_option li {
    width: 30%;
}

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

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

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

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


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


/* ===========================
  PRIVACY POLICY START
=============================*/

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

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

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

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

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

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

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

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

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

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

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


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


/* ===========================
  GALLARY START
=============================*/

.tf__gallary_img1 {
    width: 100%;
    height: 420px;
}

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

.tf__gallary_img2 {
    height: 865px;
}

.tf__gallary_img3 {
    height: 420px;
}

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

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

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


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


/* ===========================
  PAYMENT START
=============================*/

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

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

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

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

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

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

.tf__single_form {
    margin-bottom: 20px;
}

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

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

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

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

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

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

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

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


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


/* ===========================
  PRICEING START
=============================*/

.tf__pricieing_tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
}

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

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

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

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

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

.tf__price_plan {
    text-align: center;
}

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

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

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

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

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

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

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

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

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


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


/* ===========================
  BECOME DOCTOR START
=============================*/

.tf__become_doctor_contant {
    border: 1px solid #5e5b5b17;
    padding: 20px 30px 30px 30px;
    border-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

.tf__become_doctor_input {
    margin-bottom: 20px;
}

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

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

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

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

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

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


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


/*=============================
  SERVICE PAGE START
=============================*/

.tf__service_page form {
    padding: 20px;
    box-shadow: var(--boxShadow);
    border-radius: 70px;
    margin-bottom: 25px;
}

.tf__service_search {
    position: relative;
}

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

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

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

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

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

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

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


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


/* ===========================
  SERVICE DETAILS START
=============================*/

.tf__service_dstails_img {
    height: 500px;
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf_service_pdf_link li {
    width: 48%;
}

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

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

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

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

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

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

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

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

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

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

.tf__service_dtls_rightside_img {
    position: relative;
}

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

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

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

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


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


/* ===========================
  TEAM DETAILS START
=============================*/

.tf__team_details_img {
    height: 362px;
    border-radius: 10px;
    overflow: hidden;
}

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

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

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

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

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

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

.tf__biography_text {
    padding: 25px;
}

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

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

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

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

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

.tf__comment_text {
    width: 87%;
}

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

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

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

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

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

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

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

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

.commant_reply {
    margin-left: 90px;
}

.commant_reply .tf__comment_text {
    width: 84%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


/* ===========================
  BLOG DETAILS START
=============================*/

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

.tf__blog_details_header {
    margin-top: 35px;
}

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

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

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

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

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

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

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

.tf__blog_details_text {
    margin-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__recent_post_text {
    width: 61%;
}

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

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

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

.tf__sidebar_tags {
    margin-bottom: 0;
}

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

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

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


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


/* ===========================
  APPOINTMENT START
=============================*/

.tf__appointment_page_img {
    height: 100%;
    width: 490px;
    max-height: 750px;
}

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

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

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

.tf__appoinment_page_input {
    margin-top: 20px;
}

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

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

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

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


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


/* ===========================
  DASHBOARD START
=============================*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__dashboard_overview .text {
    width: 69%;
}

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

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

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

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

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

.tf__appointment_history table {
    margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__single_massage_text {
    width: 58%;
}

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

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

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

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

.tf__single_chat_top .tf__single_chat_top_left {
    width: 76%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__chating_text span {
    display: block;
}

.tf_chat_right {
    justify-content: end;
}

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

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

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

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

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

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

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

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

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

.tf__dashboard_profile {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

.tf__single_chat_top a:hover {
    color: red;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text span {
    font-weight: 300;
}

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

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

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

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

.tf__single_team:hover h4 {
    visibility: hidden;
}

.tf__team_overlay h4 {
    visibility: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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


/* GREEN CARD */

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

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

.flexcardNumberGreen:before {
    background: #aed2bc;
}

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


/* BLUE CARD */

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

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

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

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


/* ORANGE CARD */

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

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

.flexcardNumberOrange:before {
    background: #f68404;
}

.flexcardNumberOrange:after {
    background: #d06f02;
}


/* PİNK CARD */

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

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

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

.flexcardNumberPink:before {
    background: #f34eae;
}

.flexcardNumberPink:after {
    background: #d24095;
}


/* RESPONSİVE */

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

    img.flexcardimgItem {
        width: 30%;
    }
}

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

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

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


/* Style for the product dropdown items */

.tf__dropdown li {
    padding: 10px;
}


/* Show the dropdown when the parent item is hovered */

.nav-item:hover .tf__dropdown {
    display: block;
}


/* Style the down arrow */

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


/* Rotate the arrow when the parent item is hovered */

.nav-item:hover .fa.fa-angle-down {
    transform: rotate(180deg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.blog_text {
    padding: 30px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.process_shape {
    position: relative;
}

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

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

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


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

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

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

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

.Hero-image {
    position: relative;
}

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

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

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

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

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

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

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

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


/* Style for the content part */

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


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

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

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

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

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

.menu {
    float: right !important;
}

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

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

.tf__common_heading .about-para p {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 18px !important;
    text-align: justify;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 0px !important;
}

.contact-us {
    font-size: 22px !important;
}

.about4-content {
    padding: 35px 10px;
    text-align: justify;
}

.category {
    padding: 30px;
}


/* ======================================================================== */

.tf__topbar_link li a .phone-icon {
    position: relative;
    width: 15px !important;
    height: 15px !important;
}

.tf__topbar_link li a .phone-div,
.tf__topbar_link li a .email-div {
    position: relative;
    width: fit-content;
    margin-top: 1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal !important;
    white-space: nowrap;
    margin-bottom: 0rem !important;
}

.tf__topbar_link li a .phone-div .phone-no {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 0rem !important;
}

.tf__topbar_link li a .email-id,
.tf__topbar_link li p .email-id {
    position: relative;
    width: 17px !important;
    height: 11px !important;
}

.tf__topbar_icon li a i {
    position: relative;
    font-size: 18px;
    /* top: 11px; */
}

.navbar-expand-lg .navbar-collapse {
    justify-content: center;
    margin-left: 10px;
}

.navbar-expand-lg .navbar-nav {
    gap: 25px;
}

.tf__main_menu .navbar-nav .nav-item>.brochure {
    line-height: 15px !important;
    padding: 15px 20px !important;
    border-radius: 15px !important;
    font-size: 16px !important;
}

.vb1 #jssor_1 .jssor_content {
    position: relative;
    display: flex;
    align-items: stretch;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 700;
    color: #1f1f1f;
    font-size: 56px;
    letter-spacing: 0;
    line-height: normal;
    top: 320px;
    left: 160px;
    text-transform: capitalize !important;
}

.vb1 #jssor_1 .jssor_paragraph {
    top: 470px;
    left: 160px;
    position: relative;
    width: fit-content;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #1f1f1f;
    font-size: 48px;
    letter-spacing: 0;
    line-height: normal !important;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    overflow: hidden;
}

.owl-carousel .owl-stage {
    position: relative;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

.banner-section {
    position: relative;
    width: 100%;
    margin-top: 125px !important;
}

.mobile-banner {
    display: none !important;
}

.desktop-banner {
    display: block !important;
}

.banner-carousel .slide-item {
    position: relative;
    width: 100%;
}

.banner-carousel .slide-item .desktop-banner,
.banner-carousel .slide-item .mobile-banner {
    width: 100%;
    height: auto;
    display: block;
}

.banner-carousel .slide-item .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.banner-carousel .content-box {
    position: absolute;
    text-align: left;
    top: 35%;
    color: #fff;
    /* Text color */
    z-index: 1;
    width: 100%;
    max-width: 630px;
}

.banner-carousel .content-box .count-text {
    position: absolute;
    left: -250px;
    top: -4px;
    font-size: 55px;
    line-height: 60px;
    font-family: "Saira", sans-serif;
    color: #fff;
}

.banner-carousel .content-box .count-text:before {
    position: absolute;
    content: "";
    width: 225px;
    height: 2px;
    left: 89px;
    bottom: 11px;
}

.banner-carousel .content-box h5 {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 52px;
}

.banner-carousel .content-box h5:before {
    position: absolute;
    content: "";
    width: 225px;
    height: 2px;
    right: 0px;
    bottom: -18px;
}

.banner-carousel .content-box h5:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    right: 0px;
    bottom: -22px;
    border-radius: 50%;
}

.banner-carousel .content-box .content-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.banner-carousel .content-box .content-inner .div-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 17px 27px;
    position: relative;
    flex: 0 0 auto;
    background-color: #0094d1;
    border-radius: 18px;
}

.banner-carousel .content-box .content-inner .div-wrapper .text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.banner-carousel .content-box .text-wrapper {
    font-size: 46px;
    line-height: normal;
    font-weight: 700;
    color: #fff;
    font-family: 'SF Pro Display', sans-serif;
    letter-spacing: 0;
    align-items: stretch;
    position: relative;
    display: flex;
}

.banner-carousel .content-box .r-d-leadership-in {
    position: relative;
    width: fit-content;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 38px;
    letter-spacing: 0;
    line-height: normal;
}

.banner-carousel .content-box .list {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 41px;
}

.banner-carousel .content-box .list li {
    position: relative;
    display: block;
    margin-right: 40px;
    padding-left: 80px;
}

.banner-carousel .content-box .list li .icon-box {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 70px;
    height: 60px;
    line-height: 70px;
    font-size: 32px;
    color: #fff;
    text-align: center;
    z-index: 1;
}

.banner-carousel .content-box .list li .icon-box:before {
    position: absolute;
    content: "";
    width: 70px;
    height: 60px;
    left: 0px;
    top: 0px;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    transform: rotate(90deg);
    z-index: -1;
}

.banner-carousel .content-box .list li:last-child {
    margin: 0px !important;
}

.banner-carousel .content-box .list li h3 {
    display: block;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
    color: #fff;
}

.banner-carousel .content-box .list li h4 {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
}

.banner-carousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
}

.banner-carousel .owl-dots .owl-dot span {
    display: none;
}

.banner-carousel .owl-dots .owl-dot {
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 25px;
    background: transparent;
    transition: all 500ms ease;
}

.banner-carousel .owl-dots .owl-dot:last-child {
    margin-bottom: 0px;
}

.banner-carousel .owl-dots .owl-dot.active {}

.banner-carousel .owl-dots .owl-dot:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 7px;
    height: 7px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transform: scale(0, 0);
    transition: all 500ms ease;
}

.banner-carousel .owl-dots .owl-dot.active:before {
    transform: scale(1, 1);
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

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

.tf__about_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    position: relative;
}

.tf__about_content .tf__about_iteam .about-us {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
    background-color: #0094d1;
    border-radius: 18px;
    z-index: 2;
}

.tf__about_content .tf__about_iteam .about-us .about-us-anchor {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    padding: 17px 27px;
}

.tf__about_content .tf__about_iteam .watch-now {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 25px;
    position: relative;
    flex: 0 0 auto;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: -1px;
    border-radius: 15px;
    border: 1px solid;
    border-color: #0094d1;
}

.tf__about_content .tf__about_iteam .watch-now .watch-now-img {
    position: relative;
    width: 20px !important;
    height: 20px !important;
}

.tf__about_content .tf__about_iteam .watch-now .watch-now-anchor {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    color: #1f1f1f;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.our_products {
    background-color: #e6f5fb;
    padding: 35px 0px;
}

.our_products .tf__common_heading .our_products_heading,
.applications .tf__common_heading .our_products_heading {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.our_products .img-area {
    display: flex;
    align-items: center;
    gap: 53px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.our_products .our-card {
    position: relative;
    width: 90%;
    height: 220px;
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 2px #00000040;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_products .our-card:hover {
    transform: scale(1.2);
    box-shadow: 0px 0px 10px 5px #00000040;
}

.our_products .our-card .product-content {
    position: relative;
    width: 186px;
    height: 167px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.our_products .our-card .product-content1 {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_products .our-card .product-content1 .img-div {
    position: relative;
    width: 80px;
    height: 80px;
    top: -1px;
    left: -1px;
    background-color: #e6f5fb;
    border-radius: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s ease;
}

.our_products .our-card .img-responsive {
    position: absolute;
    width: 50px !important;
    height: 50px !important;
}

.our_products .our-card:hover .img-div {
    transform: rotateY(360deg);
    animation: rotateCircular 0.3s forwards;
}

@keyframes rotateCircular {
    0% {
        transform: rotate(0deg) translateX(0);
    }

    25% {
        transform: rotate(90deg) translateX(0px);
        /* Adjust translateX for desired radius */
    }

    50% {
        transform: rotate(180deg) translateX(0);
    }

    75% {
        transform: rotate(270deg) translateX(0px);
        /* Adjust translateX for desired radius */
    }

    100% {
        transform: rotate(360deg) translateX(0);
    }
}

.applications {
    position: relative;
    padding: 30px 0 70px 0 !important;
    /* background-color: transparent;
  background-image: linear-gradient(180deg, rgba(229 240 255 / 80%) 16%, rgba(255, 255, 255, 0.9) 86%); */
}

.applications .app-area {
    display: flex;
    align-items: center;
    gap: 29px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.applications .app-area .app-box {
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: center;
    gap: 25px;
    position: relative;
}

.applications .app-area .app-box .app-img-div {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 235px;
    background-color: #ffffff;
    border-radius: 35px 0px 35px 0px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.applications .app-area .app-box .app-img-div .app-img {
    position: absolute;
    width: 250px;
    height: 250px;
    top: 0;
    left: 0;
    object-fit: cover !important;
}

.applications .app-area .app-box .app-text {
    position: absolute;
    align-self: stretch;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #1f1f1f;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    left: 50%;
    bottom: -40px;
    z-index: 2;
    transform: translateX(-50%);
}

.get_touch_2 {
    position: relative;
    overflow: hidden;
}

.get_touch_2 .background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: fill;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.get_touch_2 .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black shade with 50% opacity */
    z-index: 1;
}

.get_touch_2 .video-overlay-content {
    position: relative;
    z-index: 2;
    color: white;
    top: 50%;
    margin: 100px 0;
}

.get_touch_2 .video-overlay-content .common_heading .activity-heading {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 80px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    position: relative;
}

.get_touch_2 .video-overlay-content .common_heading .activity-detail {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    position: relative;
}

.team .center_heading .map-heading,
.process .center_heading .offer-heading,
.blog_page .center_heading .blog-heading,
.appoinment_home_2 .appoinment_wraper .appoinment_form .form-heading {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.client-logo .center_heading .offer-heading {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    z-index: 1;
}

.process .offer-details {
    display: flex;
    align-items: center;
    /* gap: 25px; */
    position: relative;
    align-items: stretch;
    width: 100%;
    flex: 0 0 auto;
    justify-content: space-between;
}

.process .offer-details .offer-box {
    position: relative;
    width: 210px;
    height: 210px;
    background-color: #0094d1;
    box-shadow: 0px 0px 4px #00000040;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process .offer-details .offer-box .overlap-group-5 {
    position: relative;
    width: 210px;
    height: 210px;
}

.process .offer-details .offer-box .overlap-group-5 .rectangle-2 {
    position: absolute;
    width: 198px;
    height: 198px;
    top: 6px;
    left: 6px;
    background-color: #ffffff;
    border-radius: 35px 0px 35px 0px;
    box-shadow: inset 0px 0px 8px #00000024;
}

.process .offer-details .offer-box .overlap-group-5 .psychotropic-CNS {
    position: absolute;
    /* top: 70px;
  left: 27px; */
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #343434;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    padding: 5px;
}

.process .offer-details .offer-box .overlap-group-5 .pngtree-small {
    position: absolute;
    width: 69px !important;
    height: 69px !important;
    top: 0;
    left: 138px;
    object-fit: cover;
}

.process .offer-details .offer-box .overlap-group-5 .pngtree-small-2 {
    position: absolute;
    width: 69px !important;
    height: 69px !important;
    top: 138px;
    left: 0;
    object-fit: cover;
}

.goals {
    background-color: #e6f5fb;
}

.goals .tf__common_heading .goal-heading {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 30px !important;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.goals .goal-content {
    padding-left: 80px;
    padding-top: 10px;
}

.goals .goal-content .goal-content1 .goal-sub-heading {
    position: relative;
    align-items: stretch;
    display: flex;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 10px;
}

.goals .goal-content .goal-content1 .goal-points ul {
    list-style-type: none;
    padding-left: 0;
}

.goals .goal-content .goal-content1 .goal-points ul li {
    display: flex;
}

.goals .goal-content .goal-content1 .goal-points ul li p {
    margin-bottom: 10px;
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 17px;
    /* text-align: justify; */
    letter-spacing: 0;
    line-height: normal !important;
    /* white-space: nowrap; */
}

.goals .goal-content .goal-content1 .goal-points ul li::before {
    content: "•";
    color: #0094d1;
    margin-right: 10px;
    font-size: 2rem;
    font-family: 'SF Pro Display', sans-serif;
    position: relative;
    top: -12px;
}

.goals .goal-content .tf__about_iteam .about-us {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 17px 20px;
    position: relative;
    flex: 0 0 auto;
    background-color: #0094d1;
    border-radius: 18px;
}

.goals .goal-content .tf__about_iteam .about-us .about-us-anchor {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.client-logo {
    padding: 30px 0;
}

.client-logo .accreditation {
    gap: 23px;
    position: relative;
    z-index: 1;
    justify-content: center;
}

.client-logo .client {
    position: relative;
    width: 160px;
    margin-top: -1px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid;
    border-color: #a5a5a5;
    box-shadow: 0px 2px 3px #00000040;
    padding: 0;
}

.client-logo .client img {
    /* padding: 10px; */
}

.footer .tf__quick_link ul li a {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Roboto", Helvetica, sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    white-space: nowrap;
}

.footer .footer-area .phone-icon {
    position: relative;
    width: 15px !important;
    height: 15px !important;
    margin-right: 10px !important;
}

.footer .phone-number {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.footer .tf__copyright .copyright a:hover {
    color: #19a645;
}

.scroll-to-top {
    width: 45px;
    height: 45px;
    background: #19a645;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    border: none;
    position: fixed;
    bottom: 28px;
    right: 140px;
    z-index: 4;
}

.scroll-to-top i {
    color: #fff;
}

.scroll-to-top .text {
    font-size: 0.7em;
    width: 120px;
    position: absolute;
    color: white;
    display: none;
    align-items: center;
    justify-content: center;
    /* bottom: -18px; */
    top: 70px;
    opacity: 0;
    transition-duration: 0.7s;
    left: 0px !important;
}

.scroll-to-top:hover .text {
    opacity: 1;
    transition-duration: 0.7s;
}

.scroll-to-top:hover .arrow {
    animation: slide-in-bottom 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide-in-bottom {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.tf__main_menu .navbar-nav .nav-item>.brochure:hover,
.goals .goal-content .tf__about_iteam .about-us:hover,
.tf__about_content .tf__about_iteam .arrow-read:hover .about-us {
    box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 30%);
}

.tf__about_content .tf__about_iteam .watch-now:hover,
.tf__about_content .tf__about_iteam .watch-now:hover .watch-now-anchor {
    color: #0094d1;
}

.our_products .our-card:hover .product-content1 .img-div {
    background-color: #fff;
    height: 120px;
    width: 120px;
    border-radius: 50%;
}

.our_products .our-card:hover .product-content1 {
    height: 100px;
    width: 120px;
}

.our_products .our-card:hover .product-content .api-product {
    top: 130px;
    color: #fff;
}

.our_products .our-card:hover .api {
    width: 90px !important;
    height: 60px !important;
}

.our_products .our-card .api {
    width: 60px !important;
    height: 40px !important;
}

.our_products .our-card:hover .img-responsive {
    width: 90px !important;
    height: 90px !important;
}

.our_products .our-card .bg-hover-img {
    position: absolute;
    object-fit: cover !important;
    z-index: 1;
    opacity: 0;
}

.our_products .our-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #349bc7eb;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.our_products .our-card:hover::before {
    opacity: 1;
}

.our_products .our-card:hover .bg-hover-img {
    opacity: 1;
}

.applications .app-area .app-box .app-img-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #349bc7ad;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s ease;
    border-radius: 35px 0px 35px 0px;
}

.applications .app-area .app-box .app-img-div:hover::before {
    opacity: 1;
}

.applications .app-area .app-box:hover .app-text {
    color: #fff;
    bottom: 50%;
    transform: translate(-50%, 50%);
}

.process .offer-details .offer-box:hover {
    background-color: #fff;
    transform: scale(1.1);
    z-index: 1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.process .offer-details .offer-box:hover .overlap-group-5 .pngtree-small,
.process .offer-details .offer-box:hover .overlap-group-5 .pngtree-small-2 {
    display: none;
}

.process .offer-details .offer-box:hover .psychotropic-CNS {
    color: #fff;
    bottom: 50%;
    transform: translate(-50%, 50%);
    z-index: 9;
}

.process .offer-details .offer-box .bg-we-img {
    display: none;
}

.process .offer-details .offer-box:hover .bg-we-img {
    display: block;
    position: absolute;
    left: 6px !important;
    top: 6px !important;
    width: 198px !important;
    height: 198px !important;
    z-index: 1;
}

.process .offer-details .offer-box .overlap-group-5 .rectangle-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 35px 0px 35px 0px;
    z-index: 9;
    opacity: 0;
}

.process .offer-details .offer-box:hover .overlap-group-5 .rectangle-2::before {
    opacity: 1;
}

.client-logo .accreditation .client .client2 {
    display: none;
}

.client-logo .accreditation .client:hover .client1 {
    display: none;
}

.client-logo .accreditation .client:hover .client2 {
    display: block;
}

.parallax-section {
    /* height: 600px; */
    background-image: url("../img/new-img/bg-parallax.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black with 50% opacity */
    z-index: 1;
}

.applications .app-area .app-box .app-img-div:hover {
    transform: scale(1.1);
    z-index: 1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    border-radius: 35px 0px 35px 0px;
    transition-delay: 0ms !important;
    transition-duration: 0ms !important;
}

.tf__about_content .tf__about_iteam .arrow-read {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all 0.3s ease;
}

.tf__about_content .tf__about_iteam .arrow-read .arrow-of-read {
    background-color: #0094d1;
    border-radius: 50%;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
    transition: transform 0.3s ease;
    z-index: 1;
}

.tf__about_content .tf__about_iteam .arrow-read:hover .about-us {
    /* transform: translateX(45px); */
}

.tf__about_content .tf__about_iteam .arrow-read:hover .arrow-of-read {
    transform: translateX(-130px);
}

.common_heading h2::after {
    position: absolute;
    content: "+";
    font-size: 80px;
    font-weight: 500;
    top: 0;
    margin-left: 10px;
}

.slick-slide {
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
    padding: 40px 0;
}

.slick-slide img {
    max-width: 100%;
    transition: all 0.4s ease-in-out;
}

.slick-center {
    transform: scale(1.1);
}

.slick-next::before,
.slick-prev::before {
    font-size: 35px;
    color: #0094d1;
}

.Hero--primary {
    padding-top: 80px;
}

.about_video,
.global_presence {
    /* padding-top: 60px; */
    padding-bottom: 70px;
}

.about_video .about-video {
    width: 100%;
    /* height: 500px; */
}

.global_presence .global_presence_heading h2 {
    color: #0094d1;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    white-space: nowrap;
    margin-bottom: 10px;
}

.under-line {
    width: 65px;
    height: 5px;
    background: linear-gradient(to right, #0094d1, #19a544);
    position: relative;
    border-radius: 20px;
}

.section-full .certi_label {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 35px !important;
    width: fit-content;
    margin: 0 auto;
}

.section-full .certificate-card {
    width: 90%;
    margin-bottom: 50px;
    position: relative;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.5);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.section-full .certificate-card:hover {
    box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.8);
    transform: scale(1.1);
}

.section-full .certificate-card .certificate-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    position: relative;
    background-color: #0094d1;
    height: 60px;
    width: 100%;
}

.section-full .certificate-card .certificate-title .certificate-name {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    font-size: 24px;
}

.contact_section .contact_details_card h3 {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #1f1f1f;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 18px;
}

.contact_section .contact_details_card .contact_details_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
}

.contact_section .contact_details_card .contact_details_info .email_id,
.contact_section .contact_details_card .contact_details_info .phone_id,
.contact_section .contact_details_card .contact_details_info .map_id {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    position: relative;
}

.contact_section .contact_details_card .contact_details_info .email_id .email_photo,
.contact_section .contact_details_card .contact_details_info .phone_id .phone_photo,
.contact_section .contact_details_card .contact_details_info .map_id .map_photo {
    position: relative;
    height: 40px;
    width: 40px;
}

.contact_section .contact_details_card .contact_details_info .email_id .email_text a,
.contact_section .contact_details_card .contact_details_info .phone_id .phone_text a,
.contact_section .contact_details_card .contact_details_info .map_id .map_text a {
    position: relative;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 18px;
    letter-spacing: 0;
}

.contact_section .contact_details_card .contact_details_info .email_id .email_text strong,
.contact_section .contact_details_card .contact_details_info .phone_id .phone_text strong,
.contact_section .contact_details_card .contact_details_info .map_id .map_text strong {
    position: relative;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    color: #343434;
    font-size: 18px;
    letter-spacing: 0;
}

.product_list .form-label {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 20px !important;
    letter-spacing: 0;
    line-height: normal;
}

.product_list .search-bar {
    position: relative;
}

.product_list .search-bar i {
    position: absolute;
    top: 52%;
    left: 25px;
    transform: translateY(-50%);
    color: #999;
    z-index: 9;
}

.product_list .search-bar input {
    width: 100%;
    padding: 7px 10px 7px 40px;
    /* Make space for the icon */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
}

.product_list .search-bar input:focus {
    outline: none;
    border-color: #666;
    /* Optional focus effect */
}

.product_list .table {
    margin-top: 3%;
}

.product_list .table thead,
.product_list .table tbody {
    vertical-align: middle !important;
}

.product_list .table thead tr th {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 18px !important;
    letter-spacing: 0;
    line-height: normal;
    padding: 15px 20px 15px 25px !important;
    white-space: nowrap;
    background-color: #0094d1 !important;
    color: #fff;
}

.product_list .table tbody tr:nth-of-type(even) {
    background-color: #e6f5f8;
}

.product_list .table tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.product_list .table tbody tr td {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    font-size: 18px !important;
    letter-spacing: 0;
    line-height: normal;
    color: #343434;
    padding: 15px 20px 15px 25px !important;
    /* white-space: nowrap; */
    border-bottom-width: 0px !important;
}

.product_list .table tbody tr td a {
    color: #343434 !important;
}

.product_list .table tbody tr td span i {
    font-weight: 300 !important;
}

.premixes-section .section-content .single_team {
    border-radius: 15px;
    box-shadow: 0px 0px 4px #00000040;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    height: 95%;
}

.premixes-section .section-content .single_team .team_img a img {
    position: relative;
    border-radius: 15px;
}

.premixes-section .section-content .single_team .team_designation a h6 {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 24px !important;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 10px;
}

.premixes-section .section-content .single_team .team_designation p,
.premixes_details .Hero-headline p {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 18px !important;
    letter-spacing: 0;
    line-height: 28px;
}

.premixes-section .section-content .single_team .team_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 23px;
    position: relative;
    border-radius: 18px;
    border: 2px solid #0094d1;
}

.premixes-section .section-content .single_team .team_button .team_read_more {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 17px !important;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.premixes-features .features {
    background-color: #e6f5fb;
    border-radius: 20px;
    padding: 20px;
}

.premixes-features .features h3 {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #0094d1;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-bottom: 15px;
}

.premixes-features .features ul {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 40px;
    list-style: auto;
    padding-left: 15px;
}

.premixes-features-images .section-content .wt-box a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    margin-bottom: 40px;
}

.premixes-features-images .section-content .wt-box a img {
    width: 90% !important;
    position: relative;
    border-radius: 18px;
}

.premixes-features-images .section-content .wt-box a .wt-title {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #1f1f1f;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.event_section .Hero-headline p {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 40px;
}

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

.event_section .image-container {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-start;
    width: 320px;
    margin-bottom: 40px;
}

.event_section .image-container:hover {
    transform: scale(1.1);
    /* box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.8); */
    border-radius: 5px !important;
}

.event_section .image-container .event_img {
    position: relative;
    background-color: #e0e0e0;
    border-radius: 5px 5px 0px 0px;
    align-self: stretch;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.event_section .image-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event_section .image-container .event_content {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 5px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-color: #0094d1;
    box-shadow: 0px 1px 2px #00000040;
}

.event_section .image-container .event_content .event_date_div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    flex: 0 0 auto;
}

.event_section .image-container .event_content .event_date_div img {
    position: relative;
    width: 20px !important;
    height: 20px !important;
}

.event_section .image-container .event_content .event_date_div .event_date {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #0094d1;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-top: 5px;
}

.event_section .image-container .event_content .upcoming {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #1f1f1f;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    text-align: center;
}

.csr .csr_text,
.annual-returns .annual-box,
.ehs-policy .ehs-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    position: relative;
    background-color: #0094d1;
    border: 1px solid #0094d1;
    border-radius: 5px;
}

.csr .csr_text h1,
.annual-returns .annual-box .annual-policy,
.ehs-policy .ehs-box .ehs-content {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-bottom: 0px !important;
}

.csr .csr_text:hover,
.annual-returns .annual-box:hover,
.ehs-policy .ehs-box:hover {
    background-color: #ffffff;
    border: 1px solid #0094d1;
    border-radius: 5px;
    transform: scale(1.1);
    box-shadow: 0px 0px 5px 2px #00000040;
}

.csr .csr_text:hover h1,
.annual-returns .annual-box:hover .annual-policy,
.ehs-policy .ehs-box:hover .ehs-content {
    color: #000;
}

.career_section .pbmit-heading .pbmit-title,
.human-rights h3,
.premixes_details .Hero-headline h1,
.modal .modal-content h2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-bottom: 30px;
}

.career_section .pbmit-heading .pbmit-heading-desc p a {
    color: #0094d1 !important;
}

.career_section .pbmit-heading .pbmit-heading-desc p,
.human-rights p,
.human-rights ul li {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 40px;
}

.human-rights ul li ul {
    margin-left: 20px;
    margin-top: 20px;
}

.human-rights ul li ul li {
    margin-bottom: 20px !important;
}

.human-rights ul li strong {
    margin-right: 10px !important;
}

.faq .faq-item {
    margin-bottom: 20px;
    border: 1px solid #0094d1;
    border-radius: 18px;
    padding: 20px;
}


/* .faq .faq-item:hover {
  transform: scale(1.1);
  box-shadow: 0px 0px 5px 2px #00000040;
} */

.faq .faq-item .faq-question {
    cursor: pointer;
}

.faq .faq-item .faq-answer {
    /* padding: 10px;
  border: 1px solid #e0e0e0; */
    margin-top: 20px;
    border-top: none;
    display: none;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0;
    line-height: 30px;
}

.faq .faq-item .faq-answer.show {
    display: block;
}

.faq .faq-item .faq-question i {
    float: right;
    transition: transform 0.3s ease-in-out;
}

.collapsed i {
    /* transform: rotate(-90deg); */
}

.faq .faq-item .faq-answer ul {
    padding-left: 20px;
    margin-top: 10px;
}

.faq .faq-item .faq-answer ul li {
    list-style-type: disc;
    margin-bottom: 8px;
}

.faq .faq-item .faq-question {
    font-size: 18px;
    position: relative;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.team .single_team .team_img .map-video,
.global_presence .single_team .team_img .map-video {
    width: 100%;
}

.team {
    padding: 20px 0 20px 0 !important;
}

.modal .tf__appoinment_form {
    box-shadow: none !important;
}

.modal .modal-content {
    overflow: auto;
    height: 560px;
}

.modal .tf__appoinment_form .tf__appoinment_form_btn,
.job_form .tf__appoinment_form .tf__appoinment_form_btn {
    display: flex;
    justify-content: center;
}

.modal .tf__appoinment_form .tf__appoinment_form_btn button,
.job_form .tf__appoinment_form .tf__appoinment_form_btn button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    position: relative;
    background-color: #0094d1;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}

.modal .tf__appoinment_form .tf__appoinment_form_btn button:hover,
.job_form .tf__appoinment_form .tf__appoinment_form_btn button:hover {
    background-color: #fff;
    color: #0094d1;
}

.filter-menu {
    background-color: #e6f5fb;
}

.filter-menu .filter-form,
.filter-menu .job-data {
    margin: 0px auto;
    width: 80%;
}

.filter-menu .filter-form .filter-name {
    display: flex;
    justify-content: end;
    align-items: center;
}

.filter-menu .filter-form .filter-heading {
    font-family: "SF Pro Display-Medium", Helvetica, sans-serif !important;
    font-weight: 600 !important;
    color: #0094d1 !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
}

.filter-menu .filter-form .appoinment_form_input .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: "SF Pro Display-Medium", Helvetica, sans-serif !important;
    font-weight: 600 !important;
    color: #1f1f1f !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
}

.filter-menu .filter-form .appoinment_form_input .select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    border-radius: 30px !important;
}

.select2-dropdown {
    border-radius: 10px !important;
    border: 1px solid #0094d1 !important;
}

.filter-menu .job-box {
    margin-top: 50px !important;
}

.filter-menu .job-box .job-title {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-bottom: 20px;
}

.filter-menu .job-box ul li a {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-radius: 18px;
    align-items: center;
}

.filter-menu .job-box ul li a:hover {
    transform: scale(1.05);
    transition: all 0.4s ease-in-out;
    background-color: #c4e7f6;
    padding: 30px 10px;
}

.filter-menu .job-box ul li a .job-name {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
}

.filter-menu .job-box ul li a .job-btn {
    position: relative;
    background-color: #0094d1;
    border-radius: 18px;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    padding: 17px 27px;
}

.filter-menu .job-box ul li a .job-btn:hover {
    box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 30%);
}

.job_section .job-title {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 30px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-bottom: 30px;
}

.job_section .apply-btn {
    position: relative;
    margin-top: 30px;
}

.job_section .job-btn {
    position: relative;
    background-color: #0094d1;
    border-radius: 10px;
    width: fit-content;
    margin-top: -1px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    padding: 10px 20px;
    text-align: center;
}

.job_section .job-btn:hover {
    box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 30%);
}

.job_section .job-details {
    margin-bottom: 30px;
}

.job_section .job-desc h1,
.job_section .job-desc h2,
.job_section .job-desc h4,
.job_section .job-desc h5,
.job_section .job-desc h6 {
    color: #0094d1 !important;
}

.job_section .job-desc h3 {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 20px;
    display: block;
    margin-bottom: 20px;
    margin-top: 30px;
}

.job_section .job-details span,
.job_section .job-desc p,
.job_section .job-desc ul li,
.job_section .job-desc ul li a {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    /* display: block; */
    text-align: justify;
    margin-bottom: 10px;
}

.job_section .job-desc ul li a:hover {
    color: #0094d1;
}

.job_section .job-desc ul {
    list-style-type: disc;
    padding-left: 20px;
}

.job_form h2 {
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    color: #0094d1;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 20px;
    display: block;
    margin-bottom: 20px;
    margin-top: 30px;
}

.validation-error-message {
    color: red;
}

.gt_container--hich1m .gt_switcher a img {
    height: 20px !important;
    width: 20px !important;
}


/* blog start */

.blog_3 .common_heading h5 {
    color: var(--colorDeepblue);
}

.blog_3 .common_heading h5::after {
    background-color: var(--colorDeepblue);
}

.blog_3 .single_blog .category {
    background-color: var(--colorDeepblue);
}

.blog_3 .blog_text .blog_date li i {
    color: var(--colorDeepblue);
}

.blog_3 .blog_text .blog_heading:hover {
    color: var(--colorDeepblue);
}

.blog_3 .single_blog {
    padding: 20px 20px 10px 20px;
}

.blog_3 .single_blog img {
    height: 100% !important;
    object-fit: cover !important;
}

.blog_3 .blog_text {
    padding: 20px 0;
}

.blog_3 .blog_img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.blog_3 .blog_text_icon .blog_link {
    color: var(--colorWhite);
    background-color: var(--colorBlack);
    padding: 6px 15px;
    border-radius: 5px;
}

.blog_3 .blog_text_icon .blog_link:hover {
    background-color: var(--colorDeepblue);
}


/* blog end */


/* appoinment start */

.appoinment_wraper {
    background: #ECF7FF;
    border-radius: 10px;
    padding: 20px 20px;
    border: 1px solid rgba(69, 137, 244, 0.10);
}

.home_tow_heading h5 {
    color: var(--colorDeepblue);
}

.home_tow_heading.common_heading h5::after {
    background: var(--colorDeepblue);
}

.home_tow_heading h2 {
    color: var(--colorBlack);
    font-weight: 700;
}

.appoinment_contact {
    background-color: var(--colorDeepblue);
    border-radius: 10px;
    padding: 100px 30px;
}

.appoinment_contact .icon_text_wraper {
    display: flex;
    align-items: center;
}

.appoinment_text {
    margin-left: 15px;
}

.appoinment_text p {
    color: var(--colorWhite);
}

.appoinment_text a {
    color: var(--colorWhite);
    font-weight: 700;
}

.appoinment_contact>p {
    color: var(--colorWhite);
    margin-top: 35px;
}

.common_btn.app_button {
    background-color: var(--colorWhite);
    color: var(--colorDeepblue);
    margin-top: 42px;
}

.app_button.common_btn::after {
    filter: invert(42%) sepia(71%) saturate(1358%) hue-rotate(199deg) brightness(100%) contrast(92%);
}

.appoinment_contact .icon_text_wraper .appoinment_icon {
    width: 70px;
    height: 70px;
    background: var(--colorWhite);
    border-radius: 50%;
}

.appoinment_contact .icon_text_wraper .appoinment_icon img {
    padding: 20px;
}

.home_tow_heading.common_heading h5::after {
    background: var(--colorDeepblue);
}


/* appoinment end */

.banner-carousel .owl-nav {
    display: none !important;
}

.hero {
    position: relative;
    /* height: 240px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    overflow: hidden;
}


/* Background Image */

.hero-background {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}


/* Video Text Mask Section */

.video-text-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


/* Video Styling */

.hero-video {
    position: absolute !important;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    z-index: -1;
}


/* Masked Text */

.masked-text {
    font-size: 10vw;
    font-weight: bold;
    color: transparent;
    -webkit-mask-image: linear-gradient(black, black);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(black, black);
    mask-composite: source-in;
    z-index: 1;
}


/* Hero content text */

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 20px;
}

.hero-content p {
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}

.hero-btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1.1rem;
    color: #fff;
    background-color: #0073e6;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.hero-btn:hover {
    background-color: #005bb5;
}

.annual-returns .row {
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1400px) and (max-width: 1920px) {
    .annual-returns .row {
        flex-direction: row;
    }
}

.customise-vitamin h3 {
    color: #0094d1;
    text-align: center;
}

.customise-vitamin .vitamin-img {
    height: 500px;
    display: flex;
    justify-content: center;
}

.customise-vitamin .vitamin-img img {
    width: 500px;
}

.Hero-headline1 h5,
.Hero-headline h6,
.Hero-headline h6 {
    text-transform: none !important;
}


/* Base dropdown */

.nav-item {
    position: relative;
}


/* First-level dropdown */

.nav-item .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    /* left: 0; */
    min-width: 220px;
    background: #fff;
    list-style: none;
    padding: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.nav-item:hover>.dropdown {
    display: block;
}

.dropdown li {
    position: relative;
}

.dropdown li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    background: #fff;
    white-space: nowrap;
    font-size: 18px !important;
}

.dropdown li a:hover {
    background: #f0f0f0;
}

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

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


/* Submenu: positioned to the right (beside) */

.submenu-parent:hover>.submenu {
    display: block;
}

.submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100% !important;
    margin-left: 0%;
    margin-top: 0%;
    min-width: 200px;
    background: #fff;
    list-style: none;
    padding: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.submenu li a {
    color: #333 !important;
}

.submenu li:hover a {
    color: #0094d1 !important;
}


/* Optional: arrow indicator */

.submenu-parent>a::after {
    content: "\f105";
    font-family: FontAwesome;
    float: right;
    margin-left: 5px;
}

.hero video {
    box-shadow: 1px 2px 8px 4px #00000040 !important;
}

.address a:hover {
    color: #fff !important;
}

.wt-info p {
    font-size: 18px !important;
}

tbody,
td,
tfoot,
th,
thead,
tr,
b,
strong {
    font-size: 18px !important;
}