/* 
***************************************
Template Name: EduFax - Online Courses & Education HTML Template
Author: ThemeFax 
Author Email: themefaxbd@gmail.com
website: http://www.themefax.com/
Version: 1.0
Description: EduFax - Online Courses & Education HTML Template is a Modern, Creative, and Responsive. Template Design suitable for Educational Institutions like Universities and Colleges, Online Courses / Online Learning, and Events. Clean, crisp, and simple design that can easily be adapted and used for similar niche websites. EduFax Template has a fully responsive layout. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE
03. ABOUT PAGE
04. BLOG PAGE
05. BLOG DETAILS PAGE
06. COURSES DETAILS PAGE
07. PAYMENT PAGE
08. EVENT DETAILS PAGE
09. INSTRUCTOR DETAILS PAGE
10. BECOME AN INSTRUCTOR PAGE 
11. FAQ PAGE
12. CONTACT PAGE 
13. 404 PAGE
14. SIGN IN PAGE 
14. TERMS AND CONDITION
15. COURSES VIDEO PAGE
16. DASHBOARD PAGE

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

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&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;
    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);
    color: var(--paraColor);
}

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 #E3E8EF;
    font-size: 16px;
    font-weight: 300;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

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

button {
    border: none;
}

:root {
    --colorPrimary: #E17F26;
    --colorBlue: #01438F;
    --paraColor: #697586;
    --colorBlack: #12173D;
    --colorWhite: #ffffff;
    --ratingColor: #FFE03C;
    --paraFont: 'Inter', sans-serif;
    --headingFont: 'Open Sans', sans-serif;
    --boxShadow: 0px 24px 80px rgba(43, 56, 88, 0.16);
}
.common_btn {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-transform: capitalize;
    padding: 16px 33px;
    border-radius: 8px;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.common_btn::after {
    z-index: -1;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #d88421;
    border-radius: 8px;
    top: 0;
    left: 0;
    transform: scale(.7);
    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;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.common_btn:hover::after {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.tf__common_btn {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-transform: capitalize;
    padding: 16px 33px;
    border-radius: 8px;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__common_btn::after {
    z-index: -1;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #d88421;
    border-radius: 8px;
    top: 0;
    left: 0;
    transform: scale(.7);
    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;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__common_btn:hover::after {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.tf__common_btn2 {
    border: 1px solid var(--colorPrimary);
    color: var(--colorPrimary);
    text-transform: capitalize;
    padding: 16px 33px;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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


.tf__section_heading h2 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px;
}

.tf__section_heading.heading_center {
    text-align: center;
}

.tf__section_heading.heading_center h2,
.tf__section_heading.heading_center p {
    text-align: center;
}

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

.tf__play_btn::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--colorPrimary);
    top: -10px;
    left: -10px;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__play_btn::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--colorPrimary);
    top: -10px;
    left: -10px;
    z-index: -2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: play_btn_animi 1.5s ease-in-out infinite;
    -webkit-animation: play_btn_animi 1.5s ease-in-out infinite;
}

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

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

.title {
    width: 100%;
    font-weight: 600;
    font-size: 24px;
    color: var(--colorBlack);
    transition: all linear .3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

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

.slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colorPrimary);
    opacity: .2;
    margin: 0px 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: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slick-dots li.slick-active button {
    width: 35px;
    border-radius: 30px;
    opacity: 1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

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

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

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

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

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

/*============================
    HOME PAGE START
============================*/
/* topbar start */
.tf__topbar {
    background: var(--colorBlue);
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 99;
}

.tf__topbar_text {
    position: relative;
}

.tf__topbar_text p {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorWhite);
    text-align: center;
    line-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tf__topbar_text p b {
    font-size: 20px;
    font-weight: 700;
}

.tf__topbar_text .close_topbar {
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 16px;
    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__topbar_text .close_topbar:hover {
    color: var(--colorPrimary);
}

.tf__topbar.hide_topbar {
    display: none;
}

/* topbar end */


/* menu start */
.tf__main_menu {
    width: 100%;
    height: 90px;
    position: relative;
    z-index: 999;
    background: var(--colorWhite);
    border-bottom: 1px solid #ddd;
    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-brand {
    width: 150px;
}

.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 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--colorBlack);
    padding: 0px 12px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__main_menu .tf__droap_menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 280px;
    max-height: 550px;
    overflow: hidden;
    overflow-y: auto;
    border-top: 2px solid var(--colorPrimary);
    background: var(--colorWhite);
    line-height: 50px;
    box-shadow: var(--boxShadow);
    padding: 15px 30px;
    transform: scaleY(.8);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transform-origin: top;
    transition: all linear .15s;
    -webkit-transition: all linear .15s;
    -moz-transition: all linear .15s;
    -ms-transition: all linear .15s;
    -o-transition: all linear .15s;
    -webkit-transform: scaleY(.8);
    -moz-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    -o-transform: scaleY(.8);
}

.tf__droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #fff;
    width: 6px;
}

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

.tf__main_menu .tf__droap_menu li a {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    transition: all linear .3s;
    border-bottom: 1px solid #eee;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__main_menu .tf__droap_menu li:last-child a {
    border: 0;
}

.tf__main_menu .tf__droap_menu li a:hover,
.tf__main_menu .tf__droap_menu li a.active {
    color: var(--colorPrimary);
    padding-left: 5px;
}

.tf__main_menu .navbar-nav .nav-item:hover .tf__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 .tf__right_menu {
    align-items: center;
    margin-left: 40px;
    position: relative;
}

.tf__main_menu .tf__right_menu::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    background: #9AA4B2;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.tf__main_menu .tf__right_menu li a {
    font-size: 20px;
    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;
    margin-left: 40px !important;
    cursor: pointer;
}

.tf__main_menu .tf__right_menu li a:hover {
    border-color: var(--colorPrimary);
    color: var(--colorPrimary);
}

.tf__main_menu .tf__right_menu li a.signin {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    transition: all linear .3s;
    padding: 11px 25px;
    border-radius: 8px;
    border: 1px solid transparent;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__main_menu.menu_fix {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 15px;
}

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

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

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

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

.menu_search form .close_search {
    display: block;
    width: 40px;
    height: 40px;
    background: var(--colorPrimary);
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: var(--colorWhite);
    position: absolute;
    top: -100px;
    right: 0;
    cursor: pointer;
}

.menu_search.show_search {
    display: flex;
}

/* menu end */


/* banner start */
.tf__banner {
    height: 100vh;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: -140px;
    padding-top: 140px;
}

.tf__banner div {
    height: 100%;
}

.tf__banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tf__banner_text h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--colorPrimary);
    font-family: var(--headingFont);
    margin-bottom: 27px;
}

.tf__banner_text h1 {
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 30px;
    color: var(--colorWhite);
}

.tf__banner_text h1 span {
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 20px;
    color: var(--colorWhite);
    position: relative;
}

.tf__banner_text h1 span::after {
    position: absolute;
    content: "";
    background: url(../images/banner_text_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 18px;
    bottom: -9px;
    left: 0;
    animation: shake_animi linear 3s infinite alternate;
    -webkit-animation: shake_animi linear 3s infinite alternate;
}

.tf__banner_text p {
    font-size: 18px;
    color: #CDD5DF;
}

.tf__banner_text a {
    width: fit-content;
    margin-top: 65px;
}

.tf__banner_text a i {
    margin-left: 5px;
}

.tf__banner_img {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tf__banner_img .img {
    width: 590px;
    height: 640px;
    position: relative;
    left: 150px;
}

.tf__banner_img .img::after {
    position: absolute;
    content: "";
    background: url(../images/banner_img_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 35px;
    top: 80px;
    left: -60px;
    animation: zoom_animi linear 1.5s infinite alternate;
    -webkit-animation: zoom_animi linear 1.5s infinite alternate;
}

.tf__banner_img .img::before {
    position: absolute;
    content: "";
    background: url(../images/banner_img_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 16px;
    bottom: 100px;
    left: -90px;
    animation: shake_animi linear 1s infinite alternate;
    -webkit-animation: shake_animi linear 1s infinite alternate;
}

/* banner end */

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

.tf__category::after {
    position: absolute;
    content: "";
    background: url(../images/dot_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 108px;
    top: 60px;
    right: 15%;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
}

.tf__category_item {
    display: block;
    background: #eee;
    border-radius: 8px;
    padding: 35px;
    margin-top: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__category_logo {
    width: 80px;
    height: 80px;
    background: var(--colorWhite);
    border-radius: 4px;
    padding: 20px;
    margin: 0 auto;
}

.tf__category_item h3 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
    text-align: center;
}

.tf__category_item.category_1 {
    background: #FFF6F3;
}

.tf__category_item.category_2 {
    background: #F7EFFF;
}

.tf__category_item.category_3 {
    background: #EFFAFD;
}

.tf__category_item.category_4 {
    background: #FFF7EE;
}

.tf__category_item.category_5 {
    background: #FFDFE9;
}

.nextArrow,
.prevArrow {
    position: absolute;
    top: -110px;
    right: 13px;
    width: 45px;
    height: 45px;
    line-height: 45px !important;
    border-radius: 50%;
    text-align: center;
    border: 1px solid var(--colorPrimary);
    z-index: 1;
    color: var(--colorPrimary);
    font-size: 18px;
    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;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.prevArrow {
    right: 70px;
}

.nextArrow,
.nextArrow:hover,
.prevArrow:hover {
    background: var(--colorPrimary);
    color: var(--colorWhite);
}

/* category end */

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

.tf__community::after {
    position: absolute;
    content: "";
    background: url(../images/dot_shapes_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 65px;
    height: 112px;
    top: -55px;
    left: 16%;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
}

.tf__community_text h2 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px;
}

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

.tf__community_text a {
    margin-top: 55px;
}

.tf__community_img {
    position: relative;
    margin-top: 45px;
    margin-right: 35px;
    z-index: 1;
    height: 340px;
}

.tf__community_img img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__community_img_overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000054;
    border-radius: 16px;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tf__community_img::after {
    position: absolute;
    content: "";
    width: 350px;
    height: 265px;
    background: var(--colorPrimary);
    border-radius: 6px 16px 6px 6px;
    top: -35px;
    right: -35px;
    z-index: -1;
    -webkit-border-radius: 6px 16px 6px 6px;
    -moz-border-radius: 6px 16px 6px 6px;
    -ms-border-radius: 6px 16px 6px 6px;
    -o-border-radius: 6px 16px 6px 6px;
}

.tf__community_img::before {
    position: absolute;
    content: "";
    background: url(../images/dot_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 100px;
    bottom: -40px;
    right: -50px;
    z-index: -1;
    animation: shake_animi linear 1s infinite alternate;
    -webkit-animation: shake_animi linear 1s infinite alternate;
}

/* community end */

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

/* .tf__course_filter {
    justify-content: end;
    height: 100%;
    align-items: center;
}

.tf__course_filter button {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 22px;
    background: none;
    border: 1px solid #CDD5DF;
    border-radius: 8px;
    margin-right: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__course_filter button:last-child {
    margin: 0;
}

.tf__course_filter button:hover {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.tf__course_filter button.active {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
} */

.tf__single_courses {
    background: var(--colorWhite);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 25px;
    border: 1px solid #E3E8EF;
    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_courses_img {
    position: relative;
    height: 280px;
}

.tf__single_courses_img .category {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    font-size: 16px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 7px 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.tf__single_courses_img .category.sky {
    background: #24C7DA;
}

.tf__single_courses_img .category.green {
    background: #12B632;
}

.tf__single_courses_text {
    padding: 25px 25px 19px 25px;
    border-bottom: 1px solid #E3E8EF;
}

.tf__single_courses_text ul {
    margin-bottom: 18px;
}

.tf__single_courses_text ul li {
    font-weight: 400;
    font-size: 16px;
    color: #364152;
    display: flex;
    align-items: center;
    line-height: 10px;
}

.tf__single_courses_text ul li .icon {
    margin-right: 8px;
    display: block;
    width: 25px;
    height: 25px;
}

.tf__single_courses_text ul li:last-child .icon {
    width: 20px;
    height: 20px;
}

.tf__single_courses_footer {
    padding: 25px 25px 25px 25px;
}

.tf__single_courses_footer li {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    display: flex;
    align-items: center;
    line-height: 15px;
}

.tf__single_courses_footer li span {
    display: block;
    width: 31px;
    height: 31px;
    margin-right: 8px;
}

.tf__single_courses_footer li:last-child {
    color: var(--colorPrimary);
    font-size: 24px;
}

.tf__single_courses_footer li:last-child span {
    width: 16px;
    height: 25px;
}

.tf__single_courses:hover {
    border-color: transparent;
    box-shadow: var(--boxShadow);
    margin-top: 15px;
}

/* courses end */

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

/* .tf__event .shape_1 {
    display: block;
    width: 125px;
    height: 90px;
    position: absolute;
    top: 100px;
    left: 5px;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
}

.tf__event .shape_2 {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 50px;
    left: 10%;
    animation: shake_animi linear 1s infinite alternate;
    -webkit-animation: shake_animi linear 1s infinite alternate;
}

.tf__event .shape_3 {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 27%;
    right: 13%;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
} */

.tf__single_event {
    background: var(--colorWhite);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #E3E8EF;
    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_event_date {
    border-right: 1px solid #E3E8EF;
    background: #FFF6F3;
    width: 170px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    text-align: center;
}

.tf__single_event_date img {
    border-radius: 4px;
    width: 130px !important;
    height: 130px !important;
    /* margin-top: 15px; */
    /* margin-bottom: 25px; */
}

.tf__single_event_date h2 {
    font-weight: 600;
    font-size: 24px;
    /* margin-bottom: 13px; */
    text-align: center;
}

.tf__single_event_date h2 span {
    font-weight: 600;
    font-size: 16px;
    color: var(--paraColor);
    display: block;
    width: 100%;
    margin-top: 5px;
}

.tf__single_event_text {
    width: 73%;
    padding: 30px;
}

.tf__single_event_text h3 {
    font-weight: 600;
    font-size: 24px;
}

.tf__single_event_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 15px 0px 10px 0px;
}

.tf__single_event_text ul li {
    font-weight: 500;
    font-size: 15px;
    color: #364152;
    margin-right: 20px;
}

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

.tf__single_event_text p {
    margin-bottom: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tf__single_event_text a {
    font-weight: 500;
    font-size: 16px;
    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__single_event_text a i {
    margin-left: 5px;
}

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

.tf__single_event:hover {
    box-shadow: var(--boxShadow);
}

.tf__event_page .tf__single_event {
    background: #f4f6f8;
}

/* event end */

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

.tf__student_choose_img {
    position: relative;
}

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

.tf__student_choose_img .img_1 {
    width: 380px;
    height: 460px;
    position: relative;
    z-index: 1;
    margin-left: auto;
}

/* .tf__student_choose_img .img_1::before {
    position: absolute;
    content: "";
    background: url(../images/dot_shapes_2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 130px;
    height: 85px;
    top: -75px;
    right: -45px;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
}

.tf__student_choose_img .img_1::after {
    position: absolute;
    content: "";
    background: url(../images/shape_7.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 130px;
    height: 130px;
    bottom: -55px;
    left: -55px;
    z-index: -1;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
} */

.tf__student_choose_img .img_2 {
    width: 180px;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 52px;
    z-index: 1;
}

.tf__student_choose_img .img_2::after {
    position: absolute;
    content: "";
    width: 140px;
    height: 140px;
    background: var(--colorPrimary);
    border-radius: 8px;
    top: -160px;
    right: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    z-index: 1;
}

.tf__student_choose_text {
    position: relative;
}

/* .tf__student_choose_text::before {
    position: absolute;
    content: "";
    background: url(../images/shape_9.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    top: -40px;
    right: -10px;
    animation: shake_animi linear 1s infinite alternate;
    -webkit-animation: shake_animi linear 1s infinite alternate;
} */

/* .tf__student_choose_text::after {
    position: absolute;
    content: "";
    background: url(../images/dot_shapes_1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90px;
    height: 155px;
    bottom: -105px;
    right: -45px;
} */

.tf__student_choose_text ul {
    margin-top: 28px;
    margin-bottom: 60px;
}

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

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

/* student choose end */

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

/* .tf__instructor_overlay {
    background: #ffffff75;
} */

.tf__single_instructor {
    position: relative;
    background: #FFF7ED;
    z-index: 1;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_instructor_img {
    display: block;
    width: 290px;
    height: 290px;
    margin: 0 auto;
    margin-top: 35px;
}

.tf__instructor_text {
    background: var(--colorPrimary);
    padding: 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__instructor_text a {
    color: var(--colorWhite);
    font-weight: 600;
    font-size: 22px;
    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__instructor_text a:hover {
    color: var(--colorPrimary);
}

.tf__instructor_text p {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorWhite);
}

.tf__single_instructor ul {
    position: absolute;
    top: 15px;
    right: -40px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    opacity: 0;
}

.tf__single_instructor ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 50%;
    margin: 5px 0px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_instructor ul li a.facebook {
    background: #1877F2;
}

.tf__single_instructor ul li a.linkedin {
    background: #2E78B6;
}

.tf__single_instructor ul li a.twitter {
    background: #03A9F4;
}

.tf__single_instructor:hover ul {
    right: 20px;
    opacity: 1;
}

.team_slider .tf__single_instructor {
    margin: 25px 12px 80px 12px;
}

.tf__single_instructor:hover {
    box-shadow: 0px 24px 80px rgba(43, 56, 88, 0.16);
}

.team_slider .slick-dots {
    margin: 0;
    position: relative;
    top: -40px;
}

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

/* instructor end */

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

/* .tf__certificate_overlay {
    background: var(--colorPrimary);
    opacity: 0.97;
} */

.tf__single_certificate {
    text-align: center;
}

.tf__single_certificate span {
    display: block;
    width: 60px;
    margin: 0 auto;
}

.tf__single_certificate h4 {
    font-weight: 600;
    font-size: 24px;
    color: var(--colorWhite);
    margin-top: 20px;
}

/* certificate end */

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

.tf__single_testimonial {
    background: var(--colorWhite);
    border-radius: 8px 8px 70px 8px;
    padding: 40px;
    position: relative;
    margin: 50px 12px 52px 40px;
}

.tf__single_testimonial::after {
    position: absolute;
    content: "\f10d";
    font-family: "font awesome 5 free";
    font-weight: 600;
    color: #FE6043;
    top: 50px;
    left: -27px;
    font-size: 50px;
}

.tf__single_testimonial::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 60px solid transparent;
    border-top: 50px solid #ffffff;
    left: 120px;
    bottom: -50px;
}

.tf__single_testimonial .img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid var(--colorWhite);
}

.tf__single_testimonial .description {
    margin-top: 25px;
    text-align: center;
}

.tf__single_testimonial .rating {
    color: #FFE03C;
    text-align: center;
}

.tf__single_testimonial h4 {
    font-weight: 600;
    font-size: 24px;
    margin-top: 25px;
    text-align: center;
}

.tf__single_testimonial span {
    font-weight: 400;
    font-size: 16px;
    color: var(--paraColor);
    display: block;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 3px;
}

/* testimonial end */

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

.tf__blog .tf__section_heading h2 {
    position: relative;
    display: inline-block;
}

/* .tf__blog .tf__section_heading h2::before {
    position: absolute;
    content: "";
    background: url(../images/shape_11.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50px;
    height: 55px;
    top: -40px;
    left: -60px;
    animation: shake_animi linear 1s infinite alternate;
    -webkit-animation: shake_animi linear 1s infinite alternate;
} */

.tf__single_blog {
    border: 1px solid #E3E8EF;
    border-radius: 16px;
    overflow: hidden;
    background: var(--colorWhite);
    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: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__single_blog_img {
    height: 320px;
    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: 25px 25px 20px 25px;
}

.tf__single_blog_text ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E3E8EF;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.tf__single_blog_text ul li {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.tf__single_blog_text ul li span {
    display: block;
    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_blog_text ul li i {
    margin-right: 10px;
}

.tf__single_blog_text ul li:last-child {
    color: var(--paraColor);
}

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

.tf__single_blog_footer a {
    font-weight: 500;
    font-size: 16px;
    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__single_blog_footer a i {
    margin-left: 5px;
}

.tf__single_blog_footer span {
    font-weight: 600;
    font-size: 16px;
}

.tf__single_blog_footer span i {
    color: var(--colorBlack);
    margin-right: 5px;
}

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

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

.tf__single_blog:hover {
    box-shadow: var(--boxShadow);
}

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

.blog_slider .slick-dots {
    margin: 0;
    position: relative;
    top: -20px;
}

/* blog end */

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

.tf__footer_content .footer_logo {
    width: 170px;
    border-bottom: 1px solid var(--colorWhite);
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.tf__footer_content .footer_description {
    margin-bottom: 30px;
    margin-top: 0;
}

.tf__footer_content .social_link li a {
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: var(--colorWhite);
    color: var(--colorBlue);
    border-radius: 50%;
    margin-right: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.tf__footer_content h3 {
    font-weight: 600;
    font-size: 24px;
    color: var(--colorWhite);
    margin-bottom: 40px;
}

.tf__footer_content .footer_link li a {
    color: #F7F9FB;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 19px;
    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__footer_content .footer_link li:last-child a {
    margin: 0;
}

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

.tf__footer_content p {
    color: #F7F9FB;
    margin-top: 20px;
}

.tf__footer_content form {
    margin-top: 35px;
    position: relative;
}

.tf__footer_content form button {
    /* width: 100%; */
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 8px;
    padding: 9.5px 15px;
    font-size: 14px;
    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;
    position: absolute;
    top: 5px;
    right: 5px;
}

.tf__footer_content form button:hover {
    background: var(--colorBlue);
}

.tf__footer_location p {
    margin-top: 30px;
    padding-left: 35px;
    position: relative;
}

.tf__footer_location p span {
    display: block;
    margin-bottom: 15px;
    color: #F7F9FB;
}

.tf__footer_location p i {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 18px;
}

.tf__footer_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid #FFFFFF20;
    margin-top: 40px;
    padding-top: 30px;
    margin-bottom: 30px;
}

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

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

.tf__footer_bottom li a {
    font-size: 16px;
    font-weight: 400;
    color: #F7F9FB;
    margin-left: 20px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

/* footer end */

/* scroll button start */
.tf__scroll_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    cursor: pointer;
    text-align: center;
    color: var(--colorWhite);
    text-transform: capitalize;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: var(--colorPrimary);
    border: 1px solid var(--colorWhite);
    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;
    animation: scroll_amini linear 2s infinite alternate;
    -webkit-animation: scroll_amini linear 2s infinite alternate;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

@keyframes scroll_amini {
    from {
        bottom: 30px;
    }

    to {
        bottom: 50px;
    }
}

/* scroll button end */
/*============================
    HOME PAGE END
============================*/

/*============================
    ABOUT PAGE START
============================*/
.tf__breadcrumb {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 130px 0px 140px 0px;
    position: relative;
}

.tf__breadcrumb::after {
    position: absolute;
    content: "";
    background: linear-gradient(339.26deg, rgb(1 85 176 / 69%) 11.72%, rgb(0 32 80 / 68%) 84.25%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tf__breadcrumb_text h1 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    color: var(--colorWhite);
    text-align: center;
}

.tf__breadcrumb_text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.tf__breadcrumb_text ul li {
    padding: 0 !important;
}

.tf__breadcrumb_text ul li,
.tf__breadcrumb_text ul li a {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--colorWhite);
    padding-right: 30px;
    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__breadcrumb_text ul li a::after {
    position: absolute;
    content: "\f054";
    font-family: "font awesome 5 free";
    font-size: 12px;
    font-weight: 600;
    color: var(--colorWhite);
    top: 3px;
    right: 11px;
}

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

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

.tf__about_us_img {
    position: relative;
    padding-bottom: 100px;
    z-index: 1;
}

.tf__about_us_img::after {
    position: absolute;
    content: "";
    background: url(../images/dot_shapes_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 107px;
    bottom: 44px;
    left: -58px;
    z-index: -1;
    animation: zoom_animi linear 2s infinite alternate;
    -webkit-animation: zoom_animi linear 2s infinite alternate;
}

.tf__about_us_img .img_1 {
    width: 360px;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__about_us_img .img_2 {
    width: 430px;
    height: 260px;
    border-radius: 16px;
    position: absolute;
    bottom: 0;
    left: 100px;
    border: 8px solid var(--colorWhite);
    z-index: 1;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__about_us_img .img_2 img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__about_us_img .img_2::after {
    position: absolute;
    content: "";
    width: 105px;
    height: 110px;
    background: var(--colorPrimary);
    top: -140px;
    right: 27px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__about_us_text ul {
    justify-content: space-between;
    margin-top: 5px;
}

.tf__about_us_text ul li {
    background: var(--colorWhite);
    border-radius: 8px;
    padding: 30px;
    width: 48%;
    margin-top: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__about_us_text ul li span {
    display: block;
    font-size: 25px;
    color: var(--colorPrimary);
}

.tf__about_us_text ul li h4 {
    font-weight: 600;
    font-size: 24px;
    margin: 15px 0px;
}

.tf__about_video {
    position: relative;
}

/* .tf__about_video::after {
    position: absolute;
    content: "";
    background: #F6F5FF;
    width: 100%;
    height: 85%;
    top: 0;
    left: 0;
} */

/* .tf__about_video::before {
    position: absolute;
    content: "";
    background: url(../images/shape_3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80px;
    height: 60px;
    top: 150px;
    left: 9%;
    z-index: 1;
    animation: shake_animi linear 1s infinite alternate;
    -webkit-animation: shake_animi linear 1s infinite alternate;
} */

.tf__about_video .tf__community_img {
    height: 550px;
}

.tf__about_video .tf__community_img::before {
    display: none;
}

/* .tf__about_instructor {
    background: none;
} */

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

/*============================
    BLOG PAGE START
============================*/
.tf__blog_search_area {
    background: #FFF7ED;
    border-radius: 16px;
    padding: 30px;
}

.tf__blog_search_item label {
    display: block;
    font-weight: 600;
    font-size: 24px;
    color: var(--colorBlack);
    margin-bottom: 15px;
}

.tf__blog_search_input {
    position: relative;
}

.tf__blog_search_input button {
    position: absolute;
    width: 49px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-radius: 8px;
    top: 0;
    right: 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: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

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

.tf__blog_search_input .nice-select::before {
    position: absolute;
    content: "";
    background: var(--colorPrimary);
    width: 49px;
    height: 49px;
    top: 0;
    right: 0;
    border-radius: 8px;
    transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__blog_search_input .nice-select:hover::before {
    background: var(--colorBlack);
}

.tf__blog_search_input .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    right: 20px;
}

.tf__pagination nav ul {
    justify-content: center;
}

.tf__pagination nav ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    margin: 0px 10px;
    border-radius: 50% !important;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid transparent;
    background: #f7f7f8;
    color: var(--paraColor);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__pagination nav ul li a:focus {
    box-shadow: none;
}

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

.tf__pagination nav ul li:first-child a {
    border-color: var(--colorPrimary) !important;
    color: var(--colorPrimary);
    margin-right: 30px;
    margin-left: 0;
}

.tf__pagination nav ul li:last-child a {
    border-color: var(--colorPrimary) !important;
    color: var(--colorPrimary);
    margin-left: 15px !important;
    margin-right: 0;
}

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

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

.tf__blog_details_header {
    margin-top: 60px;
}

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

.tf__blog_details_header ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
}

.tf__blog_details_header ul li span {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.tf__blog_details_header ul li p {
    font-weight: 600;
    font-size: 16px;
    color: var(--paraColor);
    margin-left: 40px;
}

.tf__blog_details_header ul li p i {
    color: var(--colorPrimary);
    font-size: 18px;
    margin-right: 8px;
}

.tf__blog_details_text h1,
.tf__blog_details_text h2,
.tf__blog_details_text h3,
.tf__blog_details_text h4,
.tf__blog_details_text h5,
.tf__blog_details_text h6 {
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 30px;
}

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

.tf__blog_details_text h2 {
    font-size: 28px;
}

.tf__blog_details_text h3 {
    font-size: 24px;
}

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

.tf__blog_details_text h5 {
    font-size: 18px;
}

.tf__blog_details_text h6 {
    font-size: 16px;
}

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

.tf__blog_details_text .tf__quote {
    position: relative;
    background: #FFF7ED;
    border-left: 3px solid var(--colorPrimary);
    border-radius: 8px;
    padding: 50px 30px;
    margin-top: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__blog_details_text .tf__quote::after {
    position: absolute;
    content: "\f10d";
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 60px;
    color: var(--colorPrimary);
    top: -40px;
    right: 40px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.tf__blog_details_text .tf__quote p {
    margin: 0;
    margin-bottom: 35px;
    font-size: 20px;
    font-style: italic;
}

.tf__blog_details_text .tf__quote h5 {
    position: relative;
    margin: 0;
    padding-left: 50px;
}

.tf__blog_details_text .tf__quote h5::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: var(--colorPrimary);
    top: 12px;
    left: 0;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.tf__blog_details_text .tf__community_img {
    margin: 0;
    margin-top: 35px;
    height: 420px;
}

.tf__blog_details_text .tf__community_img::after,
.tf__blog_details_text .tf__community_img::before {
    display: none;
}

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

.tf__blog_details_text ul li,
.tf__blog_details_text ol li {
    position: relative;
    padding-left: 40px;
    margin-top: 25px;
}

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

.tf__blog_details_tag_area {
    border-top: 1px solid #CDD5DF;
    margin-top: 60px;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tf__blog_details_tag_area .tags {
    align-items: center;
}

.tf__blog_details_tag_area .tags li {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
}

.tf__blog_details_tag_area .tags li a {
    font-family: var(--headingFont);
    font-weight: 600;
    font-size: 16px;
    padding: 10px 25px;
    background: #EEF2F6;
    border-radius: 4px;
    color: var(--paraColor);
    margin-left: 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;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

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

.tf__blog_details_tag_area .social li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: var(--colorBlack);
    color: #fff;
    border-radius: 50%;
    margin-left: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__blog_details_tag_area .social li a.facebook {
    background: #1877F2;
}

.tf__blog_details_tag_area .social li a.linkedin {
    background: #0B69C7;
}

.tf__blog_details_tag_area .social li a.twitter {
    background: #03A9F4;
}

.tf__blog_details_tag_area .social li a.pinterest {
    background: #CB2027;
}

.tf__blog_comment_area {
    background: #F7F9FB;
    border-radius: 8px;
    padding: 40px;
    margin-top: 60px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__blog_comment_area h3 {
    font-size: 24px;
    font-weight: 600;
}

.tf__single_comment {
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
}

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

.tf__single_comment_text {
    width: 89%;
}

.tf__single_comment_text h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 7px;
}

.tf__single_comment_text .comment_time {
    color: #9AA4B2;
    margin-bottom: 17px;
}

.tf__single_comment_text .comment_time a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--colorPrimary);
    position: relative;
    padding-left: 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;
}

.tf__single_comment_text .comment_time a::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    background: #697586;
    border-radius: 50%;
    top: 9px;
    left: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__single_comment_text .comment_time a:hover {
    color: var(--colorBlack);
}

.tf__single_comment_text .main_comment {
    margin: 0;
}

.tf__input_comment_area {
    border-top: 1px solid #E3E8EF;
    margin-top: 40px;
    padding-top: 50px;
}


.tf__input_comment_area p {
    margin-top: 10px;
}

.tf__single_comment_input {
    margin-top: 25px;
}

.tf__single_comment_input label {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    margin-bottom: 5px;
}

.tf__single_comment_input input,
.tf__single_comment_input textarea {
    border: 1px solid #EEF2F6;
    background: var(--colorWhite);
}

.tf__input_comment_area button {
    margin-top: 23px;
}

.tf__sidebar {
    border: 1px solid #E3E8EF;
    box-shadow: 0px 16px 40px rgba(43, 56, 88, 0.08);
    border-radius: 8px;
    padding: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sidebar h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.tf__sidebar_search form {
    position: relative;
}

.tf__sidebar_search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 49px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    border-radius: 8px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

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

.tf__sidebar_categories,
.tf__sidebar_post {
    border-top: 1px solid #E3E8EF;
    margin-top: 30px;
    padding-top: 25px;
}

.tf__sidebar_categories ul li a {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 16px;
    color: var(--paraColor);
    margin-top: 15px;
    padding-left: 20px;
    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__sidebar_categories ul li a::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--colorPrimary);
    border-radius: 50%;
    top: 8px;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.tf__sidebar_categories ul li a span {
    font-weight: 600;
}

.tf__sidebar_post ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
}

.tf__sidebar_post ul li .img {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.tf__sidebar_post ul li .text {
    width: 66%;
}

.tf__sidebar_post ul li .text a {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tf__sidebar_post ul li .text p {
    font-weight: 600;
    font-size: 16px;
}

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

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

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

/*==================================
    COURSES DETAILS PAGE START
===================================*/
.tf__courses_details_img {
    height: 500px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__courses_details_header ul {
    margin: 25px 0px 30px 0px;
}

.tf__courses_details_header ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    border-right: 1px solid #CDD5DF;
    margin-right: 25px;
    padding-right: 25px;
}

.tf__courses_details_header ul li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.tf__courses_details_header ul li span {
    margin-right: 10px;
    display: block;
    width: 25px;
    height: 25px;
}

.tf__courses_details_header h2 {
    font-weight: 600;
    font-size: 28px;
}

.tf__courses_details_text nav {
    border-bottom: 1px solid #E3E8EF;
    margin-top: 50px;
}

.tf__courses_details_text nav .nav-tabs {
    border: none;
}

.tf__courses_details_text nav .nav-tabs .nav-link {
    font-weight: 600;
    font-size: 16px;
    color: var(--paraColor);
    padding: 0px 30px 10px 30px;
    border: none;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__courses_details_text nav .nav-tabs .nav-link i {
    margin-right: 10px;
}

.tf__courses_details_text nav .nav-tabs .nav-link:hover {
    color: var(--colorPrimary);
}

.tf__courses_details_text nav .nav-tabs .nav-link.active {
    color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

.tf__course_overview p {
    margin-top: 20px;
}

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

.tf__course_overview h1 {
    font-size: 32px;
}

.tf__course_overview h2 {
    font-size: 28px;
}

.tf__course_overview h3 {
    font-size: 24px;
}

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

.tf__course_overview h5 {
    font-size: 18px;
}

.tf__course_overview h6 {
    font-size: 16px;
}

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

.tf__course_overview ul li,
.tf__course_overview ol li {
    position: relative;
    padding-left: 40px;
    margin-top: 20px;
}

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

.tf__course_instructor {
    margin-top: 30px;
}

.tf__course_instructor_img {
    position: relative;
    height: 440px;
    padding: 30px 30px 0px 30px;
    z-index: 1;
    border-radius: 16px;
    overflow: hidden;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__course_instructor_img::after {
    position: absolute;
    content: "";
    background: url(../images/single_instructor_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.tf__course_instructor_text h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
}

.tf__course_instructor_text h5 {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorPrimary);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E3E8EF;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.tf__course_instructor_text h5 span {
    color: var(--ratingColor);
    display: inline-block;
}

.tf__course_instructor_text h5 span b {
    color: var(--paraColor);
    margin-left: 10px;
    font-weight: 400;
}

.tf__course_instructor_text .course_rating {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.tf__course_instructor_text .course_rating li {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    margin-right: 30px;
    color: var(--colorBlack);
}

.tf__course_instructor_text .course_rating li span {
    margin-right: 8px;
    display: block;
    width: 25px;
    height: 25px;
}

.tf__course_instructor_text .about {
    margin-bottom: 25px;
}

.tf__course_instructor_text .address {
    margin-top: 12px;
    position: relative;
    padding-left: 30px;
}

.tf__course_instructor_text .address i {
    position: absolute;
    top: 5px;
    left: 0;
    color: var(--colorPrimary);
    font-size: 18px;
}

.tf__course_instructor_text .social_link {
    margin-top: 25px;
}

.tf__course_instructor_text .social_link li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background: #ddd;
    color: var(--colorWhite);
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__course_instructor_text .social_link li a.facebook {
    background: #1877F2;
}

.tf__course_instructor_text .social_link li a.linkedin {
    background: #0B69C7;
}

.tf__course_instructor_text .social_link li a.twitter {
    background: #03A9F4;
}

.tf__course_instructor_text .social_link li a.pinterest {
    background: #CB2027;
}

.tf__courses_review {
    margin-top: 30px;
}

.tf__courses_review h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
}

.tf__single_review {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    border-bottom: 1px solid #E3E8EF;
    padding-bottom: 17px;
    margin-bottom: 25px;
}

.tf__single_review_img {
    width: 140px;
    height: 140px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__single_review_text {
    width: 80%;
}

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

.tf__single_review_text h4 span {
    font-weight: 400;
    font-size: 16px;
    color: var(--colorBlack);
}

.tf__single_review_text .rating {
    color: var(--ratingColor);
    margin-bottom: 10px;
}

.tf__single_review_text ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.tf__single_review_text ul li a {
    width: 35px;
    height: 35px;
    line-height: 13px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #CDD5DF;
    background: var(--colorWhite);
    padding: 9px;
    margin-right: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

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

.tf__single_review_text h4 span i {
    margin-right: 10px;
}

.tf__courses_review nav {
    margin: 0;
    border: none;
    padding-bottom: 55px;
}

.tf__courses_review_input_area form {
    background: #F7F9FB;
    padding: 40px;
    margin-top: 25px;
}

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

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

.tf__courses_review_input_area p span 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__courses_review_input_area p span i:hover {
    color: var(--colorBlack);
}

.tf__courses_review_input_sigle {
    margin-top: 25px;
}

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

.tf__courses_review_input_sigle input,
.tf__courses_review_input_sigle textarea {
    border: 1px solid #EEF2F6;
}

.tf__courses_review_input_sigle button {
    margin-top: 25px;
}

.tf__sidebar_course_video {
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-bottom: 25px;
}

.tf__sidebar_course_video_overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000054;
    border-radius: 16px;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tf__sidebar_course_enrole .list {
    margin-bottom: 18px;
}

.tf__sidebar_course_enrole .list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 18px;
    color: var(--colorBlack);
    border-bottom: 1px solid #e9eff7;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.tf__sidebar_course_enrole .list li:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

.tf__sidebar_course_enrole .list li span {
    font-weight: 600;
    color: var(--colorBlack);
    text-transform: capitalize;
}

.tf__sidebar_course_enrole .list li span i {
    color: var(--colorPrimary);
    width: 25px;
}

.tf__sidebar_course_enrole .tf__common_btn,
.tf__sidebar_course_enrole .tf__common_btn2 {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.tf__sidebar_course_enrole .share {
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.tf__sidebar_course_enrole .share li {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--colorBlack);
}

.tf__sidebar_course_enrole .share li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #ddd;
    color: var(--colorWhite);
    border-radius: 50%;
    margin-left: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__sidebar_course_enrole .share li a.facebook {
    background: #1877F2;
}

.tf__sidebar_course_enrole .share li a.linkedin {
    background: #2E78B6;
}

.tf__sidebar_course_enrole .share li a.twitter {
    background: #03A9F4;
}

.tf__sidebar_course_enrole .share li a.pinterest {
    background: #CB2027;
}

.tf__sidebar_courses ul li .text p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tf__sidebar_courses ul li .text p span {
    display: flex;
}

.tf__sidebar_courses ul li .text p span img {
    margin-right: 8px;
    display: block;
    width: 25px !important;
    height: 25px !important;
}

.tf__related_item {
    background: #F6F5FF;
    position: relative;
    z-index: 1;
}

.tf__related_item .tf__section_heading h2 {
    position: relative;
    display: inline-block;
}

.tf__related_item .tf__single_courses {
    margin: 25px 12px 60px 12px;
}

/*==================================
    COURSES DETAILS PAGE END
==================================*/

/*============================
    PAYMENT PAGE START
============================*/
.tf__payment_method_single {
    display: block;
    height: 160px;
    background: var(--colorWhite);
    border: 1px solid #E3E8EF;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 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: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__payment_method_single:hover {
    background: #FFF7ED;
    box-shadow: var(--boxShadow);
}

.tf__payment_summary {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.tf__payment_summary ul li .text h4 {
    font-weight: 600;
    font-size: 24px;
    display: flex;
    align-items: center;
    color: var(--colorPrimary);
}

.tf__payment_summary ul li .text h4 span {
    display: block;
    width: 14px;
    height: 23px;
    margin-right: 8px;
}

.tf__order_summary p {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    color: var(--colorBlack);
}

.tf__order_summary p span {
    color: var(--colorBlack);
}

.tf__order_summary h5 {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    border-top: 1px solid #E3E8EF;
    margin-top: 15px;
    padding-top: 15px;
}

.tf__order_summary h5 span {
    font-size: 20px;
    font-weight: 600;
    color: var(--colorBlack);
}

.tf__order_summary a {
    width: 100%;
}

.tf__payment_modal .modal-content {
    width: 600px;
}

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

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

.tf__pay_modal_info p {
    margin-bottom: 20px;
}

.tf__pay_modal_info .list_item {
    margin-bottom: 20px;
}

.tf__pay_modal_info .list_item li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 35px;
}

.tf__pay_modal_info .list_item li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
}

.tf__pay_modal_info form input {
    margin-bottom: 20px;
}

.tf__pay_modal_info form textarea {
    margin-bottom: 15px;
}

.tf__pay_modal_info .nice-select {
    margin-bottom: 20px;
}

.tf__pay_modal_info .nice-select .current {
    font-weight: 300;
    color: var(--colorBlack);
}

.tf__pay_modal_button .tf__common_btn2 {
    border: none;
    color: var(--colorWhite);
}

.tf__pay_modal_button .tf__common_btn {
    border: none;
    outline: none;
}

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

/*============================
    EVENT DETAILS PAGE START
============================*/
.tf__event_details_img {
    height: 500px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__event_details_area h2 {
    margin-top: 30px;
    font-size: 28px;
    font-weight: 600;
    border-bottom: 1px solid #E3E8EF;
    padding-bottom: 30px;
}

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

.tf__event_details_text h1 {
    font-size: 32px;
}

.tf__event_details_text h2 {
    font-size: 28px;
}

.tf__event_details_text h3 {
    font-size: 24px;
}

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

.tf__event_details_text h5 {
    font-size: 18px;
}

.tf__event_details_text h6 {
    font-size: 16px;
}

.tf__event_details_text p {
    margin-top: 20px;
}

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

.tf__event_details_text ul li,
.tf__event_details_text ol li {
    position: relative;
    padding-left: 40px;
    margin-top: 20px;
}

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

.tf__sidebar_event {
    border-top: 1px solid #E3E8EF;
    margin-top: 30px;
    padding-top: 25px;
}

.tf__sidebar_event ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
}

.tf__sidebar_event ul li .date {
    background: #edf1f6;
    height: 80px;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin-right: 15px;
}

.tf__sidebar_event ul li .date h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.tf__sidebar_event ul li .date p {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--headingFont);
}

.tf__sidebar_event ul li .text {
    width: 71%;
}

.tf__sidebar_event ul li .text a {
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    margin-bottom: 10px;
    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_event ul li .text a:hover {
    color: var(--colorPrimary);
}

.tf__sidebar_event ul li .text p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tf__sidebar_event ul li .text p span i {
    color: var(--colorPrimary);
    margin-right: 5px;
}

/*============================
    EVENT DETAILS PAGE END
============================*/

/*=================================
    INSTRUCTOR DETAILS PAGE START
=================================*/
.tf__instructor_details_page .tf__course_instructor {
    background: #F6F5FF;
    margin: 0;
    border-radius: 15px;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #eee;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

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

.tf__instructor_details_page .tf__course_instructor_img {
    height: 520px;
}

.tf__instructor_courses h2 {
    font-size: 48px;
    font-weight: 600;
    border-bottom: 2px solid #eeecfa;
    padding-bottom: 5px;
}

/*=================================
    INSTRUCTOR DETAILS PAGE END
=================================*/

/*============================
BECOME AN INSTRUCTOR PAGE START
============================*/
.tf__become_an_instructor .tf__section_heading h2 {
    border-bottom: 1px solid #E3E8EF;
    padding-bottom: 34px;
    margin-bottom: 0;
}

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

.tf__become_instructor_text h1 {
    font-size: 32px;
}

.tf__become_instructor_text h2 {
    font-size: 28px;
}

.tf__become_instructor_text h3 {
    font-size: 24px;
}

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

.tf__become_instructor_text h5 {
    font-size: 18px;
}

.tf__become_instructor_text h6 {
    font-size: 16px;
}

.tf__become_instructor_text p {
    margin-top: 20px;
}

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

.tf__become_instructor_text ul li,
.tf__become_instructor_text ol li {
    position: relative;
    padding-left: 40px;
    margin-top: 20px;
}

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

.tf__become_instructor_form {
    background: #F6F5FF;
    margin-top: 35px;
    padding: 40px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__become_instructor_form h2 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 35px;
}

.tf__form_single_input {
    margin-bottom: 20px;
}

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

.tf__form_single_input input,
.tf__form_single_input textarea {
    border: 1px solid #EEF2F6;
}

.form-check input {
    padding: 0;
    border: 1px solid var(--colorPrimary);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

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

.form-check-input:checked {
    background-color: var(--colorPrimary);
    border-color: var(--colorPrimary);
}

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

.form-check label a {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    border-bottom: 1px solid var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__become_instructor_form button {
    width: 100%;
}

/*============================
BECOME AN INSTRUCTOR PAGE END
============================*/

/*============================
    FAQ PAGE START
============================*/
.tf__faq_text .accordion-item {
    margin-top: 25px;
    border: none;
}

.tf__faq_text .accordion-button {
    font-weight: 600;
    font-size: 24px;
    color: var(--colorBlack);
    background: none;
    border: none;
    background: #F6F5FF;
    box-shadow: none;
    padding: 20px 20px 20px 65px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__faq_text .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.tf__faq_text .accordion-button::after {
    background: url(../images/accordian_plus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.tf__faq_text .accordion-button:not(.collapsed)::after {
    background: url(../images/accordian_minus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.tf__faq_text .accordion-body {
    background: #F6F5FF;
    padding: 0px 20px 20px 60px;
}

.tf__faq_form {
    margin-top: 25px;
}

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

/*============================
    CONTACT START
============================*/
.tf__contact_page h2 {
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    margin-bottom: 25px;
}

.tf__contact_info {
    background: #F6F5FF;
    text-align: center;
    padding: 56px 30px;
    border-radius: 8px;
    margin-top: 25px;
    border: 1px solid #E3E8EF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__contact_info i {
    color: var(--colorPrimary);
    font-size: 35px;
    margin-bottom: 25px;
}

.tf__contact_info h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
}

.tf__contact_info p {
    font-weight: 600;
    color: var(--colorPrimary);
    margin-top: 10px;
}

.tf__contact_form {
    padding: 30px;
    border-radius: 8px;
    margin-top: 25px;
    border: 1px solid #E3E8EF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__contact_form input,
.tf__contact_form textarea {
    border: 1px solid #EEF2F6;
    background: #F6F5FF;
}

.tf__contact_form button {
    width: 100%;
}

.tf__contact_map {
    width: 100%;
    height: 600px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

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

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

/*============================
    error PAGE START
============================*/
.error_page {
    height: 100vh;
}

.error_page div {
    height: 100%;
}

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

.error_img {
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    height: auto !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.error_text h2 {
    font-weight: 600;
    font-size: 48px;
    margin-top: 40px;
}

.error_text p {
    font-size: 18px;
    margin: 17px 0px 25px 0px;
}

/*============================
    error PAGE END
============================*/

/*============================
    SIGN IN PAGE START
============================*/
.tf__sing_in_form {
    border: 1px solid #E3E8EF;
    padding: 40px;
    border-radius: 8px;
    box-shadow: var(--boxShadow);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__sing_in_form h4 {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px;
}

.tf__sing_in_form p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

.tf__sing_in_form .tf__form_single_input label {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-weight: 400;
}

.tf__sing_in_form .tf__form_single_input a {
    border: none;
    color: var(--colorPrimary);
    font-weight: 600;
}

.tf__sing_in_form .tf__form_single_input a:hover {
    color: var(--colorBlack);
}

.tf__sing_in_form .tf__common_btn {
    width: 100%;
}

.tf__sing_in_form .or {
    position: relative;
    margin: 27px 0px 25px 0px;
}

.tf__sing_in_form .or span {
    text-transform: capitalize;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: var(--colorPrimary);
    background: var(--colorWhite);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 29px;
    color: var(--colorPrimary);
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__sing_in_form .or::after {
    position: absolute;
    content: "";
    background: var(--colorPrimary);
    width: 98%;
    height: 1px;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.tf__sing_in_form ul li a {
    width: 35px;
    height: 35px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 14px;
    border: 1px solid transparent;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__sing_in_form ul li a:hover {
    background: var(--colorBlack);
}

.tf__sing_in_form .create_account {
    margin-top: 25px;
    color: var(--paraColor);
    margin-bottom: 0px;
}

.tf__sing_in_form .create_account a {
    color: var(--colorPrimary);
    text-transform: capitalize;
    font-weight: 500;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
}

.tf__sing_in_form .create_account a:hover {
    color: var(--colorBlack);
}

.sing_in_sign_up_btn a {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    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;
}

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

/*============================
    SIGN IN PAGE END
============================*/

/*============================
TERMS AMD CONDITION PAGE START
============================*/
.tf__trems_condition_text h1,
.tf__trems_condition_text h2,
.tf__trems_condition_text h3,
.tf__trems_condition_text h4,
.tf__trems_condition_text h5,
.tf__trems_condition_text h6 {
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 30px;
}

.tf__trems_condition_text h1 {
    font-size: 32px;
}

.tf__trems_condition_text h2 {
    font-size: 28px;
}

.tf__trems_condition_text h3 {
    font-size: 24px;
}

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

.tf__trems_condition_text h5 {
    font-size: 18px;
}

.tf__trems_condition_text h6 {
    font-size: 16px;
}

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

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

.tf__trems_condition_text ul li,
.tf__trems_condition_text ol li {
    position: relative;
    padding-left: 40px;
    margin-top: 25px;
}

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

/*============================
TERMS AMD CONDITION PAGE END
============================*/

/*============================
   COURSES VIDEO PAGE START
============================*/
.tf__courses_video_play {
    border-radius: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__courses_video_text h3 {
    font-weight: 600;
    font-size: 32px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.tf__courses_video_text ul {
    border-top: 1px solid #E3E8EF;
    border-bottom: 1px solid #E3E8EF;
    padding: 15px 0px;
    margin-top: 30px;
}

.tf__courses_video_text ul li a {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__courses_video_text ul li a i {
    margin-right: 10px;
}

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

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

.tf__courses_video_list_header {
    background: #F6F5FF;
    padding: 30px;
}

.tf__courses_video_list_header h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--colorBlack);
    margin: 0;
}

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

.tf__courses_video_list {
    max-height: 650px;
    overflow: hidden;
    overflow-y: auto;
}

.tf__courses_video_list::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #EEF2F6;
    width: 6px;
}

.tf__courses_video_list::-webkit-scrollbar-thumb {
    background: #CDD5DF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.tf__courses_video_list .accordion-item {
    border: none;
    padding: 0px;
}

.tf__courses_video_list .accordion-header button {
    display: flex;
    flex-direction: column;
    align-items: start;
    border: none;
    border-radius: 0;
    background: none;
    border-top: 1px solid #E3E8EF;
    padding: 15px 30px;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

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

.tf__courses_video_list .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-bottom: 1px solid #E3E8EF !important;
}

.tf__courses_video_list .accordion-header button::after {
    background: url(../images/accordian_plus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.tf__courses_video_list .accordion-header button:not(.collapsed)::after {
    background: url(../images/accordian_minus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.tf__courses_video_list .accordion-header span b {
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--colorBlack);
    margin-bottom: 10px;
}

.tf__courses_video_list .accordion-header span {
    text-transform: capitalize;
    display: block;
}

.tf__courses_video_list .accordion-body {
    padding: 18px 30px;
}

.tf__courses_video_list .accordion-body ul li a {
    font-weight: 400;
    font-size: 18px;
    color: var(--colorBlack);
    transition: all linear .3s;
    display: block;
    padding: 12px 0px 12px 40px;
    position: relative;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__courses_video_list .accordion-body ul li a:hover {
    color: var(--colorPrimary);
}

/*============================
   COURSES VIDEO PAGE END
============================*/

/*============================
   DASHBOARD PAGE START
============================*/
.tf__dashboard_content {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #E3E8EF;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.tf__dashboard_sidebar {
    background: #FFF7ED;
    padding: 40px;
    height: 100%;
}

.tf__dashboard_sidebar_user .img {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    border: 5px solid var(--colorWhite);
    border-radius: 8px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_sidebar_user .img img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_sidebar_user .img label {
    width: 40px;
    height: 40px;
    line-height: 0;
    background: var(--colorPrimary);
    padding: 8px;
    border-radius: 5px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.tf__dashboard_sidebar_user .img label:hover {
    background: var(--colorBlack);
}

.tf__dashboard_sidebar_user {
    text-align: center;
    border-bottom: 1px solid var(--colorPrimary);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.tf__dashboard_sidebar_user h2 {
    font-weight: 600;
    font-size: 24px;
    text-transform: capitalize;
    margin: 15px 0px 5px 0px;
}

.tf__dashboard_sidebar_menu ul li a {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: var(--colorBlack);
    transition: all linear .3s;
    padding: 15px 20px;
    border-radius: 10px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.tf__dashboard_sidebar_menu ul li:last-child a {
    padding-bottom: 0;
}

.tf__dashboard_sidebar_menu ul li a i {
    width: 30px;
}

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

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

.tf__dashboard_body {
    padding: 25px 25px 25px 0px;
}

.tf__dashboard_body .dashboard_title {
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tf__dashboard_body .dashboard_title a {
    font-weight: 400;
    font-size: 16px;
    background: var(--colorPrimary);
    padding: 10px 30px;
    color: var(--colorWhite);
    border-radius: 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: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_body .dashboard_title a:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__dashboard_overview_item {
    background: #F7F9FB;
    border: 1px solid #E3E8EF;
    border-radius: 8px;
    padding: 50px 20px;
    text-align: center;
    margin-top: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_overview_item .icon {
    width: 80px;
    height: 80px;
    border: 1px solid var(--colorPrimary);
    border-radius: 8px;
    padding: 20px;
    margin: 0 auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_overview_item h4 {
    font-weight: 600;
    font-size: 48px;
    margin: 17px 0px 10px 0px;
}

.tf__dashboard_overview_item p {
    font-weight: 700;
    font-size: 18px;
    color: var(--colorPrimary);
    text-transform: uppercase;
}

/* dashboard info start */
.tf__dashboard_info {
    border-radius: 12px;
    padding: 30px;
    margin-top: 25px;
    background: #F7F9FB;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.tf__dashboard_info ul li {
    border-bottom: 1px solid #cdd5df82;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tf__dashboard_info ul li span {
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--colorBlack);
    width: 130px;
    display: inline-block;
}

.tf__dashboard_info ul li b {
    color: var(--colorBlack);
    margin-right: 10px;
}

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

/* dashboard info end */

.tf__dashboard_course_play {
    padding: 25px 25px 15px 25px;
}

/* dashboard review start */
.tf__dashboard_review .tf__single_review_text h4 a {
    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__dashboard_review .tf__single_review_text h4 a:hover {
    color: var(--colorPrimary);
}

/* dashboard review end */

/* dashboard order start */
.tf_dashboard_order_area {
    border: 1px solid #E3E8EF;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__dashboard_order table {
    margin: 0;
}

.tf__dashboard_order table tr {
    border-bottom: 1px solid #E3E8EF;
}

.tf__dashboard_order table tr:last-child {
    border-bottom: transparent;
}

.tf__dashboard_order table tr th,
.tf__dashboard_order table tr td {
    min-width: 170px;
}

.tf__dashboard_order table tr td {
    padding: 25px 20px;
}

.tf__dashboard_order table tr th {
    background: #F7F9FB;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: var(--colorBlack);
    padding: 15px 20px;
}

.tf__dashboard_order table tr td {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
}

.tf__dashboard_order table tr td span {
    padding: 5px 20px 5px 35px;
    background: #eee;
    border-radius: 30px;
    text-transform: capitalize;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.tf__dashboard_order table tr td span::after {
    position: absolute;
    content: "";
    font-family: "font awesome 5 free";
    font-size: 12px;
    font-weight: 600;
    top: 6px;
    left: 13px;
}

.tf__dashboard_order table tr td .paid {
    color: #027A48;
    background: #d7ffee;
}

.tf__dashboard_order table tr td .paid::after {
    content: "\f00c";
}

.tf__dashboard_order table tr td .pending {
    background: #EEF2F6;
    color: #364152;
}

.tf__dashboard_order table tr td .pending::after {
    content: "\f110";
}

.tf__dashboard_order table tr td .cancel {
    background: #ffeaea;
    color: red;
}

.tf__dashboard_order table tr td .cancel::after {
    content: "\f00d";
}

.tf__dashboard_order table tr td a {
    color: var(--colorPrimary);
    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(--colorBlack);
}

/* dashboard order end */

/* dashboard order invoice start */
.tf__invoice_body {
    border: 1px solid #E3E8EF;
    border-radius: 8px;
    overflow: hidden;
    border-right: 0;
    border-bottom: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__invoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0px;
    border: 0.5px solid #E3E8EF;
    padding: 30px;
    border-radius: 8px;
    background: #f4f6f9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.tf__invoice_header .header_address {
    max-width: 40%;
}

.tf__invoice_header .header_address h4 {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.tf__invoice_header .header_address b {
    font-weight: 500;
    font-size: 16px;
    font-family: var(--headingFont);
    text-transform: capitalize;
    width: 95px;
}

.tf__invoice_header .header_address p {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

.tf__invoice_header p span {
    color: var(--colorPrimary);
}

.tf__invoice_header h5 {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 800;
}

.tf__invoice table {
    margin: 0;
}

.tf__invoice table tr {
    border: transparent;
    border-right: 0;
}

.tf__invoice .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #f4f6f9;
}

.tf__invoice table tr th {
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--colorBlack) !important;
    padding: 15px 20px !important;
    border-bottom: 0.5px solid #E3E8EF;
}

.tf__invoice table tr th:last-child {
    border-right: 0.5px solid #E3E8EF;
}

.tf__invoice table tr td {
    padding: 25px 20px;
    border-right: 0.5px solid #E3E8EF;
}

.tf__invoice table tr:last-child td {
    border-bottom: 0.5px solid #E3E8EF;
}

.tf__invoice table tr td {
    color: var(--colorBlack);
    vertical-align: middle;
}

.tf__invoice table tr td p {
    color: var(--colorBlack);
    margin: 0;
    font-weight: 500;
}

.tf__invoice table tr td .course_name {
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 600;
    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__invoice table tr td .course_name:hover {
    color: var(--colorPrimary);
}

.tf__invoice table tr td ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tf__invoice table tr td ul li {
    display: flex;
    flex-wrap: wrap;
}

.tf__invoice table tr td ul li span {
    margin-right: 8px;
    display: block;
    width: 20px;
    height: 20px;
}

.tf__invoice table tr td b {
    font-weight: 500;
}

.tf__invoice .sl_no {
    min-width: 60px;
}

.tf__invoice .package {
    width: 40%;
    min-width: 280px;
    text-align: left;
}

.tf__invoice .price,
.tf__invoice .qnty,
.tf__invoice .total {
    width: 20%;
    min-width: 130px;
}

.tf__invoice table tfoot {
    border-bottom: .5px solid #ddd;
}

.tf__invoice table tfoot tr td {
    border-bottom: 1px solid #E3E8EF;
    padding: 15px 20px;
}

.tf__invoice table tfoot tr td b {
    margin: 0;
    border: none;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    text-align: center;
}

.tf__invoice table tfoot .coupon b,
.tf__invoice table tfoot .coast b {
    font-weight: 500 !important;
}

.tf__invoice table tfoot .coupon b {
    color: var(--colorPrimary);
}

.tf__dashboard_body .tf__invoice {
    margin-top: 25px;
}

.tf__invoice .print_btn {
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
}

.tf__invoice .print_btn i {
    margin-right: 5px;
}

.tf__invoice .go_back {
    background: var(--colorPrimary);
    border-radius: 30px;
    padding: 8px 15px;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--colorWhite) !important;
    font-weight: 400;
    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;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.tf__invoice .go_back i {
    margin-right: 10px;
}

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

/* dashboard order invoice end */
/*============================
   DASHBOARD PAGE END
============================*/