/****************************************

Template Name: Cleanxol - Multivendor On-Demand Service HTML Template
Author: ThemeFax 
Author Email: themefaxbd@gmail.com
website: http://www.themefax.com/
Version: 1.0
Description: Cleanxol is a premium HTML template with a distinctive look and simple layout. It can be used for many different things, including cleaning services, cleaning, cleaning agencies, cleaning businesses, cleaning companies, floor cleaning, house cleaning, janitors, maids, and maintenance. Additionally, each element of the template includes comments so you can quickly modify it to fit your needs. Cleanxol theme has a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE 1
03. HOME PAGE 2 
04. HOME PAGE 3
05. ABOUT PAGE
06. SERVICES PAGE 
07. SERVICE DETAILS
08. BOOKING SERVICE
09. BOOKING INFO 
10. BOOKING CONFIRMATION 
11. SELLER PAGE 
12. BLOG PAGE
13. BLOG DETAILS
14. FAQ PAGE
15. SELLER JOINING
16. CONTACT US
17. SIGN IN 
18. TERMS AND CONDITION 
19. ERROR
20. DASHBOARD

**********************************/

/*==========================
    GLOBAL CSS START
==========================*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900;9..40,1000&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
}

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

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

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: var(--headingFont);
    color: var(--colorBlack);
}

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

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
    font-family: var(--paraFont);
}

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

input,
textarea {
    width: 100%;
    padding: 12px 20px;
    outline: none;
    resize: none;
    border: 1px solid #E4E7E9;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

input::placeholder,
textarea::placeholder {
    color: #a6a6ac;
}

button {
    border: none;
}

:root {
    --colorPrimary: #0B2787;
    --colorYellow: #FFD83A;
    --paraColor: #696A6F;
    --colorBlack: #01040E;
    --colorWhite: #F8F8F8;
    --ratingColor: #FE9B03;
    --paraFont:
        'Poppins', sans-serif;
    --headingFont:
        'DM Sans', sans-serif;
}

.tf__common_btn {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background: var(--colorYellow);
    padding: 19px 40px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__common_btn::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 140px;
    background: rgb(11 39 122 / 14%);
    top: -40px;
    left: -75px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
}

.tf__common_btn:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__common_btn:hover:after {
    left: 120%;
}

.tf__play_btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: var(--colorPrimary);
    border-radius: 50%;
    color: var(--colorWhite);
    font-size: 20px;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__play_btn i {
    position: relative;
    z-index: 9;
}

.tf__play_btn::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--colorPrimary);
    border-radius: 50%;
    z-index: -1;
    animation: platAnimi linear 1.2s infinite;
    -webkit-animation: platAnimi linear 1.2s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

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

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

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

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

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

.tf__section_heading {
    text-align: center;
}

.tf__section_heading h5 {
    color: var(--colorPrimary);
    font-family: var(--paraFont);
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    display: inline-block;
}

.tf__section_heading h5::after {
    position: absolute;
    content: "";
    background: url(../images/heading_dots.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 34px;
    height: 29px;
    top: -2px;
    left: -5px;
}

.tf__section_heading h2,
.tf__section_heading h2 span {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
}

.tf__section_heading h2 span {
    color: var(--colorPrimary);
    position: relative;
    padding: 0px 15px;
}

.tf__section_heading h2 span::after {
    position: absolute;
    content: "";
    background: url(../images/heading_circle.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: -3px;
    left: 0;
    width: 100%;
    height: 82px;
}

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

.slick-dots li button {
    font-size: 0;
    width: 20px;
    height: 4px;
    background: var(--colorPrimary);
    border-radius: 20px;
    margin: 0px 3px;
    cursor: pointer;
    opacity: .2;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.slick-dots li.slick-active button {
    opacity: 1;
}

.book_now_btn {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    display: block;
    text-transform: capitalize;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #01040E14;
    padding: 10px 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.book_now_btn:hover {
    background: var(--colorYellow);
    border-color: var(--colorYellow);
}

.title {
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 700;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

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

.tf__breadcrumb::after {
    position: absolute;
    content: "";
    background: url(../images/breadcrumb_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
}

.tf__breadcrumb_overlay {
    background: #01040eb3;
    padding: 135px 0px 140px 0px;
}

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

.tf__breadcrumb_text h1 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 5px;
}

.tf__breadcrumb_text ul {
    justify-content: center;
}

.tf__breadcrumb_text ul li a {
    color: var(--colorWhite);
    font-size: 18px;
    font-weight: 500;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin-right: 25px;
}

.tf__breadcrumb_text ul li:last-child a {
    margin-right: 0;
}

.tf__breadcrumb_text ul li a::after {
    position: absolute;
    content: "/";
    font-size: 13px;
    font-weight: 600;
    color: var(--colorWhite);
    top: 5px;
    right: -16px;
}

.tf__breadcrumb_text ul li:last-child a::after {
    display: none;
}

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

/* breadcrumb end */
/*==========================
    GLOBAL CSS END
==========================*/

/*==========================
    HOME PAGE 1 START
==========================*/
/* topbar start */
.tf__topbar {
    width: 100%;
    height: 40px;
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
}

.tf__topbar::after {
    position: absolute;
    content: "";
    width: 600px;
    height: 100%;
    background: var(--colorYellow);
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.tf__topbar_left {
    line-height: 40px;
}

.tf__topbar_left li a,
.tf__topbar_left li p {
    font-size: 14px;
    font-weight: 400;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin-right: 50px;
}

.tf__topbar_left li p {
    margin: 0;
}

.tf__topbar_left li a span,
.tf__topbar_left li p span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.tf__topbar_left li a:hover,
.tf__topbar_left li p:hover {
    color: var(--colorPrimary);
}

.tf__topbar_right {
    line-height: 40px;
    justify-content: end;
}

.tf__topbar_right li a {
    color: var(--colorBlack);
    margin-right: 20px;
    font-size: 18px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: .55;
}

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

.tf__topbar_right li a:hover {
    opacity: 1;
}

/* topbar end */

/* menu start */
.tf__main_menu {
    background: var(--colorPrimary);
    width: 100%;
    height: 90px;
    left: 0;
    z-index: 999;
    padding: 0;
}

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

.tf__main_menu .navbar-nav {
    line-height: 90px;
}

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

.tf__main_menu .navbar-nav .nav-item .nav-link {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0;
    margin: 0px 17px;
    position: relative;
    opacity: .7;
    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__main_menu .navbar-nav .nav-item .nav-link i {
    font-size: 12px;
}

.tf__main_menu .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    content: "";
    width: 30%;
    height: 2px;
    background: var(--colorWhite);
    bottom: 26px;
    left: 0;
    border-radius: 50px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__main_menu .navbar-nav .nav-item:hover .nav-link,
.tf__main_menu .navbar-nav .nav-item .nav-link.active {
    opacity: 1;
}

.tf__main_menu .navbar-nav .nav-item:hover .nav-link:after,
.tf__main_menu .navbar-nav .nav-item .nav-link.active:after {
    width: 100%;
    opacity: 1;
}

.tf__main_menu .droap_menu {
    position: absolute;
    width: 220px;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(.5);
    transform-origin: top;
    max-height: 450px;
    overflow-y: auto;
    z-index: 99;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
}

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

.tf__main_menu .droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #fff;
    height: 4px;
    width: 4px;
}

.tf__main_menu .droap_menu li {
    line-height: initial;
}

.tf__main_menu .droap_menu li a {
    display: block;
    text-transform: capitalize;
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    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__main_menu .droap_menu li:last-child a {
    border-bottom: 0;
}

.tf__main_menu .droap_menu li a::after {
    position: absolute;
    content: "\f30b";
    font-family: "font awesome 5 free";
    font-size: 13px;
    font-weight: 600;
    color: var(--colorPrimary);
    top: 50%;
    right: 30px;
    opacity: 0;
    transform: translateY(-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__main_menu .droap_menu li a:hover,
.tf__main_menu .droap_menu li a.active {
    color: var(--colorPrimary);
    background: #4e7afc12;
}

.tf__main_menu .droap_menu li a:hover::after,
.tf__main_menu .droap_menu li a.active::after {
    right: 20px;
    opacity: 1;
}

.tf__main_menu .navbar-nav .nav-item:hover .droap_menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.tf__main_menu .right_menu {
    line-height: 90px;
}

.tf__main_menu .right_menu li .search {
    color: var(--colorWhite);
    cursor: pointer;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__main_menu .right_menu li .search:hover {
    color: var(--colorYellow);
}

.tf__main_menu .right_menu li .hire_btn {
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 41px;
    margin: 0px 20px;
    line-height: initial;
    border: 1px solid var(--colorYellow);
}

.tf__main_menu .right_menu li .hire_btn:hover {
    background: var(--colorBlack);
    border-color: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__main_menu .right_menu li .user_btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ffffff14;
    border-radius: 4px;
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__main_menu .right_menu li .user_btn:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
    border-color: var(--colorYellow);
}

.tf__menu_search {
    background: #000000bd;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    transform: scaleY(0);
    opacity: 0;
    transform-origin: top;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
}

.tf__menu_search form {
    width: 100%;
    max-width: 650px;
    position: relative;
}

.tf__menu_search form input {
    padding: 20px 30px;
}

.tf__menu_search form button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 12px 35px;
    font-size: 16px;
}

.tf__menu_search form button i {
    margin-right: 5px;
}

.tf__menu_search form .tf__close_search {
    display: block;
    width: 50px;
    height: 50px;
    background: var(--colorWhite);
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorPrimary);
    position: absolute;
    top: -85px;
    right: 0;
    cursor: pointer;
    font-size: 22px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__menu_search form .tf__close_search:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.tf__menu_search.show_search {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.tf__main_menu.menu_fix {
    position: fixed;
    left: 0;
    top: 0 !important;
    z-index: 9999;
    animation: menu_animate 1.2s ease-in-out;
    -webkit-animation: menu_animate 1.2s ease-in-out;
}

@keyframes menu_animate {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
    }

    to {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }
}

/* menu end */

/* banner start */
.tf__banner {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 800px;
    position: relative;
}

.tf__banner div {
    height: 100%;
}

.tf__banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    position: relative;
}

.tf__banner_text h5 {
    color: var(--colorPrimary);
    font-size: 24px;
    font-family: var(--paraFont);
    font-weight: 500;
    position: relative;
    margin-bottom: 15px;
}

.tf__banner_text h5::after {
    position: absolute;
    content: "";
    background: url(../images/heading_dots.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 60px;
    height: 50px;
    top: -25px;
    left: -60px;
}

.tf__banner_text h1,
.tf__banner_text h1 span {
    font-size: 80px;
    font-weight: 700;
    font-family: var(--headingFont);
}

.tf__banner_text h1 span {
    color: var(--colorPrimary);
    position: relative;
}

.tf__banner_text h1 span::after {
    position: absolute;
    content: "";
    background: url(../images/heading_circle.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: -7px;
    left: -14px;
    width: 110%;
    height: 131px;
}

.tf__banner_text ul {
    margin-top: 55px;
}

.tf__banner_text ul li {
    margin-right: 20px;
}

.tf__banner_text ul li .tf__common_btn {
    margin-top: 3px;
}

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

.tf__banner_text::after {
    position: absolute;
    content: "";
    background: url(../images/banner_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 98px;
    bottom: 23%;
    right: 18%;
    animation: shakeAnimi linear 1.3s infinite alternate;
    -webkit-animation: shakeAnimi linear 1.3s infinite alternate;
}

.tf__banner::after {
    position: absolute;
    content: "";
    background: url(../images/banner_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    top: 20%;
    right: 5%;
    animation: zoomAnimi linear 1.3s infinite alternate;
    -webkit-animation: zoomAnimi linear 1.3s infinite alternate;
}

/* banner end */

/* about start */
.tf__about_img {
    position: relative;
    margin-right: 50px;
}

.tf__about_img::after {
    position: absolute;
    content: "";
    background: url(../images/about_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 60px;
    height: 50px;
    top: -19px;
    left: -19px;
    z-index: -1;
    opacity: .8;
    animation: zoomAnimi linear 1.3s infinite alternate;
    -webkit-animation: zoomAnimi linear 1.3s infinite alternate;
}

.tf__about_img .img_1 {
    width: 470px;
    height: 560px;
    position: relative;
}

.tf__about_img .img_1::after {
    position: absolute;
    content: "";
    width: 340px;
    height: 230px;
    background: var(--colorYellow);
    bottom: -50px;
    left: -50px;
    z-index: -1;
}

.tf__about_img .img_1::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100px;
    background: var(--colorBlack);
    bottom: -2px;
    left: -25px;
    z-index: 1;
}

.tf__about_img .img_1 .text {
    position: absolute;
    right: -65px;
    top: 232px;
    width: 150px;
    height: 150px;
    background: var(--colorPrimary);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
}

.tf__about_img .img_1 .text p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.tf__about_img .img_1 .text p span {
    color: #fff;
    font-family: var(--headingFont);
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    display: block;
    margin-bottom: 5px;
}

.tf__about_img .img_1 .text::after {
    position: absolute;
    content: "";
    width: 86px;
    height: 54px;
    background: #051852;
    top: -34px;
    right: 7px;
    transform: rotate(40deg);
    z-index: -1;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
}

.tf__about_img .img_2 {
    width: 330px;
    height: 330px;
    border: 12px solid #FFF;
    background: var(--colorWhite);
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    position: absolute;
    bottom: -115px;
    right: 0;
}

.tf__about_img .small_text {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
}

.tf__about .tf__section_heading {
    text-align: left;
}

.tf__about_text p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 35px;
    margin-bottom: 50px;
}

.tf__about_text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tf__about_text ul li {
    position: relative;
    padding-left: 40px;
    width: 47%;
    margin-bottom: 50px;
}

.tf__about_text ul li::after {
    position: absolute;
    content: "";
    background: url(../images/about_check.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 19px;
    top: 7px;
    left: 0;
}

.tf__about_text ul li h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.tf__about_text ul li p {
    margin: 0;
    font-size: 16px;
}

/* about end */

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

.categories .tf__section_heading h2 span::after {
    height: 80px;
}

.single_category {
    background: rgba(168, 222, 255, 0.40);
    padding: 30px 10px;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin: 0px 12px;
}

.single_category::after {
    position: absolute;
    content: "";
    background: url(../images/category_item_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_category span {
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    z-index: 1;
}

.single_category h5 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.single_category:hover h5 {
    color: var(--colorWhite);
}

.single_category:hover::after {
    opacity: 1;
}

/* cartegories end */

/* services start */
.tf__services {
    position: relative;
}

.tf__services .tf__section_heading h2 span::after {
    height: 80px;
}

.tf__single_services {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    overflow: hidden;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__single_services_img {
    height: 240px;
    position: relative;
    overflow: hidden;
}

.tf__single_services_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_services_img .trending {
    display: block;
    position: absolute;
    top: -20px;
    left: -40px;
    background: var(--colorYellow);
    color: var(--colorBlack);
    width: 100px;
    height: 60px;
    text-align: center;
    line-height: 50px;
    transform: rotate(-43deg);
    padding-top: 17px;
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    padding-right: 5px;
}

.tf__single_services_img .trending i {
    transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
}

.tf__single_services_img a {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #A3DDFF;
    color: var(--colorBlack);
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.tf__single_services_img .new {
    display: block;
    position: absolute;
    top: -20px;
    left: -40px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    width: 100px;
    height: 60px;
    text-align: center;
    line-height: 50px;
    padding-top: 18px;
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 400;
}

.tf__single_services_text {
    padding: 15px 30px 30px 30px;
    position: relative;
}

.tf__single_services_text p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    top: -30px;
    left: 0;
    width: auto;
}

.tf__single_services_text p a {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--colorYellow);
    padding: 4px 11px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__single_services_text p a:hover {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.tf__single_services_text p span {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 700;
    background: var(--colorBlack);
    border-radius: 4px;
    padding: 0px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__single_services_text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tf__single_services_text ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.tf__single_services_text ul li .img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_services_text ul li .rating {
    margin-right: 10px;
}

.tf__single_services_text ul li .rating i {
    color: var(--ratingColor);
}

.tf__single_services_text .title {
    margin-top: 20px;
    margin-bottom: 25px;
}

.tf__single_services:hover {
    margin-top: 15px;
}

.tf__single_services:hover .tf__single_services_img img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.tf__services::before,
.tf__services_page::before {
    position: absolute;
    content: "";
    background: url(../images/service_shape_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 130px;
    height: 140px;
    top: 10%;
    left: 5%;
    animation: shakeAnimi linear 1s infinite alternate;
    -webkit-animation: shakeAnimi linear 1s infinite alternate;
}

.tf__services::after,
.tf__services_page::after {
    position: absolute;
    content: "";
    background: url(../images/service_shape_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 115px;
    top: 57%;
    left: 5%;
    animation: zoomAnimi linear 1s infinite alternate;
    -webkit-animation: zoomAnimi linear 1s infinite alternate;
}

/* services end */

/* features start */
.tf__features {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    z-index: 1;
}

.tf__features .tf__section_heading h5 {
    color: var(--colorWhite);
}

.tf__features .tf__section_heading h5::after {
    background: url(../images/heading_dots_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tf__features .tf__section_heading h2,
.tf__features .tf__section_heading h2 span {
    color: var(--colorWhite);
}

.tf__features .tf__section_heading h2 span::after {
    background: url(../images/heading_circle_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 79px;
}

.tf__features_item {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 8px 12px 40px 0px rgba(57, 156, 254, 0.12);
    padding: 45px;
    position: relative;
    margin-top: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__features_item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorYellow);
    top: 10px;
    left: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    z-index: -1;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__features_item .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #FFF;
    padding: 20px;
    filter: drop-shadow(0px 4px 12px rgba(0, 124, 251, 0.12));
    margin-bottom: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__features_item span {
    color: var(--colorPrimary);
    font-family: var(--headingFont);
    font-size: 85px;
    font-weight: 700;
    opacity: .1;
    position: absolute;
    top: 10px;
    right: 45px;
}

.tf__features_item p {
    margin-top: 18px;
    line-height: 30px;
}

.tf__features_item:hover::after {
    opacity: 1;
}

/* features end */

/* why choose us start */
.tf__why_choose {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}

.tf__why_choose .container {
    position: relative;
}

.tf__why_choose .tf__section_heading {
    text-align: left;
}

.tf__why_choose .tf__section_heading h2 span::after {
    height: 73px;
}

.tf__why_choose_text {
    position: relative;
}

.tf__why_choose_text p {
    margin-bottom: 25px;
    font-size: 18px;
}

.tf__why_choose_item {
    background: var(--colorYellow);
    padding: 25px;
    border-radius: 40px 4px;
    text-align: center;
    margin-top: 25px;
}

.tf__why_choose_item span {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--colorWhite);
    padding: 15px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.tf__why_choose_item p {
    color: var(--colorBlack);
    margin: 0;
    font-size: 16px;
    line-height: 30px;
}

.tf__why_choose_item.bg_blue {
    background: var(--colorPrimary);
}

.tf__why_choose_item.bg_blue h4 {
    color: var(--colorWhite);
}

.tf__why_choose_item.bg_blue p {
    color: var(--colorWhite);
}

.tf__why_choose_img {
    position: absolute;
    width: 464px;
    bottom: -125px;
    right: -20px;
}

.tf__why_choose_text::after {
    position: absolute;
    content: "";
    background: url(../images/why_choose_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 215px;
    height: 240px;
    bottom: -120px;
    margin-right: -200px;
    z-index: 1;
    opacity: .16;
    animation: sellerAnimi linear 1.3s infinite alternate;
    -webkit-animation: sellerAnimi linear 1.3s infinite alternate;
}

/* why choose us end */

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

.tf__work_process .tf__section_heading h2 span::after {
    top: 3px;
    height: 58px;
}

.tf__work_process_item {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 25px;
}

.tf__work_process_item span {
    display: block;
    width: 200px;
    height: 200px;
    padding: 60px;
    background: var(--colorYellow);
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__work_process_item span img {
    margin-top: 10px;
    margin-left: 10px;
}

.tf__work_process_item span::after {
    position: absolute;
    content: "";
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: var(--colorWhite);
    z-index: -1;
    top: 10px;
    left: 10px;
    filter: drop-shadow(0px 4px 12px rgba(0, 124, 251, 0.12));
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__work_process_item h4 {
    margin-top: 40px;
    margin-bottom: 10px;
}

.tf__work_process_item p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.tf__work_process_item.item_1::after,
.tf__work_process_item.item_2::after {
    position: absolute;
    content: "";
    background: url(../images/work_process_shape_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120%;
    height: 75px;
    top: 100px;
    right: -270px;
}

.tf__work_process_item.item_2::after {
    background: url(../images/work_process_shape_2.png);
    background-size: cover;
    top: 30px;
}

/* work process end */

/* join seller start */
.tf__join_seller {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tf__join_seller_text {
    padding-right: 100px;
}

.tf__join_seller_text h2 {
    color: var(--colorWhite);
    font-size: 48px;
    font-weight: 700;
}

.tf__join_seller_text p {
    color: var(--colorWhite);
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 55px;
    opacity: .7;
}

.tf__join_seller_text a {
    font-weight: 500;
    padding: 16px 40px;
}

/* join seller end */

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

.tf__testimonial .tf__section_heading {
    text-align: left;
}

.tf__testimonial .tf__section_heading h2 span::after {
    height: 71px;
}

.tf__testimonial_text_area {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.tf__testimonial_text p {
    line-height: 30px;
}

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

.testimonial_small_img {
    position: relative;
}

.testimonial_small_img img {
    width: 65px !important;
    height: 65px !important;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial_small_img .img_1 {
    position: relative;
    z-index: 5;
}

.testimonial_small_img .img_2 {
    left: 30px;
    z-index: 4;
}

.testimonial_small_img .img_3 {
    left: 60px;
    z-index: 3;
}

.testimonial_small_img .img_4 {
    left: 90px;
    z-index: 2;
}

.testimonial_client_img_area p {
    color: var(--colorBlack);
    font-size: 20px;
    font-weight: 500;
    line-height: initial;
}

.testimonial_client_img_area p span {
    color: var(--ratingColor);
    margin-left: 5px;
}

.tf__testi_slider_area {
    padding-left: 40px;
    position: relative;
}

.tf__testi_slider_item {
    margin: 12px;
    border-radius: 60px 4px;
    background: #FFF;
    box-shadow: 0px 5px 8px 0px rgba(51, 51, 51, 0.10);
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

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

.tf__testi_slider_text {
    max-width: 68%;
}

.tf__testi_slider_text .rating {
    color: var(--ratingColor);
}

.tf__testi_slider_text .description {
    font-weight: 500;
    line-height: 30px;
    margin: 20px 0px;
}

.tf__testi_slider_text h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.tf__testi_slider_text span {
    display: block;
}

.tf__testi_slider_area .slick-dots {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    right: -80px;
    transform: rotate(-90deg) translateY(-50%);
    margin: 0;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -moz-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    -o-transform: rotate(-90deg) translateY(-50%);
}

/* textimonial end */

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

.tf__counter::after {
    position: absolute;
    content: "";
    background: url(../images/counter_bg_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tf__counter_overlay {
    background: #0b277ae6;
}

.tf__single_counter {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 25px;
}

.tf__single_counter .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.tf__single_counter h3,
.tf__single_counter h3 span {
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--headingFont);
    font-size: 48px;
    font-weight: 700;
}

.tf__single_counter p {
    text-align: center;
    color: var(--colorWhite);
    font-size: 16px;
    opacity: .7;
}

/* counter end */

/* download app start */
.tf__download_app {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tf__download_app .tf__section_heading {
    text-align: left;
}

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

.tf__download_app_text p {
    line-height: 30px;
    letter-spacing: -0.8px;
}

.tf__download_app_text ul {
    gap: 10px;
    margin-top: 55px;
}

.tf__download_app_text ul li a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #01040E14;
    padding: 14px 34px;
    display: inline-flex;
    align-items: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__download_app_text ul li a i {
    font-size: 30px;
    margin-right: 10px;
}

.tf__download_app_text ul li a.play_store {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.tf__download_app_text ul li a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
    border-color: var(--colorBlack);
}

.tf__download_app_img {
    max-width: 530px;
    max-height: 610px;
    animation: shakeAnimi linear 4s infinite alternate;
    -webkit-animation: shakeAnimi linear 4s infinite alternate;
}

/* download app end */

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

.tf__blog .tf__section_heading h2 span::after {
    top: 8px;
    height: 46px;
}

.tf__single_blog {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 10px 0px rgba(51, 51, 51, 0.10);
    margin-top: 25px;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__single_blog_img {
    display: block;
    height: 300px;
    overflow: hidden;
}

.tf__single_blog_img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_blog_text {
    padding: 40px;
    position: relative;
}

.tf__single_blog_text .date {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 32px;
    font-weight: 700;
    display: inline-block;
    background: var(--colorPrimary);
    text-align: center;
    width: 80px;
    height: 70px;
    line-height: initial;
    border-radius: 4px;
    position: absolute;
    top: -52px;
    left: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__single_blog_text .date span {
    color: var(--colorWhite);
    display: block;
    line-height: 20px;
}

.tf__single_blog_text ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 10px;
}

.tf__single_blog_text ul li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

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

.tf__single_blog_text .description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
    margin-top: 10px;
    padding-top: 15px;
    position: relative;
}

.tf__single_blog_text .description::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #696A6F40;
    top: 1px;
    left: 0;
}

.tf__single_blog_text .description::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    background: var(--colorYellow);
    top: 0;
    left: 0;
    z-index: 1;
}

.blog_slider .tf__single_blog {
    margin: 25px 12px 0px 12px;
}

.tf__single_blog:hover {
    margin-top: 15px;
}

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

.tf__blog::after {
    position: absolute;
    content: "";
    background: url(../images/blog_shape_1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 195px;
    top: 0;
    left: 3%;
    animation: zoomAnimi linear 2s infinite alternate;
    -webkit-animation: zoomAnimi linear 2s infinite alternate;
}

.tf__blog::before {
    position: absolute;
    content: "";
    background: url(../images/blog_shape_2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 130px;
    top: 20%;
    right: 5%;
    animation: shakeAnimi linear 2s infinite alternate;
    -webkit-animation: shakeAnimi linear 2s infinite alternate;
}

/* blog end */

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

.footer_overlay {
    background: #01040eb8;
}

.tf__footer_subscribe {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    top: -90px;
    margin-bottom: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__footer_subscribe_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 60px;
}

.tf__footer_subscribe_text h2 {
    font-size: 48px;
    font-weight: 700;
}

.tf__footer_subscribe_text form {
    position: relative;
    width: 500px;
}

.tf__footer_subscribe_text form input {
    padding: 19px 20px;
}

.tf__footer_subscribe_text form button {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    padding: 11px 40px;
    font-size: 18px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.tf__footer_info .footer_logo {
    display: block;
    width: 200px;
    margin-bottom: 20px;
}

.tf__footer_info p {
    color: var(--colorWhite);
    opacity: .7;
    line-height: 30px;
    font-size: 15px;
}

.tf__footer_info h4 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid var(--colorWhite);
    margin-bottom: 20px;
    margin-top: 30px;
}

.tf__footer_info ul {
    gap: 10px;
}

.tf__footer_info ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 14px;
    border: 1px solid #424349;
    border-radius: 4px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__footer_info ul li a:hover {
    background: var(--colorWhite);
    border-color: var(--colorWhite);
    color: var(--colorBlack);
}

.tf__footer_link h3,
.tf__footer_contact h3,
.tf__footer_gallery h3,
.tf__footer_newsletter h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    border-bottom: 2px solid var(--colorWhite);
    margin-bottom: 20px;
}

.tf__footer_link ul li a {
    display: block;
    color: var(--colorWhite);
    opacity: .7;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    margin-top: 22px;
    padding-left: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__footer_link ul li a:hover {
    opacity: 1;
    padding-left: 22px;
}

.tf__footer_link ul li a::after {
    position: absolute;
    content: "\f0da";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 16px;
    color: var(--colorWhite);
    top: -2px;
    left: 0;
    opacity: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__footer_link ul li a:hover::after {
    left: 6px;
}

.tf__footer_contact ul li {
    position: relative;
    padding-left: 60px;
    margin-top: 25px;
}

.tf__footer_contact ul li span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 16px;
    border: 1px solid #424349;
    border-radius: 4px;
    position: absolute;
    top: 3px;
    left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__footer_contact ul li p,
.tf__footer_contact ul li a {
    font-size: 15px;
    font-weight: 400;
    color: var(--colorWhite);
    opacity: .7;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__footer_contact ul li a:hover {
    opacity: 1;
}

.tf__footer_gallery ul {
    gap: 15px;
    margin-top: 25px;
    justify-content: space-between;
}

.tf__footer_gallery ul li a {
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__footer_gallery ul li a .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colorWhite);
    background: #0b277aad;
    opacity: 0;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__footer_gallery ul li a:hover .overlay {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.tf__footer_copyright {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #3a3c42;
    padding: 30px 0px;
    margin-top: 140px;
}

.tf__footer_copyright p {
    color: var(--colorWhite);
    opacity: .7;
}

.tf__footer_copyright ul {
    gap: 20px;
}

.tf__footer_copyright ul li a {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    opacity: .7;
    position: relative;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__footer_copyright ul li a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 2px;
    background: var(--colorWhite);
    opacity: .6;
    top: 10px;
    right: -13px;
}

.tf__footer_copyright ul li:last-child a::after {
    display: none;
}

.tf__footer_copyright ul li a:hover {
    opacity: 1;
}

/* footer end */
/*==========================
    HOME PAGE 1 END
==========================*/

/*==========================
    HOME PAGE 2 START
==========================*/
.home_2 .tf__common_btn {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.home_2 .tf__section_heading h5 {
    padding-left: 0;
    padding-right: 70px;
}

.home_2 .tf__section_heading h5::after {
    background: var(--colorPrimary);
    width: 60px;
    height: 2px;
    top: 11px;
    left: auto;
    right: 0;
}

.home_2 .slick-dots li button {
    width: 10px;
    height: 10px;
}

.home_2 .tf__menu_search form input {
    border-radius: 40px;
}

/* topbar 2 start */
.tf__topbar_2 {
    position: fixed;
    background: transparent;
    height: 50px;
}

.tf__topbar_2 .tf__topbar_left,
.tf__topbar_2 .tf__topbar_right {
    line-height: 50px;
}

.tf__topbar_2 .tf__topbar_right li a {
    color: var(--colorWhite);
}

.tf__topbar_2 .tf__topbar_left li a,
.tf__topbar_2 .tf__topbar_left li p {
    color: #F8F8F860;
}

.tf__topbar_2 .tf__topbar_left li a:hover,
.tf__topbar_2 .tf__topbar_left li p:hover {
    color: var(--colorWhite);
}

.tf__topbar_2::after {
    display: none;
}

/* topbar 2 end */

/* main menu 2 start */
.tf__main_menu_2 {
    position: fixed;
    top: 50px;
    background: transparent;
    height: 80px;
}

.tf__main_menu_2 .container {
    background: #233D87;
    border-radius: 100px;
    padding: 0px 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.tf__main_menu_2.menu_fix .container {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.tf__main_menu_2 .navbar-nav {
    line-height: 80px;
}

.tf__main_menu_2 .navbar-nav .nav-item .nav-link::after {
    display: none;
}

.tf__main_menu_2 .right_menu li .user_btn {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__main_menu_2 .right_menu {
    line-height: 80px;
}

.tf__main_menu_2 .right_menu li .search {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: transparent;
    color: var(--colorWhite);
    margin-top: 15px;
    border: 1px solid #ffffff14;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__main_menu_2 .right_menu li .search:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
    border-color: var(--colorYellow);
}

.tf__main_menu_2 .right_menu li .hire_btn {
    border-radius: 50px;
    margin: 0px 15px;
    background: transparent;
    border: 1px solid #ffffff14;
    color: var(--colorWhite);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.tf__main_menu_2 .right_menu li .hire_btn:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

/* main menu 2 end */

/* banner 2 start */
.tf__banner_2 {
    height: 100vh;
}

.tf__banner_2::after,
.tf__banner_2 .tf__banner_text::after {
    display: none;
}

.tf__banner_2 .tf__banner_img {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: end;
}

.tf__banner_2 .tf__banner_img .img {
    height: 700px;
    position: relative;
    z-index: 1;
}

.tf__banner_2 .tf__banner_img .img::after {
    position: absolute;
    content: "";
    background: url(../images/banner_2_img_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 680px;
    height: 680px;
    bottom: -20px;
    left: -115px;
    z-index: -1;
    animation: banner_2_animi linear 2s infinite alternate;
    -webkit-animation: banner_2_animi linear 2s infinite alternate;
}

@keyframes banner_2_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.03);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
    }
}

.tf__banner_2 .tf__banner_text h1 {
    font-size: 70px;
    color: var(--colorWhite);
}

.tf__banner_2 .tf__banner_text h5 {
    color: var(--colorWhite);
    font-size: 16px;
    display: inline-block;
}

.tf__banner_2 .tf__banner_text h5::after {
    background: var(--colorWhite);
    width: 60px;
    height: 2px;
    top: 9px;
    left: 110%;
}

.tf__banner_2 .tf__banner_text p {
    color: var(--colorWhite);
    opacity: .6;
    margin-top: 22px;
}

.tf__banner_2 .tf__common_btn {
    font-size: 18px;
}

.tf__banner_2 .tf__common_btn i {
    transform: rotate(40deg);
    margin-left: 5px;
    font-size: 16px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
}

.tf__banner_2 .tf__banner_text ul {
    position: relative;
}

.tf__banner_2 .tf__banner_text ul::after {
    position: absolute;
    content: "";
    background: url(../images/banner_2_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    top: 13px;
    right: -60px;
}

.tf__banner_2 .tf__banner_text {
    padding-top: 45px;
}

/* banner 2 end */

/* why choose us 2 start */
.tf__why_choose_2 {
    margin-top: -90px;
}

.tf__why_choose_2 .tf__why_choose_item {
    padding: 50px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__why_choose_2 .tf__why_choose_item span {
    width: 70px;
    height: 70px;
    border-radius: 0;
    background: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.tf__why_choose_2 .tf__why_choose_item::after {
    position: absolute;
    content: "";
    background: url(../images/why_choose_2_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__why_choose_2 .tf__why_choose_item:hover::after,
.tf__why_choose_2 .tf__why_choose_item.active::after {
    opacity: 1;
}

/* why choose us 2 end */

/* about 2 start */
.tf__about_2 .tf__about_text ul li::after {
    position: absolute;
    content: "";
    background: url(../images/about_check_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 28px;
    top: 0;
    left: 0;
}

.tf__about_2 .tf__about_text ul li {
    color: var(--Text-Color, #01040E);
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    padding-left: 40px;
    margin-bottom: 24px;
}

.tf__about_2 .tf__about_text p {
    margin-top: 22px;
    margin-bottom: 40px;
}

.tf__about_2 .tf__about_btn_area {
    margin-top: 35px;
}

.tf__about_2 .tf__about_btn_area a {
    margin-right: 30px;
}

.tf__about_2 .tf__about_btn_area a i {
    margin-left: 5px;
    transform: rotate(41deg);
    font-size: 16px;
    -webkit-transform: rotate(41deg);
    -moz-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    -o-transform: rotate(41deg);
}

.tf__about_2 .tf__about_btn_area p {
    padding-left: 70px;
    position: relative;
    margin: 0;
}

.tf__about_2 .tf__about_btn_area p span {
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
}

.tf__about_2 .tf__about_btn_area p::after {
    position: absolute;
    content: "";
    background: url(../images/about_call_icon.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 60px;
    height: 60px;
    top: 5px;
    left: 0;
}

.tf__about_2 .tf__about_img {
    margin-right: 0;
}

.tf__about_2 .tf__about_img .img_1 {
    width: 435px;
    height: 620px;
    position: relative;
    margin-left: auto;
}

.tf__about_2 .tf__about_img .img_1 img {
    border-radius: 4px 4px 140px 4px;
    -webkit-border-radius: 4px 4px 140px 4px;
    -moz-border-radius: 4px 4px 140px 4px;
    -ms-border-radius: 4px 4px 140px 4px;
    -o-border-radius: 4px 4px 140px 4px;
}

.tf__about_2 .tf__about_img::after {
    display: none;
}

.tf__about_2 .tf__about_img .img_1::before {
    display: none;
}

.tf__about_2 .tf__about_img .img_1::after {
    background: url(../images/about_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 560px;
    height: 420px;
    top: -45px;
    left: -45px;
    animation: banner_2_animi linear 2s infinite alternate;
    -webkit-animation: banner_2_animi linear 2s infinite alternate;
}

.tf__about_2 .tf__about_img .small_text {
    width: 170px;
    height: 175px;
    text-align: center;
    background: var(--colorYellow);
    line-height: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 4px 4px 4px 40px;
    padding: 30px;
    position: absolute;
    bottom: -20px;
    left: 0;
    -webkit-border-radius: 4px 4px 4px 40px;
    -moz-border-radius: 4px 4px 4px 40px;
    -ms-border-radius: 4px 4px 4px 40px;
    -o-border-radius: 4px 4px 4px 40px;
}

.tf__about_2 .tf__about_img .small_text span {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* about 2 end */

/* category 2 start */
.categories_2 .tf__section_heading h5,
.categories_2 .tf__section_heading h2 {
    color: var(--colorWhite);
}

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

.categories_2 .single_category {
    background: transparent;
    padding: 0;
    margin: 25px 0px 0px 0px;
    overflow: initial;
}

.categories_2 .single_category::after {
    display: none;
}

.categories_2 .single_category span {
    width: 190px;
    height: 190px;
    padding: 55px;
    position: relative;
}

.categories_2 .single_category h5 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.categories_2 .single_category p {
    color: var(--colorWhite);
    text-align: center;
    opacity: .6;
}

.categories_2 .single_category.shape_1 span::after {
    position: absolute;
    content: "";
    background: url(../images/category_2_shape_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 100px;
    top: 15px;
    left: -20px;
}

.categories_2 .single_category.shape_2 span::after {
    position: absolute;
    content: "";
    background: url(../images/category_2_shape_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 100px;
    top: 100px;
    left: -20px;
}

.categories_2 .single_category.shape_3 span::after {
    position: absolute;
    content: "";
    background: url(../images/category_2_shape_3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 100px;
    top: 15px;
    left: -20px;
}

/* category 2 end */

/* work process 2 start */
.tf__work_process_2 .tf__work_process_item span {
    width: 160px;
    height: 160px;
    border-radius: 4px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: var(--colorBlack);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__work_process_2 .tf__work_process_item.rotate_10 span {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

.tf__work_process_2 .tf__work_process_item.rotate_3 span {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}

.tf__work_process_2 .tf__work_process_item span::after {
    display: none;
}

.tf__work_process_2 .tf__work_process_item h4 {
    margin-top: 43px;
}

.tf__work_process_2 .tf__work_process_item p {
    width: 63%;
    margin: 0 auto;
}

.tf__work_process_2 .tf__work_process_area {
    position: relative;
    margin: 0px 20px;
}

.tf__work_process_2 .tf__work_process_area::after {
    position: absolute;
    content: "";
    background: url(../images/work_process_2_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 131px;
    top: 30px;
    left: 0;
}

/* work process 2 end */

/* counter 2 start */
.tf__counter_2 {
    position: relative;
}

.tf__counter_2::after {
    display: none;
}

.tf__counter_2 .tf__counter_overlay {
    background: #0b277ae0;
}

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

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

.tf__counter_2 .tf__single_counter {
    background: var(--colorWhite);
    padding: 60px 50px;
    border-radius: 8px;
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__counter_2 .tf__single_counter h3,
.tf__counter_2 .tf__single_counter h3 span {
    color: var(--colorBlack);
}

.tf__counter_2 .tf__single_counter p {
    color: var(--paraColor);
}

.tf__counter_2::before {
    position: absolute;
    content: "";
    background: #f6f4f4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 155px;
    top: auto;
    bottom: -1px;
    left: 0;
}

/* counter 2 end */

/* testimonial 2 start */
.tf__testimonial_2 .tf__section_heading {
    text-align: center;
}

.tf__single_testimonial_2 {
    margin: 0px 12px;
}

.tf__single_testimonial_2 .text {
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgba(51, 51, 51, 0.10);
    border-radius: 4px;
    padding: 40px 40px 80px 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__single_testimonial_2 .text span {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #0B277A20;
    border-radius: 50%;
    padding: 5px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_testimonial_2 .text span img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_testimonial_2 .text p {
    text-align: center;
    line-height: 32px;
    margin-top: 25px;
}

.tf__single_testimonial_2 .img {
    text-align: center;
    margin-top: -55px;
}

.tf__single_testimonial_2 .img span {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 2px solid var(--colorWhite);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_testimonial_2 .img .rating {
    color: var(--ratingColor);
    margin-top: 17px;
}

.tf__single_testimonial_2 .img h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 4px;
}

.tf__single_testimonial_2 .img .designation {
    font-size: 14px;
}

.tf__single_testimonial_2 .text span::after,
.tf__single_testimonial_2 .text span::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    background: var(--colorPrimary);
    top: 25px;
    right: 80px;
}

.tf__single_testimonial_2 .text span::before {
    right: auto;
    left: 80px;
}

/* testimonial 2 end */

/* join seller 2 start */
.tf__join_seller_2 .tf__join_seller_text {
    padding-right: 0;
    padding-left: 100px;
}

/* join seller 2 end */

/* download app 2 start */
.tf__download_app_2 .tf__download_app_text h5,
.tf__download_app_2 .tf__download_app_text h2 {
    color: var(--colorWhite);
}

.tf__download_app_2 .tf__download_app_text p {
    color: var(--colorWhite);
    opacity: .6;
}

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

.tf__download_app_2 .tf__download_app_text ul li a {
    color: var(--colorWhite);
    border: 1px solid #F8F8F814;
}

.tf__download_app_2 .tf__download_app_text ul li a.play_store {
    background: var(--colorWhite);
    color: var(--colorBlack) !important;
    border-color: var(--colorWhite);
}

.tf__download_app_2 .tf__download_app_text ul li a:hover {
    background: var(--colorBlack) !important;
    color: var(--colorWhite) !important;
    border-color: var(--colorBlack) !important;
}

/* download app 2 end */

/* blog 2 start */
.tf__blog_2 .tf__single_blog_text .description::before,
.tf__blog_2 .tf__single_blog_text .description::after {
    display: none;
}

.tf__blog_2 .tf__single_blog_text .description {
    padding-top: 0;
}

.tf__blog_2 .tf__single_blog_text .blog_read_btn {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    display: inline-block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__blog_2 .tf__single_blog_text .blog_read_btn i {
    transform: rotate(40deg);
    margin-left: 5px;
    font-size: 16px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
}

.tf__blog_2 .tf__single_blog_text .blog_read_btn:hover {
    color: var(--colorPrimary);
}

.tf__blog_2 .tf__single_blog_text ul li i {
    color: var(--colorYellow);
}

.tf__blog_2 .tf__single_blog_text .blog_category {
    background: var(--colorYellow);
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0px 4px 0px 0px;
    padding: 6px 20px;
    text-transform: capitalize;
    position: absolute;
    top: -32px;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    -ms-border-radius: 0px 4px 0px 0px;
    -o-border-radius: 0px 4px 0px 0px;
}

.tf__blog_2 .tf__single_blog_text .blog_category:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

/* blog 2 end */

/* subscribe 2 start */
.tf__subscribe_2 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tf__subscribe_2_text h2 {
    color: var(--colorBlack);
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 40px;
}

.tf__subscribe_2_text form {
    position: relative;
}

.tf__subscribe_2_text form input {
    padding: 20px 35px;
    border-radius: 50px;
}

.tf__subscribe_2_text form button {
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    padding: 11px 40px;
    font-size: 18px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* subscribe 2 end */

/* footer 2 start */
.footer_2 .footer_overlay {
    background: #0b277a94;
}

.footer_2 .tf__footer_contact ul li span {
    border: 1px solid #f8f8f857;
}

.footer_2 .tf__footer_copyright {
    border-top: 1px solid #f8f8f830;
}

.footer_2 .tf__footer_info .support {
    padding-left: 65px;
    position: relative;
    margin-top: 32px;
}

.footer_2 .tf__footer_info .support h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.footer_2 .tf__footer_info .support span {
    color: var(--colorWhite);
    opacity: .7;
}

.footer_2 .tf__footer_info .support::after {
    position: absolute;
    content: "";
    background: url(../images/footer_2_support_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
}

.footer_2 .tf__footer_copyright .copyright_link {
    gap: 10px;
}

.footer_2 .tf__footer_copyright .copyright_link li span {
    color: var(--colorWhite);
    font-weight: 600;
}

.footer_2 .tf__footer_copyright .copyright_link li a {
    opacity: 1;
}

.footer_2 .tf__footer_copyright .copyright_link li a:hover {
    opacity: .7;
}

.footer_2 .tf__footer_copyright .copyright_link li a::after {
    display: none;
}

/* footer 2 end */

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

/*==========================
    HOME PAGE 3 START
==========================*/
.home_3 .slick-dots li button {
    width: 10px;
    height: 10px;
}

.home_3 .tf__common_btn {
    padding: 15px 32px;
}

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

.home_3 .tf__common_btn i {
    margin-left: 5px;
}

.home_3 .tf__section_heading h5 {
    padding-left: 10px;
    position: relative;
    z-index: 1;
}

.home_3 .tf__section_heading h5::after {
    width: 50px;
    height: 27px;
    top: -1px;
    left: 0;
    z-index: -1;
    border-radius: 0px 30px 30px 0px;
    background: var(--colorYellow);
    -webkit-border-radius: 0px 30px 30px 0px;
    -moz-border-radius: 0px 30px 30px 0px;
    -ms-border-radius: 0px 30px 30px 0px;
    -o-border-radius: 0px 30px 30px 0px;
}

.home_3 .tf__menu_search form input {
    padding: 23px 30px;
}

/* menu 3 start */
.tf__main_menu_3 {
    background: transparent;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #f8f8f814;
}

.tf__main_menu_3.menu_fix {
    background: var(--colorPrimary);
}

/* menu 3 end */

/* banner 3 start */
.tf__banner_3 {
    height: 100vh;
}

.tf__banner_3 div {
    height: 100%;
}

.tf__banner_3 .tf__banner_text h5 {
    color: var(--colorWhite);
    padding-left: 45px;
}

.tf__banner_3 .tf__banner_text h1 {
    color: var(--colorWhite);
    font-size: 70px;
}

.tf__banner_3 .tf__banner_text h5::after {
    background: url(../images/banner_3_shapes_3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 60px;
    height: 55px;
    top: -25px;
    left: -15px;
}

.tf__banner_3 .banner_search {
    background: var(--colorWhite);
    border-radius: 4px;
    justify-content: space-between;
    position: relative;
    padding: 10px;
}

.tf__banner_3 .banner_search li {
    position: relative;
    margin-right: 0;
}

.tf__banner_3 .banner_search li button {
    font-size: 16px;
    padding: 9px 20px;
    margin: 0;
}

.tf__banner_3 .banner_search li button i {
    margin-right: 5px;
    font-size: 14px;
}

.tf__banner_3 .banner_search li button:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__banner_3 .tf__banner_text::after {
    position: absolute;
    content: "";
    background: url(../images/banner_3_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    bottom: 33%;
    right: 10%;
}

.tf__banner_3 .tf__banner_text::before {
    position: absolute;
    content: "";
    background: url(../images/banner_3_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    top: 20%;
    right: 10%;
    animation: zoomAnimi linear 3s infinite alternate;
    -webkit-animation: zoomAnimi linear 3s infinite alternate;
}

.tf__banner_3 .select2-container .select2-selection--single {
    height: 42px;
    border: 1px solid #0b27871a;
    background: none;
    border-radius: 4px;
}

.tf__banner_3 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--colorBlack);
    line-height: 42px;
    padding-left: 20px;
}

.tf__banner_3 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 5px;
    margin-left: -20px;
}

.tf__banner_3 .banner_search li .select2-container {
    width: 220px !important;
    margin-right: 14px;
}

.tf__banner_3 .tf__banner_text {
    padding-top: 85px;
}

.tf__banner_3 .tf__banner_img_3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    position: relative;
    padding-top: 85px;
}

.tf__banner_3 .tf__banner_img_3 .img {
    width: 550px;
    height: 600px;
    position: relative;
    right: -30px;
}

/* banner 3 end */

/* category 3 start */
.tf__category_item_3 {
    display: block;
    height: 300px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    margin-top: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__category_item_3 img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__category_item_3 .text {
    position: absolute;
    bottom: 0;
    right: 0px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    overflow: hidden;
    padding: 13px;
    padding-left: 60px;
    margin: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__category_item_3 .text span {
    display: block;
    width: 50px;
    height: 50px;
    background: var(--colorPrimary);
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.tf__category_item_3 .text h3 {
    font-size: 20px;
    font-weight: 700;
}

.tf__category_item_3: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);
}

/* category 3 end */

/* about 3 start */
.tf__about_img_3 {
    position: relative;
}

.tf__about_img_3 .img_1 {
    width: 550px;
    height: 550px;
    position: relative;
}

.tf__about_img_3 .img_1::after {
    position: absolute;
    content: "";
    width: 500px;
    height: 500px;
    background: var(--colorYellow);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 0;
    right: -15px;
    z-index: -1;
}

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

.tf__about_img_3 .img_1 p {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 24px;
    font-weight: 700;
    background: var(--colorPrimary);
    position: absolute;
    top: 37%;
    left: -60px;
    border-radius: 60px 60px 60px 0px;
    padding: 15px 40px;
    -webkit-border-radius: 60px 60px 60px 0px;
    -moz-border-radius: 60px 60px 60px 0px;
    -ms-border-radius: 60px 60px 60px 0px;
    -o-border-radius: 60px 60px 60px 0px;
}

.tf__about_img_3 .img_1 p::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 75px;
    background: #091f60;
    top: 27px;
    left: 13px;
    z-index: -1;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}

.tf__about_img_3 .img_2 {
    width: 230px;
    height: 250px;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    bottom: -18px;
    left: -60px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__about_3 .tf__section_heading h5,
.tf__about_3 .tf__section_heading h2 {
    text-align: left;
    display: block;
}

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

.tf__about_text_3 ul li {
    width: 48%;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    padding: 20px 20px 20px 50px;
    margin-top: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__about_text_3 ul li h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
}

.tf__about_text_3 ul li h4::after {
    position: absolute;
    content: "\f061";
    font-family: "font awesome 5 free";
    font-size: 12px;
    font-weight: 600;
    background: var(--colorPrimary);
    top: -1px;
    left: -35px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: var(--colorWhite);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__about_text_3 .about_btn_area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 60px;
}

.tf__about_text_3 .about_btn_area .img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 20px;
}

.tf__about_text_3 .about_btn_area .img span {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--colorPrimary);
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__about_text_3 .about_btn_area .img p {
    font-size: 12px;
}

.tf__about_text_3 .about_btn_area .img p b {
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 500;
}

/* about 3 end */

/* counter 3 start */
.tf__counter_3 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tf__counter_3_overlay {
    background: #0b277ae0;
}

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

.tf__counter_3_text {
    margin-top: 25px;
}

.tf__counter_3_text h2,
.tf__counter_3_text h2 span {
    color: var(--colorWhite);
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
}

.tf__counter_3_text p {
    color: var(--colorWhite);
    font-size: 20px;
    text-align: center;
    opacity: .7;
}

/* counter 3 end */

/* service 3 start */
.tf__single_services_3 {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    overflow: hidden;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__single_services_img_3 {
    height: 240px;
    position: relative;
    overflow: hidden;
}

.tf__single_services_img_3 img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_services_img_3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_services_img_3 .category {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    background: var(--colorYellow);
    padding: 4px 11px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__single_services_img_3 .love {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #a3ddffb0;
    color: var(--colorBlack);
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_services_img_3 .love:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.tf__single_services_img_3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.tf__single_services_img_3 ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.tf__single_services_img_3 ul li .img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_services_img_3 ul li .rating {
    color: var(--ratingColor);
}

.tf__single_services_img_3 ul li span {
    color: var(--colorWhite);
    margin-left: 5px;
}

.tf__single_services_text_3 {
    padding: 30px 30px 25px 30px;
}

.tf__single_services_text_3 p {
    margin-top: 15px;
    margin-bottom: 20px;
}

.tf__single_services_text_3 p i {
    margin-right: 5px;
}

.tf__single_services_text_3 .btn_area span {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 36px;
    font-weight: 700;
}

.tf__single_services_text_3 .btn_area a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    border: 1px solid #01040E14;
    border-radius: 4px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__single_services_text_3 .btn_area a:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

.tf__single_services_3:hover .tf__single_services_img_3::after {
    opacity: .5;
}

.tf__single_services_3:hover {
    margin-top: 15px;
}

.tf__single_services_3:hover .tf__single_services_img_3 img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

/* service 3 end */

/* work process 3 start */
.tf__work_process_3 {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

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

.tf__work_process_3 .tf__work_process_area {
    position: relative;
}

.tf__work_process_3 .tf__work_process_area::after {
    position: absolute;
    content: "";
    background: url(../images/work_process_3_shapes_3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 168px;
    top: 30px;
    left: 0;
}

.tf__work_process_item_3 {
    margin-top: 25px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.tf__work_process_item_3 .img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.tf__work_process_item_3 .img h6 {
    color: var(--colorBlack);
    font-size: 24px;
    font-weight: 700;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    position: absolute;
    bottom: 17px;
    right: 0;
    z-index: 2;
}

.tf__work_process_item_3 .img h6::after {
    position: absolute;
    content: "";
    background: url(../images/counter_3_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.tf__work_process_item_3 h3 {
    color: var(--colorWhite);
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 17px;
}

.tf__work_process_item_3 p {
    color: var(--colorWhite);
    width: 70%;
    margin: 0 auto;
    opacity: .7;
}

.tf__work_process_item_3.center .img h6 {
    bottom: 17px;
    top: 17px;
}

/* work process 3 end */

/* why choose 3 start */
.tf__why_choose_3 .tf__section_heading {
    text-align: left;
}

.tf__why_choose_text_3 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 47px;
}

.tf__why_choose_text_3 ul li {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left: 35px;
    width: 47%;
    margin-top: 15px;
}

.tf__why_choose_text_3 ul li::after {
    position: absolute;
    content: "";
    background: url(../images/about_check_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 22px;
    top: 0;
    left: 0;
}

.tf__why_choose_img_3 {
    position: relative;
}

.tf__why_choose_img_3 .img {
    width: 450px;
    height: 450px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__why_choose_img_3::after {
    position: absolute;
    content: "";
    background: url(../images/why_choose_2_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 330px;
    height: 367px;
    top: 25px;
    right: 50px;
    z-index: -1;
}

.tf__why_choose_img_3 .text {
    width: 220px;
    height: 220px;
    background: var(--colorPrimary);
    border-radius: 50%;
    padding: 35px;
    position: absolute;
    bottom: -25px;
    left: -35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__why_choose_img_3 .text span {
    display: block;
    width: 70px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.tf__why_choose_img_3 .text p {
    color: var(--colorWhite);
    text-align: center;
}

/* why choose 3 end */

/* seller join 3 start */
.tf__join_seller_3 .tf__join_seller_text {
    padding-right: 0;
}

.tf__join_seller_3 .tf__common_btn {
    color: var(--colorBlack);
    background: var(--colorYellow);
    font-weight: 700;
}

.tf__join_seller_3 .tf__common_btn:hover {
    color: var(--colorWhite);
}

/* seller join 3 end */

/* testimonial 3 start */
.tf__testimonial_3 .tf__section_heading {
    text-align: center;
}

.tf__testimonial_3_text {
    text-align: center;
    padding: 0px 200px;
}

.tf__testimonial_3_text .img {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__testimonial_3_text p {
    text-align: center;
    line-height: 32px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.tf__testimonial_3_text h3 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}

.tf__testimonial_3_text span {
    font-size: 14px;
    font-weight: 400;
}

/* testimonial 3 end */

/* download app 3 start */
.tf__download_app_3 .tf__download_app_img_3 {
    width: 310px;
    position: relative;
    z-index: 1;
}

.tf__download_app_3 .tf__download_app_img_3::after {
    position: absolute;
    content: "";
    background: url(../images/download_img_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 500px;
    height: 500px;
    top: -15px;
    left: -90px;
    z-index: -1;
    animation: zoomAnimi linear 3s infinite alternate;
    -webkit-animation: zoomAnimi linear 3s infinite alternate;
}

.tf__download_app_3 .tf__download_app_text h5,
.tf__download_app_3 .tf__download_app_text h2,
.tf__download_app_3 .tf__download_app_text p {
    color: var(--colorWhite);
}

.tf__download_app_3 .tf__download_app_text p {
    opacity: .7;
}

.tf__download_app_3 .tf__download_app_text ul li a {
    color: var(--colorWhite);
    border: 1px solid #f8f8f824;
}

.tf__download_app_3 .tf__download_app_text ul li a.play_store {
    background: var(--colorYellow);
    color: var(--colorBlack);
    border-color: var(--colorYellow);
}

.tf__download_app_3 .tf__download_app_text ul li a:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
    border-color: var(--colorYellow);
}

/* download app 3 end */

/* blog 3 start */
.tf__blog_3 .tf__single_blog_img {
    position: relative;
}

.tf__blog_3 .tf__single_blog_img .category {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    padding: 9px 20px;
    border-radius: 30px;
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.tf__blog_3 .tf__single_blog_img .category:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.tf__blog_3 .tf__single_blog_text {
    padding: 30px;
}

.tf__blog_3 .tf__single_blog_text .header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #696A6F40;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.tf__blog_3 .tf__single_blog_text .header p {
    font-family: var(--headingFont);
}

.tf__blog_3 .tf__single_blog_text .header p span {
    margin-left: 10px;
}

.tf__blog_3 .tf__single_blog_text .header p span i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

.tf__blog_3 .tf__single_blog_text .read_btn {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__blog_3 .tf__single_blog_text .read_btn i {
    transform: rotate(40deg);
    margin-left: 5px;
    font-size: 16px;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
}

.tf__blog_3 .tf__single_blog_text .read_btn:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.tf__blog_3 .tf__single_blog_text .description {
    margin-top: 0px;
    margin-bottom: 18px;
}

.tf__blog_3 .tf__single_blog_text .description::after,
.tf__blog_3 .tf__single_blog_text .description::before {
    display: none;
}

/* blog 3 end */

/* footer 3 start */
.tf__footer_3 .tf__footer_newsletter p {
    color: var(--colorWhite);
    line-height: 30px;
    opacity: .7;
    margin-top: 20px;
    margin-bottom: 40px;
}

.tf__footer_3 .tf__footer_newsletter form {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.tf__footer_3 .tf__footer_newsletter input {
    border-radius: 35px;
    padding: 12px 30px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
}

.tf__footer_3 .tf__footer_newsletter button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--colorYellow);
    padding-right: 7px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

/* footer 3 end */
/*==========================
    HOME PAGE 3 END
==========================*/

/*==========================
    ABOUT PAGE START
==========================*/
.tf__team .tf__section_heading h2 span::after {
    top: 4px;
    height: 56px;
}

.tf__single_team {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 1px 10px 0px rgba(51, 51, 51, 0.10);
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__single_team_img {
    height: 420px;
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    background: #fff;
}

.tf__single_team_text {
    background: #fff;
    padding: 30px;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0px 0px 8px 8px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -ms-border-radius: 0px 0px 8px 8px;
    -o-border-radius: 0px 0px 8px 8px;
}

.tf__single_team_text::after {
    position: absolute;
    content: "";
    background: url(../images/team_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 50px;
    top: -49px;
    left: 0;
    z-index: 1;
}

.tf__single_team_text h3 {
    color: var(--Text-Color, #01040E);
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_team_text p {
    text-align: center;
    opacity: .8;
    margin-top: 5px;
    margin-bottom: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_team_text ul {
    justify-content: center;
    gap: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -30px;
    opacity: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_team_text ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: var(--colorBlack);
    background: var(--colorYellow);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__single_team:hover ul {
    bottom: 30px;
    padding-top: 0;
    opacity: 1;
}

.tf__single_team:hover p {
    margin-bottom: 65px;
}

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

.tf__single_team:hover .tf__single_team_text {
    margin-top: -70px;
}

.team_slider .tf__single_team {
    margin: 0px 12px;
}

.bg_bottom_align {
    margin-bottom: -90px;
}

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

/*==========================
    SERVICES PAGE START
==========================*/
.tf__services_page {
    position: relative;
}

.tf__services_page form {
    border-radius: 8px;
    background: #0B277A10;
    padding: 30px 30px 5px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__service_search {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 25px;
}

.tf__service_search label {
    background: var(--colorPrimary);
    padding: 12px 25px;
    display: block;
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 500;
}

.tf__service_search .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
}

.tf__service_search .select2-container .select2-selection--single {
    height: 50px;
}

.tf__service_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--paraColor);
    line-height: 50px;
    padding-left: 25px;
}

.tf__service_search .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
    right: 20px;
}

.tf__pagination ul {
    justify-content: center;
    gap: 10px;
}

.tf__pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid rgba(1, 4, 14, 0.14);
    background: #FFF !important;
    padding: 0;
    border-radius: 0 !important;
    color: var(--colorBlack) !important;
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 500;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.tf__pagination ul li a:hover,
.tf__pagination ul li a.active {
    background: var(--colorPrimary) !important;
    border-color: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
}

.page-link:focus {
    box-shadow: none;
}

/*==========================
    SERVICES PAGE END
==========================*/

/*==========================
    SERVICE DETAILS START
==========================*/
.tf__services_details_img,
.tf__booking_details_img,
.blog_details_img {
    height: 570px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eeeeee78;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__services_details_area .details_title {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 40px;
}

.tf__services_details_area .nav {
    gap: 20px;
}

.tf__services_details_area .nav .nav-item button {
    padding: 14px 24px;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
    background: #F1F5F9;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__services_details_area .nav .nav-item button:hover,
.tf__services_details_area .nav .nav-item button.active {
    background: var(--colorYellow);
}

.tf__service_details_overview h2,
.tf__service_details_text h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
}

.tf__service_details_overview p,
.tf__service_details_text p {
    line-height: 30px;
    margin-top: 25px;
}

.tf__service_details_overview h1,
.tf__service_details_overview h2,
.tf__service_details_overview h3,
.tf__service_details_overview h4,
.tf__service_details_overview h5,
.tf__service_details_overview h6,
.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: 700;
    margin-top: 30px;
    font-size: 20px;
}

.tf__service_details_overview h3,
.tf__service_details_text h3 {
    font-size: 20px;
}

.tf__service_details_overview ul,
.tf__service_details_overview ol,
.tf__service_details_text ul,
.tf__service_details_text ol {
    margin-top: 30px;
}

.tf__service_details_overview ul li,
.tf__service_details_overview ul ol,
.tf__service_details_text ul li,
.tf__service_details_text ul ol {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-top: 20px;
    padding-left: 35px;
}

.tf__service_details_overview ul li::after,
.tf__service_details_overview ul ol::after,
.tf__service_details_text ul li::after,
.tf__service_details_text ul ol::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-size: 12px;
    font-weight: 600;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    top: -2px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__service_details_text ul li,
.tf__service_details_text ul ol {
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    margin-top: 15px;
    color: var(--paraColor);
}

.tf__service_details_text ul li::after,
.tf__service_details_text ul ol::after {
    content: "";
    width: 15px;
    height: 15px;
    top: 4px;
}

.tf__service_details_review {
    border-top: 1px solid #01040E14;
    margin-top: 30px;
}

.tf__single_review {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding-bottom: 25px;
    margin-top: 30px;
}

.tf__single_review .img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_review .text {
    max-width: 88%;
}

.tf__single_review .text h4 {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tf__single_review .text h4 span {
    color: var(--ratingColor);
}

.tf__single_review .text .date {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.tf__single_review .text .description {
    line-height: 30px;
}

.tf__service_details_review .tf__pagination ul {
    justify-content: start;
}

.tf__input_review {
    border-radius: 8px;
    background: #F1F5F9;
    padding: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__input_review h3 {
    font-size: 28px;
    font-weight: 700;
}

.tf__input_review p {
    margin-top: 20px;
    margin-bottom: 35px;
}

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

.tf__input_review p i:hover {
    color: var(--ratingColor);
}

.tf__input_review p span {
    margin-left: 5px;
}

.tf__input_review form label {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.tf__input_review form input,
.tf__input_review form textarea {
    border: none;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    padding: 15px 20px;
    margin-bottom: 25px;
}

.tf__input_review form textarea {
    margin-bottom: 20px;
}

.tf__sidebar {
    padding-left: 20px;
}

.tf__sidebar_package {
    background: var(--colorPrimary);
    position: relative;
    padding: 50px;
    border-radius: 8px 8px 10px 10px;
    z-index: 1;
    text-align: center;
    box-shadow: 0px 10px 50px 0px rgba(51, 51, 51, 0.10);
    -webkit-border-radius: 8px 8px 10px 10px;
    -moz-border-radius: 8px 8px 10px 10px;
    -ms-border-radius: 8px 8px 10px 10px;
    -o-border-radius: 8px 8px 10px 10px;
}

.tf__sidebar_package::after {
    position: absolute;
    content: "";
    background: url(../images/sidebar_package_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sidebar_package h2 {
    color: var(--colorWhite);
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.tf__sidebar_package h2 sup {
    font-size: 28px;
    font-weight: 700;
    position: relative;
    top: -20px;
    right: 5px;
}

.tf__sidebar_package h2 sub {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    bottom: -5px;
}

.tf__sidebar_package span {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    background: var(--colorYellow);
    padding: 13px 30px;
    border-radius: 4px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__sidebar_package ul {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tf__sidebar_package ul li {
    position: relative;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    margin-top: 25px;
    text-align: center;
}

.tf__sidebar_package ul li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-size: 14px;
    font-weight: 600;
    color: var(--colorPrimary);
    top: 4px;
    left: 0;
}

.tf__sidebar_package a {
    font-size: 18px;
    padding: 12px 40px;
}

.tf__sidebar_provider {
    background: var(--colorPrimary);
    border-radius: 8px;
    box-shadow: 0px 4px 12px 0px rgba(18, 57, 172, 0.16);
    padding: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sidebar_provider .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 5px;
    overflow: hidden;
    background: var(--colorWhite);
    margin: 0 auto;
    margin-bottom: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__sidebar_provider h2 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.tf__sidebar_provider p {
    color: #F8F8F880;
    text-align: center;
    font-size: 14px;
    margin-bottom: 45px;
}

.tf__sidebar_provider ul {
    border-bottom: 1px solid #fff2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tf__sidebar_provider ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.tf__sidebar_provider ul li,
.tf__sidebar_provider ul li span {
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 500;
}

.tf__sidebar_provider ul li b {
    font-weight: 600;
    color: var(--ratingColor);
}

.tf__sidebar_provider a {
    display: flex;
    align-items: center;
    color: #cac8c8;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__sidebar_provider a i {
    font-size: 20px;
    margin-right: 10px;
    color: var(--colorWhite);
}

.tf__sidebar_provider a:hover {
    color: var(--colorYellow);
}

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

/*==========================
    BOOKING SERVICE START
==========================*/
.tf__booking_topbar {
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
    display: inline-flex;
    flex-wrap: wrap;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__booking_topbar li a {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 500;
    background: var(--colorPrimary);
    border-right: 1px solid #fff;
    padding: 22px 50px;
    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__booking_topbar li:last-child a {
    border: none;
}

.tf__booking_topbar li a:hover,
.tf__booking_topbar li a.active {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.tf__booking_details_header h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 20px;
}

.tf__booking_details_header p {
    color: var(--colorPrimary);
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tf__booking_details_header p a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 700;
    background: var(--colorYellow);
    padding: 6px 13px;
    border-radius: 4px;
    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__booking_details_header p a i {
    margin-right: 5px;
}

.tf__booking_details_header p a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__booking_details_text h1,
.tf__booking_details_text h2,
.tf__booking_details_text h3,
.tf__booking_details_text h4,
.tf__booking_details_text h5,
.tf__booking_details_text h6 {
    font-weight: 700;
    margin-top: 35px;
}

.tf__booking_details_text h1,
.tf__booking_details_text h2,
.tf__booking_details_text h3 {
    font-size: 28px;
}

.tf__booking_details_text h4,
.tf__booking_details_text h5,
.tf__booking_details_text h6 {
    font-size: 20px;
    margin-top: 30px;
}

.tf__booking_details_text p {
    line-height: 30px;
    margin-top: 25px;
}

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

.tf__booking_details_text ul li,
.tf__booking_details_text ol li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding-left: 25px;
    margin-top: 20px;
    position: relative;
}

.tf__booking_details_text ul li::after,
.tf__booking_details_text ol li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 14px;
    top: 2px;
    left: 0;
    color: var(--colorPrimary);
}

.tf__extra_services h3 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 25px;
}

.tf__extra_services table {
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__extra_services table tr {
    display: flex;
    justify-content: space-between;
}

.tf__extra_services table tr th {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    border-top: 1px solid #F1F5F9;
}

.tf__extra_services table tr th,
.tf__extra_services table tr td {
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-color: #F1F5F9;
}

.tf__extra_services .images {
    min-width: 150px;
    width: 20%;
}

.tf__extra_services .name {
    min-width: 220px;
    width: 30%;
}

.tf__extra_services .price,
.tf__extra_services .total {
    min-width: 100px;
    width: 15%;
}

.tf__extra_services .qty {
    width: 20%;
    min-width: 135px;
}

.tf__extra_services .images img {
    width: 140px !important;
    height: 80px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.tf__extra_services .name .form-check input {
    padding: 0;
    border: 1px solid var(--colorPrimary);
}

.tf__extra_services .name .form-check label {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

.tf__extra_services .price p,
.tf__extra_services .total p {
    font-weight: 400;
    font-size: 16px;
    color: var(--colorBlack);
}

.tf__extra_services .quentity_button_area {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 114px;
    border-radius: 4px;
    border: 2px solid #F1F5F9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__extra_services .quentity_button_area button {
    width: 30px;
    height: 30px;
    background: none;
    font-weight: 600;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__extra_services .quentity_button_area input {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F1F5F9;
    padding: 0;
    border: none;
    border-radius: 0;
    font-weight: 500;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.tf__extra_services .quentity_button_area input::placeholder {
    color: var(--colorBlack);
}

.tf__extra_services .quentity_button_area .minus:hover {
    background: red;
}

.tf__extra_services .quentity_button_area .plus:hover {
    background: green;
}

.tf__extra_services .name input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

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

.wsus__booking_button_area {
    margin-top: 50px;
    gap: 10px;
}

.wsus__booking_button_area a {
    font-size: 18px;
    padding: 13px 40px;
    border: 1px solid var(--colorYellow);
    display: inline-block;
}

.wsus__booking_button_area a:hover {
    border-color: var(--colorBlack);
}

.wsus__booking_button_area li:first-child a {
    background: #fff;
    border: 1px solid rgba(1, 4, 14, 0.14);
}

.wsus__booking_button_area li:first-child a:hover {
    background: var(--colorBlack);
}

.tf__sidebar_location {
    background: #F1F5F9;
    padding: 25px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sidebar_location h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.tf__sidebar_location .select2-container .select2-selection--single {
    height: 50px;
    border: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.tf__sidebar_location .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--colorBlack);
    line-height: 50px;
}

.tf__sidebar_location .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}

.tf__sidebar_location .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -18px;
    margin-top: 8px;
}

.tf__sidebar_calendar {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sidebar_summery {
    border: 1px solid #01040E14;
    border-radius: 8px;
    background: #F1F5F920;
    padding: 25px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sidebar_summery h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 35px;
}

.tf__sidebar_summery ul li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    margin-top: 20px;
    position: relative;
}

.tf__sidebar_summery ul li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 14px;
    top: 2px;
    left: 0;
    color: var(--colorPrimary);
}

.tf__sidebar_summery .text_bg {
    position: relative;
    z-index: 1;
    margin-top: 35px;
    padding-top: 15px;
}

.tf__sidebar_summery .text_bg::after {
    position: absolute;
    content: "";
    width: 135%;
    height: 124%;
    background: var(--colorPrimary);
    top: 0px;
    left: -52px;
    z-index: -1;
}

.tf__sidebar_summery .text_bg p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--colorWhite);
    opacity: .9;
    margin: 20px 0px;
}

.tf__sidebar_summery .text_bg p span {
    color: var(--colorWhite);
}

.tf__sidebar_summery .text_bg p b {
    font-weight: 600;
    color: var(--colorYellow);
}

.tf__sidebar_summery .text_bg h5 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--colorWhite);
    opacity: .9;
    font-size: 16px;
    font-weight: 600;
    border-top: 1px solid #F8F8F840;
    padding-top: 20px;
}

.tf__sidebar_summery .text_bg h5 span {
    color: var(--colorWhite);
    font-weight: 600;
}

/*==========================
    BOOKING SERVICE END
==========================*/

/*==========================
    BOOKING INFO START
==========================*/
.tf__booking_info_form label {
    color: var(--colorBlack);
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 30px;
    text-transform: capitalize;
    text-align: left;
}

.tf__booking_info_form input,
.tf__booking_info_form textarea {
    border: 1px solid #696A6F20;
}

.tf__booking_info_form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
}

.tf__booking_info_form .select2-container .select2-selection--single {
    height: 50px;
    border: 1px solid #696A6F20;
}

.tf__booking_info_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--colorBlack);
    line-height: 48px;
}

.tf__booking_info_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -18px;
    margin-top: 9px;
}

/*==========================
    BOOKING INFO END
==========================*/

/*==============================
    BOOKING CONFIRMATION START
==============================*/
.tf__booking_confirm_text h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 35px;
}

.tf__booking_confirm_text .list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: var(--paraColor);
    font-size: 14px;
    font-weight: 500;
    margin-top: 29px;
}

.tf__booking_confirm_text .list li span {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 200px;
}

.tf__booking_confirm_text .payment_logo {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 33px;
}

.tf__booking_confirm_text .payment_logo li a {
    border-radius: 4px;
    border: 1px solid rgba(105, 106, 111, 0.20);
    overflow: hidden;
    width: 115px;
    height: 60px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__pay_modal_info h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.tf__pay_modal_info p {
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 15px;
}

.tf__pay_modal_info ul li {
    font-size: 15px;
    color: var(--paraColor);
    position: relative;
    padding-left: 30px;
    margin: 10px 0px;
    font-weight: 400;
}

.tf__pay_modal_info ul li::after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 14px;
    top: 2px;
    left: 0;
    color: var(--colorPrimary);
}

.tf__pay_modal_info input,
.tf__pay_modal_info textarea,
.tf__pay_modal_info .nice-select {
    border: 1px solid #696A6F16;
    margin-top: 15px;
    font-weight: 400;
}

.tf__payment_btn_area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: end;
    padding-top: 20px;
    gap: 10px;
}

.tf__payment_btn_area button {
    border: none;
    font-size: 16px;
    padding: 13px 37px;
}

.tf__payment_btn_area button.btn-danger {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

.tf__payment_btn_area button.btn-danger:hover {
    background: var(--colorBlack);
}

.tf__payment_modal .select2-container--default .select2-selection--single {
    border: 1px solid #696A6F16;
}

.tf__payment_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    color: var(--colorBlack);
    line-height: 50px;
    text-transform: capitalize;
}

.tf__payment_modal .select2-container .select2-selection--single {
    height: 50px;
    margin-top: 20px;
}

.tf__payment_modal .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -20px;
    margin-top: 30px;
}

.tf__payment_modal .modal-body {
    padding: 30px;
}

.tf__payment_modal .modal {
    z-index: 99999;
}

/*==============================
    BOOKING CONFIRMATION START
==============================*/

/*==========================
    SELLER PAGE START
==========================*/
.tf__seller_page {
    position: relative;
}

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

.tf__seller_info_img {
    width: 450px;
    height: 450px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid var(--colorPrimary);
    margin-right: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__seller_info_text h2 {
    font-size: 48px;
    font-weight: 700;
}

.tf__seller_info_text h5 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 400;
    margin-bottom: 30px;
}

.tf__seller_info_text .contact_info li a,
.tf__seller_info_text .contact_info li p {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-top: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__seller_info_text .contact_info li a i,
.tf__seller_info_text .contact_info li p i {
    font-size: 22px;
    margin-right: 10px;
    color: var(--colorPrimary);
}

.tf__seller_info_text .contact_info li a:hover {
    color: var(--colorPrimary);
}

.tf__seller_info_text .seller_social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-top: 27px;
    margin-bottom: 30px;
}

.tf__seller_info_text .seller_social li a {
    font-size: 22px;
    color: var(--colorPrimary);
}

.tf__seller_info_text .seller_social li a:hover {
    color: var(--colorBlack);
}

.tf__seller_info_text .seller_overview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.tf__seller_info_text .seller_overview li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.tf__seller_info_text .seller_overview li i {
    color: var(--colorPrimary);
    margin-right: 10px;
    font-size: 22px;
}

.tf__seller_info_text .seller_overview li:last-child i {
    color: var(--ratingColor);
}

.tf__seller_info_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
    margin-bottom: 35px;
}

.tf__seller_info_header h2 {
    font-size: 48px;
    font-weight: 700;
}

.tf__seller_info_header form {
    position: relative;
    width: 370px;
}

.tf__seller_info_header form::after {
    position: absolute;
    content: "\f002";
    font-family: "font awesome 5 free";
    color: var(--paraColor);
    font-weight: 600;
    font-size: 16px;
    top: 13px;
    left: 15px;
}

.tf__seller_info_header form input {
    border-radius: 4px;
    border: 1px solid #696A6F14;
    background: #F1F5F9;
    box-shadow: 0px 4px 4px 0px rgba(217, 217, 217, 0.10);
    padding-left: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__seller_info_header form button {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 500;
    background: var(--colorPrimary);
    border-radius: 4px;
    text-transform: capitalize;
    box-shadow: 0px 4px 4px 0px rgba(217, 217, 217, 0.10);
    padding: 7px 23px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__seller_info_header form button:hover {
    background: var(--colorYellow);
    color: var(--colorBlack);
}

.tf__seller_page::after {
    position: absolute;
    content: "";
    background: url(../images/seller_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 300px;
    top: 20px;
    right: 20px;
}

.tf__seller_page::before {
    position: absolute;
    content: "";
    background: url(../images/seller_shapes2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 82px;
    top: 20%;
    right: 10%;
    animation: zoomAnimi linear 3s infinite alternate;
    -webkit-animation: zoomAnimi linear 3s infinite alternate;
}

/*==========================
    SELLER PAGE END
==========================*/

/*==========================
    BLOG PAGE START
==========================*/
.blog_sidebar {
    border-radius: 8px;
    border: 1px solid #01040E14;
    padding: 35px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.blog_sidebar h3 {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.blog_sidebar h3::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: var(--colorPrimary);
    bottom: 0;
    left: 0;
}

.tf__sidebar_search form {
    position: relative;
}

.tf__sidebar_search form input {
    border: 1px solid rgba(105, 106, 111, 0.04);
    background: #0B277A05;
}

.tf__sidebar_search form button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: none;
    color: var(--colorPrimary);
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.tf__sidebar_search form button:hover {
    color: var(--colorBlack);
}

.tf__sidebar_category ul li a {
    position: relative;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    transition: all linear .3s;
    padding-left: 20px;
    display: block;
    margin-top: 17px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__sidebar_category ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-size: 10px;
    font-weight: 600;
    top: 5px;
    left: 0;
    color: var(--colorPrimary);
}

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

.tf__sidebar_post ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px dashed #696A6F20;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

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

.tf__sidebar_post ul li .img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.tf__sidebar_post ul li .text {
    max-width: 62%;
}

.tf__sidebar_post ul li .text p {
    margin-bottom: 5px;
    margin-top: 3px;
}

.tf__sidebar_post ul li .text a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__sidebar_archive ul li a {
    position: relative;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    display: block;
    margin-top: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__sidebar_archive ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-size: 10px;
    font-weight: 600;
    top: 5px;
    left: 0;
    color: var(--colorPrimary);
}

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

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

.tf__sidebar_tags ul li a {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    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__sidebar_tags ul li a:hover {
    color: var(--colorPrimary);
}

/*==========================
    BLOG PAGE END
==========================*/

/*==========================
    BLOG DETAILS START
==========================*/
.blog_details_header ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 22px;
}

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

.blog_details_header h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 25px;
}

.blog_details_text p {
    line-height: 30px;
    margin-top: 25px;
}

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

.blog_details_text h1,
.blog_details_text h2 {
    font-size: 28px;
}

.blog_details_text h3,
.blog_details_text h4 {
    font-size: 24px;
}

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

.blog_details_text ul,
.blog_details_text ol {
    margin-top: 30px;
}

.blog_details_text ul li,
.blog_details_text ol li {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-top: 20px;
    padding-left: 35px;
}

.blog_details_text ul li::after,
.blog_details_text ol li::after {
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-size: 12px;
    font-weight: 600;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    top: -2px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__input_comment h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
}

.tf__input_comment form label {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.tf__input_comment form input,
.tf__input_comment form textarea {
    border: 1px solid #696A6F20;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: var(--colorBlack);
    padding: 15px 20px;
    margin-bottom: 25px;
}

.tf__input_comment button {
    font-size: 18px;
}

.tf__comment_area {
    margin-top: 65px;
}

.tf__comment_area h2 {
    font-size: 28px;
    font-weight: 700;
    border-bottom: 1px solid #01040E14;
    padding-bottom: 25px;
}

.tf__single_comment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding-bottom: 25px;
    margin-top: 30px;
}

.tf__single_comment .img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_comment .text {
    max-width: 88%;
}

.tf__single_comment .text h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.tf__single_comment .text .description {
    line-height: 30px;
    margin-bottom: 10px;
}

.tf__single_comment .text .date {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tf__single_comment .text .date a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 700;
    border-left: 2px solid #D9D9D9;
    padding-left: 15px;
    margin-left: 15px;
    line-height: 17px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_comment .text .date a:hover {
    color: var(--colorPrimary);
}

.blog_details_area .tf__pagination ul {
    justify-content: start;
}

.tf__sidebar_contact {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    max-height: 500px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sidebar_contact .text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0b277acf;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.tf__sidebar_contact .text span {
    display: block;
    color: var(--colorWhite);
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px;
}

.tf__sidebar_contact .text h2 {
    color: var(--colorWhite);
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}

.tf__sidebar_contact .text p {
    color: var(--colorWhite);
    text-align: center;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 35px;
}

.tf__sidebar_contact .text a {
    font-size: 18px;
}

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

/*==========================
    FAQ PAGE START
==========================*/
.tf__faq_page {
    position: relative;
}

.tf__faq_page .title {
    color: var(--colorBlack) !important;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 30px;
}

.tf__faq_text .accordion-item {
    border-radius: 4px;
    background: #F1F5F9;
    border: none;
    margin-top: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__faq_text .accordion-item h2 button {
    border-radius: 4px;
    background: #F1F5F9;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__faq_text .accordion-item .accordion-body p {
    line-height: 30px;
}

.tf__faq_text .accordion-button:not(.collapsed) {
    color: var(--colorWhite);
    background: var(--colorPrimary) !important;
    box-shadow: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__faq_text .accordion-button:focus {
    box-shadow: none;
}

.tf__faq_text .accordion-button::after {
    background-image: url(../images/faq_arrow_1.png);
}

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

.tf__faq_img {
    height: 580px;
    margin-top: 25px;
    position: relative;
}

.tf__faq_img img {
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__faq_img::after {
    position: absolute;
    content: "";
    background: url(../images/faq_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 122px;
    height: 93px;
    top: -27px;
    right: -29px;
    z-index: -1;
    opacity: .8;
    animation: zoomAnimi linear 1.3s infinite alternate;
    -webkit-animation: zoomAnimi linear 1.3s infinite alternate;
}

.tf__faq_page::after {
    position: absolute;
    content: "";
    background: url(../images/faq_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 350px;
    height: 520px;
    bottom: 5%;
    left: 0;
    z-index: -1;
    animation: faqAnimi linear 1.3s infinite alternate;
    -webkit-animation: faqAnimi linear 1.3s infinite alternate;
}

@keyframes faqAnimi {
    from {
        left: -25px;
    }

    to {
        left: 0px;
    }
}

.tf__faq_page::before {
    position: absolute;
    content: "";
    background: url(../images/faq_shapes_3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 260px;
    height: 210px;
    bottom: 5%;
    right: 1%;
    z-index: -1;
}

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

/*==========================
    SELLER JOINING START
==========================*/
.tf__seller_joining {
    position: relative;
}

.tf__seller_joining_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}

.tf__seller_joining_header .img {
    width: 170px;
    height: 170px;
    background: #F1F5F9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
}

.tf__seller_joining_header .img label {
    color: var(--colorPrimary);
    font-size: 33px;
    cursor: pointer;
}

.tf__seller_joining_header .text h3 {
    font-size: 20px;
    font-weight: 700;
}

.tf__seller_joining_header .text span {
    display: block;
    color: var(--colorBlack);
    margin-top: 7px;
    margin-bottom: 20px;
}

.tf__seller_joining_header .text p {
    color: var(--colorBlack);
}

.tf__seller_joining_header .text p b {
    font-weight: 500;
}

.tf__seller_joining_form h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 5px;
}

.tf__seller_joining_form .form-check {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}

.form-check input {
    width: 15px;
    height: 15px;
    padding: 0;
    border: 1px solid var(--colorPrimary);
    border-radius: 50% !important;
    margin-right: 10px;
    margin-bottom: 4px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.form-check-input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.form-check-input:focus {
    box-shadow: none;
}

.tf__seller_joining_form .form-check label {
    margin: 0;
    color: var(--paraColor);
}

.tf__seller_joining_form .form-check label a {
    color: var(--colorPrimary);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__seller_joining_form .form-check label a:hover {
    color: var(--colorBlack);
}

.tf__seller_joining_form button {
    font-size: 18px;
    padding: 12px 29px;
}

.tf__seller_joining::after {
    position: absolute;
    content: "";
    background: url(../images/faq_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 350px;
    height: 520px;
    bottom: 5%;
    right: 0;
    z-index: -1;
    transform: rotateY(180deg);
    animation: sellerAnimi linear 1.3s infinite alternate;
    -webkit-animation: sellerAnimi linear 1.3s infinite alternate;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

@keyframes sellerAnimi {
    from {
        right: -25px;
    }

    to {
        right: 0px;
    }
}

/*==========================
    SELLER JOINING END
==========================*/

/*==========================
    CONTACT US START
==========================*/
.tf__contact_info {
    background: #f2f8ff;
    margin-bottom: 25px;
    padding: 30px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__contact_info .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50%;
    font-size: 28px;
    margin-right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__contact_info .text {
    max-width: 71%;
}

.tf__contact_info .text h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.tf__contact_info .text p,
.tf__contact_info .text a {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    display: block;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__contact_form {
    background: #f2f8ff;
    padding: 30px 60px 60px 60px;
    text-align: center;
    margin-top: 35px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__contact_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
}

.tf__contact_form button {
    font-size: 18px;
    margin-top: 30px;
}

.tf__contact_form input,
.tf__contact_form textarea {
    border: none;
}

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

.tf__contact_map {
    height: 560px;
    position: relative;
    bottom: -90px;
}

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

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

/*==========================
    SIGN IN START
==========================*/
.tf__sign_in {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-bottom: -90px;
}

.tf__sign_in_area {
    background: #f2f8ff;
    padding: 60px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sign_in_area h2 {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
}

.tf__sign_in_area .sub_heading,
.tf__sign_in_area .or {
    color: var(--colorBlack);
    text-align: center;
    position: relative;
    margin-top: 35px;
    margin-bottom: 30px;
}

.tf__sign_in_area .sub_heading::after,
.tf__sign_in_area .sub_heading::before,
.tf__sign_in_area .or::after,
.tf__sign_in_area .or::before {
    position: absolute;
    content: "";
    width: 32%;
    height: 2px;
    background-color: #696A6F20;
    top: 12px;
    left: 0;
}

.tf__sign_in_area .sub_heading::before,
.tf__sign_in_area .or::before {
    left: auto;
    right: 0;
}

.tf__sign_in_area .tf__sign_in_input {
    position: relative;
}

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

.tf__sign_in_area .tf__sign_in_input span {
    position: absolute;
    top: 12px;
    right: 20px;
    cursor: pointer;
    color: var(--colorBlack);
}

.tf__sign_in_area .tf__sign_in_input .form-check {
    margin: 5px 0px;
}

.tf__sign_in_area .tf__sign_in_input .form-check input {
    border: 1px solid var(--colorPrimary);
}

.tf__sign_in_area .tf__sign_in_input .form-check label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

.tf__sign_in_area .tf__sign_in_input .form-check label a {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    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__sign_in_area .tf__sign_in_input .form-check label a:hover {
    color: var(--colorPrimary);
}

.tf__sign_in_area .tf__sign_in_input button {
    font-size: 18px;
    margin-top: 5px;
    padding: 14px 20px;
}

.tf__sign_in_area .or {
    margin: 22px 0px 22px 0px;
}

.tf__sign_in_area .or::after,
.tf__sign_in_area .or::before {
    width: 31%;
}

.tf__sign_in_area ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.tf__sign_in_area ul li {
    width: 48%;
}

.tf__sign_in_area ul li a {
    display: block;
    border-radius: 4px;
    background: #3B5998;
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 16px 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__sign_in_area ul li a i {
    margin-right: 10px;
}

.tf__sign_in_area ul li a.google {
    background: #DB3236;
}

.tf__sign_in_area ul li a:hover {
    background: var(--colorBlack);
}

.tf__sign_in_area .dont_account {
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
}

.tf__sign_in_area .dont_account a {
    font-weight: 600;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

/*==========================
    SIGN IN END
==========================*/

/*==============================
    TERMS AND CONDITION START
==============================*/
.tf__terms_and_condition_text h1,
.tf__terms_and_condition_text h2,
.tf__terms_and_condition_text h3,
.tf__terms_and_condition_text h4,
.tf__terms_and_condition_text h5,
.tf__terms_and_condition_text h6 {
    font-weight: 600;
    margin-top: 27px;
}

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

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

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

.tf__terms_and_condition_text p {
    margin-top: 25px;
    line-height: 30px;
}

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

.tf__terms_and_condition_text ul li,
.tf__terms_and_condition_text ol li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    margin-top: 15px;
    color: var(--paraColor);
}

.tf__terms_and_condition_text ul li::after,
.tf__terms_and_condition_text ol li::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    top: 4px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/*==============================
    TERMS AND CONDITION END
==============================*/

/*==========================
    ERROR START
==========================*/
.tf__error_text {
    text-align: center;
}

.tf__error_text .img {
    height: 260px;
}

.tf__error_text h2 {
    font-size: 28px;
    font-weight: 600;
    margin-top: 55px;
    margin-bottom: 20px;
}

.tf__error_text p {
    line-height: 30px;
    margin-bottom: 25px;
}

.tf__error_text a {
    font-size: 18px;
}

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

/*==========================
    DASHBOARD START
==========================*/
/* dashboard sidebar start */
.tf__dashboard_sidebar {
    border-radius: 8px;
    border: 1px solid #01040E14;
    background: #FFF;
    overflow: hidden;
    height: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_sidebar_user {
    padding: 35px 35px 30px 35px;
    border-bottom: 1px solid #01040E14;
}

.tf__dashboard_sidebar_user .img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid var(--colorPrimary);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.tf__dashboard_sidebar_user h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px;
}

.tf__dashboard_sidebar_menu {
    padding: 35px;
}

.tf__dashboard_sidebar_menu ul li a {
    border-bottom: 1px solid #01040E14;
    display: block;
    color: var(--colorPrimary);
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__dashboard_sidebar_menu ul li a i {
    margin-right: 10px;
}

.tf__dashboard_sidebar_menu ul li a:hover,
.tf__dashboard_sidebar_menu ul li a.active {
    color: var(--colorYellow);
}

/* dashboard sidebar end */

/* personal info start */
.tf__dashboard_content .welcome {
    margin-bottom: 5px;
}

.tf__dashboard_content .title {
    font-size: 24px;
    font-weight: 700;
}

.tf__profile_overview_item {
    padding: 30px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin-top: 25px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__profile_overview_item span {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    font-size: 30px;
    text-align: center;
    background: var(--colorYellow);
    color: var(--colorBlack);
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__profile_overview_item h3 {
    color: var(--colorWhite);
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
}

.tf__profile_overview_item p {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.tf__dashboard_profile_info_list,
.tf__dashboard_profile_info_edit {
    background: #f2f8ff;
    padding: 35px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_profile_info_list h2,
.tf__dashboard_profile_info_edit h2 {
    font-size: 22px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.tf__dashboard_profile_info_list h2 a,
.tf__dashboard_profile_info_edit h2 a {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 16px;
    font-weight: 700;
    background: var(--colorYellow);
    padding: 7px 17px;
    border-radius: 4px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__dashboard_profile_info_list h2 a:hover,
.tf__dashboard_profile_info_edit h2 a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__dashboard_profile_info_list ul li {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
}

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

/* personal info end */

/* personal info edit end */
.tf__dashboard_profile_info_edit h2 {
    margin-bottom: 0;
}

.tf__dashboard_profile_info_edit h2 a {
    background: #DB3236;
    color: var(--colorWhite);
}

.tf__info_edit_form input,
.tf__info_edit_form textarea {
    border: none;
}

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

.tf__info_edit_form button {
    font-size: 18px;
    margin-top: 30px;
}

/* personal info edit end */

/* order start */
.tf__dashboard_order {
    margin-top: 30px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #01040E14;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_order table {
    width: 100%;
}

.tf__dashboard_order table tr {
    border-top: 1px solid #01040E14;
}

.tf__dashboard_order table tr th {
    color: var(--colorWhite);
    font-family: var(--headingFont);
    font-size: 18px;
    font-weight: 700;
    background: var(--colorPrimary);
    padding: 10px;
}

.tf__dashboard_order table tr td {
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
    padding: 15px;
}

.tf__dashboard_order table tr th,
.tf__dashboard_order table tr td {
    width: 20%;
    text-align: center;
    min-width: 150px;
}

.tf__dashboard_order table tr td span {
    display: block;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    padding: 10px 0;
    width: 135px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__dashboard_order table tr td .complete {
    background: var(--colorYellow);
}

.tf__dashboard_order table tr td .active {
    color: var(--colorWhite);
    background: var(--colorPrimary);
}

.tf__dashboard_order table tr td .cancel {
    color: var(--colorWhite);
    background: #DB3236;
}

.tf__dashboard_order table tr td a {
    color: var(--colorBlack);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__dashboard_order table tr td a:hover {
    color: var(--colorPrimary);
}

/* order end */

/* order invoice start */
.tf__dashboard_content .back_btn {
    color: var(--colorBlack);
    font-family: var(--headingFont);
    font-size: 14px;
    font-weight: 700;
    background: var(--colorYellow);
    padding: 10px 17px;
    border-radius: 4px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__dashboard_content .back_btn i {
    margin-right: 5px;
}

.tf__dashboard_content .back_btn:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__dashboard_order_invoice {
    border-radius: 8px;
    border: 1px solid #01040E14;
    margin-top: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #01040E14;
    padding: 30px;
}

.tf__dashboard_invoice_header .text {
    width: 45%;
}

.tf__dashboard_invoice_header .text h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.tf__dashboard_invoice_header .text ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 10px;
}

.tf__dashboard_invoice_header .text ul li span {
    color: var(--colorBlack);
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;
    width: 100px;
}

.tf__invoice_service_pack {
    background: #f2f8ff;
    padding: 30px;
}

.tf__invoice_service_pack h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.tf__invoice_service_pack ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--paraColor);
    margin-top: 15px;
    padding-left: 30px;
    position: relative;
}

.tf__invoice_service_pack ul li::after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "\f00c";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 14px;
    top: 2px;
    left: 0;
    color: var(--colorPrimary);
}

.tf__invoice_table {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #01040E14;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.tf__invoice_table table tr th,
.tf__invoice_table table tr td {
    width: 25%;
    padding: 12px 30px;
}

.tf__dashboard_invoice_footer {
    padding: 30px;
    position: relative;
    margin-top: 30px;
}

.tf__dashboard_invoice_footer h4 {
    font-size: 20px;
    margin-bottom: 30px;
}

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

.tf__dashboard_invoice_footer ul li span {
    display: inline-block;
    width: 200px;
}

.tf__dashboard_invoice_footer a {
    font-size: 16px;
    padding: 13px 40px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.tf__invoice_table table tr td b {
    color: var(--colorBlack);
    font-weight: 500;
}

/* order invoice end */

/* dashboard review start */
.tf__dashboard_reviews {
    border-top: 1px solid #01040E14;
    margin-top: 30px;
}

.tf__dashboard_reviews .tf__pagination ul {
    justify-content: start;
}

/* dashboard review end */

/* dashboard change password start */
.tf__dashboard_change_password button {
    font-size: 18px;
    margin-top: 30px;
}

/* dashboard change password end */
.tf__logut_modal_text {
    text-align: center;
}

.tf__logut_modal_text span {
    font-size: 170px;
    color: var(--colorYellow);
    line-height: 0;
}

.tf__logut_modal_text h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 40px;
}

.tf__logut_modal_text p {
    text-align: center;
    line-height: 30px;
    max-width: 80%;
    margin: 0 auto;
}

.tf__logut_modal_text .tf__payment_btn_area {
    justify-content: center;
    margin-top: 25px;
}




.col-xxl-6.col-md-9.col-lg-8.col-xl-7.m-auto {
    width: 100%;
}

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