/* 
***************************************
Template Name: Eduor || Online Education Learning Next JS Template
Version: 1.0
Description: Eduor is a Online Education Next JS 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 
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 
13. HOME PAGE 3 
14. SERVICES PAGE
15. TEAM DETAILS PAGE
16. TEAM PAGE
*/

/*==================================
    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%;
  height: 100%;
  object-fit: cover;
}

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 0.3s !important;
  -webkit-transition: all linear 0.3s !important;
  -moz-transition: all linear 0.3s !important;
  -ms-transition: all linear 0.3s !important;
  -o-transition: all linear 0.3s !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important;
}

.common_btn:not(.pageclip-form__submit)::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;
}

.main_menu_3 .common_btn {
  background-color: #00d6d3 !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: 0.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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

@keyframes play_animate {
  from {
    opacity: 1;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.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;
  color: var(--colorBlack);
}

.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;
  background-image: url(../images/breadcrumb_bg_1.jpg);
}

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

.tf__breadcrumb_text ul li a: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: absolute;
  width: 100%;
  height: 90px;
  background: transparent;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 999;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.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(0.5);
  opacity: 0;
  transform-origin: left;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.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;
  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 0.2s;
  transform: scaleY(0.8);
  opacity: 0;
  visibility: hidden;
  transform-origin: top;
  -webkit-transform: scaleY(0.8);
  -moz-transform: scaleY(0.8);
  -ms-transform: scaleY(0.8);
  -o-transform: scaleY(0.8);
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__droap_menu li a::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--colorWhite);
  top: 0;
  left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__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 {
  padding: 190px 0 100px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  background-image: url(../images/banner_bg.jpg);
}

.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: 0.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 0.3s;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_category_text {
  background: url(../images/categiry_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 30px 25px;
  margin-left: 50px;
  padding-left: 65px;
  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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.tf__single_category:hover .tf__single_category_text::after {
  opacity: 0.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;
  background-image: url(../images/about_bg.png);
  padding-top: 80px;
}

.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;
  background-image: url(../images/about_top_bg.jpg);
}

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

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

.tf__faq {
  background-image: url(../images/faq_bg.png);
}

.tf__banner_3 .tf__banner_text::after,
.tf__faq::after {
  position: absolute;
  content: "";
  background: url(../images/book_shapes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 170px;
  left: 6%;
  z-index: 1;
  width: 130px;
  height: 80px;
  animation: banner_animi_2 linear 3s infinite alternate;
  -webkit-animation: banner_animi_2 linear 3s infinite alternate;
}

.tf__about::after {
  position: absolute;
  content: "";
  background: url(../images/book_shapes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -185px;
  left: 5%;
  z-index: 1;
  width: 130px;
  height: 80px;
  animation: banner_animi_2 linear 3s infinite alternate;
  -webkit-animation: banner_animi_2 linear 3s infinite alternate;
}

.tf__faq::before,
.tf__about::before {
  position: absolute;
  content: "";
  background: url(../images/pen_shapes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 200px;
  left: 6%;
  z-index: 1;
  width: 60px;
  height: 110px;
  animation: about_animi_1 linear 40s infinite;
  -webkit-animation: about_animi_1 linear 40s infinite;
}

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

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

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

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

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

.tf__single_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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

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

.tf__faq_accordion .accordion-header button::before {
  position: absolute;
  content: "\f00c";
  color: var(--colorWhite);
  background: var(--colorPrimary);
  font-family: "Font Awesome 6 Pro";
  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;
  background-image: url(../images/work_bg.jpg);
}

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

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

.tf__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: 160px 60px 40px 60px;
  text-align: center;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__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: 0.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;
  background-image: url(../images/testimonial_bg.jpg);
}

.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: 30px 60px;
  border: 1px dashed var(--colorWhite);
  border-radius: 40px;
  position: relative;
  text-align: center;
  margin-top: 65px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.testimonial_slider .tf__single_testimonial {
  margin: 55px 12px 20px 12px;
  height: calc(100% - 75px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.testimonial_slider .slick-track {
  display: flex !important;
}

.testimonial_slider .slick-slide {
  height: auto !important;
  display: flex !important;
  justify-content: center;
}

.testimonial_slider .col-xl-6 {
  height: 100%;
}

.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 0.3s;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

.tf__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__banner_video {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-image: url(../images/video_bg.jpg);
  padding: 0;
}

.cta_overlay {
  background: #32373d9c;
  padding-top: 30px;
  padding-bottom: 40px;
  width: 100%;
}

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

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

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

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

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

.tf__single_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 0.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;
  background-image: url(../images/footer_bg.jpg);
}

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

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

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

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

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

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

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

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

.tf__popular_service_single::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--colorWhite);
  top: 0;
  left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.tf__popular_service_single p {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__popular_service_single a {
  display: none;
}

.tf__popular_service_single.red span {
  background: #f05c72;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

.tf__single_courses_img {
  height: 280px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

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

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

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

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

.tf__single_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 {
  background-image: url(../images/activities_bg.jpg);
}

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

.tf__blog_details_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 0.3s;
  margin-left: 40px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

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

.tf__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: 14px;
  margin-right: 14px;
  border-radius: 5px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.tf__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 .nav-item a {
  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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__courses_det_text .nav .nav-item a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: transparent;
  bottom: -12px;
  left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.tf__courses_det_text .nav .nav-item a.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: flex-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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.tf__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 0.3s;
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.tf__topbar_right .tf__other_language li a {
  display: block;
  text-transform: capitalize;
  font-size: 16px;
  color: var(--colorBlack);
  padding: 0px 15px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.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 */




/* 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;
  background-image: url(../images/about_2_bg.jpg);
}

.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;
  background-image: url(../images/counter_bg2.jpg);
}

.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;
  background-image: url(../images/testimonial_bg.jpg);
}

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

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

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

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

.tf__single_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_apply {
  background-image: url(../images/footer_apply_bg.jpg);
}

.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 0.3s !important;
  -webkit-transition: all linear 0.3s !important;
  -moz-transition: all linear 0.3s !important;
  -ms-transition: all linear 0.3s !important;
  -o-transition: all linear 0.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;
  background-image: url(../images/banner_bg3.jpg);
}

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

.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;
  background-image: url(../images/study_contact_bg.jpg);
}

.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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.tf__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;
  background-image: url(../images/counter_3_bg.jpg);
}

.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;
  background-image: url(../images/team_3_bg.jpg);
}

.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;
  background-image: url(../images/contact_3_bg.jpg);
}

select.select_js.form-select {
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 15px 20px;
}

.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 0.3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.tf__contact_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 {
  background-image: url(../images/footer_apply_bg2.jpg);
}

.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 0.3s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

.tf__team_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 span {
  position: relative;
  font-size: 50px;
  font-weight: 700;
  color: var(--colorWhite);
  display: inline;
  text-align: center;
  margin-right: 55px;
}

.tf__single_counter h2 span::after {
  position: absolute;
  content: "K+";
  font-size: 50px;
  font-weight: 700;
  color: var(--colorWhite);
  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: 0.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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 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(0.5);
  transform-origin: top;
  opacity: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

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

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

.tf__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
==================================*/

/* ==================================
    SIGNIN 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 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

/* ==================================
    SIGNIN 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
=================================== */
/* Margin and Padding shortcut */
.mt_95 {
  margin-top: 95px;
}

.mt_250 {
  margin-top: 250px;
}

.mt_100 {
  margin-top: 100px;
}

.pt_95 {
  padding-top: 95px;
}

.pb_100 {
  padding-bottom: 100px;
}

.pt_100 {
  padding-top: 100px;
}

.pt_75 {
  padding-top: 75px;
}

.mb_20 {
  margin-bottom: 20px;
}

.pt_225 {
  padding-top: 225px;
}

.mt_110 {
  margin-top: 110px;
}

.mt_195 {
  margin-top: 195px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_45 {
  margin-bottom: 45px;
}

.mt_190 {
  margin-top: 190px;
}

.pt_250 {
  padding-top: 250px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mt_50 {
  margin-top: 50px;
}

.mt_65 {
  margin-top: 65px;
}

.pb_45 {
  padding-bottom: 45px;
}

.mt_60 {
  margin-top: 60px;
}

.mt_35 {
  margin-top: 35px;
}

.mt_55 {
  margin-top: 55px;
}

.pt_190 {
  padding-top: 190px;
}

/* Margin and Padding shortcut */

.tf__counter2_overlay .counter span {
  position: relative;
  font-size: 50px;
  font-weight: 700;
  color: var(--colorWhite);
  display: inline;
  text-align: center;
}

.slick-dots li button:before {
  display: none;
}

.slick-dots {
  bottom: unset !important;
}

li.slick-active {
  width: 40px !important;
}

section.tf__counter_3 {
  padding-bottom: 80px;
}

.modal-video .modal-content {
  background-color: transparent;
  border: none;
}

.video-modal-iframe {
  width: 100%;
  height: 460px;
}

.vidoe-modal-header.modal-header {
  padding: 0;
  border: 0;
  font-size: 20px;
}

.tf__scroll_btn.style-2 {
  background-color: #4582ff;
}

.tf__scroll_btn.style-3 {
  background-color: #00d6d3;
}

/* Loading Container Styles */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

/* Eduor Logo Styles */
.eduor-logo {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* Loader Styles */
.loader {
  border: 4px solid #f3f3f3;
  /* Light gray border */
  border-top: 4px solid #3498db;
  /* Blue border for animation */
  border-radius: 50%;
  /* Circular shape */
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  /* Spin animation */
}

/* Keyframe Animation for Loader */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Responsive */
@media (min-width: 1400px) and (max-width: 1700px) {
  .tf__about::after {
    top: 250px;
  }

  .tf__about::before {
    bottom: -40px;
  }

  .tf__faq::after {
    top: 0;
  }

  .tf__faq::before {
    bottom: -50px;
  }

  .tf__banner_3 .tf__banner_text::before,
  .tf__banner::before {
    width: 80px;
    height: 110px;
  }

  .tf__upcoming_event::after,
  .tf__banner::after {
    width: 150px;
    height: 100px;
  }

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

    to {
      top: 150px;
    }
  }

  .tf__faq_img {
    width: 650px;
    height: 650px;
    left: -50px;
  }

  .tf__team_3::before,
  .tf__team_2::before {
    top: 0;
  }

  .tf__team_2::after {
    top: 95%;
  }

  .tf__banner_3 .tf__banner_text::before {
    width: 105px;
    height: 100px;
  }

  .tf__breadcrumb .container::after {
    top: -155px;
  }

  .tf__faq_page::after {
    top: 150px !important;
  }

  .tf__faq_page::before {
    right: 3%;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {

  /*==================================
        HOME PAGE START
    ==================================*/
  .tf__banner_text p {
    max-width: 80%;
  }

  .tf__banner_3 .tf__banner_text::before,
  .tf__banner::before {
    right: 3%;
    width: 80px;
    height: 110px;
  }

  .tf__upcoming_event::after,
  .tf__banner::after {
    width: 150px;
    height: 100px;
  }

  .tf__single_category_text {
    padding: 30px;
    padding-left: 60px;
    margin-left: 40px;
  }

  .tf__single_category_icon {
    width: 85px;
    height: 85px;
    line-height: 85px;
    font-size: 40px;
  }

  .tf__heading_area h2 {
    font-size: 37px;
  }

  .tf__single_category_text h3 {
    font-size: 20px;
  }

  .tf__about_text p {
    max-width: 80%;
  }

  .tf__banner_3 .tf__banner_text::after,
  .tf__faq::after,
  .tf__about::after {
    top: 250px;
  }

  .tf__faq::before,
  .tf__about::before {
    bottom: 0;
    width: 45px;
    height: 80px;
  }

  .tf__about_text a {
    width: 190px;
  }

  .tf__single_event_text ul li {
    margin-bottom: 10px;
  }

  .tf__single_event_text .title {
    margin-top: 5px;
  }

  .tf__faq_img {
    width: 590px;
    height: 590px;
    left: -50px;
  }

  .tf__faq::after {
    top: -50px !important;
  }

  .tf__faq_img::after {
    top: -55px;
  }

  .tf__faq::before {
    right: 80%;
    bottom: 40px !important;
  }

  .tf__activities_img {
    width: auto;
    height: 100%;
    margin-left: 0;
  }

  .tf__about_img {
    height: 580px;
  }

  .tf__about::before {
    left: 35%;
  }

  .tf__activities_item span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .tf__activities_item h3 {
    font-size: 18px;
  }

  .tf__activities_item {
    padding: 30px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
  }

  .tf__activities_slider_area .tf__activities_item::after {
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
  }

  .tf__scroll_btn {
    right: 0;
  }

  .tf__faq_page::after {
    top: 150px !important;
  }

  .tf__faq_page::before {
    right: 92%;
  }

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

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 55px;
  }

  .tf__breadcrumb {
    padding-top: 195px;
    padding-bottom: 130px;
  }

  .tf__breadcrumb .container::after {
    width: 350px;
    height: 360px;
    top: -40px;
  }

  .tf__about_2_img .tf__about_large {
    width: 540px;
    height: 540px;
  }

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

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

  .tf__about_2_img .tf__about_large::after {
    top: -50px;
  }

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

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 400px;
  }

  .tf__single_comment_text {
    max-width: 82%;
  }

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

  .tf__sidebar_certificate {
    padding: 30px;
  }

  .sidebar_item {
    padding: 20px 20px 0px 20px;
  }

  .tf__sidebar_blog.sidebar_item {
    padding-bottom: 0;
  }

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

  .tf__sidebar_tags {
    padding-bottom: 5px;
  }

  .tf__sidebar_apply {
    height: 400px;
  }

  .tf__sidebar_apply a {
    padding: 15px 30px;
  }

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

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_single .text {
    max-width: 73%;
  }

  .tf__contact_form p {
    width: 80%;
  }

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

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__courses_details_header .text {
    width: 91.5%;
  }

  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__course_instructor_img {
    height: 300px;
  }

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img {
    height: 370px;
  }

  .tf__team_page::before {
    width: 100px;
    height: 135px;
  }

  .tf__team_page::after {
    display: none;
  }

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

  /*==================================
        HOME PAGE 2 START
    ==================================*/
  .tf__team_3::before,
  .tf__team_2::before {
    top: 20px;
  }

  .tf__team_2::after {
    top: 90%;
  }

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

    to {
      top: 150px;
    }
  }

  .tf__scroll_btn_2 {
    right: 10px;
  }

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

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .tf__banner_3 .tf__banner_text::before {
    right: 40%;
    width: 85px;
    height: 80px;
  }

  .tf__study_contact_text {
    padding: 160px 0px 30px 150px;
  }

  .tf__study_contact_text .text {
    width: 50%;
    padding-right: 0;
  }

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

  .tf__counter_3_area::before {
    top: -175px;
    right: 190px;
    width: 120px;
    height: 115px;
  }

  .tf__team_3::before {
    top: 300px;
    width: 80px;
    height: 110px;
  }

  .tf__contact_3_area {
    padding: 50px;
  }

  .tf__banner_3 .tf__banner_text::after {
    top: 350px;
  }

  .tf__counter_3 p {
    width: 80%;
  }

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

@media (min-width: 992px) and (max-width: 1199px) {

  /*==================================
        HOME PAGE START
    ==================================*/
  .main_menu .navbar-nav .nav-item {
    margin-right: 25px;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link,
  .main_menu .navbar-nav .nav-item .nav-link {
    font-size: 15px;
  }

  .main_menu .navbar-nav .nav-item .common_btn {
    padding: 12px 25px !important;
    font-size: 14px !important;
  }

  .tf__upcoming_event::after,
  .tf__banner::after {
    width: 125px;
    height: 75px;
  }

  .tf__banner_3 .tf__banner_text::before,
  .tf__banner::before {
    right: 40%;
    width: 85px;
    height: 115px;
  }

  .tf__single_category_text {
    padding-left: 70px;
  }

  .tf__banner_text h1,
  .tf__banner_text h1 span {
    font-size: 60px;
  }

  .tf__banner_text p {
    max-width: 80%;
  }

  .tf__heading_area h2 {
    font-size: 30px;
  }

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

  .tf__about_text p {
    max-width: 100%;
  }

  .tf__about_img {
    height: 480px;
  }

  .tf__about::before {
    bottom: 20px;
    left: 35%;
    width: 40px;
    height: 75px;
  }

  .tf__faq_img {
    width: 450px;
    height: 450px;
    left: 0;
  }

  .tf__faq_img::after {
    top: -55px;
  }

  .tf__faq::after {
    top: -50px;
  }

  .tf__faq::before {
    right: 85%;
  }

  .tf__faq_page::after {
    top: 150px;
  }

  .tf__faq_page::before {
    right: 90%;
  }

  .tf__activities_text p {
    max-width: 100%;
  }

  .tf__activities_item span {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
  }

  .tf__work_single_img {
    width: 250px;
    height: 250px;
  }

  .tf__work_single_text {
    padding: 163px 30px 0px 30px;
  }

  .tf__single_testimonial {
    border-radius: 40px;
  }

  .tf__activities_item h3 {
    font-size: 18px;
  }

  .tf__activities_img {
    width: auto;
    height: 100%;
    margin-left: 0;
  }

  .tf__footer_content h3 {
    margin-bottom: 25px;
  }

  .tf__footer_content.xs_mt_50 {
    margin-bottom: 50px;
  }

  .tf__scroll_btn {
    right: -25px;
    bottom: 100px;
  }

  .tf__about::after {
    top: 200px;
  }

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

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 55px;
  }

  .tf__breadcrumb {
    padding-top: 195px;
    padding-bottom: 130px;
  }

  .tf__breadcrumb .container::after {
    width: 350px;
    height: 360px;
    top: -28px;
  }

  .tf__about_2_img .tf__about_large {
    width: 430px;
    height: 430px;
  }

  .tf__about_2_img p {
    bottom: -70px;
    left: 40px;
  }

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

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

  .tf__about_us_counter {
    margin-top: -15px;
  }

  .tf__about_2_img .tf__about_large::after {
    top: -50px;
  }

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

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 350px;
  }

  .tf__single_comment_text {
    max-width: 82%;
  }

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

  .tf__comment_reply {
    padding: 30px;
  }

  .tf__sidebar_certificate {
    padding: 21px;
  }

  .sidebar_item {
    padding: 20px 20px 0px 20px;
  }

  .tf__sidebar_blog.sidebar_item {
    padding-bottom: 0;
  }

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

  .tf__sidebar_tags {
    padding-bottom: 0px;
  }

  .tf__sidebar_apply {
    height: 340px;
  }

  .tf__sidebar_apply a {
    padding: 15px 30px;
  }

  .tf__blog_page {
    margin-top: 190px !important;
  }

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

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_single .text {
    max-width: 73%;
  }

  .tf__contact_form p {
    width: 100%;
  }

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

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__courses_details_header .text {
    width: 89.7%;
  }

  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__course_instructor_img {
    height: 300px;
  }

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

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        EVENT DETAILS START
    ==================================*/
  .tf__event_details_img,
  .tf__event_det_center_img {
    height: 450px;
  }

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

  .tf__single_services {
    padding: 60px 30px 30px 30px;
  }

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

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 440px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 50%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__team_page::before {
    width: 75px;
    height: 103px;
  }

  .tf__team_page::after {
    display: none;
  }

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

  /*==================================
        HOME PAGE 2 START
    ==================================*/
  .tf__header_text a {
    max-width: 170px;
    height: 65px;
  }

  .tf__topbar_right .tf__other_language {
    left: auto;
    right: 0;
  }

  .tf__header_text ul li .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
  }

  .tf__header_text ul li .text h4 {
    font-size: 16px;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 30px;
  }

  .tf__header {
    height: 65px;
  }

  .tf__team_3::before,
  .tf__team_2::before {
    top: 0;
  }

  .tf__team_2::after {
    top: 95%;
  }

  .tf__single_blog_2_img {
    height: 250px;
  }

  .tf__single_blog_text_2 {
    padding: 10px 10px 10px 20px;
  }

  .tf__blog_2 .tf__single_blog_img {
    height: 290px;
  }

  .tf__single_blog_text {
    padding: 15px 15px 15px 15px;
  }

  .tf__footer_apply p {
    width: 40%;
  }

  .tf__footer_logo_area ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .tf__skills_bar_single {
    width: 100%;
  }

  .tf__scroll_btn_2 {
    right: 20px !important;
    bottom: 80px !important;
  }

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

    to {
      top: 150px;
    }
  }

  .tf__testimonial_2 .tf__single_counter h4 {
    text-align: center;
    font-size: 22px;
  }

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

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .tf__banner_3 .tf__banner_text::before {
    right: 40%;
    width: 85px;
    height: 80px;
  }

  .tf__study_contact_text {
    padding: 160px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 50%;
    padding-right: 0;
  }

  .tf__counter_3 .tf__counter_area ul li.tf__single_counter {
    width: 25%;
    text-align: left;
  }

  .tf__single_counter h4 {
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
  }

  .tf__counter_3_area::before {
    top: -175px;
    right: 190px;
    width: 120px;
    height: 115px;
  }

  .tf__team_3::before {
    top: 300px;
    width: 80px;
    height: 110px;
  }

  .tf__contact_3_area {
    padding: 30px;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 35px;
  }

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

@media (min-width: 768px) and (max-width: 991px) {

  /*==================================
        HOME PAGE START
    ==================================*/
  /* menu start */
  .main_menu {
    height: 70px;
    background: var(--colorWhite);
  }

  .video-modal-iframe {
    height: 300px;
  }

  .main_menu .container {
    padding: 14px 0;
  }

  .main_menu .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu .navbar-nav .nav-item .common_btn {
    margin-bottom: 25px;
    margin-top: 10px;
  }

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

  .main_menu_2 .navbar-nav .nav-item .nav-link::after,
  .main_menu .navbar-nav .nav-item .nav-link::after {
    bottom: 14px;
  }

  .tf__droap_menu {
    max-height: 250px;
    left: 50%;
    transform: scaleY(0.8) translateX(-50%);
    -webkit-transform: scaleY(0.8) translateX(-50%);
    -moz-transform: scaleY(0.8) translateX(-50%);
    -ms-transform: scaleY(0.8) translateX(-50%);
    -o-transform: scaleY(0.8) translateX(-50%);
  }

  .main_menu_2 .navbar-nav .nav-item:hover .tf__droap_menu,
  .main_menu .navbar-nav .nav-item:hover .tf__droap_menu {
    transform: scaleY(1) translateX(-50%);
    -webkit-transform: scaleY(1) translateX(-50%);
    -moz-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
  }

  .common_btn,
  .common_btn_2,
  .common_btn_3 {
    font-size: 14px !important;
  }

  .navbar-brand {
    max-width: 140px !important;
  }

  .navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 3px !important;
    background: var(--colorBlack);
    color: var(--colorWhite);
  }

  .navbar-toggler.show_close_icon .menu_icon {
    display: none;
  }

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

  /* menu end */

  /* banner start */
  .tf__banner_text p {
    font-size: 16px;
  }

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

  .tf__banner::after,
  .tf__banner::before {
    display: none;
  }

  /* banner end */

  /* categories start */
  .tf__heading_area h2 {
    font-size: 30px;
  }

  .tf__single_category_text {
    padding: 25px;
    margin-left: 38px;
    padding-left: 50px;
  }

  .tf__single_category_icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  /* categories end */

  /* about start */
  .tf__about {
    margin-top: 195px !important;
  }

  .tf__about_top_img {
    height: 350px;
  }

  .tf__about_top::after {
    top: -205px;
    left: -22px;
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
  }

  .tf__about_top_text_center {
    max-width: 100%;
    padding-right: 0;
    margin-top: 20px;
  }

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

  .tf__banner_3 .tf__banner_text::after,
  .tf__faq::after,
  .tf__about::after {
    display: none;
  }

  .tf__faq::before,
  .tf__about::before {
    display: none;
  }

  .tf__about_top {
    top: -95px;
    padding: 20px;
  }

  .tf__about_img {
    height: 540px;
    margin-top: 25px;
  }

  .tf__about_text p {
    max-width: 100%;
  }

  /* about end */

  /* event start */
  .tf__about_img .text {
    bottom: 0;
    right: 20px;
  }

  .tf__single_event_text ul li {
    margin-bottom: 10px;
  }

  .tf__single_event_text .title {
    margin-top: 5px;
  }

  .tf__single_event_text {
    padding: 15px 20px 20px 20px;
  }

  /* event end */

  /* education faq start */
  .tf__faq_img {
    width: 550px;
    height: 550px;
    left: 0;
  }

  .tf__faq_img::after {
    top: -120px;
    left: 0;
  }

  .tf__faq::after {
    display: none;
  }

  .tf__faq_text {
    margin-top: 10px;
    padding-bottom: 5px;
  }

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

  /* education faq end */

  /* worl start */
  .work_slider .tf__work_single_text {
    padding-bottom: 53px !important;
    margin-top: 185px;
    padding: 163px 30px 0px 30px;
  }

  .tf__work .md_margin {
    margin-bottom: -15px !important;
  }

  /* worl end */

  /* testimonial start */
  .tf__single_testimonial {
    padding: 40px 20px;
  }

  /* testimonial end */

  /* activities start */
  .tf__activities {
    margin-top: 95px !important;
  }

  .tf__activities_img {
    width: auto;
    height: 460px;
    margin-left: 0;
    margin-top: 25px;
  }

  .tf__activities_item span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .tf__activities_item h3 {
    font-size: 18px;
  }

  .tf__activities .md_margin {
    margin-top: 0 !important;
  }

  /* activities end */

  /* video start */
  .tf__video_text h4 {
    font-size: 30px;
  }

  /* video end */

  /* blog start */
  .tf__single_blog_img {
    height: 240px;
  }

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

  /* blog end*/

  /* footer start */
  .tf__footer_logo_area .footer_logo {
    max-width: 160px;
  }

  .tf__footer_content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  /* footer end */

  /* scroll button start */
  .tf__scroll_btn {
    right: -15px;
  }

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

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 45px;
  }

  .tf__breadcrumb {
    padding-top: 145px;
    padding-bottom: 80px;
  }

  .tf__breadcrumb .container::after {
    width: 280px;
    height: 290px;
    top: -20px;
  }

  .tf__about_2_img .tf__about_large {
    width: 500px;
    height: 500px;
  }

  .tf__about_2_text {
    margin-top: 90px;
  }

  .tf__about_2_img p {
    border-radius: 70px;
    bottom: -70px;
    left: 65px;
  }

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

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

  .tf__about_us_counter {
    justify-content: center;
  }

  .tf__about_us_counter a {
    margin-top: 15px;
  }

  .tf__about_2_img .tf__about_large::after {
    right: 190px;
  }

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

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 350px;
  }

  .tf__single_comment_text {
    max-width: 84%;
  }

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

  .tf__comment_reply {
    padding: 30px;
    margin-bottom: 25px;
  }

  .tf__sidebar_certificate {
    padding: 40px;
  }

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

  .tf__sidebar_tags {
    padding-bottom: 10px;
  }

  .tf__sidebar_apply {
    height: 725px;
  }

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

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_text {
    margin-top: 25px;
  }

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

  .tf__contact_form p {
    width: 75%;
  }

  .tf__contact_map {
    height: 400px;
  }

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

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__courses_details_area {
    margin-bottom: 25px;
  }

  .tf__course_instructor_img {
    height: 400px;
  }

  .tf__courses_details_header .text {
    width: 90.9%;
  }

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        EVENT DETAILS START
    ==================================*/
  .tf__event_details_img,
  .tf__event_det_center_img {
    height: 350px;
  }

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

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

  /*==================================
        SERVICES START
    ==================================*/
  .tf__single_services {
    padding: 35px;
  }

  .tf__single_services h3 {
    font-size: 20px;
    margin-top: 50px;
  }

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

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 330px;
  }

  .tf__team_details_text h3 {
    margin-top: 25px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__team_description ul li {
    width: 100%;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 50%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__team_page::before {
    width: 85px;
    height: 115px;
  }

  .tf__team_page::after {
    display: none;
  }

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

  /*==================================
        TEAM HOME PAGE 2 START
    ==================================*/
  .tf__topbar_right .tf__other_language {
    left: auto;
    right: 0;
  }

  .main_menu_2 .navbar-brand {
    width: 120px;
    height: 40px;
    display: block;
    margin: 0 !important;
  }

  .main_menu_2 .navbar-toggler {
    margin-right: 0;
  }

  .main_menu_2 .main_menu_2_area {
    height: auto;
    text-align: center;
  }

  .tf__topbar {
    position: relative;
    z-index: 9999;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .main_menu_2 {
    background: var(--colorWhite);
    padding: 10px 0px;
    position: fixed;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link {
    text-align: center;
  }

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

  .main_menu_2 .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu_2 .common_btn_2 {
    margin-bottom: 15px;
  }

  .tf__banner_text {
    padding-top: 65px;
    padding-bottom: 0;
  }

  .tf__home_2_about_img {
    margin-right: 0;
  }

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

  .tf__upcoming_event::after {
    display: none;
  }

  .tf__counter2_overlay {
    padding: 25px 0px;
  }

  .tf__team_2::after,
  .tf__team_2::before {
    display: none;
  }

  .tf__single_blog_2_img {
    width: 100%;
    height: 240px !important;
  }

  .tf__blog_2 .tf__single_blog_img,
  .tf__single_blog_2_img {
    height: 400px;
  }

  .tf__single_blog_text_2 {
    width: 100%;
    padding: 25px 20px 15px 15px;
  }

  .tf__footer_apply p {
    width: 60%;
  }

  .tf__footer_apply .tf__footer_apply_overlay {
    padding: 90px 40px 42px 40px;
  }

  .tf__footer_2 .tf__footer_content,
  .tf__footer_2 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__footer_2 .tf__copyright {
    margin-top: -15px;
    padding-bottom: 0;
  }

  .tf__scroll_btn_2 {
    right: 10px !important;
    bottom: 10px !important;
  }

  .tf__home_2_about_text {
    margin-top: 25px;
  }

  .tf__banner_2 {
    margin-top: 0;
    height: auto;
  }

  .tf__banner_2 .tf__banner_text {
    padding-top: 158px;
    padding-bottom: 203px;
  }

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

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .main_menu_3 {
    position: fixed;
    top: 50px;
  }

  .main_menu_3 .navbar-nav {
    margin-top: 13px;
  }

  .home_3 .tf__banner_text {
    margin-top: 145px;
    margin-bottom: 260px;
  }

  .tf__banner_3 .tf__banner_text::before {
    display: none;
  }

  .tf__study_contact_text {
    padding: 110px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 100%;
    padding-right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .tf__counter_3_area {
    padding: 40px 40px 15px 40px;
  }

  .home_3 .tf__counter_3_area::before {
    display: none;
  }

  .tf__counter_3_area::after {
    display: none;
  }

  .tf__counter_3 .tf__counter2_overlay {
    padding: 20px 0px 0px 0px;
  }

  .tf__team_3::before {
    display: none;
  }

  .tf__contact_3_area {
    padding: 50px;
    background-position: center left !important;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 34px;
    color: var(--colorWhite);
  }

  .tf__contact_3_text {
    margin-bottom: 25px;
  }

  .home_3 .tf__counter_3 {
    margin-top: -140px;
  }

  .tf__contact_3_text p {
    width: 100%;
  }

  .tf__footer_3 .tf__footer_content,
  .tf__footer_3 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__counter_3 p {
    width: 70%;
  }

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

  .tf__footer_3 .tf__copyright {
    padding-bottom: 0;
    margin-top: -15px;
  }

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

  .tf__pricacy_policy {
    margin-bottom: -25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {

  /*==================================
        HOME PAGE START
    ==================================*/
  /* menu start */
  .main_menu {
    height: 70px;
    background: var(--colorWhite);
  }

  .tf__footer_logo_area {
    margin-bottom: 15px;
  }

  .main_menu .container {
    padding: 14px 0;
  }

  .main_menu .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu .navbar-nav .nav-item .common_btn {
    margin-bottom: 25px;
    margin-top: 10px;
  }

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

  .main_menu_2 .navbar-nav .nav-item .nav-link::after,
  .main_menu .navbar-nav .nav-item .nav-link::after {
    bottom: 14px;
  }

  .tf__droap_menu {
    max-height: 250px;
    left: 50%;
    transform: scaleY(0.8) translateX(-50%);
    -webkit-transform: scaleY(0.8) translateX(-50%);
    -moz-transform: scaleY(0.8) translateX(-50%);
    -ms-transform: scaleY(0.8) translateX(-50%);
    -o-transform: scaleY(0.8) translateX(-50%);
  }

  .main_menu_2 .navbar-nav .nav-item:hover .tf__droap_menu,
  .main_menu .navbar-nav .nav-item:hover .tf__droap_menu {
    transform: scaleY(1) translateX(-50%);
    -webkit-transform: scaleY(1) translateX(-50%);
    -moz-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
  }

  .common_btn,
  .common_btn_2,
  .common_btn_3 {
    font-size: 14px !important;
  }

  .navbar-brand {
    max-width: 140px !important;
  }

  .navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 3px !important;
    background: var(--colorBlack);
    color: var(--colorWhite);
  }

  .navbar-toggler.show_close_icon .menu_icon {
    display: none;
  }

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

  /* menu end */

  /* banner start */
  .tf__banner_text h1,
  .tf__banner_text h1 span {
    font-size: 50px;
  }

  .tf__banner_text p {
    font-size: 16px;
    max-width: 85%;
  }

  .tf__banner {
    height: auto;
    padding: 170px 0px 100px 0px;
    background-position: center left !important;
  }

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

  .tf__banner::after,
  .tf__banner::before {
    display: none;
  }

  /* banner end */

  /* categories start */
  .tf__heading_area h2 {
    font-size: 30px;
  }

  /* categories end */

  /* about start */
  .tf__about_top_img {
    height: 270px;
  }

  .tf__about_top::after {
    top: -210px;
    left: -70px;
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
  }

  .tf__about_top_text_center {
    max-width: 100%;
    padding-right: 0;
    margin-top: 20px;
  }

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

  .tf__banner_3 .tf__banner_text::after,
  .tf__faq::after,
  .tf__about::after {
    display: none;
  }

  .tf__faq::before,
  .tf__about::before {
    display: none;
  }

  .tf__about_top {
    top: -95px;
    padding: 20px;
  }

  .tf__about_img {
    height: 400px;
    margin-top: 25px;
  }

  .tf__about_text p {
    max-width: 90%;
  }

  /* about end */

  /* event start */
  .tf__about_img .text {
    bottom: 0;
    right: 20px;
  }

  /* event end */

  /* education faq start */
  .tf__faq_img {
    width: 450px;
    height: 450px;
    left: 0;
  }

  .tf__faq_img::after {
    top: -120px;
    left: 0;
  }

  .tf__faq::after {
    display: none;
  }

  .tf__faq_text {
    margin-top: 10px;
    padding-bottom: 5px;
  }

  .tf__faq_text .description {
    max-width: 80%;
  }

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

  /* education faq end */

  /* testimonial start */
  .tf__single_testimonial {
    padding: 40px;
  }

  /* testimonial end */

  /* activities start */
  .tf__activities_text p {
    max-width: 80%;
  }

  .tf__activities_img {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: 25px;
  }

  .tf__activities_item span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .tf__activities_item h3 {
    font-size: 16px;
  }

  .tf__activities_item {
    padding: 25px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
  }

  .tf__activities_slider_area .tf__activities_item::after {
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
  }

  /* activities end */

  /* video start */
  .tf__video_text h4 {
    font-size: 30px;
  }

  /* video end */

  /* blog start */
  .tf__single_blog_img {
    height: 270px;
  }

  /* blog end*/

  /* footer start */
  .tf__footer_logo_area .footer_logo {
    max-width: 160px;
  }

  .tf__footer_content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .tf__copyright ul li a {
    margin-left: 0;
    margin-right: 20px;
  }

  /* footer end */

  /* scroll button start */
  .tf__scroll_btn {
    right: -15px;
  }

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

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 35px;
  }

  .tf__breadcrumb {
    padding-top: 150px;
    padding-bottom: 80px;
  }

  .tf__breadcrumb .container::after {
    width: 180px;
    height: 185px;
    top: -20px;
  }

  .tf__about_2_img .tf__about_large {
    width: 400px;
    height: 400px;
  }

  .tf__about_2_img .tf__about_small {
    width: 130px;
    height: 130px;
    border: 7px solid var(--colorWhite);
  }

  .tf__about_2_text {
    margin-top: 90px;
  }

  .tf__about_2_img p {
    border-radius: 70px;
    bottom: -70px;
    left: 25px;
  }

  .tf__about_2_text p {
    max-width: 100%;
  }

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

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

  .tf__about_us_counter p span {
    font-size: 20px;
    min-width: 135px;
  }

  .tf__about_us_counter p {
    font-size: 15px;
  }

  .tf__about_us_counter {
    justify-content: center;
    border-radius: 10px;
  }

  .tf__about_us_counter a {
    margin-top: 15px;
  }

  .tf__about_us_counter p span::after {
    font-size: 25px;
    right: 35px;
  }

  .tf__popular_service_single {
    padding: 30px 20px;
  }

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

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 280px;
  }

  .tf__details_quot_text {
    padding: 30px;
    border-radius: 20px;
  }

  .tf__details_quot_text::after {
    bottom: 15px;
    right: 25px;
    font-size: 40px;
  }

  .tf__single_comment_text {
    max-width: 78%;
  }

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

  .tf__single_comment.reply {
    margin-left: 0;
  }

  .tf__comment_reply {
    padding: 30px;
    margin-bottom: 25px;
  }

  .tf__sidebar_certificate {
    padding: 40px;
  }

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

  .tf__sidebar_tags {
    padding-bottom: 10px;
  }

  .tf__sidebar_apply {
    height: 541px;
  }

  .tf__sidebar_apply a {
    padding: 12px 30px;
  }

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

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_text {
    margin-top: 25px;
  }

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

  .tf__contact_form p {
    width: 100%;
  }

  .tf__contact_map {
    height: 350px;
  }

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

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__courses_details_header .img {
    margin-bottom: 10px;
  }

  .tf__courses_details_header .text li {
    width: 20%;
    text-align: left;
    border: none;
  }

  .tf__courses_details_header .text li h4 {
    font-size: 15px;
  }

  .tf__courses_details_header .text li p {
    font-size: 12px;
  }

  .tf__courses_det_text .nav li {
    width: 33.33%;
  }

  .tf__courses_det_text .nav li button {
    width: 100%;
  }

  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__courses_details_area {
    margin-bottom: 25px;
  }

  .tf__course_instructor_img {
    height: 500px;
  }

  .tf__courses_details_header .text {
    width: 100%;
  }

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

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        ERROR PAGE START
    ==================================*/
  .tf__error_text .img {
    width: 280px;
    height: 300px;
  }

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

  /*==================================
        EVENT DETAILS START
    ==================================*/
  .tf__event_details_img,
  .tf__event_det_center_img {
    height: 280px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

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

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 530px;
  }

  .tf__team_details_text h3 {
    font-size: 20px;
    margin-top: 25px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__team_description ul li {
    width: 100%;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 100%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__team_page::before,
  .tf__team_page::after {
    display: none;
  }

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

  /*==================================
        TEAM HOME PAGE 2 START
    ==================================*/
  .tf__topbar_right>ul {
    justify-content: center;
  }

  .main_menu_2 .navbar-brand {
    width: 120px;
    height: 40px;
    display: block;
    margin: 0 !important;
  }

  .main_menu_2 .navbar-toggler {
    margin-right: 0;
  }

  .main_menu_2 .main_menu_2_area {
    height: auto;
    text-align: center;
  }

  .tf__topbar {
    position: relative;
    z-index: 9999;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .main_menu_2 {
    background: var(--colorWhite);
    padding: 10px 0px;
    position: fixed;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link {
    text-align: center;
  }

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

  .main_menu_2 .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu_2 .common_btn_2 {
    margin-bottom: 15px;
  }

  .tf__banner_text {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .tf__home_2_about_img {
    height: 350px;
    margin-right: 0;
  }

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

  .tf__upcoming_event::after {
    display: none;
  }

  .tf__counter2_overlay {
    padding: 25px 0px;
  }

  .tf__team_2::after,
  .tf__team_2::before {
    display: none;
  }

  .tf__single_blog_2_img {
    width: 100%;
    height: 290px !important;
  }

  .tf__blog_2 .tf__single_blog_img,
  .tf__single_blog_2_img {
    height: 290px;
  }

  .tf__single_blog_text_2 {
    width: 100%;
    padding: 25px 20px 15px 15px;
  }

  .tf__footer_apply h3 {
    font-size: 25px;
  }

  .tf__footer_apply p {
    width: 100%;
  }

  .tf__footer_apply .tf__footer_apply_overlay {
    padding: 90px 40px 42px 40px;
  }

  .tf__footer_2 .tf__footer_content,
  .tf__footer_2 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__footer_2 .tf__copyright {
    margin-top: -15px;
  }

  .tf__scroll_btn_2 {
    right: 10px !important;
    bottom: 10px !important;
  }

  .tf__skills_bar_single {
    width: 100%;
  }

  .tf__home_2_about_text {
    margin-top: 25px;
  }

  .tf__banner_2 {
    margin-top: 0;
    height: auto;
  }

  .tf__banner_2 .tf__banner_text {
    padding-top: 158px;
    padding-bottom: 203px;
  }

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

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .main_menu_3 {
    position: fixed;
    top: 50px;
  }

  .main_menu_3 .navbar-nav {
    margin-top: 13px;
  }

  .home_3 .tf__banner_text {
    margin-top: 10px;
    margin-bottom: 57px;
  }

  .tf__banner_3 .tf__banner_text::before {
    display: none;
  }

  .tf__study_contact_text {
    padding: 110px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 100%;
    padding-right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .tf__counter_3_area {
    padding: 40px 40px 15px 40px;
  }

  .home_3 .tf__counter_3_area::before {
    display: none;
  }

  .tf__counter_3_area::after {
    display: none;
  }

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

  .tf__counter_3 .tf__counter2_overlay {
    padding: 20px 0px 0px 0px;
  }

  .tf__team_3::before {
    display: none;
  }

  .tf__contact_3_area {
    padding: 48px;
    background-position: center left !important;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 25px;
    color: var(--colorWhite);
  }

  .video-modal-iframe {
    height: 300px;
  }

  .tf__contact_3_text {
    margin-bottom: 25px;
  }

  .home_3 .tf__counter_3 {
    margin-top: -140px;
  }

  .tf__contact_3_text p {
    width: 100%;
  }

  .tf__footer_3 .tf__footer_content,
  .tf__footer_3 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

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

  .tf__pricacy_policy {
    margin-bottom: -25px;
  }
}

@media (max-width: 575px) {

  /*==================================
        HOME PAGE START
    ==================================*/
  /* menu start */
  .main_menu {
    height: 90px;
    background: var(--colorWhite);
  }

  section .container {
    padding: 0 20px;
  }

  .tf__banner {
    height: 750px;
  }

  .tf__footer_overlay .container {
    padding: 0 20px;
  }

  .main_menu .container {
    padding: 20px;
  }

  .main_menu .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .video-modal-iframe {
    height: 300px;
  }

  .main_menu .navbar-nav .nav-item .common_btn {
    margin-bottom: 25px;
    margin-top: 10px;
  }

  .tf__about_img::after,
  .tf__about_img::before {
    display: none;
  }

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

  .main_menu_2 .navbar-nav .nav-item .nav-link::after,
  .main_menu .navbar-nav .nav-item .nav-link::after {
    bottom: 14px;
  }

  .tf__droap_menu {
    max-height: 250px;
    left: 50%;
    transform: scaleY(0.8) translateX(-50%);
    -webkit-transform: scaleY(0.8) translateX(-50%);
    -moz-transform: scaleY(0.8) translateX(-50%);
    -ms-transform: scaleY(0.8) translateX(-50%);
    -o-transform: scaleY(0.8) translateX(-50%);
  }

  .main_menu_2 .navbar-nav .nav-item:hover .tf__droap_menu,
  .main_menu .navbar-nav .nav-item:hover .tf__droap_menu {
    transform: scaleY(1) translateX(-50%);
    -webkit-transform: scaleY(1) translateX(-50%);
    -moz-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
  }

  .common_btn,
  .common_btn_2,
  .common_btn_3 {
    font-size: 14px !important;
  }

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

  .tf__footer_logo_area {
    margin-bottom: 25px;
  }

  .navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 3px !important;
    background: var(--colorBlack);
    color: var(--colorWhite);
  }

  .navbar-toggler.show_close_icon .menu_icon {
    display: none;
  }

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

  /* menu end */

  /* banner start */
  .tf__banner_text h5 {
    font-size: 15px;
  }

  .tf__banner_text h1,
  .tf__banner_text h1 span {
    font-size: 40px;
  }

  .tf__banner_text p {
    font-size: 16px;
    max-width: 100%;
  }

  .tf__banner {
    height: auto;
    padding: 170px 0px 100px 0px;
    background-position: center left !important;
  }

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

  .tf__banner::after,
  .tf__banner::before {
    display: none;
  }

  /* banner end */

  /* categories start */
  .tf__heading_area h5 {
    font-size: 15px;
  }

  .tf__heading_area h2 {
    font-size: 25px;
  }

  .tf__single_category_icon {
    width: 65px;
    height: 66px;
    line-height: 65px;
    font-size: 25px;
  }

  .tf__single_category_text {
    padding: 30px;
    margin-left: 32px;
    padding-left: 40px;
    max-width: 90%;
  }

  .mt_195 {
    margin-top: 100px;
  }

  .mt_190 {
    margin-top: 100px;
  }

  .tf__single_category_text h3 {
    font-size: 20px;
  }

  /* categories end */

  /* about start */
  .tf__about_top_img {
    height: 200px;
  }

  .tf__about_top::after {
    top: -239px;
    left: -85px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  .tf__about_top_text_center {
    max-width: 100%;
    padding-right: 0;
    margin-top: 20px;
  }

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

  .tf__banner_3 .tf__banner_text::after,
  .tf__faq::after,
  .tf__about::after {
    display: none;
  }

  .tf__faq::before,
  .tf__about::before {
    display: none;
  }

  .tf__about_top {
    top: -95px;
    padding: 20px;
  }

  .tf__about_img {
    height: 315px;
    margin-top: 25px;
  }

  .tf__about_text p {
    max-width: 100%;
  }

  /* about end */

  /* event start */
  .tf__single_event_img {
    height: 220px;
  }

  .tf__single_event_img .event_category {
    padding: 5px 20px;
    font-size: 14px;
  }

  .tf__single_event_text ul li {
    width: 100%;
    margin-bottom: 10px;
  }

  .tf__single_event_text {
    padding: 15px 20px 15px 20px;
  }

  .tf__single_event_text .title {
    margin-top: 5px;
    font-size: 20px;
  }

  .tf__about_img .text {
    bottom: 0;
    right: 20px;
  }

  .tf__about_img .text h3 {
    font-size: 22px;
  }

  /* event end */

  /* education faq start */
  .tf__faq_img {
    width: 100%;
    height: 280px;
    left: 0;
  }

  .tf__faq_img::after {
    top: -120px;
    left: 0;
  }

  .tf__faq::after {
    display: none;
  }

  .tf__faq_text {
    margin-top: 10px;
    padding-bottom: 5px;
  }

  .tf__faq_text .description {
    max-width: 100%;
  }

  .tf__faq_accordion .accordion-header button {
    font-size: 15px;
  }

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

  /* education faq end */

  /* work start */
  .tf__work_single_text {
    padding: 163px 30px 0px 30px;
  }

  .tf__work_single_text h3 {
    font-size: 20px;
  }

  /* work end */

  /* testimonial start */
  .tf__single_testimonial {
    padding: 40px 30px;
  }

  .tf__single_testimonial .title {
    font-size: 20px;
  }

  /* testimonial end */

  /* activities start */
  .tf__activities_text p {
    max-width: 100%;
  }

  .tf__activities_img {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: 25px;
  }

  .tf__activities_item span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .tf__activities_item h3 {
    font-size: 20px;
  }

  /* activities end */

  /* video start */
  .tf__video_text p {
    max-width: 100%;
  }

  .tf__video_text h4 {
    font-size: 25px;
  }

  /* video end */

  /* blog start */
  .tf__single_blog_text .title {
    font-size: 20px;
  }

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

  .tf__single_blog_img {
    height: 220px;
  }

  /* blog end*/

  /* footer start */
  .tf__footer_logo_area .footer_logo {
    max-width: 160px;
  }

  .tf__footer_content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .tf__copyright p {
    margin-bottom: 10px;
  }

  .tf__copyright ul li a {
    margin-left: 0;
    margin-right: 20px;
  }

  /* footer end */

  /* scroll button start */
  .tf__scroll_btn {
    right: -20px;
    font-size: 13px;
  }

  /* scroll button end */

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

  .tf__single_blog_text .category {
    padding: 5px 20px !important;
    font-size: 14px;
  }

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

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }

  .tf__breadcrumb {
    padding-top: 150px;
    padding-bottom: 80px;
  }

  .tf__breadcrumb .container::after {
    width: 100px;
    height: 105px;
    top: 45px;
    right: 15px;
  }

  .tf__about_2_img .tf__about_large {
    width: 300px;
    height: 300px;
  }

  .tf__about_2_img .tf__about_small {
    width: 100px;
    height: 100px;
    border: 5px solid var(--colorWhite);
  }

  .tf__about_2_text {
    margin-top: 90px;
  }

  .tf__about_2_img p {
    border-radius: 70px;
    bottom: -70px;
    left: 0;
  }

  .tf__about_2_text p {
    max-width: 100%;
  }

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

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

  .tf__about_us_counter p span {
    min-width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

  .tf__about_us_counter p {
    text-align: center;
  }

  .tf__about_us_counter {
    justify-content: center;
    border-radius: 10px;
  }

  .tf__about_us_counter a {
    margin-top: 15px;
  }

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

  .tf__single_course_header li {
    width: 100%;
    margin-bottom: 5px;
  }

  .tf__single_course_header {
    padding: 8px 20px 10px 20px;
  }

  .tf__single_courses_text .title {
    font-size: 20px;
  }

  .tf__single_courses_img .categories {
    padding: 5px 20px !important;
    font-size: 14px;
  }

  .tf__popular_service_single h3 {
    font-size: 20px;
  }

  .tf__single_courses_img {
    height: 220px;
  }

  .tf__about_us_page.mt_195.xs_mt_100 {
    margin-top: 100px;
  }

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

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 220px;
  }

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

  .tf__details_quot_text {
    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

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

  .tf__details_quot_text::after {
    bottom: 5px;
    right: 20px;
    font-size: 35px;
  }

  .tf__single_comment_text {
    max-width: 100%;
  }

  .tf__single_comment_text span {
    font-size: 14px;
  }

  .tf__single_comment_text span a {
    font-size: 15px;
  }

  .tf__single_comment_img {
    margin-bottom: 10px;
  }

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

  .tf__comment_reply {
    padding: 20px;
    margin-bottom: 25px;
  }

  .tf__sidebar_certificate {
    padding: 20px;
  }

  .sidebar_item {
    padding: 20px 20px 0px 20px;
  }

  .tf__sidebar_blog.sidebar_item {
    padding-bottom: 0;
  }

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

  .tf__sidebar_blog ul li .text a {
    font-size: 14px;
  }

  .tf__sidebar_tags {
    padding-bottom: 0;
  }

  .tf__sidebar_apply {
    height: 350px;
  }

  .tf__sidebar_apply a {
    padding: 12px 30px;
  }

  .tf__blog_comment h3 {
    font-size: 20px;
  }

  .tf__comment_reply h3 {
    font-size: 20px;
  }

  .tf__sidebar_certificate h3 {
    font-size: 20px;
  }

  .sidebar_item h3 {
    font-size: 20px;
  }

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

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_text {
    padding: 25px 20px 0px 20px;
    margin-top: 25px;
  }

  .tf__contact_single .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    margin-right: 10px;
  }

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

  .tf__contact_single .text h3 {
    font-size: 18px;
  }

  .tf__contact_single .text a,
  .tf__contact_single .text p {
    font-size: 16px;
  }

  .tf__contact_single {
    margin-bottom: 20px;
  }

  .tf__contact_form p {
    width: 100%;
  }

  .tf__contact_map {
    height: 300px;
  }

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

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__courses_details_header .text li {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    border: none;
  }

  .tf__courses_details_header.d-flex.flex-wrap.align-items-center {
    justify-content: center;
  }

  .tf__courses_details_header {
    padding: 30px;
  }

  .tf__courses_det_text .nav li {
    width: 33.33%;
  }

  .tf__courses_det_text .nav li button {
    font-size: 15px;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }

  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__courses_details_area {
    margin-bottom: 25px;
  }

  .tf__course_instructor_img {
    height: 290px;
  }

  .tf__courses_review .tf__single_comment_text h4 span {
    font-size: 12px;
  }

  .tf__courses_review .tf__comment_reply p span {
    display: block;
  }

  .tf__courses_review .tf__comment_reply p i {
    margin-left: 0;
    margin-right: 5px;
  }

  .tf__courses_details_header .text {
    width: 100%;
  }

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        ERROR PAGE START
    ==================================*/
  .tf__error_text .img {
    width: 280px;
    height: 300px;
  }

  .tf__error_text h4 {
    font-size: 25px;
  }

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

  /*==================================
        EVENT DETAILS START
    ==================================*/
  .tf__event_details_img,
  .tf__event_det_center_img {
    height: 270px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_details_text h2,
  .tf__event_details_text h3 {
    font-size: 20px;
  }

  .tf__event_details_text .location li {
    margin-bottom: 10px;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

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

  /*==================================
        SERVICES START
    ==================================*/
  .tf__single_services {
    padding: 35px 60px;
  }

  .tf__single_services h3 {
    font-size: 20px;
    margin-top: 50px;
  }

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

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 300px;
  }

  .tf__team_details_text h3 {
    font-size: 20px;
    margin-top: 25px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__team_description ul li {
    width: 100%;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 100%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__single_team_text .title {
    font-size: 20px;
  }

  .tf__team_page::before,
  .tf__team_page::after {
    display: none;
  }

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

  /*==================================
        HOME PAGE 2 START
    ==================================*/
  .tf__topbar_right>ul {
    justify-content: center;
  }

  .tf__topbar_right .tf__other_language {
    left: auto;
    right: 0;
  }

  .main_menu_2 .navbar-brand {
    width: 120px;
    height: 40px;
    display: block;
  }

  .main_menu_2 .navbar-toggler {
    margin-right: 0;
  }

  .main_menu_2 .main_menu_2_area {
    height: auto;
    text-align: center;
  }

  .tf__topbar {
    position: relative;
    z-index: 9999;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .main_menu_2 {
    background: var(--colorWhite);
    padding: 10px 0px;
    position: fixed;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link {
    text-align: center;
  }

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

  .main_menu_2 .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu_2 .common_btn_2 {
    margin-bottom: 15px;
  }

  .tf__banner_text {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .tf__home_2_about_img {
    height: 280px;
    margin-right: 0;
  }

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

  .tf__upcoming_event::after {
    display: none;
  }

  .tf__counter2_overlay {
    padding: 25px 0px;
  }

  .tf__team_2::after,
  .tf__team_2::before {
    display: none;
  }

  .tf__single_blog_2_img {
    width: 100%;
  }

  .tf__blog_2 .tf__single_blog_img,
  .tf__single_blog_2_img {
    height: 220px;
  }

  .tf__single_blog_text_2 {
    width: 100%;
    padding: 25px 20px 15px 15px;
  }

  .tf__footer_apply h3 {
    font-size: 25px;
  }

  .tf__footer_apply p {
    width: 100%;
  }

  .tf__footer_apply .tf__footer_apply_overlay {
    padding: 90px 20px 42px 20px;
  }

  .tf__footer_2 .tf__footer_content,
  .tf__footer_2 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__footer_2 .tf__copyright {
    margin-top: -15px;
  }

  .tf__scroll_btn_2 {
    right: 10px !important;
    bottom: 10px !important;
  }

  .tf__skills_bar_single {
    width: 100%;
  }

  .tf__home_2_about_text {
    margin-top: 25px;
  }

  .tf__banner_2 {
    margin-top: 0;
    height: auto;
  }

  .tf__banner_2 .tf__banner_text {
    padding-top: 158px;
    padding-bottom: 203px;
  }

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

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .main_menu_3 {
    position: fixed;
    top: 50px;
  }

  .main_menu_3 .navbar-nav {
    margin-top: 7px;
  }

  .home_3 .tf__banner_text {
    margin-top: 10px;
    margin-bottom: 57px;
  }

  .tf__banner_3 .tf__banner_text::before {
    display: none;
  }

  .tf__study_contact_text {
    padding: 110px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 100%;
    padding-right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .tf__counter_3_area {
    padding: 20px;
  }

  .home_3 .tf__counter_3_area::before {
    display: none;
  }

  .tf__counter_3_area::after {
    display: none;
  }

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

  .tf__counter_3 .tf__counter2_overlay {
    padding: 20px 0px 0px 0px;
  }

  .tf__team_3::before {
    display: none;
  }

  .tf__contact_3_area {
    padding: 20px;
    background-position: center left !important;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 25px;
  }

  .tf__contact_3_text {
    margin-bottom: 25px;
  }

  .home_3 .tf__counter_3 {
    margin-top: -140px;
  }

  .tf__contact_3_text p {
    width: 100%;
  }

  .tf__footer_3 .tf__footer_content,
  .tf__footer_3 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

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

  /*==================================
        LOGIN START
    ==================================*/
  .tf__login_area {
    padding: 25px;
  }

  .tf__login_area h2 {
    font-size: 23px;
  }

  .tf__login_area .form-check label {
    font-size: 14px;
  }

  .tf__login_imput a {
    font-size: 14px;
  }

  /*==================================
        LOGIN END
    ==================================*/

  .tf__pricacy_policy {
    margin-bottom: -25px;
  }
}

@media (max-width: 400px) {
  .tf__single_category_text {
    max-width: 85%;
  }

  .tf__breadcrumb .container::after {
    top: 105px;
  }

  .tf__courses_det_text .nav .nav-item a {
    margin-right: 20px;
  }

  .tf__banner {
    padding: 130px 0 90px;
  }

  .tf__banner_text h5 {
    font-size: 15px;
  }

  .tf__banner_text h1 {
    font-size: 50px;
  }

  .tf__banner_text p {
    font-size: 15px;
  }

  .tf__heading_area h2 {
    font-size: 30px;
  }
}