/* 
***************************************
Template Name: Eduor || Online Education Learning HTML Template
Author: themefaxbd 
Author Email: themefaxbd@gmail.com
Version: 1.0
Description: Eduor is a Online Education HTML Template. It is designed for online education learning you are a you can discover many new awesome features in this template. Best for e-Learning, online courses, Online academy, Online Institute, Online School, College, University, and Online Instructor Websites. 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 (index.html)
03. ABOUT US PAGE
04. BLOG DETAILS PAGE
05. BLOG PAGE
06. CONTACT PAGE
07. COURSES DETAILS PAGE
08. COURSES PAGE
09. ERROR/404 PAGE
10. EVENT DETAILS PAGE
11. EVENT PAGE
12. HOME PAGE 2 (index_2.html)
13. HOME PAGE 3 (index_3.html)
14. SERVICES PAGE
15. TEAM DETAILS PAGE
16. TEAM PAGE
17. SIGN IN
18. PRIVACY POLICY
*/

/*==================================
    GLOBAL CSS START
==================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
}

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

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

a:hover {
    text-decoration: none;
}

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

p,
span {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

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

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

button {
    border: none;
}

:root {
    --colorPrimary: #ff7f46;
    --colorBlue: #4582ff;
    --colorGreen: #00d6d3;
    --colorBlack: #0f2239;
    --paraColor: #636363;
    --ratingColor: #f1cc38;
    --colorWhite: #ffffff;
    --paraFont: 'Rubik', sans-serif;
    --headingFont: 'Montserrat', sans-serif;
    --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/* button css atart */
.common_btn,
.common_btn_2,
.common_btn_3 {
    padding: 15px 35px !important;
    background: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
    text-transform: uppercase !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    border-radius: 30px !important;
    position: relative !important;
    font-family: var(--paraFont) !important;
    transition: all linear .3s !important;
    -webkit-transition: all linear .3s !important;
    -moz-transition: all linear .3s !important;
    -ms-transition: all linear .3s !important;
    -o-transition: all linear .3s !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}

.common_btn::after,
.common_btn_2::after,
.common_btn_3::after {
    display: none;
}

.common_btn:hover,
.common_btn:focus {
    animation: pulse 1s;
    box-shadow: 0 0 0 1em transparent;
    -webkit-animation: pulse 1s;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #faa392;
    }
}

.common_btn_2 {
    background: var(--colorBlue) !important;
}

.common_btn_2:hover,
.common_btn_2:focus {
    animation: pulse2 1s;
    box-shadow: 0 0 0 1em transparent;
    -webkit-animation: pulse2 1s;
}

@keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0 #4583ff8b;
    }
}

.common_btn_3 {
    background: var(--colorBlack) !important;
}

.common_btn_3:hover {
    background: var(--colorGreen) !important;
}

.play_btn {
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: var(--colorWhite) !important;
    background: var(--colorBlack);
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 2;
}

.play_btn::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    background: var(--colorBlack);
    border-radius: 50%;
    opacity: .2;
    top: 0;
    left: 0;
    z-index: -1;
    animation: play_animate linear 1.5s infinite;
    -webkit-animation: play_animate linear 1.5s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

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

/* button css end */

/* section heading css start */
.tf__heading_area {
    text-align: center;
}

.tf__heading_area h5 {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--colorBlue);
    font-family: var(--paraFont);
    position: relative;
    display: inline-block;
}

.tf__heading_area h5::after,
.tf__heading_area h5::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--colorBlue);
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.tf__heading_area h5::before {
    left: auto;
    right: -20px;
}

.tf__heading_area h2 {
    font-size: 40px;
    font-weight: 700;
    margin-top: 15px;
    text-transform: capitalize;
}

.tf__heading_area_left {
    text-align: left;
}

.tf__heading_area_left h5 {
    margin-left: 20px;
}

.tf__heading_area_left h5::before {
    display: none;
}

/* section heading css end */

/* breascrumb css start */
.tf__breadcrumb {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding-top: 245px;
    padding-bottom: 180px;
}

.tf__breadcrumb .container {
    position: relative;
}

.tf__breadcrumb .container::after {
    position: absolute;
    content: "";
    background: url(../images//breadcrumb_bg_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 500px;
    height: 515px;
    top: -125px;
    right: 0;
    z-index: 1;
}

.tf__breadcrumb_text h2 {
    font-size: 60px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}

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

.tf__breadcrumb_text ul li a {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorBlack);
    padding-right: 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__breadcrumb_text ul li a:hover {
    color: var(--colorPrimary);
}

.tf__breadcrumb_text ul li:last-child a {
    color: var(--colorPrimary);
    margin: 0;
    padding: 0;
}

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

.tf__breadcrumb_text ul li a::after {
    position: relative;
    content: "/";
    color: var(--paraColor);
    top: 0;
    right: -10px;
}

/* breascrumb css end */
/*==================================
    GLOBAL CSS END
==================================*/

/*==================================
    HOME PAGE START
==================================*/
/*-----MENU START-----*/
.main_menu {
    position: fixed;
    width: 100%;
    height: 90px;
    background: transparent;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 999;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-brand {
    margin: 0;
    padding: 0;
    max-width: 180px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.main_menu .navbar-nav {
    line-height: 90px;
    align-items: center;
}

.main_menu .navbar-nav .nav-item {
    position: relative;
    margin-right: 50px;
}

.main_menu .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

.main_menu_2 .navbar-nav .nav-item .nav-link,
.main_menu .navbar-nav .nav-item .nav-link {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: var(--headingFont);
    color: #222222;
    margin: 0;
    padding: 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;
}

.main_menu_2 .navbar-nav .nav-item .nav-link::after,
.main_menu .navbar-nav .nav-item .nav-link::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: var(--colorPrimary);
    bottom: 32px;
    left: 0;
    transform: scale(.5);
    opacity: 0;
    transform-origin: left;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.main_menu_2 .navbar-nav .nav-item:hover .nav-link::after,
.main_menu_2 .navbar-nav .nav-item .nav-link.active::after,
.main_menu .navbar-nav .nav-item:hover .nav-link::after,
.main_menu .navbar-nav .nav-item .nav-link.active::after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.main_menu .navbar-nav .nav-item .common_btn {
    line-height: initial;
}

.menu_fix {
    position: fixed !important;
    top: 0;
    height: 70px;
    background: var(--colorWhite);
    box-shadow: var(--box-shadow);
}

.menu_fix .navbar-brand {
    max-width: 160px;
}

.menu_fix .navbar-nav {
    line-height: 70px;
}

.menu_fix .navbar-nav .nav-item .nav-link::after {
    bottom: 22px;
}

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

.main_menu_2 .tf__droap_menu::-webkit-scrollbar,
.main_menu .tf__droap_menu::-webkit-scrollbar {
    scrollbar-width: thin !important;
    background: #ddd;
    width: 6px;
}

.main_menu_2 .tf__droap_menu::-webkit-scrollbar-thumb,
.main_menu .tf__droap_menu::-webkit-scrollbar-thumb {
    background: var(--colorPrimary);
}

.main_menu_2 .navbar-nav .nav-item:hover .tf__droap_menu,
.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__droap_menu li a {
    color: var(--colorBlack);
    text-transform: capitalize;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding-left: 20px;
    text-align: left;
    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__droap_menu li a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: var(--colorWhite);
    top: 0;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}


.tf__droap_menu li a.active,
.tf__droap_menu li a:hover {
    color: var(--colorPrimary);
    padding-left: 25px;
    background: #ff7f460f;
}

.tf__droap_menu li a.active::after,
.tf__droap_menu li a:hover::after {
    width: 5px;
    background: var(--colorPrimary);
}

/*-----MENU END-----*/

/*-----BANNER START-----*/
.tf__banner {
    height: 100vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.tf__banner_2 div,
.tf__banner div {
    height: 100%;
}

.tf__banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 65px;
}

.tf__banner_text h5 {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--colorBlue);
    padding-left: 20px;
    font-family: var(--paraFont);
    position: relative;
    margin-bottom: 23px;
    z-index: 2;
}

.tf__banner_text h5::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--colorBlue);
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.tf__banner_text h1 {
    font-size: 65px;
    font-weight: 700;
    color: var(--colorBlack);
}

.tf__banner_text h1 span {
    font-size: 65px;
    font-weight: 700;
    color: var(--colorPrimary);
    text-decoration: underline;
}

.tf__banner_text p {
    font-size: 18px;
    max-width: 70%;
    margin: 18px 0px 50px 0px;
}

.tf__banner_text ul li .play_btn {
    margin-left: 50px;
}

.tf__upcoming_event::after,
.tf__banner::after {
    position: absolute;
    content: "";
    background: url(../images/banner_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 150px;
    left: 0;
    z-index: 1;
    width: 250px;
    height: 160px;
    opacity: .5;
    animation: banner_animi_1 linear 4s infinite alternate;
    -webkit-animation: banner_animi_1 linear 4s infinite alternate;
}

@keyframes banner_animi_1 {
    from {
        top: 150px;
    }

    to {
        top: 200px;
    }
}

.tf__banner_3 .tf__banner_text::before,
.tf__banner::before {
    position: absolute;
    content: "";
    background: url(../images/arrow_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 120px;
    right: 8%;
    z-index: 1;
    width: 117px;
    height: 160px;
    animation: banner_animi_2 linear 2s infinite alternate;
    -webkit-animation: banner_animi_2 linear 2s infinite alternate;
}

@keyframes banner_animi_2 {
    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);
    }
}

/*-----BANNER END-----*/

/*-----CATEGORIES START-----*/
.tf__single_category {
    position: relative;
    margin-top: 25px;
}

.tf__single_category_icon {
    width: 100px;
    height: 100px;
    background: var(--colorBlue);
    line-height: 100px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all linear .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_category_text {
    background: url(../images/categiry_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px;
    margin-left: 50px;
    padding-left: 80px;
    position: relative;
    border-radius: 5px;
    border-left: 3px solid var(--colorBlue);
    overflow: hidden;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

.tf__single_category_text h3 {
    position: relative;
    z-index: 1;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
    transition: all linear .3s;
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_category_text p {
    position: relative;
    z-index: 1;
    padding-left: 8px;
    transition: all linear .3s;
    transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_category:hover .tf__single_category_text::after {
    opacity: .85;
}

.tf__single_category:hover .tf__single_category_icon {
    background: var(--colorWhite) !important;
}

.tf__single_category:hover h3,
.tf__single_category:hover p {
    color: var(--colorWhite);
}


.tf__single_category.light_blue .tf__single_category_icon {
    background: #8e56ff;
}

.tf__single_category.light_blue .tf__single_category_text {
    border-color: #8e56ff;
}

.tf__single_category.light_blue:hover .tf__single_category_text::after {
    background: #8e56ff;
}

.tf__single_category.light_blue:hover .tf__single_category_icon {
    color: #8e56ff;
}


.tf__single_category.blue .tf__single_category_icon {
    background: #4582ff;
}

.tf__single_category.blue .tf__single_category_text {
    border-color: #4582ff;
}

.tf__single_category.blue:hover .tf__single_category_text::after {
    background: #4582ff;
}

.tf__single_category.blue:hover .tf__single_category_icon {
    color: #4582ff;
}


.tf__single_category.green .tf__single_category_icon {
    background: #1ab69d;
}

.tf__single_category.green .tf__single_category_text {
    border-color: #1ab69d;
}

.tf__single_category.green:hover .tf__single_category_text::after {
    background: #1ab69d;
}

.tf__single_category.green:hover .tf__single_category_icon {
    color: #1ab69d;
}


.tf__single_category.gray .tf__single_category_icon {
    background: #ada729;
}

.tf__single_category.gray .tf__single_category_text {
    border-color: #ada729;
}

.tf__single_category.gray:hover .tf__single_category_text::after {
    background: #ada729;
}

.tf__single_category.gray:hover .tf__single_category_icon {
    color: #ada729;
}


.tf__single_category.orange .tf__single_category_icon {
    background: #ff7f46;
}

.tf__single_category.orange .tf__single_category_text {
    border-color: #ff7f46;
}

.tf__single_category.orange:hover .tf__single_category_text::after {
    background: #ff7f46;
}

.tf__single_category.orange:hover .tf__single_category_icon {
    color: #ff7f46;
}


.tf__single_category.red .tf__single_category_icon {
    background: #ff5b5c;
}

.tf__single_category.red .tf__single_category_text {
    border-color: #ff5b5c;
}

.tf__single_category.red:hover .tf__single_category_text::after {
    background: #ff5b5c;
}

.tf__single_category.red:hover .tf__single_category_icon {
    color: #ff5b5c;
}

/*-----CATEGORIES END-----*/

/*----- ABOUT START-----*/
.tf__about {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.tf__about_top {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    top: -150px;
}

.tf__about_top::after {
    position: absolute;
    content: "";
    width: 250px;
    height: 450px;
    background: var(--colorPrimary);
    top: -110px;
    left: -35px;
    transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    -moz-transform: rotate(19deg);
    -ms-transform: rotate(19deg);
    -o-transform: rotate(19deg);
}

.tf__about_top_img {
    height: 280px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-right: 5px;
}

.tf__about_top_text {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tf__about_top_text_center {
    max-width: 70%;
    padding-right: 70px;
}

.tf__about_top_text_center h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin-bottom: 15px;
}

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

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

.tf__about_text p {
    margin-bottom: 20px;
    max-width: 75%;
}

.tf__about_text ul {
    margin-bottom: 45px;
}

.tf__about_text ul li {
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    padding-left: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__about_text ul li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    width: 15px;
    height: 15px;
    top: 4px;
    left: 0;
}

.tf__about_text ul li:hover {
    text-decoration: underline;
}

.tf__about_text a {
    width: 190px;
}

.tf__about_img {
    height: 670px;
    position: relative;
    z-index: 1;
}

.tf__about_img::after,
.tf__about_img::before {
    position: absolute;
    content: "";
    background: url(../images/about_shape_1.png);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100px;
    height: 100px;
    top: -40px;
    right: -38px;
    animation: about_animi linear 2s infinite alternate;
    -webkit-animation: about_animi linear 2s infinite alternate;
    z-index: -1;
}

.tf__about_img::before {
    background: url(../images/about_shape_2.png);
    top: auto;
    right: auto;
    left: -56px;
    bottom: 140px;
}

@keyframes about_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.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
    }
}

.tf__about_img .text {
    background: var(--colorBlue);
    display: inline-block;
    padding: 20px;
    text-align: center;
    border-radius: 30px;
    position: absolute;
    bottom: 50px;
    right: 70px;
}

.tf__about_img .text i {
    color: var(--colorPrimary);
    font-size: 35px;
}

.tf__about_img .text h3 {
    font-size: 27px;
    font-weight: 700;
    color: var(--colorWhite);
    margin: 10px 0px 7px 0px;
}

.tf__about_img .text p {
    font-size: 13px;
    font-weight: 500;
    color: var(--colorWhite);
}

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

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

/*----- ABOUT END-----*/

/*----- EVENT START-----*/
.tf__single_event {
    background: var(--colorWhite);
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 5px;
    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;
}

.tf__single_event_img {
    height: 270px;
    position: relative;
    overflow: hidden;
}

.tf__single_event_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_event_img .event_category {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--paraFont);
    background: var(--colorBlack);
    color: var(--colorWhite);
    padding: 10px 25px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    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;
}

.tf__single_event_img .event_category.blue {
    background: #4582ff;
}

.tf__single_event_img .event_category.orange {
    background: #ff7f46;
}

.tf__single_event_img .event_category.green {
    background: #1ab69d;
}

.tf__single_event_img .event_category.red {
    background: #ff5b5c;
}


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

.tf__single_event_img::after {
    position: absolute;
    content: "";
    background: url(../images/dot_shapes.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -1px;
    left: 1px;
    z-index: 1;
    width: 99.7%;
    height: 10px;
}

.tf__single_event_text {
    padding: 15px 30px 20px 30px;
    /* border: 1px solid #ddd; */
    overflow: hidden;
    border-top: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__single_event_text ul li {
    font-size: 16px;
    font-weight: 400;
}

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

.tf__single_event_text .title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 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;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.tf__single_event_footer {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 20px;
    margin-top: 20px;
}

.tf__single_event_footer::after {
    position: absolute;
    content: "";
    width: 127%;
    height: 1px;
    background: #ddd;
    top: 0;
    left: -48px;
    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_footer span {
    font-weight: 500;
    text-transform: capitalize;
}

.tf__single_event:hover .tf__single_event_text {
    border-color: var(--colorPrimary);
}


.tf__single_event:hover .tf__single_event_footer::after {
    background: var(--colorPrimary);
}

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

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

.event_slider .tf__single_event {
    margin: 0px 12px;
}

.testi_slider_2 .slick-dots,
.popular_service_slider .slick-dots,
.blog_slider .slick-dots,
.testimonial_slider .slick-dots,
.work_slider .slick-dots,
.event_slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.slick-dots li {
    line-height: 0;
}

.testi_slider_2 .slick-dots li button,
.popular_service_slider .slick-dots li button,
.blog_slider .slick-dots li button,
.testimonial_slider .slick-dots li button,
.work_slider .slick-dots li button,
.event_slider .slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 7px;
    background: #ddd;
    border-radius: 30px;
    margin: 0px 2px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testi_slider_2 .slick-dots li.slick-active button,
.popular_service_slider .slick-dots li.slick-active button,
.blog_slider .slick-dots li.slick-active button,
.testimonial_slider .slick-dots li.slick-active button,
.work_slider .slick-dots li.slick-active button,
.event_slider .slick-dots li.slick-active button {
    background: var(--colorPrimary);
    width: 40px;
}

/*----- EVENT END-----*/

/*----- FAQ START-----*/
.tf__faq {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.tf__faq .container {
    position: relative;
}

.tf__faq .container::after {
    position: absolute;
    content: "";
    width: 170px;
    height: 230px;
    background: url(../images/arrow_shapes.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: -250px;
    left: -200px;
    transform: rotateY(180deg);
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.tf__faq_img {
    width: 720px;
    height: 720px;
    border-radius: 50%;
    border: 10px solid var(--colorWhite);
    position: relative;
    left: -150px;
}

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

.tf__faq_img::after {
    position: absolute;
    content: "";
    width: 130px;
    height: 130px;
    background: url(../images/about_shape_2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 50px;
    z-index: -1;
    animation: faq_animi linear 2s infinite alternate;
    -webkit-animation: faq_animi linear 2s infinite alternate;
}

@keyframes faq_animi {
    from {
        transform: scale(1) rotate(50deg);
        -webkit-transform: scale(1) rotate(50deg);
        -moz-transform: scale(1) rotate(50deg);
        -ms-transform: scale(1) rotate(50deg);
        -o-transform: scale(1) rotate(50deg);
    }

    to {
        transform: scale(1.3) rotate(50deg);
        -webkit-transform: scale(1.3) rotate(50deg);
        -moz-transform: scale(1.3) rotate(50deg);
        -ms-transform: scale(1.3) rotate(50deg);
        -o-transform: scale(1.3) rotate(50deg);
    }
}

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

.tf__faq_text .description {
    max-width: 75%;
    margin-bottom: 7px;
}

.tf__faq_accordion .accordion-item {
    margin-top: 30px;
    border-radius: 5px;
    overflow: hidden;
    border: none;
}

.tf__faq_accordion .accordion-header {
    border: none;
}

.tf__faq_accordion .accordion-header button {
    font-size: 17px;
    font-weight: 500;
    color: var(--paraColor);
    font-family: var(--paraFont);
    background: var(--colorWhite);
    padding: 15px;
    padding-left: 70px;
    padding-right: 55px;
    border-radius: 5px !important;
    box-shadow: none;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__faq_accordion .accordion-header button::before {
    position: absolute;
    content: "\f00c";
    color: var(--colorWhite);
    background: var(--colorPrimary);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 14px;
    left: 23px;
    font-size: 12px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.accordion-item.orange button::before {
    background: #ff7f46;
}

.accordion-item.green button::before {
    background: #1ab69d;
}

.accordion-item.red button::before {
    background: #ff5b5c;
}

.accordion-item.blue button::before {
    background: #4582ff;
}

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

.tf__faq_accordion .accordion-button:not(.collapsed)::after {
    background: url(../images/arrow_icon_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.tf__faq_accordion .accordion-header button:not(.collapsed) {
    background: var(--colorPrimary) !important;
    color: var(--colorWhite) !important;
}

.tf__faq_accordion .accordion-body {
    padding: 30px;
}

.tf__faq_accordion .accordion-body p {
    font-size: 17px;
    color: var(--paraColor);
}

.tf__faq_accordion .accordion-header button:not(.collapsed)::before {
    background: var(--colorWhite);
    color: var(--colorPrimary);
}

.tf__faq::after {
    top: 215px;
    left: auto;
    right: 6%;
}

.tf__faq::before {
    left: auto;
    right: 7%;
    bottom: 115px;
}

.tf__faq_page .container::after {
    display: none;
}

.tf__faq_page .tf__faq_accordion .accordion-item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/*----- FAQ END-----*/

/*----- WORK START-----*/
.tf__work {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tf__work_single {
    position: relative;
    margin: 185px 12px 5px 12px;
    background: var(--colorWhite);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__work_single::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--colorPrimary);
    border-radius: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__work_single_img {
    width: 270px;
    height: 270px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid var(--colorWhite);
    position: absolute;
    z-index: 1;
    top: -135px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.tf__work_single_text {
    background: url(../images/single_work_bg.png);
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
    padding: 163px 60px 0px 60px;
    text-align: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__work_single_text h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    color: var(--colorWhite);
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}

.tf__work_single_text p {
    text-align: center;
    color: var(--colorWhite);
    position: relative;
    z-index: 1;
}

.tf__work_single_text a {
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--colorWhite);
    border-radius: 50%;
    bottom: -25px;
}

.tf__work_single.blue::after {
    background: #8e56ff;
}

.tf__work_single.blue a {
    color: #8e56ff;
}

.tf__work_single.orange::after {
    background: #ff7f46;
}

.tf__work_single.orange a {
    color: #ff7f46;
}

.tf__work_single.green::after {
    background: #1ab69d;
}

.tf__work_single.green a {
    color: #1ab69d;
}

.tf__work_single.red::after {
    background: #ff5b5c;
}

.tf__work_single.red a {
    color: #ff5b5c;
}

.work_slider .slick-center .tf__work_single,
.tf__work_single:hover {
    margin-top: 132px;
}

.work_slider .slick-center .tf__work_single::after,
.tf__work_single:hover::after {
    opacity: .95;
}

.work_slider .slick-center .tf__work_single_text,
.tf__work_single:hover .tf__work_single_text {
    padding-bottom: 53px;
}

/*----- WORK END-----*/


/*----- TESTIMONIAL START-----*/
.tf___testimonial {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

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

.tf___testimonial .tf__heading_area h5::after,
.tf___testimonial .tf__heading_area h5::before {
    background: var(--colorWhite);
}

.tf__single_testimonial {
    padding: 40px 80px;
    border: 1px dashed var(--colorWhite);
    border-radius: 40px;
    position: relative;
    text-align: center;
    margin-top: 65px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.testimonial_slider .tf__single_testimonial {
    margin: 40px 12px 5px 12px;
}

.tf__single_testimonial .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: var(--colorWhite);
    border-radius: 50%;
    font-size: 35px;
    color: var(--colorPrimary);
    top: -40px;
    left: 50%;
    transition: all linear .3s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_testimonial .description {
    color: var(--colorWhite);
    margin-top: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_testimonial .img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 27px 0px 15px 0px;
}

.tf__single_testimonial .title {
    font-size: 22px;
    font-weight: 700;
    color: var(--colorWhite);
    text-transform: capitalize;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_testimonial .designation {
    font-weight: 500;
    color: var(--colorWhite);
    text-transform: capitalize;
    margin: 10px 0px 16px 0px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_testimonial .rating i {
    color: var(--colorWhite);
    font-size: 20px;
}

.tf__single_testimonial .rating .fill {
    color: var(--colorPrimary);
}

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

/*----- TESTIMONIAL END-----*/

/*----- ACTIVITIES END-----*/
.tf__activities_text p {
    margin-bottom: 5px;
    max-width: 75%;
}

.tf__activities_item {
    border: 1px solid #ddd;
    background: var(--colorWhite);
    text-align: center;
    padding: 40px;
    border-top-right-radius: 70px;
    border-bottom-left-radius: 70px;
    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;
}

.tf__activities_item span {
    display: block;
    width: 100px;
    height: 100px;
    background: var(--colorPrimary);
    line-height: 100px;
    font-size: 40px;
    border-radius: 50%;
    color: var(--colorWhite);
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.tf__activities_item h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 25px;
}

.tf__activities_item.light_blue span {
    background: #8e56ff;
}

.tf__activities_item.light_blue:hover {
    border: 1px dashed #8e56ff;
}

.tf__activities_item.orange span {
    background: #ff7f46;
}

.tf__activities_item.orange:hover {
    border: 1px dashed #ff7f46;
}

.tf__activities_item.green span {
    background: #1ab69d;
}

.tf__activities_item.green:hover {
    border: 1px dashed #1ab69d;
}

.tf__activities_item.blue span {
    background: #5287f8;
}

.tf__activities_item.blue:hover {
    border: 1px dashed #5287f8;
}

.tf__activities_img {
    width: 815px;
    height: 730px;
    margin-left: 45px;
}

/*----- ACTIVITIES END-----*/

/*----- VIDEO START-----*/
.tf__video {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tf__video_overlay {
    background: #32373d9c;
}

.tf__video_text {
    text-align: center;
}

.tf__video_text .play_btn {
    background: var(--colorWhite);
    color: var(--colorBlue) !important;
}

.tf__video_text .play_btn::before {
    background: var(--colorWhite);
}

.tf__video_text h4 {
    font-size: 35px;
    font-weight: 700;
    color: var(--colorWhite);
    margin-top: 25px;
    margin-bottom: 15px;
}

.tf__video_text p {
    color: var(--colorWhite);
    max-width: 60%;
    margin: 0 auto;
    margin-bottom: 35px;
}

/*----- VIDEO END-----*/

/*----- BLOG START-----*/
.tf__single_blog {
    /* padding: 10px; */
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_blog_img {
    display: block;
    height: 250px;
    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: 30px 25px 25px 25px;
}

.tf__single_blog_text .category {
    padding: 6px 26px !important;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--paraFont);
    border-radius: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_blog .category.light_blue {
    background: #8e56ff;
}

.tf__single_blog .category.orange {
    background: #ff7f46;
}

.tf__single_blog .category.green {
    background: #1ab69d;
}

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

.tf__single_blog_text .title {
    font-size: 22px;
    font-weight: 700;
    color: var(--colorBlack);
    margin-top: 20px;
    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__single_blog_text p {
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tf__single_blog_text .read_btn {
    font-size: 16px;
    font-weight: 500;
    color: var(--paraColor);
    transition: all linear .3s;
}

.tf__single_blog_text .read_btn i {
    margin-left: 5px;
    color: var(--colorPrimary);
}

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

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

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

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

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

/*----- BLOG END-----*/

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

.tf__footer_overlay {
    background-color: #191e24f5;
}

.tf__footer_logo_area .footer_logo {
    max-width: 180px;
}

.tf__footer_logo_area p {
    color: var(--colorWhite);
    margin: 22px 0px 25px 0px;
}

.tf__footer_logo_area ul li a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid var(--colorWhite);
    border-radius: 50%;
    color: var(--colorWhite);
    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;
}

.tf__footer_logo_area ul li a:hover {
    background: var(--colorPrimary);
    border-color: var(--colorPrimary);
    transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
}

.tf__footer_content ul li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--colorWhite);
    margin-bottom: 15px;
    position: relative;
    padding-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;
}

.tf__footer_content ul li a::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 1px;
    background-color: var(--colorWhite);
    top: 12px;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__footer_content ul li a:hover::after {
    width: 13px;
    background: var(--colorPrimary);
}

.tf__footer_content h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorWhite);
    margin-bottom: 50px;
}

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

.tf__footer_content p span {
    display: block;
}

.tf__footer_content form {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 25px;
}

.tf__footer_content form button {
    position: absolute;
    top: 6px;
    right: 5px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding: 9px 26px;
    border-radius: 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__footer_content form button:hover {
    background: var(--colorBlack) !important;
}

.tf__copyright {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dddddd5e;
    padding: 25px 0px;
    margin-top: 30px;
}

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

.tf__copyright ul li a {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--colorWhite);
    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__copyright ul li a:hover {
    color: var(--colorPrimary);
}

/*----- FOOTER END-----*/

/*----- SCROLL BUTTON START-----*/
.tf__scroll_btn {
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 111;
    cursor: pointer;
    text-align: center;
    transform: rotate(90deg);
    background: var(--colorPrimary);
    color: var(--colorWhite);
    text-transform: capitalize;
    padding: 5px 15px 7px 15px;
    border-radius: 30px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    animation: scroll_amini linear 2s infinite alternate;
    -webkit-animation: scroll_amini linear 2s infinite alternate;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__scroll_btn:hover {
    background: var(--colorBlack) !important;
}

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

    to {
        bottom: 120px;
    }
}

/*----- SCROLL BUTTON START-----*/
/*==================================
    HOME PAGE END
==================================*/

/*==================================
    ABOUT US PAGE START
==================================*/
/* about start*/
.tf__about_2_img {
    position: relative;
    text-align: center;
}

.tf__about_2_img .tf__about_small {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid var(--colorWhite);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.tf__about_2_img .tf__about_large {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    position: revert;
}

.tf__about_2_img .tf__about_large::after {
    position: absolute;
    content: "";
    background: url(../images/about_2_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 120px;
    top: 0;
    right: 90px;
    z-index: -1;
    opacity: .3;
    animation: about_animi linear 2s infinite alternate;
    -webkit-animation: about_animi linear 2s infinite alternate;
}

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

.tf__about_2_img p {
    background: #00d6d3;
    text-align: center;
    color: var(--colorWhite);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 35px;
    border-radius: 70px;
    position: absolute;
    display: flex;
    align-items: center;
    bottom: -10px;
    left: 120px;
}

.tf__about_2_img p span {
    font-size: 30px;
    font-weight: 700;
    margin-right: 15px;
}

.tf__about_2_text p {
    max-width: 75%;
    margin-bottom: 25px;
}

.tf__about_2_text ul {
    max-width: 60%;
}

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

.tf__about_2_text ul li .icon {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.tf__about_2_text ul li .text {
    width: 80%;
}

.tf__about_2_text ul li .text h4 {
    font-family: var(--paraFont);
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 5px;
}

.tf__about_2_text ul li .text p {
    font-size: 15px;
    margin: 0;
    max-width: 100%;
}

.tf__about_us_counter {
    background: #e8eeee;
}

.tf__about_us_counter {
    justify-content: space-between;
    padding: 20px 35px;
    border-radius: 70px;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.tf__about_us_counter p {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--colorBlack);
}

.about_3 .tf__about_us_counter p span {
    color: var(--colorGreen);
}

.tf__about_us_counter p span {
    font-size: 25px;
    font-weight: 500;
    color: var(--colorPrimary);
    position: relative;
    min-width: 150px;
    display: inline-block;
}

.tf__about_us_counter p span::after {
    position: absolute;
    content: "+";
    font-size: 30px;
    font-weight: 600;
    top: -4px;
    right: 30px;
}

.tf__about_us_counter a {
    padding: 13px 47px;
    background: var(--colorBlack);
    color: var(--colorWhite);
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    border-radius: 30px;
    font-family: var(--paraFont);
    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__about_us_counter a:hover {
    background: var(--colorPrimary);
}

/* about 2 end */

/* popular services start */
.tf__popular_services {
    background: #f3f7fb;
}

.tf__popular_service_single {
    background: url(../images/popular_ervices_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 40px;
    position: relative;
    text-align: center;
    border-bottom: 2px solid var(--colorBlack);
    border-radius: 5px;
    overflow: hidden;
    margin: 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__popular_service_single::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: var(--colorWhite);
    top: 0;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__popular_service_single span {
    position: relative;
    z-index: 1;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    text-align: center;
    background: #eee;
    color: var(--colorWhite);
    border-radius: 50%;
    margin: 0 auto;
    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__popular_service_single h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    margin-top: 30px;
    margin-bottom: 10px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__popular_service_single p {
    position: relative;
    z-index: 1;
    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;
}

.tf__popular_service_single a {
    display: none;
}

.tf__popular_service_single.red span {
    background: #f05c72;
    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__popular_service_single.red:hover span {
    color: #f05c72;
}

.tf__popular_service_single.red a {
    color: #f05c72;
}

.tf__popular_service_single.green span {
    background: #1ab69d;
    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__popular_service_single.green:hover span {
    color: #1ab69d;
}

.tf__popular_service_single.green a {
    color: #1ab69d;
}

.tf__popular_service_single.blue span {
    background: #6957f7;
    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__popular_service_single.blue:hover span {
    color: #6957f7;
}

.tf__popular_service_single.blue a {
    color: #6957f7;
}

.tf__popular_service_single.orange span {
    background: #f89422;

}

.tf__popular_service_single.orange:hover span {
    color: #f89422;
}

.tf__popular_service_single.orange a {
    color: #f89422;
}

.tf__popular_service_single.gray span {
    background: #ada729;
}

.tf__popular_service_single.gray:hover span {
    color: #ada729;
}

.tf__popular_service_single.gray a {
    color: #ada729;
}

.tf__popular_service_single:hover {
    border-color: #191e2480;
}

.tf__popular_service_single:hover::after {
    background: #191e2480;
}

.tf__popular_service_single:hover h3,
.tf__popular_service_single:hover p {
    color: var(--colorWhite);
}

.tf__popular_service_single:hover span {
    background: var(--colorWhite);
}

/* popular services end */

/* popular courses start */
.tf__single_courses {
    margin-top: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    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__single_courses_img {
    height: 280px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.tf__single_courses_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_courses_img .categories {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 26px !important;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--paraFont);
    border-radius: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_courses_img .categories.orange {
    background: #f89422;
}

.tf__single_courses_img .categories.green {
    background: #1ab69d;
}

.tf__single_courses_img .categories.red {
    background: #f05c72;
}

.tf__single_courses_img .categories.blue {
    background: #6957f7;
}

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

.tf__single_courses_img span {
    position: absolute;
    bottom: 10px;
    left: 15px;
    font-size: 18px;
    font-weight: 600;
    color: var(--colorWhite);
    background: #0f223970;
    display: inline-block;
    padding: 5px 20px;
}

.tf__single_course_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 8px 30px 15px 30px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_course_header li {
    text-transform: capitalize;
    color: var(--paraColor);
}

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

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

.tf__single_courses_text .title {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    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__single_courses_text .description {
    margin: 7px 0px 13px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

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

.tf__single_courses_text ul li {
    text-transform: capitalize;
    color: var(--paraColor);
    font-size: 16px;
    font-weight: 400;
}

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

.tf__single_courses_text ul li span {
    margin-left: 5px;
}

.tf__single_courses:hover .tf__single_course_header,
.tf__single_courses:hover {
    border-color: var(--colorPrimary);
}

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

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

.event_slider .tf__single_courses {
    margin: 0px 12px 5px 12px;
}

/* popular courses end */

.tf__about_us_page .tf__faq_img::after {
    display: none;
}

/* activities slider area start */
.tf__activities_slider_area .tf__heading_area h5,
.tf__activities_slider_area .tf__heading_area h2 {
    color: var(--colorWhite);
}

.tf__activities_slider_area .tf__heading_area h5::after,
.tf__activities_slider_area .tf__heading_area h5::before {
    background: var(--colorWhite);
}

.tf__activities_slider_area .tf__activities_item {
    border: none !important;
    position: relative;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 5px;
}

.tf__activities_slider_area .tf__activities_item::after {
    position: absolute;
    content: "";
    width: 95%;
    height: 92%;
    border: 1px dashed #fff;
    border-top-right-radius: 70px;
    border-bottom-left-radius: 70px;
    top: 8px;
    left: 8px;
}

.tf__activities_slider_area .tf__activities_item:hover {
    background: var(--colorBlack);
    margin-top: 10px;
}

.tf__activities_slider_area .tf__activities_item:hover h3 {
    color: var(--colorWhite);
}

/* activities slider area end */
/*==================================
    ABOUT US PAGE END
==================================*/


/*==================================
    BLOG DETAILS PAGE START
==================================*/
.tf__blog_details_img,
.tf__courses_details_img {
    height: 450px;
    overflow: hidden;
}

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

.tf__blog_details_text .date li {
    font-size: 14px;
    text-transform: capitalize;
    margin-right: 20px;
}

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

.tf__blog_details_text h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
}

.tf__blog_details_text p {
    margin-top: 10px;
    margin-bottom: 15px;
}

.tf__details_quot_text {
    padding: 40px 30px;
    border: 1px solid #ddd;
    border-radius: 50px;
    margin: 70px 0px;
    position: relative;
}

.tf__details_quot_text::after {
    position: absolute;
    content: "\f10d";
    color: var(--colorBlue);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    bottom: 10px;
    right: 40px;
    font-size: 60px;
}

.tf__details_quot_text p {
    margin: 0;
    font-style: italic;
}

.tf__details_quot_text h4 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 10px;
}

.tf__details_quot_text h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--colorBlue);
}

.tf__blog_details_center_img {
    height: 399px;
    margin-bottom: 35px;
}

.tf__blog_details_text .list li {
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    padding-left: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__blog_details_text .list li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 15px;
    height: 15px;
    top: 4px;
    left: 0;
}

.tf__blog_comment h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.tf__single_comment {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 45px;
    margin-top: 50px;
}

.tf__single_comment_img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
}

.tf__single_comment_text {
    max-width: 87%;
}

.tf__single_comment_text h4 {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.tf__single_comment_text p {
    margin: 10px 0px;
}

.tf__single_comment_text span {
    display: block;
    font-size: 17px;
}

.tf__single_comment_text span a {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--colorPrimary);
    transition: all linear .3s;
    margin-left: 40px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__single_comment.reply {
    margin-left: 70px;
}

.tf__single_comment.reply .tf__single_comment_text {
    max-width: 86%;
}

.tf__single_comment:last-child {
    padding-bottom: 0;
    border: none;
}

.tf__comment_reply {
    background: #f3f7fb;
    border: 1px solid #eee;
    padding: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.tf__comment_reply h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.tf__comment_reply input,
.tf__comment_reply textarea {
    margin-top: 20px;
    border: 1px solid #eee;
}

.tf__comment_reply button {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 13px 45px;
    border-radius: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    margin-top: 15px;
}

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

.sidebar_item {
    border: 1px solid #ddd;
    padding: 30px 30px 10px 30px;
    margin-top: 25px;
}

.tf__sidebar_blog.sidebar_item {
    padding-bottom: 5px;
}

.sidebar_item h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.tf__sidebar_search form {
    position: relative;
}

.tf__sidebar_search form input {
    border: 1px solid #ddd;
    border-radius: 0;
}

.tf__sidebar_search form button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 8px 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__sidebar_search form button:hover {
    background: var(--colorBlack);
}

.tf__sidebar_certificate {
    background: #f3f7fb;
    padding: 50px;
    margin-top: 25px;
    text-align: center;
}

.tf__sidebar_certificate span {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    display: block;
    background: var(--colorPrimary);
    color: var(--colorPrimary);
    font-size: 40px;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__sidebar_certificate h3 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.tf__sidebar_certificate a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: var(--colorWhite);
    border-radius: 50%;
    color: var(--colorBlue);
    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;
}

.tf__sidebar_certificate a:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.tf__sidebar_blog ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 25px;
}

.tf__sidebar_blog ul li .img {
    width: 90px;
    height: 80px;
    margin-right: 15px;
}

.tf__sidebar_blog ul li .text {
    max-width: 70%;
}

.tf__sidebar_blog ul li .text p {
    font-size: 14px;
    color: var(--paraColor);
    margin-bottom: 3px;
}

.tf__sidebar_blog ul li .text p i {
    margin-right: 5px;
}

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

.tf__sidebar_category ul li a {
    font-size: 17px;
    font-weight: 400;
    color: var(--paraColor);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
    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__sidebar_category ul li a::after {
    position: absolute;
    content: "\f30b";
    color: var(--paraColor);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    top: 2px;
    left: 0;
    font-size: 16px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__sidebar_category ul li a span {
    font-size: 17px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__sidebar_tags ul li a {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 400;
    color: var(--paraColor);
    padding: 5px 0px;
    width: 104px;
    text-align: center;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

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

.tf__sidebar_apply {
    height: 480px;
    position: relative;
    margin-top: 25px;
}

.tf__sidebar_apply a {
    padding: 17px 52px;
    background: var(--colorBlue);
    color: var(--colorWhite);
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 500;
    border-radius: 30px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.tf__sidebar_apply a:hover {
    background: var(--colorPrimary);
}

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

/*==================================
    CONTACT PAGE START
==================================*/
.tf__contact_form p {
    width: 65%;
    margin-bottom: 30px;
}

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

.tf__contact_text {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 45px 45px 0px 45px;
    position: relative;
    margin-top: 8px;
}

.tf__contact_text::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 6px;
    background: var(--colorPrimary);
    top: -3px;
    left: 50%;
    border-radius: 100px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.tf__contact_single {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 45px;
}

.tf__contact_single .icon {
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    background: var(--colorBlack);
    color: var(--colorWhite);
    border-radius: 50%;
    font-size: 25px;
    margin-right: 20px;
}

.tf__contact_single .icon.blue {
    background: var(--colorBlue);
}

.tf__contact_single .icon.orange {
    background: var(--colorPrimary);
}

.tf__contact_single .icon.green {
    background: var(--colorGreen);
}

.tf__contact_single .text {
    max-width: 70%;
}

.tf__contact_single .text h3 {
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.tf__contact_single .text a,
.tf__contact_single .text p {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: var(--paraColor);
}

.tf__contact_map {
    height: 500px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
}

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

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

/*==================================
    COURSES DETAILS START
==================================*/
.tf__courses_details_img {

    margin-bottom: 25px;
}

.tf__courses_details_header {
    padding: 15px;
    background: var(--colorWhite);
    box-shadow: var(--box-shadow);
    align-items: center;
    margin-bottom: 25px;
}

.tf__courses_details_header .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #eee;
}

.tf__courses_details_header .text {
    width: 92.7%;
}

.tf__courses_details_header .text li {
    border-right: 1px solid #ddd;
    width: 20%;
    text-align: center;
}

.tf__courses_details_header .text li:last-child {
    border: none;
}

.tf__courses_details_header .text li h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.tf__courses_details_header .text li p {
    text-transform: capitalize;
    font-size: 14px;
}

.tf__courses_details_header .text li a {
    padding: 10px 25px !important;
    font-size: 15px !important;
}

.tf__courses_det_text h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
}

.tf__courses_det_text .nav {
    border-bottom: 2px solid #ddd;
    margin: 30px 0px 35px 0px;
    padding-bottom: 10px;
}

.tf__courses_det_text .nav li button {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    color: var(--colorBlack);
    padding: 0;
    background: var(--colorWhite) !important;
    border-radius: 0;
    margin-right: 50px;
    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__courses_det_text .nav li button::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: transparent;
    bottom: -12px;
    left: 0;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__courses_det_text .nav li button:hover,
.tf__courses_det_text .nav li button.active {
    color: var(--colorPrimary);
}

.tf__courses_det_text .nav li button.active::after {
    background: var(--colorPrimary);
}

.tf__course_overview h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

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

.tf__course_overview ul,
.tf__course_overview ol {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tf__course_overview ul li,
.tf__course_overview ol li {
    margin-top: 15px;
    width: 48%;
    padding-left: 25px;
    position: relative;
}

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

.tf__course_instructor_img {
    height: 350px;
}

.tf__course_instructor_text {
    background: var(--colorWhite);
    box-shadow: var(--box-shadow);
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    position: relative;
}

.tf__course_instructor_text h4 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    width: 100%;
    margin-bottom: 15px;
}

.tf__course_instructor_text p {
    width: 100%;
    margin-top: 13px;
    color: var(--paraColor);
    position: relative;
    font-size: 16px;
    font-weight: 400;
}

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

.tf__course_instructor_text .social_media {
    margin-top: 23px;
}

.tf__course_instructor_text ul {
    margin-top: 16px;
    width: 100%;
}

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

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

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

.tf__courses_review .tf__single_comment_text h4 span {
    font-size: 13px;
    font-weight: 600;
    color: var(--paraColor);
}

.tf__courses_review .tf__single_comment_text .rating {
    font-size: 16px;
    color: var(--ratingColor);
    margin-top: 10px;
}

.tf__courses_review .tf__comment_reply p {
    color: var(--ratingColor);
}

.tf__courses_review .tf__comment_reply p span {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: var(--colorBlack);
    margin-right: 5px;
}

.tf__courses_review .tf__comment_reply p i {
    margin-left: 5px;
    cursor: pointer;
}

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

/*==================================
    ERROR PAGE START
==================================*/
.tf__error_text {
    text-align: center;
}

.tf__error_text .img {
    width: 430px;
    height: 450px;
    margin: 0 auto;
}

.tf__error_text h4 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 45px;
}

.tf__error_text p {
    margin: 10px 0px 25px 0px;
}

.tf__error_text a {
    font-weight: 500 !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}

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

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

.tf__event_details_text {
    margin-right: 70px;
}

.tf__event_details_text .categories {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--paraFont);
    background: var(--colorPrimary);
    color: var(--colorWhite);
    padding: 10px 25px;
    border-radius: 5px;
    display: inline-block;
}

.tf__event_details_text .location {
    margin-top: 22px;
    margin-bottom: 12px;
}

.tf__event_details_text .location li {
    font-size: 15px;
    margin-right: 20px;
}

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

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

.tf__event_details_text h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
}

.tf__event_details_text h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
    margin-top: 35px;
}

.tf__event_det_center_img {
    height: 570px;
    margin-top: 50px;
    margin-bottom: 30px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.tf__event_det_center_text {
    max-width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px;
}

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

.tf__event_det_center_text ul {
    margin-top: 13px;
}

.tf__event_det_center_text ul li {
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    padding-left: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__event_det_center_text ul li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 15px;
    height: 15px;
    top: 4px;
    left: 0;
}

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

/*==================================
    HOME PAGE 2 START
==================================*/
/* topbar start */
.tf__topbar {
    width: 100%;
    height: 50px;
    background: #00306e;
    z-index: 1;
}

.tf__topbar_left {
    line-height: 50px;
}

.tf__topbar_left p {
    color: var(--colorWhite);
    margin-right: 10px;
}

.tf__topbar_left ul li a {
    font-size: 16px;
    color: var(--colorWhite);
    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;
}

.tf__topbar_left ul li a:hover {
    transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
}

.tf__topbar_right>ul {
    line-height: 50px;
    justify-content: end;
}

.tf__topbar_right>ul>li {
    position: relative;
}

.tf__topbar_right>ul>li>a {
    font-size: 14px;
    color: var(--colorWhite);
    text-transform: capitalize;
    transition: all linear .3s;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__topbar_right>ul>li>a::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 30%;
    background: var(--colorWhite);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

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

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

.tf__topbar_right>ul>li:hover>a {
    text-decoration: underline;
}

.tf__topbar_right ul li a img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    border: 1px solid var(--colorWhite);
    margin-right: 5px;
}

.tf__topbar_right .tf__other_language {
    box-shadow: var(--box-shadow);
    width: 140px;
    background: var(--colorWhite);
    position: absolute;
    top: 110%;
    left: -15px;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    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_right .tf__other_language li a {
    display: block;
    text-transform: capitalize;
    font-size: 16px;
    color: var(--colorBlack);
    padding: 0px 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;
    border-top: 1px solid var(--colorWhite);
}

.tf__topbar_right .tf__other_language li a:hover {
    background: #4582ff1f;
    color: var(--colorBlue);
}

.tf__topbar_right .tf__other_language li a img {
    border: 1px solid var(--colorBlack);
}

.tf__topbar_right>ul>li:hover .tf__other_language {
    opacity: 1;
    visibility: visible;
    top: 99%;
}

/* topbar end */

/* header start */
.tf__header {
    background: var(--colorWhite);
    width: 100%;
    height: 80px;
}

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

.tf__header_text a {
    display: block;
    max-width: 220px;
    height: 80px;
    overflow: hidden;
}

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

.tf__header_text ul li {
    display: flex;
    align-items: center;
    margin-left: 50px;
}

.tf__header_text ul li .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #00306e;
    border-radius: 50%;
    color: var(--colorWhite);
    font-size: 22px;
    margin-right: 15px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__header_text ul li .text h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-top: 5px;
}

.tf__header_text ul li .text p {
    font-weight: 500;
    font-family: var(--headingFont);
}

.tf__header_text ul li:hover .icon {
    background: var(--colorBlue);
}

/* header end */

/* menu 2 start */
.main_menu_2 {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 999;
}

.main_menu_2 .main_menu_2_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 65px;
    background: var(--colorWhite);
}

.main_menu_2 .navbar-brand {
    margin: 0;
    padding: 0;
    width: 180px;
    height: 65px;
    display: none;
}

.main_menu_2 .navbar-nav {
    line-height: 65px;
}

.main_menu_2 .navbar-nav .nav-item {
    position: relative;
    margin-left: 50px;
}

.main_menu_2 .navbar-nav .nav-item .nav-link::after {
    background: var(--colorBlue);
    bottom: 20px;
}

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

.main_menu_2 .learn_more {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    background: var(--colorBlue);
    color: var(--colorWhite);
    margin: 0;
    padding: 18px 45px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.main_menu_2 .tf__droap_menu li a.active,
.main_menu_2 .tf__droap_menu li a:hover {
    color: var(--colorBlue);
    background: #4582ff14;
}

.main_menu_2 .tf__droap_menu li a.active::after,
.main_menu_2 .tf__droap_menu li a:hover::after {
    width: 5px;
    background: var(--colorBlue);
}

.menu_fix2 {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--colorWhite);
    box-shadow: var(--box-shadow);
    animation: menu_animate 1s;
    -webkit-animation: menu_animate 1s;
}

.menu_fix2 .navbar-brand {
    display: block;
}

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

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

/* menu 2 end */

/* banner 2 start */
.tf__banner_2 {
    margin-top: -65px;
    height: 850px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.tf__banner_2_text {
    padding: 0;
    padding-bottom: 40px;
}

.tf__banner_2_text h1 span {
    background: var(--colorBlue);
    color: var(--colorWhite);
    text-decoration: none;
    padding: 0px 20px 5px 20px;
    display: inline-block;
}

/* banner 2 end */

/* categories 2 start */
.tf__popular_categories_2 {
    position: relative;
    top: -100px;
}

.tf__popular_categories_2_area {
    background: var(--colorWhite);
    border-top: 7px solid var(--colorBlue);
}

.tf__popular_categories_2 .tf__popular_service_single {
    border-top: 2px solid #00306e;
    border-bottom: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.tf__popular_categories_2 .tf__popular_service_single::after {
    background: #f3f7fb;
}

.tf__popular_categories_2 .tf__popular_service_single span {
    background: var(--colorWhite);
    color: var(--colorBlue);
}

.tf__popular_categories_2 .tf__popular_service_single a {
    color: var(--colorBlue);
}

.tf__popular_categories_2 .tf__popular_service_single:hover {
    border-color: #00306e60;
}

.tf__popular_categories_2 .tf__popular_service_single:hover::after {
    background: #00306e60;
}

.tf__popular_categories_2 .slick-dots li.slick-active button {
    background: var(--colorBlue);
}

/* categories 2 end */

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

.tf__home_2_about_img {
    height: 605px;
    border: 10px solid var(--colorWhite);
    margin-right: 25px;
}

.tf__home_2_about_text p {
    width: 85%;
    margin-bottom: 35px;
}

.tf__skills_bar_single {
    width: 80%;
}

.tf__skills_bar_single p {
    font-weight: 500;
    text-transform: capitalize;
    color: #333;
    margin-bottom: 5px;
    width: 100%;
}

.tf__home_2_about_text a {
    margin-top: 18px;
}

/* about 2 end */

/* popularservices 2 start */
.tf__popular_services_2 .tf__single_services span {
    background: var(--colorBlue);
    color: var(--colorBlue);
}

.tf__popular_services_2 .tf__single_services:hover span {
    color: var(--colorWhite);
}

.tf__popular_services_2 .tf__single_services a {
    color: var(--colorBlue);
}

.tf__popular_services_2 .tf__single_services:hover span::after {
    background: var(--colorBlue);
}

/* popularservices 2 end */

/* upcoming event start */
.tf__upcoming_event {
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.tf__upcoming_event .event_slider .tf__single_event {
    margin: 10px 12px 0px 12px;
}

.tf__upcoming_event .tf__single_event:hover {
    margin-top: 0px;
}

.tf__upcoming_event .tf__single_event_img::after {
    display: none;
}

.tf__upcoming_event .tf__single_event ul {
    margin-top: 15px;
}

.tf__upcoming_event .tf__single_event_img {
    overflow: initial;
}

.tf__upcoming_event .event_category {
    top: auto;
    right: auto;
    bottom: -20px;
    left: 30px;
}

.tf__upcoming_event .tf__single_event_text .title {
    margin-top: 22px;
}

.tf__upcoming_event .tf__single_event:hover img {
    transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.tf__upcoming_event .tf__single_event .title:hover {
    color: var(--colorBlue);
}

.tf__upcoming_event .tf__single_event_footer {
    margin-top: 15px;
}

.tf__upcoming_event .tf__single_event:hover .tf__single_event_text {
    border-color: var(--colorBlue);
}

.tf__upcoming_event .tf__single_event:hover .tf__single_event_footer::after {
    background: var(--colorBlue);
}

.tf__upcoming_event .event_slider .slick-dots li.slick-active button {
    background: var(--colorBlue);
}

.tf__upcoming_event::after {
    background: url(../images/banner_shape2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: auto;
    right: 0;
    opacity: 1;
}

/* upcoming event end */

/* counter start */
.tf__counter_2 {
    position: relative;
    z-index: 1;
    top: -150px;
}

.tf__counter_2 .tf__counter_area {
    padding: 0;
}

.tf__counter2_overlay {
    background: #002f6cdb;
    padding: 70px 0px;
}

/* counter end */

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

.tf__testimonial_2_area {
    position: relative;
    top: -55px;
}

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

.tf__testimonial_2 .tf__heading_area h5::after,
.tf__testimonial_2 .tf__heading_area h5::before {
    background: var(--colorWhite);
}

.tf__single_testimonial_2 {
    background: var(--colorWhite);
    border: none;
    padding: 40px;
}

.tf__single_testimonial_2 .description {
    color: var(--paraColor);
}

.tf__single_testimonial_2 .title {
    color: var(--colorBlack);
}

.tf__single_testimonial_2 .designation {
    color: var(--colorBlue);
}

.tf__single_testimonial_2 .icon {
    color: var(--colorBlue) !important;
    background: var(--colorWhite) !important;
    border-bottom: 3px solid #002f6c;
}

.tf__single_testimonial_2:hover {
    background: #002f6c;
}

.tf__single_testimonial_2:hover .description,
.tf__single_testimonial_2:hover .title,
.tf__single_testimonial_2:hover .designation {
    color: var(--colorWhite);
}

.testi_slider_2 .tf__single_testimonial_2 {
    margin-left: 12px;
    margin-right: 12px;
}

.tf__testimonial_2 .testi_slider_2 .slick-dots li button {
    background: var(--colorWhite);
}

.tf__testimonial_2 .testi_slider_2 .slick-dots li.slick-active button {
    background: #002f6c;
}

.testi_slider_2 .slick-dots {
    margin-top: 35px;
}

/* testimonial 2 end */

/* courses 2 start */

.tf__courses_2 .tf__single_courses:hover .tf__single_course_header,
.tf__courses_2 .tf__single_courses:hover {
    border-color: var(--colorBlue);
}

.tf__courses_2 .tf__single_courses_text .title:hover {
    color: var(--colorBlue);
}

.tf__courses_2 .event_slider .slick-dots li.slick-active button {
    background: var(--colorBlue);
}

/* courses 2 end */

/* team 2 start */
.tf__team_2 {
    background: #f3f7fb;
    position: relative;
}

.tf__team_2 .event_slider .slick-dots li.slick-active button {
    background: var(--colorBlue);
}

.tf__team_2 .tf__single_team {
    border: 1px solid transparent;
    margin-left: 12px;
    margin-right: 12px;
}

.tf__team_2 .tf__single_team .title:hover {
    color: var(--colorBlue);
}



.tf__team_3::before,
.tf__team_2::before {
    position: absolute;
    content: "";
    background: url(../images/arrow_shapes.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 15%;
    right: 5%;
    z-index: 1;
    width: 117px;
    height: 160px;
    animation: banner_animi_2 linear 2s infinite alternate;
    -webkit-animation: banner_animi_2 linear 2s infinite alternate;
}

.tf__team_2::after {
    position: absolute;
    content: "";
    background: url(../images/team_shapes.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 75%;
    left: 3%;
    z-index: 1;
    width: 100px;
    height: 100px;
    opacity: .5;
    animation: about_animi_1 linear 40s infinite;
    -webkit-animation: about_animi_1 linear 40s infinite;
}

/* team 2 end */

/* blog 2 start */
.tf__blog_2 .tf__single_blog_img {
    height: 350px;
}

.tf__blog_2 .tf__single_blog:hover {
    border-color: var(--colorBlue);
}

.tf__blog_2 .tf__single_blog_text .title:hover,
.tf__blog_2 .tf__single_blog_text .read_btn:hover {
    color: var(--colorBlue);
}

.tf__blog_2 .tf__single_blog_text .read_btn i {
    color: var(--colorBlue);
}

.tf__single_blog_2 {
    padding: 10px;
    border: 1px solid #ddd;
    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;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tf__single_blog_2_img {
    width: 50%;
    height: 283px;
    overflow: hidden;
}

.tf__single_blog_2_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_2 {
    width: 50%;
    padding: 15px 15px 15px 25px;
}

.tf__single_blog_text_2 .category {
    padding: 6px 26px !important;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--paraFont);
    border-radius: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_blog_text_2 .category:hover {
    background: var(--colorBlack) !important;
}

.tf__single_blog_text_2 .category.green {
    background: #1ab69d;
}

.tf__single_blog_text_2 .title {
    font-size: 22px;
    font-weight: 700;
    color: var(--colorBlack);
    margin-top: 20px;
    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__single_blog_text_2 p {
    margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tf__single_blog_text_2 .read_btn {
    font-size: 16px;
    font-weight: 500;
    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__single_blog_text_2 .read_btn i {
    margin-left: 5px;
    color: var(--colorBlue);
}


.tf__single_blog_text_2 .read_btn:hover,
.tf__single_blog_text_2 .title:hover {
    color: var(--colorBlue);
}

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

.tf__single_blog_2:hover {
    border-color: var(--colorBlue);
}

/* blog 2 end */

/* footer 2 start */
.tf__footer_2 .tf__footer_overlay {
    background: #002f6cf5;
}

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

.tf__footer_2 .tf__footer_logo_area ul li a:hover {
    background: var(--colorBlue);
    border-color: var(--colorBlue);
}

.tf__footer_apply {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: 10px solid var(--colorWhite);
    text-align: center;
    position: relative;
    bottom: -140px;
    z-index: 2;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.tf__footer_apply .tf__footer_apply_overlay {
    background: #002f6cc4;
    padding: 90px 0px 42px 0px;
    border-radius: 38px;
}

.tf__footer_apply .venobox {
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    width: 110px;
    height: 110px;
    background: var(--colorBlue);
    line-height: 100px;
    text-align: center;
    color: var(--colorWhite);
    font-size: 20px;
    border-radius: 50%;
    border: 7px solid var(--colorWhite);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.tf__footer_apply .venobox i {
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: var(--colorWhite);
    color: var(--colorBlue);
    font-size: 16px;
    border: 4px solid #6799ff;
}

.tf__footer_apply h3 {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    color: var(--colorWhite);
    margin-bottom: 15px;
}

.tf__footer_apply p {
    color: var(--colorWhite);
    width: 30%;
    text-align: center;
    margin: 0 auto;
}

.tf__footer_apply .apply_btn {
    padding: 15px 35px !important;
    background: var(--colorWhite);
    color: var(--colorBlack);
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    border-radius: 30px;
    margin-top: 20px;
    font-family: var(--paraFont);
    transition: all linear .3s !important;
    -webkit-transition: all linear .3s !important;
    -moz-transition: all linear .3s !important;
    -ms-transition: all linear .3s !important;
    -o-transition: all linear .3s !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}

.tf__footer_2_content_area {
    position: relative;
    top: -25px;
}

.tf__footer_2 .tf__copyright {
    padding: 25px 0px 0px 0px;
}

/* footer 2 end */

/* scroll button start */
.tf__scroll_btn_2 {
    transform: rotate(0deg);
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background: var(--colorBlue);
    border: 1px solid var(--colorWhite);
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.tf__scroll_btn_2:hover {
    background: #00306e;
}

/* scroll button end */

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

/*==================================
    HOME PAGE 3 START
==================================*/
/* topbar 2 start */
.tf__topbar_2 {
    background: #191e24;
    position: static;
}

/* topbar 2 end */

/* main menu 3 start */
.main_menu_3 {
    background: var(--colorWhite);
    position: static;
}

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

.main_menu_3 .navbar-nav .nav-item .nav-link::after,
.main_menu_3 .navbar-nav .nav-item .nav-link::after {
    background: var(--colorGreen);
}

.main_menu_3 .tf__droap_menu li a.active,
.main_menu_3 .tf__droap_menu li a:hover {
    color: var(--colorGreen);
    background: var(--colorWhite);
}

.main_menu_3 .tf__droap_menu li a.active::after,
.main_menu_3 .tf__droap_menu li a:hover::after {
    background: var(--colorGreen);
}

.main_menu_3.menu_fix {
    top: 0;
}

/* main menu 3 end */

/* banner 3 start */
.tf__banner_3 {
    position: static;
    margin: 0;
    height: auto;
    background-position: center top !important;
}

.home_3 .tf__banner_text {
    margin-top: 115px;
    margin-bottom: 345px;
    position: relative;
}

.home_3 .tf__banner_text h5,
.home_3 .tf__heading_area h5 {
    color: var(--colorGreen);
}

.home_3 .tf__banner_text h5::after,
.home_3 .tf__heading_area h5::after,
.home_3 .tf__heading_area h5::before {
    background: var(--colorGreen);
}

.home_3 .tf__banner_text h1 span {
    color: var(--colorGreen) !important;
}

.home_3 .play_btn {
    background: var(--colorGreen);
}

.home_3 .play_btn::before {
    background: var(--colorGreen);
}

.tf__banner_3 .tf__banner_text::after {
    top: 90%;
    left: 80%;
}

.tf__banner_3 .tf__banner_text::before {
    background: url(../images/banner_shape3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 110px;
    top: -5px;
    right: 60px;
}

/* banner 3 end */

/* popular service 3 start */
.tf__popular_services_3 {
    position: relative;
    top: -160px;
}

.tf__popular_services_3 .tf__popular_service_single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.home_3 .slick-dots li.slick-active button {
    background: var(--colorGreen) !important;
}

/* popular service 3 end */

/* about 3 start */
.about_3 {
    position: relative;
    top: -60px;
}

.about_3 .tf__about_us_counter a:hover {
    background: var(--colorGreen);
}

/* about 3 end */

/* study contact start */
.tf__study_contact {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding-top: 25px;
    position: relative;
    top: -95px;
}

.tf__study_contact_text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 160px 0px 30px 220px;
}

.tf__study_contact_text .img {
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 5px;
}

.tf__study_contact_text .text {
    width: 63%;
    padding-right: 100px;
}

.tf__study_contact_text .text h4 {
    font-weight: 700;
    font-size: 22px;
    color: var(--colorWhite);
    text-transform: capitalize;
}

.tf__study_contact_text .text p {
    color: var(--colorWhite);
    margin-top: 15px;
}

.tf__study_contact_text a {
    padding: 15px 35px;
    background: var(--colorGreen);
    color: var(--colorWhite);
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    border-radius: 30px;
    position: relative;
    font-family: var(--paraFont);
    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__study_contact_text a:hover {
    color: var(--colorGreen);
    background: var(--colorWhite);
}

/* study contact end */


/* courses 3 start */
.tf__courses_3 .tf__single_courses:hover .tf__single_course_header,
.tf__courses_3 .tf__single_courses:hover {
    border-color: var(--colorGreen) !important;
}

.tf__courses_3 .tf__single_courses_text .title:hover {
    color: var(--colorGreen) !important;
}

.tf__courses_3 .tf__single_course_header li i {
    color: var(--colorGreen);
}

/* courses 3 end */

/* counter 3 start */
.tf__counter_3_area {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 70px;
    position: relative;
    bottom: -240px;
    z-index: 1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.tf__counter_3_area::after {
    position: absolute;
    content: "";
    background: url(../images/counter_3_img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 420px;
    height: 720px;
    bottom: 0;
    right: -225px;
}

.tf__counter_3 .tf__counter_area {
    padding: 0;
    background: none !important;
}

.tf__counter_3 h5,
.tf__counter_3 h2,
.tf__counter_3 p {
    color: var(--colorWhite) !important;
}

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

.tf__counter_3 .tf__counter2_overlay {
    background: transparent;
    padding: 65px 0px 0px 0px;
}

.tf__counter_3 .tf__counter_area ul li.tf__single_counter {
    width: 33.33%;
}

.tf__counter_3_area::before {
    position: absolute;
    content: "";
    background: url(../images/banner_shape3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -190px;
    right: 190px;
    z-index: 1;
    width: 165px;
    height: 160px;
    animation: banner_animi_2 linear 2s infinite alternate;
    -webkit-animation: banner_animi_2 linear 2s infinite alternate;
}

/* counter 3 end */

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

.tf__team_3 .tf__single_team .title:hover {
    color: var(--colorGreen);
}

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

.tf__team_3 .tf__single_team_img ul li a {
    border: 1px solid var(--colorGreen);
    color: var(--colorGreen);
}

.tf__team_3 .tf__single_team_img ul li a:hover {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.tf__team_3 .tf__single_team {
    margin: 25px 12px 0px 12px;
}

.tf__team_3::before {
    top: 30%;
    right: 13%;
}

/* team 3 end */

/* contact 3 start */
.tf__contact_3_area {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 70px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.tf__contact_3_text h2 {
    color: var(--colorWhite);
    font-weight: 700;
    font-size: 40px;
    text-transform: capitalize;
}

.tf__contact_3_text h2 span {
    font-weight: 700;
    font-size: 40px;
    color: var(--colorGreen);
    text-decoration: underline;
}

.tf__contact_3_text p {
    margin: 20px 0px 40px 0px;
    width: 80%;
    color: var(--colorWhite);
}

.tf__contact_3_text a {
    padding: 15px 35px;
    background: var(--colorGreen);
    color: var(--colorWhite);
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    border-radius: 30px;
    position: relative;
    font-family: var(--paraFont);
    transition: all linear .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__contact_3_text a:hover {
    background: var(--colorWhite);
    color: var(--colorGreen);
}

.tf__contact_3_form input {
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
    padding: 15px 20px;
}

.tf__contact_3_form .nice-select {
    font-size: 16px;
    height: 53px;
    line-height: 52px;
    padding-left: 20px;
    border-radius: 0;
    margin-bottom: 20px;
    border: none;
}

.tf__contact_3_form .current {
    color: var(--colorBlack);
    font-weight: 400;
    text-transform: capitalize;
}

.tf__contact_3_form .nice-select .option.selected {
    font-weight: 500;
    color: var(--colorBlack);
}

.tf__contact_3_form .nice-select:after {
    border-bottom: 2px solid var(--colorBlack);
    border-right: 2px solid var(--colorBlack);
}

.tf__contact_3_form .nice-select .list {
    width: 100%;
}

.tf__contact_3_form button {
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    color: var(--colorWhite);
    background: var(--colorBlack);
    height: 55px;
    line-height: 55px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

/* contact 3 end */

/* activities 3 start */
.tf__activities_3 {
    background: #f2f8f8;
}

.tf__activities_3 .tf__heading_area h2 {
    color: var(--colorBlack);
}

.tf__activities_3 .tf__activities_item {
    border: 1px solid #ddd !important;
}

.tf__activities_3 .tf__activities_item.light_blue {
    border-color: #8e56ff40 !important;
}

.tf__activities_3 .tf__activities_item.green {
    border-color: #1ab69d69 !important;
}

.tf__activities_3 .tf__activities_item.orange {
    border-color: #ff7f466b !important;
}

.tf__activities_3 .tf__activities_item.blue {
    border-color: #5287f861 !important;
}

.tf__activities_3 .tf__activities_item:hover {
    border-color: var(--colorBlack) !important;
}

/* activities 3 end */

/* blog 3 start */
.home_3 .tf__blog_2 .tf__single_blog:hover,
.home_3 .tf__single_blog_2:hover {
    border-color: var(--colorGreen);
}

.home_3 .tf__single_blog_text_2 .read_btn:hover,
.home_3 .tf__single_blog_text_2 .title:hover,
.home_3 .tf__blog_2 .tf__single_blog_text .title:hover,
.home_3 .tf__blog_2 .tf__single_blog_text .read_btn:hover {
    color: var(--colorGreen);
}

.home_3 .tf__single_blog_text_2 .read_btn i,
.home_3 .tf__blog_2 .tf__single_blog_text .read_btn i {
    color: var(--colorGreen);
}

/* blog 3 tend */

/* footer 3 start */

.tf__footer_3 .tf__footer_apply .venobox {
    background: var(--colorGreen);
}

.tf__footer_3 .tf__footer_apply .tf__footer_apply_overlay {
    background: #191e24a3;
}

.tf__footer_3 .tf__footer_apply .venobox i {
    color: var(--colorGreen);
    border: 4px solid #08ebe8;
}

.tf__footer_3 .tf__footer_apply .apply_btn {
    background: var(--colorGreen);
    color: var(--colorWhite);
}

.tf__footer_3 .tf__footer_apply .apply_btn:hover {
    background: var(--colorBlack);
    color: var(--colorWhite);
}

.tf__footer_3 .tf__footer_overlay {
    background-color: #191e24f7;
}

.tf__footer_3 .tf__footer_content form button {
    background: var(--colorGreen);
}

.tf__footer_3 .tf__footer_logo_area ul li a:hover {
    background: var(--colorGreen);
    border-color: var(--colorGreen);
}

.tf__footer_3 .tf__copyright ul li a:hover,
.tf__footer_3 .tf__footer_content ul li a:hover {
    color: var(--colorGreen);
}

.tf__footer_3 .tf__footer_content ul li a:hover::after {
    background: var(--colorGreen);
}

/* footer 3 end */

.home_3 .tf__scroll_btn_2 {
    background: var(--colorGreen);
}

.tf__footer_3 .tf__copyright {
    padding-bottom: 0;
}

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

/*==================================
    SERVICES PAGE START
==================================*/
.tf__single_services {
    background: url(../images/service_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    margin-top: 75px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.tf__single_services::after {
    position: absolute;
    content: "";
    background: #f3f7fb;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all linear .3s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_services::before {
    position: absolute;
    content: "";
    background: url(../images/service_shapes.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 60px;
    height: 60px;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
}

.tf__single_services span {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    display: block;
    background: var(--colorPrimary);
    color: var(--colorPrimary);
    font-size: 40px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

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

.tf__single_services h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 25px;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_services p {
    position: relative;
    z-index: 1;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_services a {
    display: none;
}

.tf__single_services:hover::after {
    opacity: 0;
}

.tf__single_services:hover h3,
.tf__single_services:hover p {
    color: var(--colorWhite);
}

.tf__single_services:hover span {
    background: var(--colorWhite);
    color: var(--colorWhite);
}

.tf__single_services:hover span::after {
    background: var(--colorPrimary);
    top: -3px;
}

.tf__single_services:hover::before {
    opacity: 0;
}

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

.tf__pagination nav ul li a {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    margin: 0px 10px;
    border-radius: 5px !important;
    color: var(--colorBlack);
    font-size: 16px;
    font-weight: 500;
    background: var(--colorWhite);
    border: 1px solid #eee;
    box-shadow: var(--box-shadow);
    font-family: var(--paraFont);
}

.tf__pagination nav ul li a:focus {
    color: var(--colorBlack);
    background-color: var(--colorWhite);
    outline: 0;
    box-shadow: none;
    border: 1px solid var(--colorPrimary);
}

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

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

/*==================================
    TEAM DETAILS START
==================================*/
.tf__team_details_img {
    height: 460px;
    border-radius: 50px;
    padding: 10px;
    border: 1px solid #ddd;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.tf__team_details_img img {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

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

.tf__team_details_text h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.tf__team_details_text p {
    font-size: 17px;
    border: 1px solid #ddd;
    padding: 10px 40px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.tf__team_details_text ul {
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 10px 40px;
}

.tf__team_details_text ul li {
    font-size: 17px;
    color: var(--paraColor);
}

.tf__team_details_text ul li a {
    color: var(--colorBlack);
    font-size: 16px;
    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__team_details_text ul li a:hover {
    color: var(--colorPrimary);
}

.tf__team_description ul li {
    width: 50%;
    font-size: 16px;
    position: relative;
    margin-top: 10px;
    padding-left: 25px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__team_description ul li::after {
    position: absolute;
    content: "";
    background: url(../images/check_icon_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 15px;
    height: 15px;
    top: 4px;
    left: 0;
}

.tf__team_description ul li:hover {
    text-decoration: underline;
}

.tf__counter_area {
    background: url(../images/counter_bg.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 70px 0px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.tf__counter_area ul li.tf__single_counter {
    text-align: center;
    width: 25%;
    border-right: 1px solid #ddddddba;
    padding: 30px 0px 35px 0px;
}

.tf__counter_area ul li:last-child {
    border: none;
}

.tf__single_counter h2 {
    position: relative;
    font-size: 50px;
    font-weight: 700;
    color: var(--colorWhite);
    display: inline;
    text-align: center;
    margin-right: 55px;
}

.tf__single_counter h2::after {
    position: absolute;
    content: "K+";
    font-size: 50px;
    font-weight: 700;
    color: var(--colorWhite);
    top: 1px;
    right: -65px;
}

.tf__single_counter h4 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorWhite);
    text-align: center;
    font-family: var(--paraFont);
    margin-top: 13px;
}

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

/*==================================
    TEAM PAGE START
==================================*/
.tf__team_page {
    position: relative;
}

.tf__team_page::after {
    position: absolute;
    content: "";
    background: url(../images/team_shapes.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 3%;
    z-index: 1;
    width: 100px;
    height: 100px;
    opacity: .5;
    animation: about_animi_1 linear 40s infinite;
    -webkit-animation: about_animi_1 linear 40s infinite;
}

.tf__team_page::before {
    position: absolute;
    content: "";
    background: url(../images/arrow_shapes.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    right: 7%;
    z-index: 1;
    width: 117px;
    height: 160px;
    animation: banner_animi_2 linear 2s infinite alternate;
    -webkit-animation: banner_animi_2 linear 2s infinite alternate;
}

.tf__single_team {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 25px;
    background: 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: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.tf__single_team_img {
    height: 370px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.tf__single_team_img ul {
    position: absolute;
    top: 20px;
    right: 20px;
    transform: scaleY(.5);
    transform-origin: top;
    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: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
}

.tf__single_team_img ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid var(--colorBlue);
    color: var(--colorBlue);
    margin-bottom: 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_team_img ul li a:hover {
    background: var(--colorBlue);
    color: var(--colorWhite);
}

.tf__single_team_text {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 25px;
}

.tf__single_team_text .title {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--colorBlack);
    font-family: var(--headingFont);
    text-align: center;
    margin-bottom: 5px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_team_text p {
    text-align: center;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
}

.tf__single_team:hover {
    background: #002f6c;
    border-color: #002f6c;
}

.tf__single_team:hover .title,
.tf__single_team:hover p {
    color: var(--colorWhite);
}

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

.tf__single_team:hover .tf__single_team_img ul {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/*==================================
    TEAM PAGE END
==================================*/


/* ==================================
    SIGN IN START
=================================== */
.tf__login_area {
    background: rgb(233, 247, 250);
    padding: 50px;
    overflow: hidden;
    border-radius: 5px;
}

.tf__login_area h2 {
    font-weight: 700;
    font-size: 35px;
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 5px;
}

.tf__login_area p {
    color: var(--colorBlack);
    text-transform: capitalize;
    margin-bottom: 25px;
}

.tf__login_area .tf__login_imput {
    margin-bottom: 20px;
}

.tf__login_area form label {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}

.tf__login_area form button {
    width: 100%;
    border-radius: 3px;
    text-align: center;
}

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

.tf__login_area .form-check input {
    padding: 0px;
    border-radius: 3px;
}

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

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

.tf__login_area .form-check label {
    color: var(--paraColor);
    margin: 0px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
}

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

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

.tf__login_area .or {
    position: relative;
    margin: 20px 0px 40px;
}

.tf__login_area .or span {
    text-transform: uppercase;
    width: 25px;
    height: 25px;
    display: inline-block;
    background: var(--colorPrimary);
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    color: var(--colorWhite);
    border-radius: 3px;
    position: relative;
    z-index: 1;
}

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

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

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

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

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

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


/* ==================================
    PRIVACY POLICY START
=================================== */
.tf__pricacy_policy {
    margin-bottom: -20px;
}

.tf__pricacy_policy_text h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

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

.tf__pricacy_policy_text ul {
    margin-bottom: 20px;
    margin-left: 15px;
}

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

.tf__pricacy_policy_text ul li::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--colorBlack);
    top: 8px;
    left: 0px;
    border-radius: 50%;
}

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