@charset "UTF-8";
/* ---------------------------------
Template Name: Talim - School University & Online Education Template
Author: CodeBasket
Version: 1.0

-----------------------------------------------------------------------------------
Front End is Developed By Shaikh Abu Amer on behalf of Codebasket
-----------------------------------------------------------------------------------

CSS INDEX
=================== 
01. CUSTOM PROPERTIES
02. GLOBAL
03. COMPONENTS

04. HEADER
05. BANNER
06. SERVICES
07. ABOUT
08. COURSES
09. TESTIMONIAL
10. SUB-BANNER
11. STAFF
12. BLOG
13. CTA
14. PROGRAMS
15. EVENTS
16. CONSULT
17. ADMISSION
18. INNOVATIONS
19. CAMPUS
20. ACADEMIC
21. NEWS
22. LATEST ARTICLES
23. VIDEOS
24. POP ARTICLES
25. SOCIALS
26. MEMBERS
27. CLASS
28. TICKER
29. CATEGORIES
30. CONTACT
31. PRICING
32. FAQ
33. FOOTER
34. Fees
35. Fees
36. Fees

-------------- PAGES ----------------
37. EVENT DETAILS
38. COURSE DETAILS
39. STAFF PROFILE
40. BLOG DETAILS

******************************************************* 
*************************************************************** */
/*----- 01 CUSTOM PROPERTIES-----*/
@import url("https://fonts.googleapis.com/css2?family=Rosarivo:ital@0;1&display=swap");
:root {
  --tl-btn-bg: #F4B826;
  --black: #17161C;
  --white: #fff;
  --tl-blue: #36348E;
  --kb-teal: #01816D;
  --red: #AE152D;
  --kb-teal: #01816D;
  --black-2: #2c2c2c;
  --black-3: #2c2c2c;
  --black-0: #000000;
  --ligh-yellow: #DADE1C;
  --black-2: #2c2c2c;
  --red-2: #D2093C;
  --kb-orange: #E84F2C;
  --black-4: #18222F;
  --black-5: #18150E;
  --yellow-2: #F5D064;
  --blue-2: #1451D2;
  --tl-1-bg-coffee: #F7F3EB;
  --red-3: #F13A47;
  --roboto: "Roboto", sans-serif;
  --rosaviro: "Rosarivo", serif;
}

/*----- -----*/
/*----- GLOABL -----*/
.tl-dark-light-view-box {
  position: fixed;
  left: 25px;
  top: 50%;
  transition: all 0.3s;
  transform: translateY(-50%);
  width: 36px;
  height: 70px;
  border-radius: 18px;
  z-index: 999;
  background-color: var(--tl-btn-bg);
  cursor: pointer;
}

.tl-dark-light-view-box.has-clicked {
  background: var(--black);
}

.tl-dark-light-view-box .tl-dark-light-view-toogle-dot {
  position: absolute;
  width: 36px;
  height: 36px;
  transition: all 0.3s;
  background: #fff;
  border-radius: 50%;
  left: 0;
  top: 0;
}

.tl-dark-light-view-box .tl-dark-light-view-toogle-dot.pos-bottom {
  top: 34px;
}

.tl-dark-light-view-box::before {
  position: absolute;
  left: 50%;
  top: 5px;
  font-family: "Font awesome 5 pro";
  content: "\f185";
  color: #fff;
  transform: translateX(-50%);
}

.tl-dark-light-view-box::after {
  position: absolute;
  left: 50%;
  bottom: 5px;
  font-family: "Font awesome 5 pro";
  content: "\f186";
  color: #fff;
  transform: translateX(-50%);
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: var(--roboto);
  overflow-x: hidden;
}

h1,
h2 {
  font-family: var(--roboto);
  color: var(--black);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

p {
  font-size: 16px;
  line-height: 26px;
}

a {
  transition: 0.4s ease;
  text-decoration: none;
  color: var(--black);
  vertical-align: top;
  display: inline-block;
}
a:hover {
  text-decoration: none;
  color: inherit;
}

span {
  display: inline-block;
}

i {
  display: inline-block;
}

input,
textarea,
button {
  background: transparent;
  border: 0;
  padding: 0;
  transition: 0.4s ease;
}
input:focus,
textarea:focus,
button:focus {
  outline: none;
}

img {
  max-width: 100%;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

input::-moz-placeholder {
  -moz-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  color: #53545b;
}

input::placeholder {
  transition: 0.4s;
  opacity: 1;
  color: #53545b;
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #23cc88;
}

::selection {
  color: #fff;
  background: #23cc88;
}

textarea::-moz-placeholder {
  -moz-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  color: #53545b;
}

textarea::placeholder {
  transition: 0.4s;
  opacity: 1;
  color: #53545b;
}

.to-be-fixed.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  z-index: 99;
  transition: 0.4s ease;
  animation: fadeIn 1s ease;
  background-color: var(--white) !important;
}

@keyframes fadeIn {
  0% {
    top: -100%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.bg-defaults {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.outer-container {
  margin: 0 50px;
}
@media screen and (max-width: 1399px) {
  .outer-container {
    margin: 0;
  }
}

.owl-carousel .owl-item > img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-item img {
  display: inline;
  width: auto;
}

@media screen and (max-width: 479px) {
  .col-xxs-12 {
    width: 100%;
  }
}

.logo img {
  width: 140px;
}
@media screen and (max-width: 767px) {
  .logo img {
    width: 130px;
  }
}

.pt-240 {
  padding-top: 240px;
}

.pb-260 {
  padding-bottom: 260px;
}

.pt-5p {
  padding-top: 5px;
}

.pb-5p {
  padding-bottom: 5px;
}

.pt-220 {
  padding-top: 220px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pt-380 {
  padding-top: 380px;
}

.py-160 {
  padding: 160px 0;
}

.pb-160 {
  padding-bottom: 160px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-7 {
  padding-bottom: 7px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-27 {
  padding-bottom: 27px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.p-50p {
  padding-top: 50%;
  padding-bottom: 50%;
}

.pb-100p {
  padding-bottom: 100%;
}

.p-5 {
  padding: 5px 0;
}

.p-10 {
  padding: 10px 0;
}

.p-15 {
  padding: 15px 0;
}

.p-20 {
  padding: 20px 0;
}

.p-25 {
  padding: 25px 0;
}

.p-30 {
  padding: 30px 0;
}

.p-35 {
  padding: 35px 0;
}

.p-40 {
  padding: 40px 0;
}

.p-45 {
  padding: 45px 0;
}

.p-50 {
  padding: 50px 0;
}

.p-55 {
  padding: 55px 0;
}

.p-60 {
  padding: 60px 0;
}

.p-65 {
  padding: 65px 0;
}

.p-70 {
  padding: 70px 0;
}

.p-75 {
  padding: 75px 0;
}

.p-80 {
  padding: 80px 0;
}

.p-85 {
  padding: 85px 0;
}

.p-90 {
  padding: 90px 0;
}

.p-95 {
  padding: 95px 0;
}

.p-100 {
  padding: 100px 0;
}

.p-105 {
  padding: 105px 0;
}

.p-110 {
  padding: 110px 0;
}

.p-115 {
  padding: 115px 0;
}

.p-120 {
  padding: 120px 0;
}

.p-125 {
  padding: 125px 0;
}

.p-130 {
  padding: 130px 0;
}

.p-135 {
  padding: 135px 0;
}

.p-140 {
  padding: 140px 0;
}

.p-145 {
  padding: 145px 0;
}

.p-150 {
  padding: 150px 0;
}

.p-180 {
  padding: 180px 0;
}

.p-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.pl-6 {
  padding-left: 6px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.mt-1 {
  margin-top: 1px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-7 {
  margin-top: 7px;
}

.mt-10 {
  margin-top: 10px;
}

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

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt--1 {
  margin-top: -1px;
}

.mt--2 {
  margin-top: -2px;
}

.mt--3 {
  margin-top: -3px;
}

.mt--4 {
  margin-top: -4px;
}

.mt--5 {
  margin-top: -5px;
}

.mt--6 {
  margin-top: -6px;
}

.mt--7 {
  margin-top: -7px;
}

.mt--8 {
  margin-top: -8px;
}

.mt--9 {
  margin-top: -9px;
}

.mt--10 {
  margin-top: -10px;
}

.mt--14 {
  margin-top: -14px;
}

.mt--16 {
  margin-top: -16px;
}

.mt--17 {
  margin-top: -17px;
}

.mt--23 {
  margin-top: -23px;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-7 {
  margin-bottom: 7px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-9 {
  margin-bottom: 9px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-11 {
  margin-bottom: 11px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-17 {
  margin-bottom: 17px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-19 {
  margin-bottom: 19px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-21 {
  margin-bottom: 21px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mb-23 {
  margin-bottom: 23px;
}

.mb-24 {
  margin-bottom: 24px;
}

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

.mb-26 {
  margin-bottom: 26px;
}

.mb-27 {
  margin-bottom: 27px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-41 {
  margin-bottom: 41px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-47 {
  margin-bottom: 47px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-62 {
  margin-bottom: 62px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

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

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb--1 {
  margin-bottom: -1px;
}

.mb--2 {
  margin-bottom: -2px;
}

.mb--3 {
  margin-bottom: -3px;
}

.mb--4 {
  margin-bottom: -4px;
}

.mb--5 {
  margin-bottom: -5px;
}

.mb--7 {
  margin-bottom: -7px;
}

.mb--8 {
  margin-bottom: -8px;
}

.mb--9 {
  margin-bottom: -9px;
}

.mb--10 {
  margin-bottom: -10px;
}

.mb--11 {
  margin-bottom: -11px;
}

.mb--14 {
  margin-bottom: -14px;
}

.mb--18 {
  margin-bottom: -18px;
}

.mb--60 {
  margin-bottom: -60px;
}

.m-5 {
  margin: 5px 0;
}

.m-10 {
  margin: 10px 0;
}

.m-15 {
  margin: 15px 0;
}

.m-20 {
  margin: 20px 0;
}

.m-25 {
  margin: 25px 0;
}

.m-30 {
  margin: 30px 0;
}

.m-35 {
  margin: 35px 0;
}

.m-40 {
  margin: 40px 0;
}

.m-45 {
  margin: 45px 0;
}

.m-50 {
  margin: 50px 0;
}

.m-55 {
  margin: 55px 0;
}

.m-60 {
  margin: 60px 0;
}

.m-65 {
  margin: 65px 0;
}

.m-70 {
  margin: 70px 0;
}

.m-75 {
  margin: 75px 0;
}

.m-80 {
  margin: 80px 0;
}

.m-85 {
  margin: 85px 0;
}

.m-90 {
  margin: 90px 0;
}

.m-95 {
  margin: 95px 0;
}

.m-100 {
  margin: 100px 0;
}

.m-105 {
  margin: 105px 0;
}

.m-110 {
  margin: 110px 0;
}

.m-115 {
  margin: 115px 0;
}

.m-120 {
  margin: 120px 0;
}

.m-125 {
  margin: 125px 0;
}

.m-130 {
  margin: 130px 0;
}

.m-135 {
  margin: 135px 0;
}

.m-140 {
  margin: 140px 0;
}

.m-145 {
  margin: 145px 0;
}

.m-150 {
  margin: 150px 0;
}

.mx--10 {
  margin-left: -10px;
  margin-right: -10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-100 {
  margin-left: 100px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

@media (min-width: 576px) {
  .mr-sm-5 {
    margin-right: 5px !important;
  }
}
.pr-70 {
  padding-right: 70px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ml-30 {
  margin-left: 30px;
}

/*  Default CSS  */
.pt-200 {
  padding-top: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-190 {
  padding-bottom: 190px;
}

#loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1399px) {
  #loading-center-absolute {
    width: 40%;
  }
}
@media screen and (max-width: 991px) {
  #loading-center-absolute {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  #loading-center-absolute {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  #loading-center-absolute {
    width: 60%;
  }
}

.loading-content {
  text-align: center;
}

.loading-stroke {
  position: relative;
  width: 100%;
  background: #92231d;
  height: 3px;
}

.loading-stroke::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  animation: kidba-loading 5s linear infinite;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86);
}

.loading-logo-icon {
  position: absolute;
  top: -60px;
  left: 0;
  width: 60px;
  height: 60px;
  animation: kidba-loading 5s linear infinite;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86);
}

.loading-logo-icon-2 {
  width: 60px;
  height: 60px;
  transform-origin: center;
  animation: kidba-loading-shake 5s linear infinite;
}

.loading-logo-text {
  padding-bottom: 10px;
}

@keyframes kidba-loading-shake {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-75deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-75deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes kidba-loading {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
.tl-def-btn {
  background-color: var(--tl-btn-bg);
  height: 50px;
  line-height: 50px;
  display: inline-block;
  color: var(--black);
  padding: 0 30px;
  text-transform: capitalize;
  font-weight: 500;
  border: 1px solid var(--tl-btn-bg);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tl-def-btn {
    padding: 0 25px;
  }
}
@media screen and (max-width: 991px) {
  .tl-def-btn {
    height: 45px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-def-btn {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
.tl-def-btn i {
  padding-left: 5px;
}
.tl-def-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(241, 241, 241, 0.3647058824);
  width: 0;
  height: calc(100% + 10px);
  transition: all 0.4s ease;
  z-index: -1;
  left: auto;
}
.tl-def-btn:hover {
  color: var(--black);
}
.tl-def-btn:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.tl-def-btn-2 {
  color: var(--tl-blue);
  border-bottom: 1px solid var(--tl-blue);
  font-weight: 600;
  padding-bottom: 5px;
}
.tl-def-btn-2:hover {
  color: var(--black);
  border-color: var(--black);
}
.tl-def-btn-2:hover i {
  color: var(--black);
  transform: rotate(-45deg);
}
.tl-def-btn-2 i {
  color: var(--tl-blue);
  padding-left: 5px;
  transition: all 0.4s ease;
}

.tl-section-title {
  font-family: var(--roboto);
  color: var(--black);
  font-size: 48px;
  font-weight: 700;
}
@media screen and (max-width: 1399px) {
  .tl-section-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-section-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 991px) {
  .tl-section-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .tl-section-title {
    font-size: 27px;
  }
}
@media screen and (max-width: 575px) {
  .tl-section-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-section-title {
    font-size: 23px;
  }
}

.last-word {
  position: relative;
  isolation: isolate;
  display: inline-block;
}
.last-word::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 15px;
  background-image: url(../images/tl/line.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.kidba-menu-sidebar {
  position: fixed;
  top: 0;
  width: 320px;
  height: 100%;
  background: #1b133f none repeat scroll 0 0;
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
  right: -330px;
}

.kidba-menu-sidebar.sidebar-open {
  right: 0;
}

.kidba-menu-sidbar-title {
  color: #ffffff;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  border-bottom: 2px solid transparent;
}

.admin-bar .kidba-menu-sidebar {
  top: 32px;
  padding: 30px;
}

.kidba-menu-sidebar-top .nav-tabs button {
  color: #ffffff;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  padding: 0.6em 1em 0.4em;
  line-height: 1;
}

.kidba-menu-sidebar-top .nav-tabs button.active {
  background: #ffffff;
  color: #1f1841;
}

.sidebar__close-btn {
  transition: all 450ms cubic-bezier(0.4, 0.25, 0.3, 1.3);
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border: 1px solid #2a3a57;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  background: transparent;
  z-index: 99;
}

.sidebar__close {
  position: absolute;
  top: 28px;
  right: 30px;
}

.sidebar__close-btn span {
  transition: all 400ms cubic-bezier(0.4, 0.25, 0.3, 1.3) 100ms;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  font-weight: 900;
  line-height: 40px;
  vertical-align: middle;
  transform: translate(-50%, -50%);
}

.sidebar__close-btn span:first-of-type {
  transform: translate(-50%, -50%);
}

.sidebar__close-btn span spa {
  transform: translateY(-20px);
  display: inline-block;
}

.sidebar__close-btn span:last-child {
  transform: translateY(10px) translateX(-50%);
}

.sidebar__close-btn:hover span:last-child {
  transform: translateY(-20px) translateX(-50%);
}

.sidebar__close-btn:hover span:first-child {
  transform: translateY(20px) translateX(-50%);
}

.kidba-menu-sidebar {
  padding: 30px;
}

.body-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  height: 100%;
  z-index: 4;
}

.body-overlay.overlay-open {
  visibility: visible;
}

.mean-container .mean-bar {
  background: transparent;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-nav ul {
  display: block;
}

.mean-container .mean-nav ul li {
  list-style: none;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #fff;
  border-top: 1px solid #2a3a57;
  font-size: 14px;
  display: block;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 0px;
  height: 15px;
  line-height: 14px;
  border-bottom: none;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 44px;
  line-height: 44px;
}

.mean-container ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-bar > ul {
  display: block !important;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  box-sizing: content-box;
}

.mobile-menu.mean-container > .mean-bar > nav.mean-nav {
  display: block;
}

.mobile-menu.mean-container > .mean-bar > nav.mean-nav > ul {
  display: block !important;
}

.mean-container .mean-nav ul li a {
  background-color: transparent;
  font-weight: 500;
}
.mean-container .mean-nav ul li a i {
  display: none;
}
.mean-container .mean-nav ul li li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.mean-container .mean-nav ul li li li a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mean-container .mean-nav ul li a.mean-expand::after {
  display: none;
}

.mean-container .mean-nav ul li a::after {
  display: none;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 0px;
  height: 15px;
  line-height: 14px;
  border-bottom: none;
  padding: 0 !important;
  display: inline-block;
  width: 40px;
  height: 41px;
  line-height: 41px;
  background: transparent;
  border: none !important;
  border-left: 1px solid #2a3a57 !important;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  background: #ffffff;
  color: #F4B826;
}

.tl-1-section-heading {
  margin-inline: auto;
  margin-bottom: 57px;
  width: 45%;
}
@media screen and (max-width: 1399px) {
  .tl-1-section-heading {
    width: 55%;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-section-heading {
    margin-bottom: 37px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-section-heading {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-section-heading {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-section-heading {
    width: 75%;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-section-heading {
    width: 100%;
    margin-bottom: 22px;
  }
}
.tl-1-section-title {
  font-size: 48px;
  font-weight: 600;
  color: var(--black);
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 1399px) {
  .tl-1-section-title {
    font-size: 43px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-section-title {
    font-size: 38px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-section-title {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-section-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-section-title {
    font-size: 25px;
  }
}

.tl-1-slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
}
@media screen and (max-width: 1199px) {
  .tl-1-slider-dots {
    margin-top: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-slider-dots {
    margin-top: 30px;
  }
}
.tl-1-slider-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(23, 22, 28, 0.2);
}
.tl-1-slider-dots button.active {
  width: 40px;
  border-radius: 30px;
  background-color: var(--blue-2);
}

.tl-2-section-heading {
  margin-bottom: 54px;
}
@media screen and (max-width: 1199px) {
  .tl-2-section-heading {
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-section-heading {
    text-align: center;
  }
}
.tl-2-section-title {
  margin-bottom: 0;
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  color: var(--black);
}
@media screen and (max-width: 1399px) {
  .tl-2-section-title {
    font-size: 44px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-section-title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-section-title {
    font-size: 38px;
    line-height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-section-title {
    font-size: 35px;
    line-height: 43px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-section-title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-section-title {
    font-size: 30px;
    line-height: 38px;
  }
}

.tl-2-def-btn {
  background-color: var(--kb-orange);
  border-color: var(--kb-orange);
  color: var(--white);
}
.tl-2-def-btn:hover {
  color: var(--white);
}

.tl-3-def-btn {
  height: 50px;
  line-height: 50px;
  background-color: var(--tl-btn-bg);
  border-radius: 30px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
  transition: 0.4s ease;
  border: 1px solid var(--tl-btn-bg);
  min-width: -moz-max-content;
  min-width: max-content;
}
@media screen and (max-width: 767px) {
  .tl-3-def-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    font-size: 14px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-def-btn {
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    font-weight: 500;
  }
}
.tl-3-def-btn:hover {
  color: var(--white);
  background-color: transparent;
}

.tl-3-section-spacing {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-3-section-spacing {
    padding: 60px 0;
  }
}

.tl-3-section-title {
  font-size: 48px;
  line-height: 54px;
  font-weight: 600;
  color: var(--black);
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 1399px) {
  .tl-3-section-title {
    font-size: 43px;
    line-height: 49px;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-section-title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-section-title {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-section-title {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 575px) {
  .tl-3-section-title {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-section-title {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 30px;
  }
}

.tl-4-def-btn {
  height: 50px;
  line-height: 50px;
  border-radius: 30px;
  background-color: var(--red-2);
  color: var(--white);
  border-color: var(--red-2);
  font-weight: 400;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0 40px;
}
@media screen and (max-width: 1399px) {
  .tl-4-def-btn {
    height: 45px;
    line-height: 45px;
    padding: 0 30px;
  }
}
.tl-4-def-btn::before {
  background: linear-gradient(90deg, transparent, rgba(241, 241, 241, 0.36));
  border-radius: 20px;
  height: 50px;
}
.tl-4-def-btn:hover {
  color: var(--white);
}
.tl-4-section-title {
  font-size: 48px;
  line-height: 54px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .tl-4-section-title {
    font-size: 43px;
    line-height: 50px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-section-title {
    font-size: 38px;
    line-height: 45px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-section-title {
    font-size: 33px;
    line-height: 40px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-section-title {
    font-size: 30px;
    line-height: 37px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-section-title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-section-title {
    font-size: 25px;
    line-height: 32px;
  }
}

.tl-5-def-btn {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  background-color: var(--red);
  color: var(--white);
  position: relative;
  isolation: isolate;
  transition: all 0.4s ease;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media screen and (max-width: 1199px) {
  .tl-5-def-btn {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-def-btn {
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-def-btn {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 13px;
  }
}
.tl-5-def-btn i {
  padding-left: 5px;
}
.tl-5-def-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(241, 241, 241, 0.2549019608);
  width: 0;
  height: 100%;
  transition: all 0.4s ease;
  z-index: -1;
  left: auto;
}
.tl-5-def-btn:hover {
  color: var(--white);
}
.tl-5-def-btn:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.tl-5-section-title {
  font-size: 48px;
  line-height: 53px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 59px;
}
@media screen and (max-width: 1599px) {
  .tl-5-section-title {
    font-size: 45px;
    line-height: 50px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-5-section-title {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 39px;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-section-title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-section-title {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-section-title {
    font-size: 28px;
    line-height: 33px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-section-title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}

.kb-10-def-btn {
  min-width: -moz-max-content;
  min-width: max-content;
  background-color: var(--kb-teal);
  height: 45px;
  line-height: 45px;
  display: inline-block;
  padding: 0 34px;
  color: var(--white);
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .kb-10-def-btn {
    padding: 0 24px;
  }
}
.kb-10-def-btn:hover {
  color: var(--white);
}
.kb-10-def-btn:hover::before {
  width: 130%;
}
.kb-10-def-btn::before {
  content: "";
  position: absolute;
  top: -50px;
  left: -20px;
  height: 400%;
  width: 0;
  background-color: rgba(255, 255, 255, 0.1450980392);
  z-index: -1;
  transform: rotate(217deg);
  transition: all 0.4s ease;
}

.tl-6-section-title {
  color: var(--black);
  font-size: 30px;
  font-weight: 600;
  padding: 0 120px;
  position: relative;
  display: inline-block;
  margin-bottom: 52px;
}
@media screen and (max-width: 1399px) {
  .tl-6-section-title {
    margin-bottom: 37px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-6-section-title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 575px) {
  .tl-6-section-title {
    font-size: 28px;
    padding: 0 20px;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-section-title {
    font-size: 25px;
    margin-bottom: 22px;
  }
}
.tl-6-section-title::before, .tl-6-section-title::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 6px;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  border-block: 1px solid rgba(23, 22, 28, 0.14);
}
@media screen and (max-width: 575px) {
  .tl-6-section-title::before, .tl-6-section-title::after {
    width: 15%;
  }
}
.tl-6-section-title::after {
  right: 0;
  left: auto;
}

.tl-6-title-hover a {
  background-image: linear-gradient(to right, var(--black), var(--black));
  background-size: 0% 1px;
  display: inline;
  background-repeat: no-repeat;
  background-position: 0 90%;
}
.tl-6-title-hover a:hover {
  background-size: 100% 1px;
  color: var(--black);
}

.tl-6-slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
}
.tl-6-slider-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(23, 22, 28, 0.2);
}
.tl-6-slider-dots button.active {
  width: 40px;
  border-radius: 30px;
  background-color: var(--blue-2);
}

.tl-7-def-btn {
  display: inline-block;
  height: 50px;
  background-color: var(--tl-btn-bg);
  border-radius: 40px;
  line-height: 50px;
  padding: 0 38px;
  font-weight: 600;
  min-width: -moz-max-content;
  min-width: max-content;
  border: 1px solid var(--tl-btn-bg);
  transition: 0.4s ease;
}
.tl-7-def-btn:hover {
  background-color: transparent;
  color: var(--white);
}
@media screen and (max-width: 1199px) {
  .tl-7-def-btn {
    height: 45px;
    line-height: 46px;
    padding: 0 33px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-def-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
    font-weight: 500;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-def-btn {
    padding: 0 23px;
    font-size: 14px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-def-btn {
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
  }
}

.tl-7-section-spacing {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-7-section-spacing {
    padding: 60px 0;
  }
}
.tl-7-section-heading {
  width: 60%;
  margin: auto;
  text-align: center;
  margin-bottom: 58px;
}
@media screen and (max-width: 1399px) {
  .tl-7-section-heading {
    margin-bottom: 43px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-section-heading {
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-section-heading {
    width: 70%;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-section-heading {
    width: 90%;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-section-heading {
    width: 100%;
  }
}
.tl-7-section-sub-title {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1199px) {
  .tl-7-section-sub-title {
    font-size: 14px;
  }
}
.tl-7-section-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 0;
}
@media screen and (max-width: 1399px) {
  .tl-7-section-title {
    font-size: 43px;
    line-height: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-section-title {
    font-size: 35px;
    line-height: 43px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-section-title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-section-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-section-title {
    font-size: 26px;
    line-height: 34px;
  }
}

.tl-8-section-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  margin-bottom: 41px;
}
@media screen and (max-width: 1399px) {
  .tl-8-section-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-section-title {
    font-size: 35px;
    line-height: 43px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-section-title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-section-title {
    font-size: 30px;
    line-height: 38px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-section-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-section-title {
    font-size: 25px;
    line-height: 33px;
  }
}

.tl-9-def-btn {
  background-color: var(--ligh-yellow);
  text-transform: uppercase;
  border-color: var(--ligh-yellow);
}
@media screen and (max-width: 1199px) {
  .tl-9-def-btn {
    height: 45px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-def-btn {
    height: 40px;
    line-height: 40px;
  }
}

.tl-9-colored {
  color: var(--ligh-yellow);
}

.tl-9-section-spacing {
  padding: 150px 0 120px;
}
@media screen and (max-width: 991px) {
  .tl-9-section-spacing {
    padding: 90px 0 60px;
  }
}
.tl-9-section-heading {
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .tl-9-section-heading {
    margin-bottom: 25px;
  }
}
.tl-9-section-title {
  font-family: var(--roboto);
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  color: var(--black-2);
  position: relative;
  display: inline-block;
  margin: auto;
}
@media screen and (max-width: 1399px) {
  .tl-9-section-title {
    font-size: 43px;
    line-height: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-section-title {
    font-size: 36px;
    line-height: 43px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-section-title {
    font-size: 34px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-section-title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-section-title {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-section-title {
    font-size: 27px;
    line-height: 34px;
  }
}
.tl-9-section-title::before {
  content: attr(data-text);
  position: absolute;
  left: -43px;
  transform: translate(0, -30px);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.5px rgba(44, 44, 44, 0.14);
  font-size: 80px;
  width: -moz-max-content;
  width: max-content;
  text-transform: uppercase;
  text-align: center;
}

.tl-10-section-heading {
  width: 40%;
  margin: auto;
  text-align: center;
  margin-bottom: 42px;
}
@media screen and (max-width: 1199px) {
  .tl-10-section-heading {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-section-heading {
    width: 70%;
  }
}

.tl-11-section-spacing {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-11-section-spacing {
    padding: 60px 0;
  }
}
.tl-11-section-heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(44, 44, 44, 0.1);
  padding-bottom: 22px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1199px) {
  .tl-11-section-heading {
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-section-heading {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-section-heading {
    padding-bottom: 14px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-section-heading {
    flex-direction: column;
    row-gap: 10px;
    padding-bottom: 10px;
  }
}
.tl-11-section-title {
  font-weight: 600;
  font-size: 30px;
  color: var(--black-2);
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .tl-11-section-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-section-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-section-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-section-title {
    font-size: 20px;
  }
}
.tl-11-section-title::before {
  content: "";
  position: absolute;
  background-color: var(--black-2);
  width: 100px;
  height: 2px;
  bottom: 0px;
}
@media screen and (max-width: 479px) {
  .tl-11-section-title::before {
    left: 50%;
    translate: -50% 0;
  }
}

.tl-12-section-heading {
  margin-bottom: 65px;
}
@media screen and (max-width: 1399px) {
  .tl-12-section-heading {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-section-heading {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-section-heading {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-section-heading {
    margin-bottom: 20px;
  }
}
.tl-12-section-title {
  font-family: var(--roboto);
  font-size: 54px;
  font-weight: 700;
  color: var(--black-3);
  margin-bottom: 0;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .tl-12-section-title {
    font-size: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-section-title {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-section-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-section-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-section-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-section-title {
    font-size: 27px;
  }
}

.tl-13-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 55px;
}
@media screen and (max-width: 1399px) {
  .tl-13-section-heading {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-section-heading {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 575px) {
  .tl-13-section-heading {
    flex-direction: column;
    margin-bottom: 25px;
    row-gap: 15px;
  }
}
.tl-13-section-heading .tl-13-section-title {
  text-align: left;
}
@media screen and (max-width: 575px) {
  .tl-13-section-heading .tl-13-section-title {
    text-align: center;
  }
}
.tl-13-section-title {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 600;
  color: var(--black);
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1399px) {
  .tl-13-section-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-section-title {
    font-size: 35px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-section-title {
    font-size: 33px;
  }
}
@media screen and (max-width: 767px) {
  .tl-13-section-title {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-13-section-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-section-title {
    font-size: 27px;
  }
}

.tl-14-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 49px;
}
.slick-slide.slick-active.slick-center.slick-current .tl-14-testimony-user img {
  scale: 1.3;
}
.slick-slide.slick-active.slick-center.slick-current .tl-14-testimony-user-txt {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1399px) {
  .tl-14-section-heading {
    margin-bottom: 39px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-section-heading {
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-section-heading {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
}
.tl-14-section-heading .tl-14-section-title {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .tl-14-section-heading .tl-14-section-title {
    text-align: center;
  }
}
.tl-14-section-heading-action {
  margin-bottom: 4px;
}
.tl-14-section-title {
  font-size: 48px;
  line-height: 112.5%;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 49px;
}
@media screen and (max-width: 1399px) {
  .tl-14-section-title {
    font-size: 43px;
    margin-bottom: 39px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-section-title {
    font-size: 38px;
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-section-title {
    font-size: 35px;
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-section-title {
    font-size: 32px;
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-section-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-section-title {
    font-size: 26px;
  }
}

.tl-14-def-btn {
  height: 45px;
  line-height: 44px;
  background-color: var(--red-3);
  border-color: var(--red-3);
  border-radius: 30px;
  color: var(--white);
  font-size: 15px;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media screen and (max-width: 767px) {
  .tl-14-def-btn {
    height: 40px;
    line-height: 39px;
  }
}

.tl-14-slider-dots button.active {
  background-color: var(--red-3);
}

.tl-14-slider-nav {
  display: flex;
  justify-content: center;
  gap: 345px;
}
@media screen and (max-width: 767px) {
  .tl-14-slider-nav {
    gap: 0;
    justify-content: space-between;
  }
}
.tl-14-slider-nav button {
  width: 54px;
  height: 54px;
  border-radius: 30px;
  border: 1px solid rgba(23, 22, 28, 0.1);
  line-height: 54px;
  color: var(--black);
}
@media screen and (max-width: 575px) {
  .tl-14-slider-nav button {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
}
.tl-14-slider-nav button:hover {
  background-color: var(--red-3);
  border-color: var(--red-3);
  color: var(--white);
}

.tl-breadcrumb {
  color: var(--white);
  z-index: 2;
  position: relative;
  isolation: isolate;
  z-index: 1;
  background: url(../images/breadcrumb-bg.png) no-repeat bottom center;
  background-size: cover;
  background-color: var(--black-5);
}
@media screen and (max-width: 1399px) {
  .tl-breadcrumb {
    padding: 80px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-breadcrumb {
    padding: 70px 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-breadcrumb {
    padding: 50px 0;
  }
}
.tl-breadcrumb::before, .tl-breadcrumb::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url(../images/brdc-2.png) no-repeat center center;
  background-position: left bottom;
  background-size: cover;
  opacity: 70%;
}
.tl-breadcrumb::before {
  content: none;
}
.tl-breadcrumb::after {
  background: url(../images/brdc.png) no-repeat;
  background-size: 100% 320%;
  opacity: 25%;
  z-index: -2;
  background-position: 0 80%;
}
.tl-breadcrumb-title {
  color: var(--white);
  margin-bottom: 0;
  font-size: 55px;
  font-weight: 700;
  text-transform: capitalize;
}
@media screen and (max-width: 1399px) {
  .tl-breadcrumb-title {
    font-size: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-breadcrumb-title {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-breadcrumb-title {
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-breadcrumb-title {
    font-size: 37px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 479px) {
  .tl-breadcrumb-title {
    font-size: 35px;
  }
}
.tl-breadcrumb-nav {
  justify-content: flex-end;
  font-size: 20px;
  gap: 5px;
}
@media screen and (max-width: 767px) {
  .tl-breadcrumb-nav {
    justify-content: center;
  }
}
@media screen and (max-width: 479px) {
  .tl-breadcrumb-nav {
    font-size: 18px;
  }
}
.tl-breadcrumb-nav a {
  color: var(--white);
}
.tl-breadcrumb-nav a:hover {
  color: var(--tl-btn-bg);
}
.tl-breadcrumb-2 {
  background-color: var(--white);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--black);
}
.tl-breadcrumb-2 .tl-breadcrumb-title {
  color: var(--black);
}
.tl-breadcrumb-2 a {
  color: var(--black);
}
.tl-breadcrumb-2 a:hover {
  color: var(--kb-orange);
}
.tl-breadcrumb-3 {
  background-color: #5261c8;
}
.tl-breadcrumb-4 {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: var(--black-0);
}

.tl-pagination {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 1399px) {
  .tl-pagination {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 991px) {
  .tl-pagination {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 479px) {
  .tl-pagination {
    gap: 10px;
  }
}
.tl-pagination a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid transparent;
}
@media screen and (max-width: 479px) {
  .tl-pagination a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.tl-pagination-prev, .tl-pagination-next {
  background-color: #515050;
  color: var(--white);
}
.tl-pagination-prev:hover, .tl-pagination-next:hover {
  border-color: #515050;
  background-color: transparent;
}
.tl-pagination .page-numbers {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 479px) {
  .tl-pagination .page-numbers {
    gap: 10px;
  }
}
.tl-pagination .page-numbers a {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
@media screen and (max-width: 479px) {
  .tl-pagination .page-numbers a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
}
.tl-pagination .page-numbers a:hover {
  border-color: #515050;
}
.tl-pagination .page-numbers a.active {
  border: 1px solid #515050;
  background-color: var(--white);
  box-shadow: 0 0 10px rgba(136, 136, 136, 0.3);
  color: #515050;
}
.tl-pagination-container-dark {
  background-color: #292929;
}
.tl-pagination-container-dark a {
  color: var(--white);
}
.tl-pagination-container-dark .page-numbers {
  color: var(--white);
}

.tl-3-inner {
  background-color: rgba(79, 94, 199, 0.1);
}

@media screen and (max-width: 1399px) {
  .tl-inner-blogs.pt-120.pb-50 {
    padding-top: 80px;
  }
}
@media screen and (max-width: 991px) {
  .tl-inner-blogs.pt-120.pb-50 {
    padding-top: 60px;
  }
}

.tl-inner-courses.pb-60 {
  padding-bottom: 50px;
}
@media screen and (max-width: 1399px) {
  .tl-inner-courses.pb-60 {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-inner-courses.pb-60 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-inner-courses.pb-60 {
    padding-bottom: 30px;
  }
}

/* ----- 04. Header ----- */
.tl-header {
  position: relative;
  padding: 30px 0;
}
@media screen and (max-width: 1199px) {
  .tl-header {
    padding: 20px 0;
  }
}
.tl-header .tl-def-btn {
  height: 45px;
  line-height: 45px;
  min-width: -moz-max-content;
  min-width: max-content;
}
.tl-header .tl-def-btn i {
  padding-left: 0;
  padding-right: 5px;
}
.tl-header .navbar-nav li {
  margin: 0;
  padding: 0;
}

.tl-nav-menu > ul {
  display: flex;
  gap: 45px;
  font-weight: 500;
  color: var(--black);
}
@media screen and (max-width: 1399px) {
  .tl-nav-menu > ul {
    gap: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-nav-menu > ul {
    gap: 25px;
  }
}

.tl-nav-item {
  padding: 15px 0;
}
.tl-nav-item a {
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all 0.4s ease;
}
.tl-nav-item a:hover {
  color: var(--tl-btn-bg);
}
@media screen and (max-width: 1199px) {
  .tl-nav-item a {
    font-size: 14px;
  }
}

.tl-nav-menu .tl-dropdown {
  position: relative;
}
.tl-nav-menu .tl-dropdown:hover .tl-submenu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  pointer-events: auto;
}
.tl-nav-menu .tl-dropdown:hover .tl-submenu-2 {
  opacity: 0;
  visibility: hidden;
  top: 10px;
}
.tl-nav-menu .tl-dropdown-2 {
  position: relative;
}
.tl-nav-menu .tl-dropdown-2 a {
  justify-content: space-between;
}
.tl-nav-menu .tl-dropdown-2:hover .tl-submenu-2 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  top: 0;
  border-top: 4px solid #f4b826;
}

.tl-nav-menu .tl-submenu {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  border-top: 4px solid var(--tl-btn-bg);
  background-color: var(--white);
  box-shadow: 0 13px 29px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  top: calc(100% + 10px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease, pointer-events 0s;
  z-index: 11;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .tl-nav-menu .tl-submenu {
    position: static;
  }
}
.tl-nav-menu .tl-submenu > li {
  padding: 0 20px;
}
.tl-nav-menu .tl-submenu a {
  color: var(--black);
}
.tl-nav-menu .tl-submenu a:hover {
  color: var(--tl-btn-bg);
}
.tl-nav-menu .tl-submenu-2 {
  left: 100%;
  border-top-width: 0px;
  top: 10px;
}

.tl-nav-search-form {
  background: rgba(23, 22, 28, 0.06);
  display: flex;
  height: 45px;
  width: 100%;
}

.tl-nav-search {
  padding: 0 15px;
  width: 100%;
  padding-right: 0;
  border: none;
  background-color: #f1f1f1;
}
.tl-nav-search:focus {
  outline: none;
}

.tl-searh-btn {
  height: 45px;
  line-height: 45px;
  padding-right: 15px;
}

.tl-header-actions {
  gap: 10px;
}

.tl-hamburger {
  height: 50px;
  line-height: 50px;
  width: 50px;
  font-size: 24px;
  background: linear-gradient(145deg, #dade1c, #9428EA);
  color: #fff;
  padding: 0;
}

.tl-1-header {
  padding: 0;
  border-bottom: 1px solid #383630;
}
.tl-1-header-top {
  text-align: center;
  padding: 7px 0;
}
.tl-1-header-top p {
  margin-bottom: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--black);
  line-height: 1;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .tl-1-header-top p {
    line-height: 1.5;
  }
}
.tl-1-header-top a {
  font-size: 13px;
  background-color: var(--red-2);
  border-radius: 30px;
  padding: 0 15px;
  height: 25px;
  line-height: 24px;
  color: var(--white);
  font-weight: 500;
  border: 1px solid var(--red-2);
}
.tl-1-header-top a:hover {
  background-color: transparent;
  color: var(--black);
}
.tl-1-header-btn {
  background-color: var(--blue-2);
  color: var(--white);
  border-color: var(--blue-2);
}
.tl-1-header .kb-16-header-actions > a:first-child {
  color: var(--white);
}
.tl-1-header .kb-16-header-actions > a:first-child:hover {
  color: var(--tl-btn-bg);
}

.tl-1-nav-menu .tl-nav-item > a {
  color: var(--white);
}
.tl-1-nav-menu .tl-nav-item > a:hover {
  color: var(--tl-btn-bg);
}

.tl-1-header .tl-1-nav-menu .tl-nav-item > a:hover {
  color: var(--blue-2);
}
.tl-1-header .tl-nav-menu .tl-submenu a:hover {
  color: var(--blue-2);
}
.tl-1-header .tl-nav-menu .tl-submenu {
  border-color: var(--blue-2);
}
.tl-1-header .tl-nav-menu .tl-dropdown-2:hover .tl-submenu-2 {
  border-color: var(--blue-2);
}

.tl-2-header .tl-1-nav-menu .tl-nav-item > a:hover {
  color: var(--kb-orange);
}
.tl-2-header .tl-nav-menu .tl-submenu a:hover {
  color: var(--kb-orange);
}
.tl-2-header .tl-nav-menu .tl-submenu {
  border-color: var(--kb-orange);
}
.tl-2-header .tl-nav-menu .tl-dropdown-2:hover .tl-submenu-2 {
  border-color: var(--kb-orange);
}
.tl-2-header .tl-nav-item a:hover {
  color: var(--kb-orange);
}
.tl-2-header .tl-4-bottom-header .tl-nav-item > a:hover {
  color: var(--kb-orange);
}

.tl-4-header .tl-1-nav-menu .tl-nav-item > a:hover,
.tl-6-bottom-header .tl-1-nav-menu .tl-nav-item > a:hover {
  color: var(--red-2);
}
.tl-4-header .tl-nav-menu .tl-submenu a:hover,
.tl-6-bottom-header .tl-nav-menu .tl-submenu a:hover {
  color: var(--red-2);
}
.tl-4-header .tl-nav-menu .tl-submenu,
.tl-6-bottom-header .tl-nav-menu .tl-submenu {
  border-color: var(--red-2);
}
.tl-4-header .tl-nav-menu .tl-dropdown-2:hover .tl-submenu-2,
.tl-6-bottom-header .tl-nav-menu .tl-dropdown-2:hover .tl-submenu-2 {
  border-color: var(--red-2);
}
.tl-4-header .tl-nav-item a:hover,
.tl-6-bottom-header .tl-nav-item a:hover {
  color: var(--red-2);
}
.tl-4-header .tl-4-bottom-header .tl-nav-item > a:hover,
.tl-6-bottom-header .tl-4-bottom-header .tl-nav-item > a:hover {
  color: var(--red-2);
}

.tl-header-5 .tl-1-nav-menu .tl-nav-item > a:hover {
  color: var(--red);
}
.tl-header-5 .tl-nav-menu .tl-submenu a:hover {
  color: var(--red);
}
.tl-header-5 .tl-nav-menu .tl-submenu {
  border-color: var(--red);
}
.tl-header-5 .tl-nav-menu .tl-dropdown-2:hover .tl-submenu-2 {
  border-color: var(--red);
}
.tl-header-5 .tl-nav-item a:hover {
  color: var(--red);
}
.tl-header-5 .tl-4-bottom-header .tl-nav-item > a:hover {
  color: var(--red);
}

.tl-9-header .tl-1-nav-menu .tl-nav-item > a:hover {
  color: var(--ligh-yellow);
}
.tl-9-header .tl-nav-menu .tl-submenu a:hover {
  color: var(--ligh-yellow);
}
.tl-9-header .tl-nav-menu .tl-submenu {
  border-color: var(--ligh-yellow);
}
.tl-9-header .tl-nav-menu .tl-dropdown-2:hover .tl-submenu-2 {
  border-color: var(--ligh-yellow);
}
.tl-9-header .tl-nav-item a:hover {
  color: var(--ligh-yellow);
}
.tl-9-header .tl-4-bottom-header .tl-nav-item > a:hover {
  color: var(--ligh-yellow);
}

.kb-16-header-actions {
  gap: 25px;
}
.kb-16-header-actions > a:first-child {
  font-weight: 500;
  color: var(--black);
}

.tl-2-header {
  padding: 25px 0;
}
.tl-2-header .kb-searh-open-btn-11 {
  color: var(--black-4);
}

.kb-header-9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.kb-header-9 .tl-3-def-btn {
  height: 45px;
  line-height: 45px;
  padding: 0 30px;
}
@media screen and (max-width: 1199px) {
  .kb-header-9 .tl-3-def-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 991px) {
  .kb-header-9 .tl-submenu {
    min-width: 0;
  }
}

.tl-3-nav-item > a {
  color: var(--white);
}

.tl-3-nav-search-form {
  background: none;
}
@media screen and (max-width: 1199px) {
  .tl-3-nav-search-form {
    height: 40px;
  }
}

.tl-3-nav-search {
  background: rgba(255, 255, 255, 0.06);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding-left: 25px;
  color: var(--white);
}
@media screen and (max-width: 1199px) {
  .tl-3-nav-search {
    padding-left: 15px;
  }
}
.tl-3-nav-search::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  font-size: 15px;
}
.tl-3-nav-search::placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  font-size: 15px;
}

.kb-searh-btn-9 {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--white);
  padding-right: 25px;
}
@media screen and (max-width: 1199px) {
  .kb-searh-btn-9 {
    height: 40px;
    line-height: 40px;
    padding-right: 15px;
  }
}

.tl-4-header {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 10;
}
.tl-4-header .tl-8-top-header {
  background-color: #00825A;
}
.tl-4-header-inner {
  position: relative;
  background-color: var(--black-5);
  border-bottom: 1px solid #383630;
}
.tl-4-header-inner .tl-4-bottom-header {
  padding-bottom: 25px;
}
.tl-4-bottom-header {
  padding-top: 25px;
}
.tl-4-bottom-header .logo img {
  width: 114px;
}
.tl-4-bottom-header .tl-nav-item > a {
  color: var(--white);
  font-weight: 400;
}
.tl-4-bottom-header .tl-nav-item > a:hover {
  color: var(--tl-btn-bg);
}
.tl-4-bottom-header .tl-4-def-btn {
  height: 45px;
  line-height: 45px;
}
.tl-4-nav-menu {
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  background-color: rgba(17, 23, 32, 0.1);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.tl-4-nav-menu .tl-nav-item {
  padding: 8.5px 0;
}
.tl-4-nav-search-form {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  background-color: rgba(17, 23, 32, 0.1);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
.tl-4-nav-search-form input {
  background: none;
  color: var(--white);
}
.tl-4-nav-search-form button {
  background: none;
  color: var(--white);
}

.tl-header-5 {
  position: absolute;
  width: 100%;
  background-color: var(--white);
  z-index: 2;
  padding: 15px 25px;
  top: 35px;
  left: 0;
}
@media screen and (max-width: 1399px) {
  .tl-header-5 {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-header-5 {
    top: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-header-5 {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 575px) {
  .tl-header-5 {
    top: 0;
  }
}
.tl-header-5 .tl-5-def-btn {
  background-color: black;
  border-color: black;
  color: white;
  height: 45px;
  line-height: 45px;
}
@media screen and (max-width: 1199px) {
  .tl-header-5 .tl-5-def-btn {
    padding: 0 25px;
  }
}
.tl-header-5-inner {
  position: relative;
  top: 0;
}

.kb-10-bottom-header {
  border-block: 1px solid rgba(23, 22, 28, 0.1);
}

.kb-10-top-header-socials {
  display: flex;
  gap: 10px;
}
.kb-10-top-header-socials a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: rgba(23, 22, 28, 0.7);
  text-align: center;
  line-height: 40px;
  border: 1px solid rgba(23, 22, 28, 0.14);
}
.kb-10-top-header-socials a:hover {
  background-color: var(--kb-teal);
  color: var(--white);
  border-color: var(--kb-teal);
}

.tl-6-top-header-socials a:hover {
  background-color: var(--red-2);
  border-color: var(--red-2);
}
.tl-6-top-header-btn {
  background-color: transparent;
  color: var(--black);
  border: 1px solid var(--black);
  box-shadow: inset 0 -4px 0 var(--black);
}
.tl-6-top-header-btn:hover {
  box-shadow: inset 0 -4px 0 var(--white);
  background-color: var(--black);
}

.tl-7-header-container {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 33;
}

.tl-nav-menu-7 > ul {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  padding: 5px;
  border-radius: 40px;
  gap: 0;
}
@media screen and (max-width: 1199px) {
  .tl-nav-menu-7 > ul {
    padding: 0;
  }
}

.tl-7-nav-item {
  padding: 0;
}

.tl-7-nav-item > a {
  border-radius: 40px;
  height: 40px;
  padding: 0 22.5px;
  color: var(--white);
}
@media screen and (max-width: 1199px) {
  .tl-7-nav-item > a {
    padding: 0 17.5px;
    height: 38px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-nav-item > a {
    height: auto;
    border-radius: 0;
  }
}
.tl-7-nav-item > a i {
  font-size: 13px;
}
.tl-7-nav-item > a:hover {
  color: var(--black);
  background: var(--white);
  padding: 0 35px;
  padding: 0 22.5px;
}

.kb-header-actions-11 {
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .kb-header-actions-11 {
    gap: 20px;
  }
}

.kb-searh-open-btn-11 {
  background: none;
  padding: 0;
  color: var(--white);
  width: 18px;
  height: 50px;
}
.kb-searh-open-btn-11:hover {
  color: var(--tl-btn-bg);
}

.tl-7-search-form-modal {
  display: flex;
  position: absolute;
  padding: 10px 15px;
  min-width: 300px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.3490196078);
  border: 1px solid rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(51px);
          backdrop-filter: blur(51px);
  top: calc(100% + 10px);
  right: calc(100% - 70px);
  transform: scale(1.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  z-index: 2;
}
.tl-7-search-form-modal.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: 0.2s ease;
}
.tl-7-search-form-modal-2 {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.tl-7-search-form-modal input {
  outline: 0;
  border: 0;
  background: none;
  color: var(--black);
  width: 100%;
}
.tl-7-search-form-modal input::-moz-placeholder {
  color: var(--black);
}
.tl-7-search-form-modal input::placeholder {
  color: var(--black);
}
.tl-7-search-form-modal button {
  background-color: transparent;
}

.tl-7-header-inner {
  background-color: var(--black-5);
  border-bottom: 1px solid #383630;
}

.tl-8-header {
  position: absolute;
  width: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 999;
}
.tl-8-top-header {
  background-color: var(--kb-teal);
  color: var(--white);
  padding: 10px 0;
}
@media screen and (max-width: 991px) {
  .tl-8-top-header {
    padding: 15px 0;
  }
}
.tl-8-top-header > .container > .row {
  --bs-gutter-y: 15px;
}
.tl-8-top-header-contacts {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .tl-8-top-header-contacts {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-top-header-contacts {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.tl-8-top-header-contacts li {
  padding-inline: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 1;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.tl-8-top-header-contacts li:first-child {
  padding-left: 0;
  border-left: 0;
}
.tl-8-top-header-contacts li i {
  padding-right: 8px;
  color: var(--white);
}
.tl-8-top-header a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.tl-8-top-header-socials {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 20px;
       column-gap: 20px;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .tl-8-top-header-socials {
    justify-content: center;
  }
}
.tl-8-top-header-socials a {
  color: rgba(255, 255, 255, 0.3);
}
.tl-8-top-header-socials a:hover {
  color: var(--white);
}
.tl-8-bottom-header {
  border-block: 1px solid rgba(255, 255, 255, 0.2);
  padding: 23px 0;
}
.tl-8-bottom-header .logo img {
  width: 114px;
}
.tl-8-bottom-header .tl-nav-item > a {
  color: var(--white);
}

.tl-9-header {
  padding: 25px 0;
}
@media screen and (min-width: 1800px) {
  .tl-9-header > .container {
    max-width: 1744px;
  }
}
.tl-9-header .tl-def-btn {
  background-color: #9428EA;
  border-color: #9428EA;
  color: var(--white);
}
.tl-9-nav-item > a {
  color: #d3d3d3;
}
.tl-9-nav-item > a:hover {
  color: var(--white);
}

.tl-13-header {
  border-bottom: 1px solid rgba(23, 22, 28, 0.14);
}
@media screen and (max-width: 1399px) {
  .tl-13-header {
    padding: 20px 0;
  }
}

.tl-13-header-actions {
  gap: 25px;
}
.tl-13-header-actions > a:first-child {
  font-weight: 500;
  color: var(--black);
}

/* Sidebar Information CSS */
.kidba-sidebar-info-content-331 li {
  color: #c6c6c6;
}
.kidba-sidebar-info-content-331 li:not(:last-child) {
  margin-bottom: 10px;
}
.kidba-sidebar-info-content-331 li a {
  color: #c6c6c6;
}
.kidba-sidebar-info-content-331 li a:hover {
  color: #dfe31c;
}

.kidba-sidebar-info-social-331 {
  margin-top: 30px;
}
.kidba-sidebar-info-social-331 a {
  color: #c6c6c6;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #413b60;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
}
.kidba-sidebar-info-social-331 a:not(:last-child) {
  margin-right: 5px;
}
.kidba-sidebar-info-social-331 a:hover {
  color: #1b133f;
  background: #fff;
}

/* ----- 05. Banner ----- */
.tl-banner {
  background: url(../images/tl/bg.png) no-repeat center center;
  background-size: cover;
  margin: 0 100px;
}
@media screen and (max-width: 1749px) {
  .tl-banner {
    margin: 0;
  }
}
.tl-banner > .container {
  padding: 180px 12px;
}
@media screen and (max-width: 991px) {
  .tl-banner > .container {
    padding: 120px 12px;
  }
}
@media screen and (max-width: 767px) {
  .tl-banner > .container {
    padding: 60px 12px;
  }
}
.tl-banner-txt {
  font-family: var(--roboto);
}
@media screen and (max-width: 767px) {
  .tl-banner-txt {
    text-align: center;
  }
}
.tl-banner-title {
  font-family: var(--roboto);
  font-size: 80px;
  font-weight: 900;
  color: var(--white);
  margin-bottom: 29px;
}
@media screen and (max-width: 1599px) {
  .tl-banner-title {
    font-size: 70px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-banner-title {
    font-size: 60px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-banner-title {
    font-size: 55px;
  }
}
@media screen and (max-width: 991px) {
  .tl-banner-title {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-banner-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-banner-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-banner-title {
    font-size: 30px;
  }
}
.tl-banner .last-word {
  position: relative;
  isolation: isolate;
}
.tl-banner .last-word::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  z-index: -1;
  height: 15px;
  background-image: url(../images/tl/Line.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.tl-banner-short-descr {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 43px;
}
.tl-banner-video-btn {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  font-size: 30px;
  color: var(--white);
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 991px) {
  .tl-banner-video-btn {
    width: 170px;
    height: 170px;
  }
}
@media screen and (max-width: 767px) {
  .tl-banner-video-btn {
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 479px) {
  .tl-banner-video-btn {
    width: 100px;
    height: 100px;
  }
}
.tl-banner-video-btn:hover {
  color: #09DB12;
}
.tl-banner-video-btn:hover svg {
  transform: rotate(-45deg) translateZ(0);
}
.tl-banner-video-btn:hover svg circle {
  stroke-dashoffset: 10;
}
.tl-banner-video-btn svg {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  fill: none;
  stroke: var(--black);
  transition: all 0.8s cubic-bezier(0.45, 0, 0.14, 1.03), stroke 10ms ease-out;
  transition-duration: 0.8s, 10ms;
  transform: rotate(-100deg);
  outline: 1px solid rgba(255, 255, 255, 0.4901960784);
  border-radius: 50%;
  transition-duration: 1.1s;
}
.tl-banner-video-btn svg circle {
  fill: none;
  stroke: #09DB12;
  stroke-dasharray: 950;
  stroke-dashoffset: 950;
  stroke-width: 2;
  transition: all 0.8s cubic-bezier(0.45, 0, 0.14, 1.03);
  transition-duration: 0.8s;
  transition-duration: 1.1s;
}
.tl-banner-single-card {
  background: url(../images/tl/banner-card-bg-1.png) no-repeat center center;
  background-size: cover;
  padding: 28px;
  padding-left: 100px;
  color: var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-banner-single-card {
    padding: 23px;
    padding-left: 73px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-banner-single-card {
    padding: 23px;
  }
}
.tl-banner-single-card-2 {
  background-image: url(../images/tl/banner-card-bg-2.png);
}
.tl-banner-single-card-3 {
  background-image: url(../images/tl/banner-card-bg-3.png);
}
.tl-banner-single-card-4 {
  background-image: url(../images/tl/banner-card-bg-4.png);
}
.tl-banner-single-card .single-card-title {
  position: relative;
  font-size: 18px;
  font-weight: 600;
}
.tl-banner-single-card .single-card-title::before {
  content: "";
  position: absolute;
  right: calc(100% + 15px);
  height: 2px;
  width: 30px;
  top: 50%;
  translate: 0 -50%;
  background-color: var(--white);
}
@media screen and (max-width: 1199px) {
  .tl-banner-single-card .single-card-title::before {
    content: none;
  }
}
.tl-banner-single-card .single-card-action {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: block;
  width: -moz-max-content;
  width: max-content;
  color: rgba(255, 255, 255, 0.64);
}
.tl-banner-single-card .single-card-action i {
  transition: rotate 0.4s ease;
}
.tl-banner-single-card .single-card-action:hover {
  color: var(--tl-btn-bg);
}
.tl-banner-single-card .single-card-action:hover i {
  rotate: -45deg;
}

.yellow-clr .tl-banner-video-btn:hover {
  color: var(--tl-btn-bg);
}
.yellow-clr .tl-banner-video-btn svg circle {
  stroke: var(--tl-btn-bg);
}

.kb-13-banner-img-tag {
  position: absolute;
  display: inline-block;
  top: -10px;
  right: 70px;
  background-color: red;
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  padding: 1.5px 16px;
  padding-left: 29px;
}
@media screen and (max-width: 1199px) {
  .kb-13-banner-img-tag {
    top: -10px;
    right: 50px;
  }
}
@media screen and (max-width: 575px) {
  .kb-13-banner-img-tag {
    top: 20px;
    right: 20px;
  }
}
.kb-13-banner-img-tag::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  translate: 0 -50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--white);
  z-index: 1;
  animation: fadeInOut 0.9s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate;
}

.tl-1-banner {
  background-position-y: bottom;
}
@media screen and (max-width: 991px) {
  .tl-1-banner-txt {
    text-align: center;
  }
}
.tl-1-banner-title {
  font-size: 64px;
  line-height: 121.875%;
  font-weight: 600;
  color: var(--white);
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-1-banner-title {
    font-size: 54px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-banner-title {
    font-size: 48px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-banner-title {
    font-size: 43px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-banner-title {
    font-size: 38px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-banner-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-banner-title {
    font-size: 30px;
  }
}
.tl-1-banner-title::before {
  content: "";
  position: absolute;
  top: -60px;
  left: -60px;
  background: url(../images/tl-1/banner-vector.png) no-repeat center center;
  background-size: 100%;
  width: 75px;
  height: 65px;
}
.tl-1-banner-descr {
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  line-height: 144.444%;
  width: 80%;
  margin-bottom: 43px;
}
@media screen and (max-width: 1199px) {
  .tl-1-banner-descr {
    width: 90%;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-banner-descr {
    width: 80%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-banner-descr {
    width: 100%;
    margin-inline: auto;
    margin-bottom: 33px;
  }
}
.tl-1-banner-btns {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .tl-1-banner-btns {
    justify-content: center;
  }
}
.tl-1-banner-btn-1 {
  background-color: var(--yellow-2);
  color: var(--black);
  font-weight: 600;
}
.tl-1-banner-btn-1:hover {
  color: var(--black);
}
.tl-1-banner-btn-2 {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--white);
  font-weight: 600;
  border-color: transparent;
}
@media screen and (max-width: 991px) {
  .tl-1-banner-btn-2 {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
  }
}
.tl-1-banner .kb-13-banner-img-tag {
  top: 30px;
  right: 30px;
  background-color: var(--red-2);
}
.tl-1-banner-img {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .tl-1-banner-img {
    margin-inline: auto;
  }
}
.tl-1-banner-img img {
  width: 520px;
  height: 440px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .tl-1-banner-img img {
    height: 380px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-banner-img img {
    height: auto;
  }
}
.tl-1-banner-bottom {
  text-align: center;
}
.tl-1-banner-bottom h6 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  color: var(--white);
  margin-bottom: 35px;
}

.tl-1-members {
  display: flex;
  gap: 10px;
}
.tl-1-member {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .tl-1-member {
    min-width: 120px !important;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-member {
    min-width: 100px !important;
  }
}

.tl-2-banner {
  position: relative;
  z-index: auto;
}
.tl-2-banner-slide-txt {
  background-color: rgba(17, 23, 32, 0.5);
  padding: 73px 145px 90px 75px;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  width: 74%;
  transition: 0.9s ease;
  position: relative;
  top: 250px;
}
@media screen and (max-width: 1399px) {
  .tl-2-banner-slide-txt {
    padding: 63px 135px 80px 65px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-banner-slide-txt {
    width: 90%;
    padding: 53px 125px 70px 55px;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-banner-slide-txt {
    width: 100%;
    padding: 43px 115px 60px 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-banner-slide-txt {
    padding: 33px 75px 50px 35px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-banner-slide-txt {
    padding: 28px 50px 30px 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-banner-slide-txt {
    padding: 28px 50px 30px 25px;
  }
}
.tl-2-banner-title {
  font-size: 74px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 13px;
  color: var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-2-banner-title {
    font-size: 64px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-banner-title {
    font-size: 54px;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-banner-title {
    font-size: 44px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-banner-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-banner-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-banner-title {
    font-size: 30px;
  }
}
.tl-2-banner-descr {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  margin-bottom: 35px;
}
.tl-2-banner .tl-2-blog-btn {
  color: var(--white);
}
.tl-2-banner .tl-2-blog-btn-icon {
  background-color: rgba(17, 23, 32, 0.5);
  border-color: rgba(255, 255, 255, 0.2);
}
.tl-2-banner .owl-item.active .tl-2-banner-slide-txt {
  transform: translateY(0);
  top: 0;
}
.tl-2-banner-slider-nav-container {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  z-index: 2;
  bottom: 230px;
}
.tl-2-banner-slider-nav-container .tl-2-services-slider-nav {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
@media screen and (max-width: 1599px) {
  .tl-2-banner-slider-nav-container .tl-2-services-slider-nav {
    width: calc(100% - 35px);
  }
}
@media screen and (max-width: 991px) {
  .tl-2-banner-slider-nav-container .tl-2-services-slider-nav {
    width: calc(100% + 25px);
  }
}
@media screen and (max-width: 575px) {
  .tl-2-banner-slider-nav-container .tl-2-services-slider-nav {
    width: calc(100% + 10px);
  }
}
@media screen and (max-width: 479px) {
  .tl-2-banner-slider-nav-container .tl-2-services-slider-nav {
    display: flex;
  }
}

.tl-3-banner {
  background: url(../images/tl-3/banner-bg.png) no-repeat bottom center;
  background-size: cover;
  padding: 190px 0 227px;
}
@media screen and (max-width: 1599px) {
  .tl-3-banner {
    padding: 160px 0 197px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-3-banner {
    padding: 130px 0 167px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-banner {
    padding: 130px 0 147px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-banner {
    padding: 150px 0 157px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-banner {
    padding: 150px 0 117px;
  }
}
.tl-3-banner-txt {
  color: var(--white);
}
.tl-3-banner-title {
  font-size: 64px;
  line-height: 76px;
  font-weight: 500;
  margin-bottom: 18px;
  color: var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-3-banner-title {
    font-size: 58px;
    line-height: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-banner-title {
    font-size: 50px;
    line-height: 62px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-banner-title {
    font-size: 45px;
    line-height: 57px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-banner-title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 575px) {
  .tl-3-banner-title {
    font-size: 35px;
    line-height: 47px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-banner-title {
    font-size: 28px;
    line-height: 40px;
  }
}
.tl-3-banner-descr {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.74);
  font-weight: 400;
  padding-right: 100px;
}
@media screen and (max-width: 1199px) {
  .tl-3-banner-descr {
    padding-right: 70px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-banner-descr {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-3-banner-descr {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}
.tl-3-banner-main-img {
  max-width: none;
}
@media screen and (max-width: 1399px) {
  .tl-3-banner-main-img {
    max-width: 530px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-banner-main-img {
    max-width: 430px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-banner-main-img {
    max-width: 100%;
  }
}

.tl-4-banner {
  position: relative;
}
.tl-4-banner-slide {
  padding: 302px 0 265px;
}
@media screen and (max-width: 1399px) {
  .tl-4-banner-slide {
    padding: 252px 0 215px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-banner-slide {
    padding: 232px 0 145px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-banner-slide {
    padding: 262px 0 125px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-banner-slide {
    padding: 262px 0 145px;
  }
}
.tl-4-banner-txt {
  color: var(--white);
}
.tl-4-banner-sub-title {
  background-color: var(--red-2);
  display: inline-block;
  text-transform: uppercase;
  padding: 7.5px 30px;
  border-radius: 30px;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .tl-4-banner-sub-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-banner-sub-title {
    padding: 8px 20px 4px;
  }
}
.tl-4-banner-title {
  font-size: 80px;
  line-height: 90px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-4-banner-title {
    font-size: 75px;
    line-height: 85px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-banner-title {
    font-size: 65px;
    line-height: 75px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-banner-title {
    font-size: 55px;
    line-height: 65px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-banner-title {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-banner-title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-banner-title {
    font-size: 32px;
    line-height: 41px;
  }
}
.tl-4-banner-descr {
  font-size: 18px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  width: 75%;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .tl-4-banner-descr {
    width: 100%;
  }
}
.tl-4-banner-btn {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  padding: 0 40px;
  color: var(--white);
  height: 50px;
  line-height: 50px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tl-4-banner-btn {
    padding: 0 30px;
    color: var(--white);
    height: 45px;
    line-height: 44px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-banner-btn {
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
  }
}
.tl-4-banner-btn:hover {
  background-color: var(--red-2);
  border-color: var(--red-2);
  color: var(--white);
}
.tl-4-banner-btn:hover i {
  transform: translateX(5px);
}
.tl-4-banner-btn i {
  padding-left: 5px;
  transition: transform 0.4s ease;
}
.tl-4-banner-slider-dots {
  position: absolute;
  top: 50%;
  right: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  z-index: 3;
}
@media screen and (max-width: 991px) {
  .tl-4-banner-slider-dots {
    right: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-banner-slider-dots {
    right: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-banner-slider-dots {
    right: auto;
    top: calc(100% - 90px);
    left: 50%;
    translate: -50% 0;
    rotate: 270deg;
  }
}
.tl-4-banner-slider-dots .owl-dot {
  background-color: var(--white);
  width: 20px;
  height: 2px;
  transition: 0.4s ease;
  counter-increment: indexNumber;
  position: relative;
}
.tl-4-banner-slider-dots .owl-dot::before {
  content: "0" counter(indexNumber);
  position: absolute;
  right: calc(100% + 13px);
  top: 50%;
  translate: 0 -50%;
  color: var(--white);
  opacity: 0;
  transition: 0.4s ease;
}
.tl-4-banner-slider-dots .owl-dot.active {
  width: 50px;
  background-color: var(--red-2);
}
.tl-4-banner-slider-dots .owl-dot.active::before {
  opacity: 1;
}

.tl-5-banner-single-slide {
  padding: 325px 0 300px;
  background: url(../images/tl-5/banner-bg.png) no-repeat center center;
  background-size: cover;
  position: relative;
  isolation: isolate;
}
@media screen and (max-width: 1599px) {
  .tl-5-banner-single-slide {
    padding: 275px 0 250px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-5-banner-single-slide {
    padding: 275px 0 200px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-5-banner-single-slide {
    padding: 225px 0 160px;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-banner-single-slide {
    padding: 195px 0 130px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-banner-single-slide {
    padding: 165px 0 100px;
  }
}
.tl-5-banner-single-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #17161C, rgba(10, 10, 10, 0.3098039216));
  z-index: -1;
}
.tl-5-banner-single-slide-2 {
  background-image: url(../images/tl-5/banner-bg-2.jpg);
}
.tl-5-banner-single-slide-3 {
  background-image: url(../images/tl-5/banner-bg-3.jpg);
}
.tl-5-banner-txt {
  color: var(--white);
}
@media screen and (max-width: 1599px) {
  .tl-5-banner-txt {
    padding-left: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-banner-txt {
    padding: 0 30px;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-banner-txt {
    padding: 0;
  }
}
.tl-5-banner-title {
  font-size: 80px;
  line-height: 88px;
  font-weight: 700;
  margin-bottom: 18px;
  color: var(--white);
}
@media screen and (max-width: 1599px) {
  .tl-5-banner-title {
    font-size: 75px;
    line-height: 83px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-5-banner-title {
    font-size: 65px;
    line-height: 73px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-5-banner-title {
    font-size: 55px;
    line-height: 63px;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-banner-title {
    font-size: 45px;
    line-height: 53px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-banner-title {
    font-size: 37px;
    line-height: 45px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-banner-title {
    font-size: 35px;
    line-height: 43px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-banner-title {
    font-size: 30px;
    line-height: 38px;
  }
}
.tl-5-banner-descr {
  font-size: 20px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.74);
  font-weight: 400;
  margin-bottom: 42px;
}
@media screen and (max-width: 1399px) {
  .tl-5-banner-descr {
    font-size: 18px;
    line-height: 28px;
  }
}
.tl-5-banner-btns {
  gap: 12px;
}
@media screen and (max-width: 991px) {
  .tl-5-banner-btns {
    justify-content: center;
  }
}
@media screen and (max-width: 1199px) {
  .tl-5-banner-btns > * {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-banner-btns > * {
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-banner-btns > * {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    font-size: 13px;
  }
}
.tl-5-banner .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 95%;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  color: var(--white);
}
.tl-5-banner .owl-nav button {
  opacity: 40%;
  visibility: visible;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1599px) {
  .tl-5-banner .owl-nav button img {
    width: 30px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-5-banner .owl-nav button img {
    width: 25px;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-banner .owl-nav button img {
    width: 20px;
  }
}
.tl-5-banner .owl-nav button:hover {
  color: var(--white);
  opacity: 100%;
}
.tl-5-banner .owl-item.active .tl-5-banner-title {
  animation: tracking-in-contract-bck-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s both;
}
.tl-5-banner .owl-item.active .tl-5-banner-descr {
  animation: tracking-in-contract-bck-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s both;
}
.tl-5-banner .owl-item.active .tl-5-banner-btns {
  animation: tracking-in-contract-bck-bottom 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s both;
}

@keyframes tracking-in-contract-bck-bottom {
  0% {
    transform: translateZ(400px) translateY(50px);
    opacity: 0;
    filter: blur(12px);
  }
  100% {
    transform: translateZ(0) translateY(0);
    opacity: 1;
    filter: blur(0px);
  }
}
@media screen and (max-width: 991px) {
  .tl-6-banner {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-banner {
    margin: 0;
  }
}
.tl-6-banner-post-img {
  margin-bottom: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-6-banner-post-img {
    margin-bottom: 20px;
  }
}
.tl-6-banner-post-img img {
  transition: 0.4s ease;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 0.98;
}
@media screen and (max-width: 991px) {
  .tl-6-banner-post-img img {
    aspect-ratio: 16/5;
  }
}
.tl-6-banner-post-infos .tl-6-info-pill {
  color: var(--black);
  background-color: var(--white);
}
.tl-6-banner-post-infos .tl-6-info-pill:last-child {
  display: none;
}
.tl-6-banner-post-txt {
  width: 85%;
}
@media screen and (max-width: 1599px) {
  .tl-6-banner-post-txt {
    width: 100%;
  }
}
.tl-6-banner-post-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--black);
  line-height: 141.667%;
}
@media screen and (max-width: 1399px) {
  .tl-6-banner-post-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-6-banner-post-title {
    font-size: 20px;
  }
}
.tl-6-banner-post-title a:hover {
  color: var(--red-2);
}
.tl-6-banner-post-btn {
  transition: color 0.4s ease, background-color 0.4s ease, transform 0s;
}
.tl-6-banner-post-btn:hover {
  color: var(--red-2);
}
.tl-6-banner-post-btn i {
  padding-left: 5px;
}
.tl-6-banner .swiper-slide, .tl-6-banner .swiper-slide-active {
  width: 25%;
}
.tl-6-banner .swiper-slide-next {
  width: calc(50% - 60px);
}
@media screen and (max-width: 991px) {
  .tl-6-banner .swiper-slide-next {
    width: 100%;
    display: block;
  }
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post {
  position: relative;
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-img {
  margin-bottom: 0;
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-img img {
  width: 100%;
  height: 670px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: auto;
}
@media screen and (max-width: 1599px) {
  .tl-6-banner .swiper-slide-next .tl-6-banner-post-img img {
    height: 545px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-6-banner .swiper-slide-next .tl-6-banner-post-img img {
    height: 430px;
  }
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-infos {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 40px;
  left: 40px;
  align-items: flex-start;
}
@media screen and (max-width: 575px) {
  .tl-6-banner .swiper-slide-next .tl-6-banner-post-infos {
    top: 25px;
    left: 25px;
  }
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-infos .tl-6-info-pill {
  opacity: 1;
  display: block;
  border-color: var(--white);
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-infos .tl-6-info-pill:last-child {
  background-color: transparent;
  color: var(--white);
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-infos .tl-6-info-pill:last-child::before {
  background-color: var(--white);
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-title {
  position: absolute;
  bottom: 20px;
  background-color: var(--white);
  padding: 15px 20px;
  width: 47%;
}
@media screen and (max-width: 1599px) {
  .tl-6-banner .swiper-slide-next .tl-6-banner-post-title {
    width: 70%;
  }
}
@media screen and (max-width: 1399px) {
  .tl-6-banner .swiper-slide-next .tl-6-banner-post-title {
    width: 80%;
  }
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-btn {
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 20px;
  width: 45px;
  height: 45px;
  background-color: var(--white);
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  transform: rotate(-45deg);
  border: 1px solid transparent;
  transition: color 0.4s ease, background-color 0.4s ease, transform 0s;
}
@media screen and (max-width: 575px) {
  .tl-6-banner .swiper-slide-next .tl-6-banner-post-btn {
    top: 25px;
    right: 25px;
  }
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-btn:hover {
  background-color: transparent;
  color: var(--white);
  border-color: var(--white);
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-btn-txt {
  display: none;
}
.tl-6-banner .swiper-slide-next .tl-6-banner-post-btn i {
  padding-left: 0;
}

.tl-6-info-pill {
  border-radius: 20px;
  position: relative;
  font-size: 14px;
  border: 1px solid #C9C8C8;
  font-weight: 500;
  color: #5A595D;
  background-color: var(--white);
  padding: 0 15px;
  height: 28px;
  line-height: 27px;
  padding-left: 24px;
  margin-bottom: 11px;
  display: inline-block;
}
.tl-6-info-pill::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #5A595D;
  translate: 0 -50%;
}
.tl-6-info-pill:last-child {
  display: none;
}

.tl-7-banner {
  position: relative;
}
.tl-7-banner-single-slide {
  background: url(../images/tl-7/banner-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 300px 0 340px;
}
@media screen and (max-width: 1399px) {
  .tl-7-banner-single-slide {
    padding: 250px 0 290px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-banner-single-slide {
    padding: 230px 0 270px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-banner-single-slide {
    padding: 220px 0 250px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-banner-single-slide {
    padding: 200px 0 230px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-banner-single-slide {
    padding: 180px 0 250px;
  }
}
.tl-7-banner-single-slide-2 {
  background-image: url(../images/tl-7/banner-bg-2.jpg);
}
.tl-7-banner-single-slide-3 {
  background-image: url(../images/tl-7/banner-bg-3.jpg);
}
.tl-7-banner-txt {
  color: var(--white);
  text-align: center;
}
.tl-7-banner-sub-title {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 13px;
}
.tl-7-banner-title {
  font-weight: 800;
  font-size: clamp(28px, 6.67vw, 80px);
  margin-bottom: 48px;
  color: var(--white);
}
@media screen and (max-width: 991px) {
  .tl-7-banner-title {
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-banner-title {
    margin-bottom: 23px;
  }
}
.tl-7-banner-btns {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.tl-7-banner .tl-7-def-btn-2 {
  background: green;
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.2);
  line-height: 48px;
}
.tl-7-banner .tl-7-def-btn-2:hover {
  background-color: red;
  border-color: red;
  color: var(--black);
}
@media screen and (max-width: 1199px) {
  .tl-7-banner .tl-7-def-btn-2 {
    line-height: 47px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-banner .tl-7-def-btn-2 {
    line-height: 37px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-banner .tl-7-def-btn-2 {
    line-height: 32px;
  }
}
.tl-7-banner-slider-dots {
  position: absolute;
  top: calc(50% - 90px);
  top: 50%;
  z-index: 22;
  display: flex;
  flex-direction: column;
  translate: 0 -50%;
  left: 45px;
  row-gap: 15px;
}
@media screen and (max-width: 991px) {
  .tl-7-banner-slider-dots {
    left: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-banner-slider-dots {
    left: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-banner-slider-dots {
    left: 50%;
    flex-direction: row;
    gap: 15px;
    translate: -50% 0;
    bottom: 130px;
    top: auto;
  }
}
.tl-7-banner-slider-dots button {
  background: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  border: 2px solid transparent;
}
@media screen and (max-width: 575px) {
  .tl-7-banner-slider-dots button {
    width: 35px;
    height: 35px;
  }
}
.tl-7-banner-slider-dots button.active {
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.25);
  border-color: var(--white);
}

.slideUp {
  animation: slideUp 0.4s ease forwards;
}

@keyframes slideUp {
  0% {
    translate: 0 100%;
  }
  100% {
    translate: 0 0;
  }
}
.slideDown {
  animation: slideDown 0.4s ease forwards;
}

@keyframes slideDown {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 0 -100%;
  }
}
.tl-8-banner {
  position: relative;
}
.tl-8-banner > .container {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 2;
}
.tl-8-banner-slide {
  background: url(../images/tl-8/banner-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 330px 0 285px;
  position: relative;
}
@media screen and (max-width: 1599px) {
  .tl-8-banner-slide {
    padding: 300px 0 255px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-8-banner-slide {
    padding: 260px 0 185px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-banner-slide {
    padding: 240px 0 165px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-banner-slide {
    padding: 260px 0 165px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-banner-slide {
    padding: 260px 0 125px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-banner-slide {
    padding: 300px 0 95px;
  }
}
.tl-8-banner-slide-2 {
  background-image: url(../images/tl-8/banner-bg-2.jpg);
}
.tl-8-banner-txt {
  color: var(--white);
}
@media screen and (max-width: 479px) {
  .tl-8-banner-txt {
    text-align: center;
  }
}
.tl-8-banner-txt > * {
  transform: translateY(150px);
  opacity: 0;
  transition: 1s ease;
}
.tl-8-banner-txt > *:nth-child(2) {
  transition-delay: 0.2s;
}
.tl-8-banner-txt > *:nth-child(3) {
  transition-delay: 0.3s;
}
.tl-8-banner-title {
  font-size: 80px;
  line-height: 90px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--white);
}
@media screen and (max-width: 1599px) {
  .tl-8-banner-title {
    font-size: 75px;
    line-height: 85px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-8-banner-title {
    font-size: 65px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-banner-title {
    font-size: 60px;
    line-height: 75px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-banner-title {
    font-size: 50px;
    line-height: 65px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-banner-title {
    font-size: 40px;
    line-height: 55px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-banner-title {
    font-size: 35px;
    line-height: 50px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-banner-title {
    font-size: 30px;
    line-height: 45px;
  }
}
.tl-8-banner-descr {
  margin-bottom: 43px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 26px;
}
@media screen and (max-width: 991px) {
  .tl-8-banner-descr {
    width: 80%;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-banner-descr {
    width: 100%;
  }
}
.tl-8-banner-btns {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 479px) {
  .tl-8-banner-btns {
    flex-direction: column;
    gap: 20px;
  }
}
.tl-8-banner-btns .tl-banner-video-btn {
  width: auto;
  height: 50px;
  display: block;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .tl-8-banner-btns .tl-banner-video-btn {
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-banner-btns .tl-banner-video-btn {
    height: 40px;
  }
}
.tl-8-banner-btns .tl-banner-video-btn i {
  font-size: 14px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-right: 14px;
}
@media screen and (max-width: 991px) {
  .tl-8-banner-btns .tl-banner-video-btn i {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-banner-btns .tl-banner-video-btn i {
    height: 40px;
    width: 40px;
    line-height: 41px;
    font-size: 12px;
  }
}
.tl-8-banner-btns .tl-banner-video-btn svg {
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 991px) {
  .tl-8-banner-btns .tl-banner-video-btn svg {
    height: 45px;
    width: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-banner-btns .tl-banner-video-btn svg {
    height: 40px;
    width: 40px;
  }
}
.tl-8-banner-slider-nav {
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  display: flex;
  flex-direction: column;
  z-index: 12;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .tl-8-banner-slider-nav {
    display: none;
  }
}
.tl-8-banner-slider-nav button {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  transition: 0.4s ease;
  background-color: var(--white);
}
.tl-8-banner-slider-nav button:hover {
  background-color: var(--tl-btn-bg);
  color: var(--white);
}
.tl-8-banner-slider-nav button i {
  rotate: 315deg;
}
.tl-8-banner .owl-item.active .tl-8-banner-slide .tl-8-banner-txt > * {
  transform: translateY(0);
  opacity: 1;
}

.tl-9-banner-bg {
  max-width: 1720px;
  margin: auto;
}
.tl-9-banner-txt {
  text-align: center;
  padding: 211px 0 230px;
}
@media screen and (max-width: 1399px) {
  .tl-9-banner-txt {
    padding: 180px 0 200px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-banner-txt {
    padding: 140px 0 160px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-banner-txt {
    padding: 120px 0 140px;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-banner-txt {
    padding: 100px 0 120px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-banner-txt {
    padding: 90px 0 110px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-banner-txt {
    padding: 80px 0 100px;
  }
}
.tl-9-banner-title {
  font-size: 110px;
  line-height: 116px;
  font-family: var(--roboto);
  font-weight: 900;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 4px;
}
@media screen and (max-width: 1399px) {
  .tl-9-banner-title {
    font-size: 80px;
    line-height: 86px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-banner-title {
    font-size: 60px;
    line-height: 66px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-banner-title {
    font-size: 50px;
    line-height: 56px;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-banner-title {
    font-size: 45px;
    line-height: 50px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-banner-title {
    font-size: 40px;
    line-height: 45px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-banner-title {
    font-size: 35px;
    line-height: 40px;
  }
}
.tl-9-banner-title .colored {
  color: var(--ligh-yellow);
}
.tl-9-banner-descr {
  font-size: 20px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.8);
  width: 70%;
  margin-inline: auto;
  margin-bottom: 43px;
}
@media screen and (max-width: 1199px) {
  .tl-9-banner-descr {
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-banner-descr {
    width: 90%;
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-banner-descr {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-banner-descr {
    font-size: 16px;
    line-height: 24px;
  }
}
.tl-9-banner-btn {
  background-color: var(--black-0);
  text-transform: uppercase;
  border-color: var(--black-0);
  color: var(--white);
}
.tl-9-banner-btn::before {
  background-color: #918F99;
}
.tl-9-banner-bottom {
  margin: auto;
  padding: 55px 0;
}
@media screen and (min-width: 1800px) {
  .tl-9-banner-bottom {
    max-width: 1720px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-banner-bottom {
    padding: 40px 12px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-banner-bottom {
    padding: 30px 12px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-banner-bottom {
    padding: 20px 12px;
  }
}
.tl-9-banner-bottom-title {
  text-transform: uppercase;
  font-size: 40px;
  text-align: right;
  padding-right: 57px;
  margin-bottom: 0;
  color: var(--white);
}
@media screen and (max-width: 1799px) {
  .tl-9-banner-bottom-title {
    padding-right: 30px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-9-banner-bottom-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-banner-bottom-title {
    padding-right: 0;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-banner-bottom-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-banner-bottom-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-banner-bottom-title {
    font-size: 25px;
  }
}
.tl-9-banner-bottom-descr {
  padding-left: 75px;
  padding-right: 40px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
  line-height: 28px;
}
@media screen and (max-width: 1599px) {
  .tl-9-banner-bottom-descr {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-9-banner-bottom-descr {
    padding-left: 55px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-banner-bottom-descr {
    padding: 0;
  }
}
.tl-9-banner-bottom-btn {
  width: 80px;
  height: 80px;
  display: block;
  margin-left: auto;
  background-color: #201B1B;
  color: var(--ligh-yellow);
  text-align: center;
  line-height: 80px;
  font-size: 22px;
  border: 1px solid #201B1B;
}
@media screen and (max-width: 1399px) {
  .tl-9-banner-bottom-btn {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-banner-bottom-btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-banner-bottom-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-banner-bottom-btn {
    margin-left: 0;
  }
}
.tl-9-banner-bottom-btn:hover {
  background-color: var(--black-0);
  color: var(--ligh-yellow);
}

.tl-11-banner {
  border-top: 1px solid rgba(23, 22, 28, 0.1);
  padding-bottom: 120px;
}
@media screen and (max-width: 991px) {
  .tl-11-banner {
    padding-bottom: 60px;
  }
}
.tl-11-banner-heading {
  position: relative;
}
.tl-11-banner-heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid rgba(23, 22, 28, 0.1);
  border-width: 0 1px;
  z-index: -1;
}
.tl-11-banner-heading > .row {
  --bs-gutter-x: 30px;
}
.tl-11-banner-title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: var(--black-2);
  padding: 35px 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  isolation: isolate;
}
@media screen and (max-width: 1399px) {
  .tl-11-banner-title {
    font-size: 38px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-banner-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-banner-title {
    font-size: 28px;
    padding: 25px 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-banner-title {
    font-size: 25px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-11-banner-title {
    font-size: 23px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-banner-title {
    font-size: 20px;
  }
}
.tl-11-banner-title::before {
  content: "";
  position: absolute;
  border: solid rgba(23, 22, 28, 0.1);
  border-width: 0 1px;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .tl-11-banner-title::before {
    content: none;
  }
}
.tl-11-banner-articles {
  border-width: 0 1px;
}
.tl-11-banner-articles > .row {
  --bs-gutter-x: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-11-banner-articles > .row {
    --bs-gutter-x: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-banner-articles > .row {
    --bs-gutter-y: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-banner-articles > .row {
    --bs-gutter-y: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-11-banner-articles > .row {
    --bs-gutter-y: 15px;
  }
}
.tl-11-banner-articles-col {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
@media screen and (max-width: 991px) {
  .tl-11-banner-articles-col {
    flex-direction: row;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .tl-11-banner-articles-col > * {
    width: 50%;
  }
}
@media screen and (max-width: 991px) and (max-width: 479px) {
  .tl-11-banner-articles-col > * {
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-banner-articles-col {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-11-banner-articles-col {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-banner-articles-col {
    flex-direction: column;
    row-gap: 15px;
  }
}
.tl-11-banner-article-img img {
  width: 100%;
}
.tl-11-banner-article-txt {
  padding-top: 17px;
}
.tl-11-banner-article-category {
  color: var(--kb-teal);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.tl-11-banner-article-title {
  font-size: 18px;
  line-height: 27px;
  color: var(--black-2);
  margin-top: 4px;
  margin-bottom: 13px;
}
.tl-11-banner-article-title a {
  color: inherit;
}
.tl-11-banner-article-title a:hover {
  color: var(--kb-teal);
}
.tl-11-banner-article-author {
  font-size: 14px;
  font-weight: 400;
  color: rgba(44, 44, 44, 0.7);
  font-weight: 400;
  margin-bottom: 0;
}
.tl-11-banner-article-center-img img {
  width: 100%;
}
.tl-11-banner-article-center-txt {
  background-color: #F2EDE7;
  padding: 45px;
  text-align: center;
  padding-bottom: 81px;
}
@media screen and (max-width: 1199px) {
  .tl-11-banner-article-center-txt {
    padding: 45px 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-banner-article-center-txt {
    padding: 45px 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-banner-article-center-txt {
    padding: 35px 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-11-banner-article-center-txt {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-banner-article-center-txt {
    padding: 20px;
  }
}
.tl-11-banner-article-center-infos {
  color: var(--kb-teal);
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .tl-11-banner-article-center-infos {
    margin-bottom: 11px;
  }
}
.tl-11-banner-article-center-date {
  position: relative;
  padding-right: 15px;
  margin-right: 20px;
}
.tl-11-banner-article-center-date::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: rgba(44, 44, 44, 0.6);
  top: 50%;
  left: 100%;
  translate: 0 -50%;
  border-radius: 50%;
}
.tl-11-banner-article-center-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 46px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1399px) {
  .tl-11-banner-article-center-title {
    font-size: 32px;
    line-height: 44px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-banner-article-center-title {
    font-size: 28px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-banner-article-center-title {
    font-size: 25px;
    line-height: 37px;
    width: 90%;
    margin: auto;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-banner-article-center-title {
    font-size: 23px;
    line-height: 34px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-11-banner-article-center-title {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-banner-article-center-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}
.tl-11-banner-article-center-descr {
  margin-bottom: 0;
  color: rgba(44, 44, 44, 0.6);
}
@media screen and (max-width: 991px) {
  .tl-11-banner-article-center-descr {
    margin: auto;
    width: 80%;
  }
}
@media screen and (max-width: 575px) {
  .tl-11-banner-article-center-descr {
    width: 100%;
  }
}

.tl-12-banner {
  background-color: #E1EEDA;
  padding: 130px 0;
  position: relative;
}
@media screen and (max-width: 991px) {
  .tl-12-banner {
    padding: 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-banner {
    padding: 80px 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-banner {
    padding: 60px 0;
  }
}
.tl-12-banner::before {
  content: url(../images/tl-12/banner-vector-4.png);
  position: absolute;
  bottom: 168px;
  left: 0;
}
.tl-12-banner-title {
  font-weight: 700;
  font-size: 64px;
  line-height: 76px;
  font-family: var(--roboto);
  color: var(--black-3);
  margin-bottom: 15px;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-12-banner-title {
    font-size: 58px;
    line-height: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-banner-title {
    font-size: 52px;
    line-height: 64px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-banner-title {
    font-size: 48px;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-banner-title {
    font-size: 45px;
    line-height: 57px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-banner-title {
    font-size: 42px;
    line-height: 54px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-banner-title {
    font-size: 34px;
    line-height: 46px;
  }
}
.tl-12-banner-title::before {
  content: url(../images/tl-12/banner-vector-1.png);
  position: absolute;
  left: -75px;
  bottom: 100%;
}
@media screen and (max-width: 991px) {
  .tl-12-banner-title::before {
    left: -45px;
    scale: 0.76;
  }
}
.tl-12-banner-title span.tag {
  border: 1.5px solid red;
  background-color: rgba(255, 0, 0, 0.04);
  font-size: 40px;
  line-height: 1;
  padding: 5px 30px;
  color: red;
  margin-bottom: 13px;
  vertical-align: bottom;
  position: relative;
  padding-left: 47px;
}
@media screen and (max-width: 1199px) {
  .tl-12-banner-title span.tag {
    font-size: 35px;
    padding: 5px 25px;
    padding-left: 42px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-banner-title span.tag {
    font-size: 32px;
    padding: 3px 20px;
    padding-left: 42px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-banner-title span.tag {
    font-size: 30px;
  }
}
.tl-12-banner-title span.tag::before {
  content: "";
  position: absolute;
  background-color: red;
  width: 16px;
  height: 16px;
  box-shadow: 0 8px 6px rgba(154, 0, 0, 0.14);
  border-radius: 50%;
  left: 24px;
  top: 50%;
  translate: 0 -50%;
}
@media screen and (max-width: 1199px) {
  .tl-12-banner-title span.tag::before {
    left: 18px;
    width: 14px;
    height: 14px;
  }
}
.tl-12-banner-descr {
  font-size: 18px;
  color: rgba(44, 44, 44, 0.8);
  width: 86%;
  margin-bottom: 43px;
}
@media screen and (max-width: 1199px) {
  .tl-12-banner-descr {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-banner-descr {
    margin-bottom: 33px;
  }
}
.tl-12-banner-btns {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tl-12-banner-features {
  display: flex;
  align-items: center;
  background-color: #D6E7CD;
  border-left: 1px solid #DDB586;
  margin-top: 60px;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 767px) {
  .tl-12-banner-features {
    margin-top: 50px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-banner-features {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
}
.tl-12-banner-feature {
  padding: 11px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #2c2c2c;
}
@media screen and (max-width: 575px) {
  .tl-12-banner-feature {
    padding: 11px 15px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-banner-feature img {
    display: none;
  }
}
.tl-12-banner-feature:not(:last-child) {
  border-right: 1px solid #DDB586;
}
@media screen and (max-width: 479px) {
  .tl-12-banner-feature:not(:last-child) {
    border-bottom: 1px solid #DDB586;
    border-right: 0;
  }
}
.tl-12-banner-btn-2 {
  background-color: transparent;
}
.tl-12-banner-btn-2:hover {
  background-color: var(--tl-btn-bg);
}
.tl-12-banner-img {
  width: -moz-max-content;
  width: max-content;
  position: relative;
  z-index: 2;
  border: 6px solid var(--tl-btn-bg);
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  .tl-12-banner-img {
    margin: auto;
    margin-top: 70px;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-banner-img {
    margin-top: 40px;
  }
}
.tl-12-banner-img::before {
  position: absolute;
  content: url(../images/tl-12/banner-vector-2.png);
  top: -70px;
  right: -15px;
}
@media screen and (max-width: 575px) {
  .tl-12-banner-img::before {
    top: -40px;
    right: -25px;
  }
}
.tl-12-banner-img::after {
  position: absolute;
  content: url(../images/tl-12/banner-vector-3.png);
  bottom: 23px;
  right: -25px;
  z-index: -1;
}
.tl-12-banner-img img {
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.2);
  margin-top: -40px;
  margin-left: -40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .tl-12-banner-img img {
    margin-top: -20px;
    margin-left: -20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-banner-img img {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.tl-12-banner-img-tag {
  position: absolute;
  display: inline-block;
  top: -10px;
  right: 70px;
  background-color: red;
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  padding: 1.5px 16px;
  padding-left: 29px;
}
@media screen and (max-width: 1199px) {
  .tl-12-banner-img-tag {
    top: -10px;
    right: 50px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-banner-img-tag {
    top: 20px;
    right: 20px;
  }
}
.tl-12-banner-img-tag::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  translate: 0 -50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--white);
  z-index: 1;
  animation: fadeInOut 0.9s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite alternate;
}

@keyframes fadeInOut {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.tl-13-banner {
  padding: 103px 0 119px;
}
@media screen and (max-width: 991px) {
  .tl-13-banner {
    padding: 53px 0 59px;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-banner-txt {
    text-align: center;
  }
}
.tl-13-banner-title {
  font-size: 64px;
  line-height: 78px;
  color: var(--black);
  -webkit-text-decoration: 3px underline var(--black);
          text-decoration: 3px underline var(--black);
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 6px;
  margin-bottom: 26px;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-13-banner-title {
    font-size: 58px;
    line-height: 72px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-banner-title {
    font-size: 48px;
    line-height: 62px;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-banner-title {
    font-size: 42px;
    line-height: 57px;
  }
}
@media screen and (max-width: 767px) {
  .tl-13-banner-title {
    font-size: 37px;
    line-height: 52px;
  }
}
@media screen and (max-width: 575px) {
  .tl-13-banner-title {
    font-size: 32px;
    line-height: 47px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-banner-title {
    font-size: 28px;
    line-height: 43px;
  }
}
.tl-13-banner-title::before {
  content: "";
  position: absolute;
  left: -60px;
  top: -35px;
  background: url(../images/tl-12/banner-vector-1.png) no-repeat center center;
  background-size: contain;
  width: 66px;
  height: 37px;
}
.tl-13-banner-descr {
  width: 85%;
  font-size: 18px;
  line-height: 1.45;
  color: rgba(23, 22, 28, 0.8);
  margin-bottom: 43px;
}
@media screen and (max-width: 1199px) {
  .tl-13-banner-descr {
    width: 95%;
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-banner-descr {
    width: 90%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .tl-13-banner-descr {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .tl-13-banner-descr {
    font-size: 16px;
  }
}
.tl-13-banner-img img {
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.2);
}
.tl-13-banner-search-form {
  width: 550px;
  display: flex;
  align-items: center;
  background-color: var(--white);
  box-shadow: 0 1px 2px rgba(23, 22, 28, 0.14);
  border-radius: 50px;
}
@media screen and (max-width: 1199px) {
  .tl-13-banner-search-form {
    width: 500px;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-banner-search-form {
    margin-inline: auto;
  }
}
@media screen and (max-width: 575px) {
  .tl-13-banner-search-form {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-banner-search-form {
    flex-direction: column;
    align-items: stretch;
    border-radius: 25px;
  }
}
.tl-13-banner-search-form input {
  height: 65px;
  padding-inline: 25px;
  width: 100%;
  border-radius: 50px;
}
@media screen and (max-width: 991px) {
  .tl-13-banner-search-form input {
    height: 55px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-banner-search-form input {
    padding-inline: 15px;
  }
}
.tl-13-banner-search-form button {
  min-width: -moz-max-content;
  min-width: max-content;
  background-color: var(--black);
  height: 50px;
  color: var(--white);
  border-radius: 30px;
  padding: 0 30px;
  margin-right: 8px;
  transition: 0.4s ease;
}
@media screen and (max-width: 991px) {
  .tl-13-banner-search-form button {
    height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-banner-search-form button {
    margin: 5px;
    margin-top: 0;
  }
}
.tl-13-banner-search-form button:hover {
  color: var(--black);
  background-color: #F2EFE8;
}

.tl-14-banner {
  position: relative;
}
.tl-14-banner-slider {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.tl-14-banner-slider,
.tl-14-banner-slider * {
  height: 100%;
}
.tl-14-banner-slide {
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-14-banner-txt {
  padding: 240px 0 260px;
}
@media screen and (max-width: 1399px) {
  .tl-14-banner-txt {
    padding: 200px 0 220px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-banner-txt {
    padding: 160px 0 180px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-banner-txt {
    padding: 130px 0 150px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-banner-txt {
    padding: 100px 0 120px;
  }
}
.tl-14-banner-title {
  color: var(--white);
  text-align: center;
  font-size: 74px;
  font-weight: 700;
  line-height: 121.622%;
  margin-bottom: 17px;
}
@media screen and (max-width: 1399px) {
  .tl-14-banner-title {
    font-size: 64px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-banner-title {
    font-size: 54px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-banner-title {
    font-size: 44px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-banner-title {
    font-size: 38px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-banner-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-banner-title {
    font-size: 30px;
  }
}
.tl-14-banner-descr {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 18px;
  line-height: 144.444%;
  width: 70%;
  margin-inline: auto;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .tl-14-banner-descr {
    width: 90%;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-banner-descr {
    width: 100%;
  }
}
.tl-14-banner-search-form {
  border-radius: 50px;
  background: var(--white);
  box-shadow: 0px 1px 2px 0px rgba(23, 22, 28, 0.14);
  height: 65px;
  display: flex;
  align-items: center;
  max-width: 550px;
  padding: 10px;
  margin-inline: auto;
  padding-left: 25px;
}
@media screen and (max-width: 991px) {
  .tl-14-banner-search-form {
    height: 55px;
    max-width: 480px;
    padding: 8px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-banner-search-form {
    height: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-banner-search-form .tl-14-def-btn {
    height: 40px;
    line-height: 39px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-banner-search-form .tl-14-def-btn {
    height: 35px;
    line-height: 34px;
  }
}
.tl-14-banner-search-field {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.tl-14-banner-slider-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 60px;
  visibility: hidden;
}
@media screen and (max-width: 991px) {
  .tl-14-banner-slider-nav {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-banner-slider-nav {
    padding: 0 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-banner-slider-nav {
    display: none;
  }
}
.tl-14-banner-slider-nav button {
  background-color: var(--white);
  width: 55px;
  height: 55px;
  border-radius: 50%;
  transition: 0.4s ease;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .tl-14-banner-slider-nav button {
    width: 45px;
    height: 45px;
  }
}
.tl-14-banner-slider-nav button:hover {
  background-color: var(--red-3);
  color: var(--white);
}

/* ----- 06. Services ----- */
.tl-1-services-row {
  --bs-gutter-x: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-1-services-row {
    --bs-gutter-x: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-services-row {
    --bs-gutter-x: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-services-row {
    --bs-gutter-y: 20px;
  }
}
.tl-1-service {
  background-color: var(--white);
  border: none;
  box-shadow: 0 10px 80px rgba(23, 22, 28, 0.1);
  padding: 45px;
}
@media screen and (max-width: 1199px) {
  .tl-1-service {
    padding: 35px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-service {
    padding: 25px;
  }
}
.tl-1-service-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 47px;
}
@media screen and (max-width: 1199px) {
  .tl-1-service-heading {
    margin-bottom: 37px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-service-heading {
    margin-bottom: 27px;
  }
}
.tl-1-service-title {
  font-size: 22px;
  line-height: 28px;
  width: 100%;
  color: var(--black-4);
  margin-bottom: 12px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .tl-1-service-title {
    font-size: 20px;
  }
}
.tl-1-service-title a:hover {
  color: var(--blue-2);
}
.tl-1-service-icon {
  width: 90px;
  height: 90px;
  line-height: 84px;
  background-color: rgba(23, 22, 28, 0.04);
  border: 1px solid rgba(23, 22, 28, 0.1);
  border-radius: 50%;
  border-top-left-radius: 0;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tl-1-service-icon {
    width: 80px;
    height: 80px;
    line-height: 74px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-service-icon {
    width: 70px;
    height: 70px;
    line-height: 64px;
  }
}
.tl-1-service-order-numb {
  font-family: var(--rosaviro);
  font-size: 108px;
  color: rgba(23, 22, 28, 0.08);
  font-weight: normal;
  font-style: italic;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .tl-1-service-order-numb {
    font-size: 88px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-service-order-numb {
    font-size: 78px;
  }
}
.tl-1-service-descr {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(24, 34, 47, 0.7);
  margin-bottom: 43px;
}
@media screen and (max-width: 1199px) {
  .tl-1-service-descr {
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-service-descr {
    margin-bottom: 23px;
  }
}
.tl-1-service-btn {
  height: 40px;
  border: 1px solid rgba(23, 22, 28, 0.1);
  min-width: 70px;
  border-radius: 30px;
  text-align: center;
  line-height: 40px;
}
.tl-1-service-btn:hover {
  background-color: var(--blue-2);
  color: var(--white);
}

.tl-2-services .tl-2-section-heading {
  width: 45%;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .tl-2-services .tl-2-section-heading {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-services .tl-2-section-heading {
    width: 55%;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-services .tl-2-section-heading {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-services .tl-2-section-heading {
    width: 100%;
  }
}
.tl-2-services .tl-2-section-title {
  font-size: 44px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .tl-2-services .tl-2-section-title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-services .tl-2-section-title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-services .tl-2-section-title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-services .tl-2-section-title {
    font-size: 26px;
    line-height: 36px;
  }
}
.tl-2-services-slider-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 290px);
  translate: -50% -50%;
  visibility: hidden;
  z-index: 2;
}
@media screen and (max-width: 1800px) {
  .tl-2-services-slider-nav {
    width: calc(100% + 50px);
  }
}
@media screen and (max-width: 767px) {
  .tl-2-services-slider-nav {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-services-slider-nav {
    display: none;
  }
}
.tl-2-services-slider-nav button {
  width: 54px;
  height: 54px;
  background-color: var(--white);
  box-shadow: 0 1px 3px rgba(24, 34, 47, 0.14);
  rotate: -45deg;
  visibility: visible;
}
@media screen and (max-width: 1399px) {
  .tl-2-services-slider-nav button {
    width: 50px;
    height: 50px;
  }
}
.tl-2-services-slider-nav button:hover {
  box-shadow: 0 0 0 transparent;
  background-color: var(--kb-orange);
  color: var(--white);
}

.tl-2-service {
  padding: 70px 45px;
  border: 1px dashed rgba(24, 34, 47, 0.3);
  transition: 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-2-service {
    padding: 60px 35px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-service {
    padding: 50px 25px;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-service {
    padding: 40px 25px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-service {
    padding: 30px 25px;
  }
}
.tl-2-service:hover {
  border-color: rgba(232, 79, 44, 0.6);
}
.tl-2-service-heading {
  margin-bottom: 20px;
}
.tl-2-service-icon {
  border: 1px solid rgba(24, 34, 47, 0.14);
  border-radius: 50%;
  text-align: center;
  width: 74px;
  height: 74px;
  line-height: 70px;
}
.tl-2-service-title {
  width: 65%;
}
.tl-2-service-title a:hover {
  color: var(--kb-orange);
}
.tl-2-service-descr {
  margin-bottom: 37px;
}

.tl-8-services {
  background-color: #f5f5f5;
}
.tl-8-services-row {
  display: flex;
}
@media screen and (max-width: 767px) {
  .tl-8-services-row {
    flex-wrap: wrap;
  }
}
.tl-8-service {
  padding: 80px 65px 73px;
  border-right: 1px solid rgba(24, 34, 47, 0.3);
  color: #18222F;
  transition: all 0.3s linear 0s;
}
@media screen and (max-width: 1399px) {
  .tl-8-service {
    padding: 65px 50px 58px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-service {
    padding: 40px 40px 35px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-service {
    padding: 40px 40px 35px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-service {
    border-right: 0;
    border-bottom: 1px solid rgba(24, 34, 47, 0.3);
    padding: 50px 0px 45px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-service {
    padding: 40px 0px 35px;
  }
}
.tl-8-service:first-child {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .tl-8-service:first-child {
    padding: 50px;
    padding-bottom: 45px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-service:first-child {
    padding: 40px;
    padding-bottom: 35px;
    padding-left: 0;
    padding-right: 0;
  }
}
.tl-8-service:last-child {
  padding-right: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .tl-8-service:last-child {
    padding: 50px;
    padding-bottom: 45px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-service:last-child {
    padding: 40px;
    padding-bottom: 35px;
    padding-left: 0;
    padding-right: 0;
  }
}
.tl-8-service-heading {
  margin-bottom: 20px;
}
.tl-8-service-icon {
  border-color: #18222F;
  width: 74px;
  height: 74px;
  line-height: 70px;
  border-radius: 50%;
  transition: all 0.3s linear 0s;
}
@media screen and (max-width: 991px) {
  .tl-8-service-icon {
    width: 64px;
    height: 64px;
    line-height: 60px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-service-icon img {
    width: 35px;
  }
}
.tl-8-service-order-numb {
  font-size: 60px;
  line-height: 1;
  font-weight: 600;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(24, 34, 47, 0.3);
}
@media screen and (max-width: 991px) {
  .tl-8-service-order-numb {
    font-size: 50px;
  }
}
.tl-8-service-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 19px;
}
@media screen and (max-width: 991px) {
  .tl-8-service-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.tl-8-service-title a:hover {
  color: var(--kb-teal);
}
.tl-8-service-descr {
  margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
  .tl-8-service-descr {
    margin-bottom: 30px;
  }
}
.tl-8-service > a {
  font-weight: 600;
}
.tl-8-service > a:hover {
  color: var(--kb-teal);
}
.tl-8-service > a:hover i {
  rotate: -45deg;
}
.tl-8-service > a i {
  padding-left: 5px;
  transition: rotate 0.4s ease;
}
.tl-8-service:hover .tl-8-service-icon {
  background-color: var(--tl-btn-bg);
}

.yellow-clr .tl-8-service-title a:hover {
  color: var(--tl-btn-bg);
}
.yellow-clr .tl-8-service > a:hover {
  color: var(--tl-btn-bg);
}

.yellow-clr-hover .tl-def-btn-2 {
  color: #18222F;
  border-color: #18222F;
}
.yellow-clr-hover .tl-def-btn-2 i {
  color: #18222F;
}
.yellow-clr-hover .tl-def-btn-2:hover {
  color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}
.yellow-clr-hover .tl-def-btn-2:hover i {
  color: var(--tl-btn-bg);
}

.tl-9-services .tl-9-section-heading {
  text-align: left;
}
.tl-9-services .tl-9-section-title {
  color: var(--white);
}
.tl-9-services .tl-9-section-title::before {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.16);
}
@media screen and (max-width: 1199px) {
  .tl-9-services > .container > .row {
    --bs-gutter-x: 18px;
    --bs-gutter-y: 18px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-services > .container > .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
  }
}
.tl-9-service {
  background-color: var(--white);
  padding: 35px;
}
@media screen and (max-width: 1399px) {
  .tl-9-service {
    padding: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-service {
    padding: 20px;
  }
}
.tl-9-service:hover .tl-long-arrow-btn .arrow {
  width: 32px;
  background-color: var(--ligh-yellow);
}
.tl-9-service:hover .tl-long-arrow-btn .arrow::before {
  border-color: var(--ligh-yellow);
}
.tl-9-service-icon {
  width: 55px;
  height: 55px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 28px;
}
@media screen and (max-width: 1199px) {
  .tl-9-service-icon {
    width: 45px;
    height: 45px;
    margin-bottom: 23px;
  }
}
.tl-9-service-title {
  line-height: 32px;
  font-weight: 600;
  color: var(--black-2);
  margin-bottom: 6px;
}
@media screen and (max-width: 1399px) {
  .tl-9-service-title {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-service-title {
    font-size: 20px;
  }
}
.tl-9-service-title a {
  transition: all 0.3s linear 0s;
}
.tl-9-service-title a:hover {
  color: var(--ligh-yellow);
}
.tl-9-service-descr {
  color: var(--black-2);
  line-height: 24px;
  margin-bottom: 52px;
}
@media screen and (max-width: 1399px) {
  .tl-9-service-descr {
    margin-bottom: 42px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-service-descr {
    margin-bottom: 32px;
  }
}

/* ----- 07. About ----- */
@media screen and (max-width: 991px) {
  .tl-1-about-row {
    --bs-gutter-y: 70px;
  }
}
.tl-1-about-img {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .tl-1-about-img {
    margin-inline: auto;
  }
}
.tl-1-about-main-img {
  width: 519px;
  height: 570px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 10px 80px rgba(23, 22, 28, 0.1);
  border: 5px solid var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-1-about-main-img {
    width: 469px;
    height: 520px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-about-main-img {
    width: 379px;
    height: 450px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-about-main-img {
    height: 400px;
  }
}
.tl-1-about-sticker {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 50% -50%;
  box-shadow: 0 10px 80px rgba(23, 22, 28, 0.1);
  border-radius: 50%;
  animation: rotate-center 4.5s linear infinite;
}
@media screen and (max-width: 1399px) {
  .tl-1-about-sticker {
    width: 160px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-about-sticker {
    width: 140px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-about-sticker {
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    translate: -50% 50%;
    width: 120px;
  }
}
.tl-1-about-txt .tl-1-section-title {
  text-align: left;
  margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
  .tl-1-about-txt .tl-1-section-title {
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-about-txt .tl-3-about-author {
    justify-content: center;
  }
}
.tl-1-about-txt .tl-3-about-author-name {
  color: var(--black);
}
.tl-1-about-descr {
  margin-bottom: 52px;
}
@media screen and (max-width: 991px) {
  .tl-1-about-descr {
    text-align: center;
    margin-bottom: 42px;
  }
}
.tl-1-about-author {
  display: flex;
  align-items: center;
  gap: 95px;
}
@media screen and (max-width: 1199px) {
  .tl-1-about-author {
    gap: 0;
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-about-author {
    gap: 95px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-about-author {
    gap: 10px;
    flex-direction: column;
    align-items: center;
  }
}
.tl-1-about-author-intro {
  display: flex;
  align-items: center;
  gap: 20px;
}
.tl-1-about-author-name {
  font-size: 18px;
  margin-bottom: 3px;
  color: var(--black);
}
.tl-1-about-author-role {
  font-size: 14px;
  color: rgba(23, 22, 28, 0.7);
  font-weight: 500;
}
.tl-1-stats {
  display: flex;
  border-top: 1px solid rgba(23, 22, 28, 0.14);
  justify-content: space-between;
  margin-top: 100px;
  padding-top: 43px;
}
@media screen and (max-width: 1399px) {
  .tl-1-stats {
    margin-top: 80px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-stats {
    flex-wrap: wrap;
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 30px;
    justify-content: center;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-stats {
    margin-top: 50px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-stats {
    padding-top: 40px;
    margin-top: 40px;
  }
}
.tl-1-stats > * {
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .tl-1-stats > * {
    flex-basis: 25%;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-stats > * {
    flex-basis: 50%;
  }
}
.tl-1-stat {
  position: relative;
}
.tl-1-stat-num {
  font-weight: 900;
  font-size: 140px;
  line-height: 0.8;
  color: rgba(23, 22, 28, 0.14);
  -webkit-text-stroke: 1px rgba(23, 22, 28, 0.14);
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1399px) {
  .tl-1-stat-num {
    font-size: 125px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-stat-num {
    font-size: 105px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-stat-num {
    font-size: 95px;
  }
}
.tl-1-stat-name {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: -20px;
  font-size: 17px;
  font-weight: 500;
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 0;
}
.tl-1-stat:nth-child(even) .tl-1-stat-num {
  color: rgba(236, 232, 225, 0.6);
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 1px rgb(244, 241, 237);
}

.tl-2-about .tl-2-section-title {
  font-size: 44px;
  color: #111720;
  line-height: 54px;
  margin-bottom: 23px;
}
@media screen and (max-width: 1399px) {
  .tl-2-about .tl-2-section-title {
    font-size: 42px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-about .tl-2-section-title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-about .tl-2-section-title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-about .tl-2-section-title {
    font-size: 26px;
    line-height: 36px;
  }
}
.tl-2-about-row {
  --bs-gutter-x: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-2-about-row {
    --bs-gutter-x: 50px;
  }
}
.tl-2-about-img {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media screen and (max-width: 991px) {
  .tl-2-about-img {
    justify-content: center;
  }
}
.tl-2-about-img img {
  max-width: 730px;
}
@media screen and (max-width: 1199px) {
  .tl-2-about-img img {
    max-width: 600px;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-about-img img {
    max-width: 100%;
  }
}
.tl-2-about-arrow {
  position: absolute;
  right: 0;
  top: 50px;
}
@media screen and (max-width: 991px) {
  .tl-2-about-arrow {
    display: none;
  }
}
.tl-2-about-second-title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #111720;
}
.tl-2-about-descr {
  color: rgba(17, 23, 32, 0.7);
  margin-bottom: 28px;
}
.tl-2-about-stats {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 46px;
  gap: 50px;
}
@media screen and (max-width: 1399px) {
  .tl-2-about-stats {
    gap: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-about-stats {
    gap: 20px;
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-about-stats {
    gap: 15px;
    flex-direction: column;
  }
}
.tl-2-about-stat:not(:last-child) {
  border-right: 1px dashed rgba(24, 34, 47, 0.3);
  padding-right: 50px;
}
@media screen and (max-width: 1399px) {
  .tl-2-about-stat:not(:last-child) {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-about-stat:not(:last-child) {
    padding-right: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-about-stat:not(:last-child) {
    padding-right: 15px;
  }
}
.tl-2-about-stat .tl-9-about-stat-num {
  color: #111720;
  font-size: 50px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 2px;
}
@media screen and (max-width: 1199px) {
  .tl-2-about-stat .tl-9-about-stat-num {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-about-stat .tl-9-about-stat-num {
    font-size: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-about-stat .tl-9-about-stat-num {
    font-size: 35px;
  }
}
.tl-2-about-stat .tl-9-about-stat-name {
  color: rgba(17, 23, 32, 0.7);
}

.tl-3-about-txt {
  padding-right: 60px;
}
@media screen and (max-width: 1399px) {
  .tl-3-about-txt {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-about-txt {
    padding-right: 15px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-about-txt {
    padding-right: 0;
  }
}
.tl-3-about .tl-3-section-title {
  text-align: left;
  margin-bottom: 0;
}
.tl-3-about-descr {
  margin-top: 24px;
  margin-bottom: 52px;
  color: rgba(23, 22, 28, 0.7);
}
@media screen and (max-width: 991px) {
  .tl-3-about-descr {
    margin-bottom: 37px;
  }
}
.tl-3-about-img {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-3-about-img {
    align-items: flex-end;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-about-img {
    gap: 10px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-3-about-img img {
    width: 40%;
    flex-grow: 1;
  }
}
.tl-3-about-img img:first-child {
  margin-top: 60px;
  width: 354px;
  height: 549px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1599px) {
  .tl-3-about-img img:first-child {
    margin-top: 0;
  }
}
.tl-3-about-img img:last-child {
  width: 276px;
  height: 519px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tl-3-about-img img:last-child {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .tl-4-about-img {
    justify-content: flex-end;
  }
}
.tl-4-about-img img:first-child {
  margin-top: 0;
  width: 276px;
  height: 519px;
}
@media screen and (max-width: 991px) {
  .tl-4-about-img img:first-child {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .tl-4-about-img img:first-child {
    height: 380px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-about-img img:first-child {
    height: 350px;
  }
}
.tl-4-about-img img:last-child {
  margin-top: 60px;
  width: 354px;
  height: 549px;
}
@media screen and (max-width: 1399px) {
  .tl-4-about-img img:last-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-about-img img:last-child {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .tl-4-about-img img:last-child {
    height: 380px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-about-img img:last-child {
    height: 350px;
  }
}
.tl-4-about-txt {
  padding-left: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-4-about-txt {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-about-txt {
    padding-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-about-txt {
    padding-left: 0;
  }
}
.tl-4-about-txt .tl-4-section-title {
  text-align: left;
  margin-bottom: 0;
}
.tl-4-about-txt-bottom {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 479px) {
  .tl-4-about-txt-bottom {
    gap: 20px;
    flex-direction: column;
  }
}
.tl-4-about-descr {
  margin-top: 16px;
  margin-bottom: 32px;
  line-height: 26px;
  color: rgba(23, 22, 28, 0.7);
}
@media screen and (max-width: 1399px) {
  .tl-4-about-descr {
    margin-bottom: 28px;
  }
}
.tl-4-about-stats {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid rgba(23, 22, 28, 0.14);
  margin-bottom: 47px;
}
@media screen and (max-width: 1199px) {
  .tl-4-about-stats {
    gap: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-about-stats {
    gap: 40px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-about-stats {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-about-stats {
    row-gap: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.tl-4-about-stat {
  position: relative;
  margin-top: 25px;
}
@media screen and (max-width: 1399px) {
  .tl-4-about-stat {
    margin-top: 20px;
  }
}
.tl-4-about-stat-num {
  font-size: 80px;
  display: inline-block;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(17, 23, 32, 0.24);
  line-height: 1;
}
@media screen and (max-width: 1399px) {
  .tl-4-about-stat-num {
    font-size: 75px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-about-stat-num {
    font-size: 65px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-about-stat-num {
    font-size: 65px;
  }
}
.tl-4-about-stat-name {
  font-size: 17px;
  color: var(--black);
  text-transform: capitalize;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  min-width: -moz-max-content;
  min-width: max-content;
}
.tl-4-about-support {
  display: flex;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 1399px) {
  .tl-4-about-support > img {
    width: 40px;
    height: 40px;
  }
}
.tl-4-about-support-txt {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #6E6D74;
}
.tl-4-about-support-mail {
  font-size: 18px;
  line-height: 22px;
  color: var(--red-2);
}
.tl-4-about-support-mail:hover {
  color: var(--black);
}

.tl-5-about {
  padding: 120px 0 170px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .tl-5-about {
    padding: 60px 0px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-about {
    padding: 60px 0 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-about {
    padding: 60px 0 0;
  }
}
.tl-5-about::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 50%;
  background-color: #F9F6F0;
  z-index: -1;
}
.tl-5-about-dialogue {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 0;
  color: var(--black);
}
@media screen and (max-width: 1399px) {
  .tl-5-about-dialogue {
    font-size: 25px;
    line-height: 37px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-5-about-dialogue {
    font-size: 22px;
    line-height: 34px;
  }
}
.tl-5-about-txt {
  margin-bottom: 0;
}
.tl-5-about-txt p {
  margin-bottom: 23px;
  color: var(--black);
}
@media screen and (max-width: 575px) {
  .tl-5-about-txt p {
    margin-bottom: 13px;
  }
}
.tl-5-about-author-name {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding-left: 35px;
  color: var(--black);
}
.tl-5-about-author-name::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background-color: var(--black);
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.tl-5-about-img {
  position: relative;
  width: 100%;
  margin-top: 88px;
}
@media screen and (max-width: 991px) {
  .tl-5-about-img {
    margin-top: 48px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-about-img {
    margin-top: 28px;
  }
}
.tl-5-about-img::before {
  position: absolute;
  content: "University Campus Life";
  top: calc(100% - 90px);
  font-size: 160px;
  font-weight: 600;
  color: rgba(23, 22, 28, 0.06);
  width: -moz-max-content;
  width: max-content;
  left: 50%;
  translate: -50% 0;
}
@media screen and (max-width: 1689px) {
  .tl-5-about-img::before {
    font-size: 125px;
    top: calc(100% - 65px);
  }
}
@media screen and (max-width: 1399px) {
  .tl-5-about-img::before {
    font-size: 105px;
    top: calc(100% - 45px);
  }
}
@media screen and (max-width: 1199px) {
  .tl-5-about-img::before {
    font-size: 90px;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-about-img::before {
    font-size: 70px;
    top: calc(100% - 40px);
  }
}
@media screen and (max-width: 767px) {
  .tl-5-about-img::before {
    font-size: 50px;
    top: calc(100% - 25px);
  }
}
@media screen and (max-width: 575px) {
  .tl-5-about-img::before {
    font-size: 40px;
    top: calc(100% - 15px);
  }
}
@media screen and (max-width: 479px) {
  .tl-5-about-img::before {
    font-size: 27px;
    top: calc(100% - 12px);
  }
}
.tl-5-about-img img {
  width: 100%;
  height: 540px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-5-about-inner {
  padding-bottom: 270px;
}
@media screen and (max-width: 991px) {
  .tl-5-about-inner {
    padding-bottom: 120px;
  }
}

.tl-5-admission-form {
  position: absolute;
  right: 60px;
  bottom: -160px;
  max-width: 485px;
  background-color: var(--white);
  box-shadow: 0 10px 60px rgba(23, 22, 28, 0.1);
  padding: 50px 40px;
}
@media screen and (max-width: 1199px) {
  .tl-5-admission-form {
    right: 0;
    bottom: -130px;
    max-width: 475px;
    padding: 40px 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-admission-form {
    position: relative;
    margin: auto;
    margin-top: -130px;
    bottom: auto;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-admission-form {
    margin-top: 0;
    padding: 30px 20px;
  }
}
.tl-5-admission-form-title {
  margin-bottom: 28px;
  font-size: 20px;
  font-weight: 600;
  color: var(--black);
}
.tl-5-admission-form .g-14 {
  --bs-gutter-x: 14px;
  --bs-gutter-y: 14px;
}
.tl-5-admission-form input,
.tl-5-admission-form button,
.tl-5-admission-form textarea {
  width: 100%;
  border: 1px solid rgba(23, 22, 28, 0.1);
}
.tl-5-admission-form input:focus,
.tl-5-admission-form button:focus,
.tl-5-admission-form textarea:focus {
  outline: none;
}
.tl-5-admission-form input::-moz-placeholder, .tl-5-admission-form button::-moz-placeholder, .tl-5-admission-form textarea::-moz-placeholder {
  color: var(--black);
  font-size: 14px;
}
.tl-5-admission-form input::placeholder,
.tl-5-admission-form button::placeholder,
.tl-5-admission-form textarea::placeholder {
  color: var(--black);
  font-size: 14px;
}
.tl-5-admission-form input {
  height: 40px;
  padding: 0 15px;
}
.tl-5-admission-form textarea {
  padding: 15px;
  height: 100px;
}

.tl-7-about {
  background-color: #F8F2ED;
}
.tl-7-about-content {
  background-color: var(--white);
  box-shadow: 0 10px 60px rgba(23, 22, 28, 0.1);
  position: relative;
  z-index: 2;
  margin-top: -100px;
}
.tl-7-about-heading {
  width: 100%;
  text-align: left;
  padding-inline: 70px;
  margin-bottom: 0;
}
@media screen and (max-width: 1399px) {
  .tl-7-about-heading {
    padding-inline: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-about-heading {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-about-heading {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-about-heading {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-about-heading {
    padding: 20px;
  }
}
.tl-7-about .tl-7-section-title {
  margin-bottom: 24px;
}
@media screen and (max-width: 1399px) {
  .tl-7-about .tl-7-section-title {
    margin-bottom: 14px;
  }
}
.tl-7-about-descr {
  margin-bottom: 38px;
}
@media screen and (max-width: 1199px) {
  .tl-7-about-descr {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-about-descr {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-about-descr {
    font-size: 15px;
  }
}
.tl-7-about-info-cards {
  display: flex;
}
@media screen and (max-width: 767px) {
  .tl-7-about-info-cards {
    max-height: 450px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-about-info-cards {
    max-height: 400px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-about-info-cards {
    max-height: 370px;
    flex-direction: column;
    gap: 12px;
  }
}
.tl-7-about-info-cards > * {
  width: 50%;
}
@media screen and (max-width: 479px) {
  .tl-7-about-info-cards > * {
    width: 100%;
  }
}
.tl-7-about-info-cards .bx-wrapper {
  margin: 0;
  border: none;
  box-shadow: none;
  overflow: hidden;
}
.tl-7-about-info-cards .bx-wrapper .bx-viewport {
  overflow: visible !important;
}
.tl-7-about-info-cards-col {
  display: flex;
  flex-direction: column;
}
.tl-7-about-info-cards-col .slick-slide {
  border: none;
}
.tl-7-about-info-card img {
  width: 100%;
}
.tl-7-about-timings {
  background-color: var(--tl-btn-bg);
  width: 100%;
  padding: 50px 35px;
  display: flex;
  flex-direction: column;
  gap: 117px;
}
@media screen and (max-width: 1399px) {
  .tl-7-about-timings {
    padding: 30px 25px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-about-timings {
    padding: 25px 20px;
    gap: 60px;
  }
}
.tl-7-about-timings-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--black);
}
@media screen and (max-width: 1399px) {
  .tl-7-about-timings-title {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-about-timings-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-about-timings-title {
    font-size: 18px;
    line-height: 26px;
  }
}
.tl-7-about-timing {
  font-weight: 500;
  color: var(--black);
}
@media screen and (max-width: 767px) {
  .tl-7-about-timing {
    font-size: 15px;
  }
}
.tl-7-about-timing:not(:last-child) {
  margin-bottom: 6px;
}
.tl-7-about-timing i {
  margin-right: 10px;
}
.tl-7-about-stat-card {
  background: url(../images/tl-7/about-card-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 100%;
  padding: 71.5px 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1399px) {
  .tl-7-about-stat-card {
    padding: 51.5px 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-about-stat-card {
    padding: 41.5px 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-about-stat-card {
    padding: 25.5px 20px;
  }
}
.tl-7-about-stat-card img {
  width: 80px;
}
@media screen and (max-width: 1199px) {
  .tl-7-about-stat-card img {
    width: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-about-stat-card img {
    width: 50px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-about-stat-card img {
    width: 45px;
  }
}
.tl-7-about-stat-card h6 {
  display: flex;
  flex-direction: column;
  color: #808080;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.tl-7-about-stat-card h6 span.number {
  font-size: 100px;
  font-weight: 800;
  color: var(--white);
}
@media screen and (max-width: 1199px) {
  .tl-7-about-stat-card h6 span.number {
    font-size: 70px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-about-stat-card h6 span.number {
    font-size: 65px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-about-stat-card h6 span.number {
    font-size: 50px;
  }
}
.tl-7-about-stat-card h6 span.number i {
  font-size: 24px;
}

.tl-8-about-img {
  position: relative;
}
@media screen and (max-width: 991px) {
  .tl-8-about-img {
    margin-bottom: 76px;
  }
}
.tl-8-about-main-img {
  width: 100%;
  border: 1px solid #18222F;
}
.tl-8-about-sticker {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: auto;
  right: calc(0% - 75px);
  width: 150px;
  height: 150px;
  animation: rotate-center 3s linear infinite;
}
@media screen and (max-width: 1199px) {
  .tl-8-about-sticker {
    right: calc(0% - 65px);
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-about-sticker {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    translate: -50% 50%;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-about-txt {
    width: 100%;
    margin: auto;
  }
}
.tl-8-feature {
  margin-bottom: 45px;
}
@media screen and (max-width: 1199px) {
  .tl-8-feature {
    margin-bottom: 38px;
  }
}
.tl-8-feature-title {
  margin-bottom: 16px;
  font-weight: 700;
  color: #18222F;
  font-size: 18px;
  line-height: 26px;
}
@media screen and (max-width: 1199px) {
  .tl-8-feature-title {
    margin-bottom: 11px;
  }
}
.tl-8-feature-descr {
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.8);
}

@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.tl-8-courses .tl-8-course-img img {
  width: 100%;
}

.tl-9-about {
  border-bottom: 1px solid rgba(44, 44, 44, 0.2);
}
@media screen and (max-width: 1399px) {
  .tl-9-about-row {
    --bs-gutter-x: 50px ;
  }
}
.tl-9-about-img {
  display: flex;
  justify-content: flex-end;
}
.tl-9-about-img img {
  max-width: 960px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399px) {
  .tl-9-about-img img {
    height: 650px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-about-img img {
    height: 570px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-about-img img {
    width: 100%;
    height: 500px;
  }
}
@media screen and (max-width: 767px) {
  .tl-9-about-img img {
    height: 400px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-about-img img {
    height: 350px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-about-img img {
    height: 300px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-about-txt {
    padding: 30px 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-about-txt {
    padding: 20px 0;
  }
}
.tl-9-about-txt .tl-9-section-heading {
  text-align: left;
  margin-bottom: 21px;
}
@media screen and (max-width: 575px) {
  .tl-9-about-txt .tl-9-section-heading {
    margin-bottom: 16px;
  }
}
.tl-9-about-descr {
  color: rgba(44, 44, 44, 0.7);
  margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .tl-9-about-descr {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-about-descr {
    margin-bottom: 23px;
  }
}
.tl-9-about-stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  gap: 25px;
}
@media screen and (max-width: 991px) {
  .tl-9-about-stats {
    justify-content: flex-start;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-about-stats {
    margin-bottom: 30px;
  }
}
.tl-9-about-stat {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .tl-9-about-stat {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.tl-9-about-stat img {
  width: 74px;
  height: 74px;
  padding: 18px;
  border-radius: 50%;
  border: 1px solid rgba(44, 44, 44, 0.1);
  overflow: visible;
  flex-shrink: 0;
}
@media screen and (max-width: 1399px) {
  .tl-9-about-stat img {
    width: 64px;
    height: 64px;
    padding: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-about-stat img {
    width: 55px;
    height: 55px;
    padding: 13px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-about-stat img {
    display: none;
  }
}
.tl-9-about-stat-num {
  display: block;
  font-size: 34px;
  line-height: 1;
  font-weight: 500;
  color: var(--black-2);
}
@media screen and (max-width: 1399px) {
  .tl-9-about-stat-num {
    font-size: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-about-stat-num {
    font-size: 28px;
  }
}
@media screen and (max-width: 575px) {
  .tl-9-about-stat-num {
    font-size: 26px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-about-stat-num {
    font-size: 24px;
  }
}
.tl-9-about-stat-name {
  color: var(--black-2);
}

.tl-7-section-spacing.pb-50 {
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .tl-7-section-spacing.pb-50 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-section-spacing.pb-50 {
    padding-bottom: 30px;
  }
}

.tl-10-about-section {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 991px) {
  .tl-10-about-section {
    padding: 60px 0;
  }
}
.tl-10-about-section::before {
  content: "";
  position: absolute;
  top: 130px;
  right: 100px;
  background: url(../images/tl-10/about-shape-2.png) no-repeat center center;
  background-size: 100%;
  width: 74px;
  height: 58px;
  animation: slide-top 1.3s linear infinite alternate;
}
.tl-10-about-section::after {
  content: "";
  position: absolute;
  bottom: 120px;
  right: 200px;
  background: url(../images/tl-10/about-shape-1.png) no-repeat center center;
  background-size: 100%;
  width: 100px;
  height: 110px;
  animation: slide-tr 1.8s linear infinite alternate;
}
@media screen and (max-width: 1199px) {
  .tl-10-about-section::after {
    right: 100px;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-about-section::after {
    content: none;
  }
}

@keyframes slide-tr {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-30px) translateX(30px);
  }
}
@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.tl-10-about-img {
  position: relative;
  isolation: isolate;
}
.tl-10-about-img::before {
  content: "";
  position: absolute;
  top: -75px;
  left: -115px;
  width: 711px;
  height: 693px;
  z-index: -1;
  background: url(../images/tl-10/about-img-vec.png) no-repeat center center;
  background-size: 100%;
}
.tl-10-about-img > img {
  box-shadow: 0 30px 130px rgba(23, 22, 28, 0.18);
}
@media screen and (max-width: 767px) {
  .tl-10-about-img > img {
    width: 70%;
  }
}
@media screen and (max-width: 575px) {
  .tl-10-about-img > img {
    width: 100%;
  }
}
.tl-10-about-img .bottom-img {
  position: absolute;
  bottom: 0;
  right: -25px;
  box-shadow: 0 30px 130px rgba(23, 22, 28, 0.18);
}
@media screen and (max-width: 1199px) {
  .tl-10-about-img .bottom-img {
    top: 50%;
    translate: 0 -50%;
    bottom: auto;
    width: 55%;
    right: -40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-about-img .bottom-img {
    top: auto;
    translate: 0;
    bottom: 0;
    width: auto;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-about-img .bottom-img {
    width: 55%;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-about-img .bottom-img {
    width: 50%;
  }
}

.tl-10-users {
  margin-top: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .tl-10-users {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-users-img > * {
    width: 40px;
  }
}
.tl-10-users-img > *:not(:first-child) {
  margin-left: -20px;
}
.tl-10-users-img .last-img {
  position: relative;
  line-height: 0;
}
.tl-10-users-img .last-img img {
  filter: brightness(0.5);
}
.tl-10-users-img .last-img-txt {
  font-weight: 600;
  font-size: 14px;
  color: var(--white);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.tl-10-users-txt {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0;
  color: var(--black);
}

.tl-10-about-txt {
  padding-left: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-10-about-txt {
    padding-left: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-about-txt {
    padding-left: 0;
    text-align: center;
  }
}
.tl-10-about-title {
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .tl-10-about-title {
    margin-bottom: 13px;
  }
}
.tl-10-about-title .last-word::before {
  background-image: url(../images/tl/line-2.png);
}
.tl-10-about-descr {
  color: rgba(23, 22, 28, 0.7);
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .tl-10-about-descr {
    margin-bottom: 22px;
  }
}

.tl-13-about-img {
  position: relative;
  z-index: 2;
}
.tl-13-about-img > img {
  width: 660px;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399px) {
  .tl-13-about-img > img {
    height: 100%;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-about-img > img {
    width: 100%;
  }
}
.tl-13-about-stat {
  background-color: var(--white);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 28px 45px;
  padding-right: 85px;
  font-size: 16px;
  color: #808080;
  font-weight: 500;
  text-transform: uppercase;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .tl-13-about-stat {
    padding: 18px 35px;
    padding-right: 75px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-about-stat {
    padding: 8px 25px;
    padding-right: 65px;
  }
}
.tl-13-about-stat::before {
  content: "";
  position: absolute;
  width: 40%;
  height: 100%;
  background-color: var(--tl-btn-bg);
  transform: rotate(350deg);
  top: -10px;
  right: -25px;
  z-index: -1;
}
@media screen and (max-width: 479px) {
  .tl-13-about-stat::before {
    right: -15px;
  }
}
.tl-13-about-stat::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--white);
  z-index: -1;
}
.tl-13-about-stat-icon {
  position: absolute;
  top: 18px;
  right: 30px;
  width: 54px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 479px) {
  .tl-13-about-stat-icon {
    top: 8px;
    width: 44px;
    height: 54px;
  }
}
.tl-13-about-stat-number {
  font-size: 60px;
  font-weight: 800;
  color: var(--black);
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 479px) {
  .tl-13-about-stat-number {
    font-size: 50px;
    margin-bottom: 5px;
  }
}
.tl-13-about-txt {
  margin-left: -8px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .tl-13-about-txt {
    margin-left: 0;
  }
}
.tl-13-about-txt::before {
  content: "";
  position: absolute;
  width: 66px;
  height: 92px;
  top: -44px;
  right: 0;
  background: url(../images/tl-13/icon-1.png) no-repeat center center;
  background-size: 100%;
  z-index: -1;
}
.tl-13-about-txt::after {
  content: "";
  position: absolute;
  width: 75px;
  height: 54px;
  top: 100%;
  right: 140px;
  background: url(../images/tl-13/icon-2.png) no-repeat center center;
  background-size: 100%;
  z-index: -1;
}
.tl-13-about-sub-title {
  border: 1px solid #C9C8C8;
  display: inline-block;
  padding: 0 25px;
  padding-left: 35px;
  border-radius: 20px;
  position: relative;
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (max-width: 1199px) {
  .tl-13-about-sub-title {
    padding: 0 15px;
    padding-left: 25px;
  }
}
.tl-13-about-sub-title::before {
  content: "";
  position: absolute;
  left: 25px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #5A595D;
  translate: 0 -50%;
}
@media screen and (max-width: 1199px) {
  .tl-13-about-sub-title::before {
    left: 15px;
  }
}
.tl-13-about .tl-13-section-title {
  margin-bottom: 24px;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .tl-13-about .tl-13-section-title {
    margin-bottom: 14px;
  }
}
.tl-13-about-descr {
  color: rgba(23, 22, 28, 0.7);
  margin-bottom: 42px;
}
@media screen and (max-width: 1399px) {
  .tl-13-about-descr {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-about-descr {
    margin-bottom: 22px;
  }
}
.tl-13-about-btn {
  color: var(--tl-blue);
  font-weight: 600;
}
.tl-13-about-btn:hover {
  color: var(--tl-btn-bg);
}
.tl-13-about-btn:hover i {
  rotate: -45deg;
}
.tl-13-about-btn i {
  margin-left: 5px;
  transition: rotate 0.4s ease;
}
.tl-13-about-features {
  background-color: var(--black);
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 1399px) {
  .tl-13-about-features {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-about-features {
    margin-top: 50px;
  }
}
.tl-13-about-features::before {
  content: "";
  position: absolute;
  background-color: var(--tl-btn-bg);
  rotate: -1.5deg;
  width: calc(100% + 50px);
  height: 100%;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: -1;
}
.tl-13-about-features .eocjs-newsticker-container {
  height: 100px;
}
@media screen and (max-width: 1399px) {
  .tl-13-about-features .eocjs-newsticker-container {
    height: 90px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-about-features .eocjs-newsticker-container {
    height: 70px;
  }
}
.tl-13-about-features .eocjs-newsticker-one,
.tl-13-about-features .eocjs-newsticker-two {
  height: 100px;
  line-height: 100px;
}
@media screen and (max-width: 1399px) {
  .tl-13-about-features .eocjs-newsticker-one,
  .tl-13-about-features .eocjs-newsticker-two {
    height: 90px;
    line-height: 90px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-about-features .eocjs-newsticker-one,
  .tl-13-about-features .eocjs-newsticker-two {
    height: 70px;
    line-height: 70px;
  }
}
.tl-13-about-feature {
  font-family: var(--rosaviro);
  font-style: italic;
  text-transform: uppercase;
  font-size: 38px;
  min-width: -moz-max-content;
  min-width: max-content;
  color: var(--white);
  padding-left: 72px;
  margin-left: 42px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .tl-13-about-feature {
    font-size: 33px;
  }
}
.tl-13-about-feature::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 32px;
  height: 32px;
  background: url(../images/tl-13/about-ticker-vector.png) no-repeat center center;
  background-size: 100%;
}

.tl-14-about-img {
  position: relative;
}
.tl-14-about-img img {
  width: 630px;
  height: 730px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399px) {
  .tl-14-about-img img {
    height: 600px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-about-img img {
    height: 530px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-about-img img {
    height: 470px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-about-img img {
    height: 400px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-about-img img {
    height: 350px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-about-img img {
    height: 250px;
  }
}
.tl-14-about-img::before {
  content: "";
  position: absolute;
  background: url(../images/tl-12/banner-vector-1.png) no-repeat center center;
  background-size: 100%;
  right: calc(100% + 7px);
  bottom: 100%;
  width: 70px;
  height: 65px;
}
.tl-14-about-txt {
  padding-left: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-14-about-txt {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-about-txt {
    padding-left: 10px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-about-txt {
    padding-left: 0;
    text-align: center;
    padding-inline: 70px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-about-txt {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-about-txt {
    padding-inline: 0;
  }
}
.tl-14-about .tl-13-about-sub-title {
  margin-bottom: 18px;
}
.tl-14-about .tl-14-section-title {
  margin-bottom: 20px;
}
.tl-14-about-descr {
  color: rgba(23, 22, 28, 0.7);
  line-height: 162.5%;
  margin-bottom: 29px;
}
@media screen and (max-width: 1199px) {
  .tl-14-about-descr {
    margin-bottom: 24px;
  }
}
.tl-14-about-service-list {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  row-gap: 7px;
  -moz-column-gap: 55px;
       column-gap: 55px;
  margin-bottom: 42px;
}
@media screen and (max-width: 1199px) {
  .tl-14-about-service-list {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-about-service-list {
    justify-content: center;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-about-service-list {
    grid-template-columns: repeat(1, max-content);
  }
}
.tl-14-about-service-list li {
  color: var(--black);
  font-weight: 500;
  line-height: 162.5%;
  padding-left: 12px;
  position: relative;
  text-align: left;
}
.tl-14-about-service-list li::before {
  content: "+";
  position: absolute;
  left: 0;
}
.tl-14-about-actions {
  display: flex;
  gap: 85px;
  border-block: 1px solid rgba(23, 22, 28, 0.14);
  padding: 18px 0;
}
@media screen and (max-width: 1199px) {
  .tl-14-about-actions {
    gap: 55px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-about-actions {
    justify-content: center;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-about-actions {
    flex-direction: column;
    gap: 25px;
  }
}
.tl-14-about-video {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 479px) {
  .tl-14-about-video {
    justify-content: center;
  }
}
.tl-14-about-video-btn {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: var(--red-3);
  text-align: center;
  line-height: 64px;
  color: var(--white);
  flex-shrink: 0;
}
.tl-14-about-video-btn:hover {
  color: var(--black);
}
.tl-14-about-video-txt {
  font-weight: 600;
  color: var(--black);
  text-align: left;
}
.tl-14-about-achievement {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tl-14-about-achievement .achievement-num {
  font-weight: 900;
  font-size: 80px;
  color: rgba(23, 22, 28, 0.14);
  line-height: 0.6;
}
.tl-14-about-achievement .achievement-name {
  font-weight: 500;
  line-height: 125%;
  color: var(--black);
  text-transform: uppercase;
  width: 50%;
  text-align: left;
}

/* ----- 08. Courses ----- */
.tl-1-courses {
  -webkit-clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
}
.tl-1-courses .tl-1-section-heading {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 479px) {
  .tl-1-courses .tl-1-section-heading {
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-courses .tl-2-blogs-slider-nav button {
    font-size: 22px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-courses .tl-2-blogs-slider-nav button {
    font-size: 20px;
  }
}
.tl-1-course {
  border: 1px solid var(--white);
  background-color: var(--white);
  padding: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-1-course {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-course {
    padding: 20px;
  }
}
.tl-1-course:hover .tl-1-course-img img {
  scale: 1.07;
}
.tl-1-course-img {
  position: relative;
  margin-bottom: 24px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tl-1-course-img {
    margin-bottom: 14px;
  }
}
.tl-1-course-img img {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s ease;
}
@media screen and (max-width: 1199px) {
  .tl-1-course-img img {
    height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-course-img img {
    height: 160px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-course-img img {
    height: 230px;
  }
}
.tl-1-course-price {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 1.5px 15px;
  font-weight: 600;
  font-size: 14px;
  background-color: var(--blue-2);
  color: var(--white);
}
@media screen and (max-width: 767px) {
  .tl-1-course-price {
    right: 10px;
    top: 10px;
  }
}
.tl-1-course-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--black-3);
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .tl-1-course-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 14px;
  }
}
.tl-1-course-title a:hover {
  color: var(--blue-2);
}
.tl-1-course-stats {
  display: flex;
  gap: 25px;
  color: rgba(44, 44, 44, 0.6);
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1;
}
.tl-1-course-author {
  font-size: 15px;
  font-weight: 500;
  color: #5D5C60;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .tl-1-course-author {
    margin-bottom: 3px;
  }
}
.tl-1-course-author > a {
  color: var(--blue-2);
}

.tl-2-course-img {
  position: relative;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .tl-2-course-img {
    margin-bottom: 14px;
  }
}
.tl-2-course-img img {
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tl-2-course-img img {
    height: 190px;
  }
}
.tl-2-course-price {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: var(--kb-orange);
  color: var(--white);
  font-weight: 700;
  font-size: 18px;
  padding: 1px 15px 0px;
}
@media screen and (max-width: 1199px) {
  .tl-2-course-price {
    right: 10px;
    top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-course-price {
    font-size: 16px;
  }
}
.tl-2-course-title {
  margin-bottom: 6px;
}
.tl-2-course-title a:hover {
  color: var(--kb-orange);
}
.tl-2-course-descr {
  margin-bottom: 22px;
  color: rgba(44, 44, 44, 0.7);
}
@media screen and (max-width: 1199px) {
  .tl-2-course-descr {
    margin-bottom: 12px;
  }
}
.tl-2-course-infos {
  display: flex;
  gap: 20px;
  border-top: 1px dashed rgba(24, 34, 47, 0.3);
  padding-top: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-2-course-infos {
    padding-top: 15px;
    margin-bottom: 25px;
  }
}
.tl-2-course-info {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 1199px) {
  .tl-2-course-info {
    flex-direction: column;
    flex: 1;
  }
}
.tl-2-course-info > h6 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}
.tl-2-course-info-key {
  color: var(--kb-orange);
}

.tl-8-courses {
  background-color: #F5F5F5;
}
.tl-8-courses-heading {
  display: flex;
  align-items: center;
  margin-bottom: 49px;
  justify-content: space-between;
}
@media screen and (max-width: 1399px) {
  .tl-8-courses-heading {
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-courses-heading {
    flex-direction: column;
    margin-bottom: 19px;
  }
}
.tl-8-courses .tl-8-section-title {
  margin-bottom: 0;
}
@media screen and (max-width: 479px) {
  .tl-8-courses .tl-8-section-title {
    text-align: center;
  }
}
.tl-8-courses-slider {
  box-shadow: 0 2px 4px rgba(23, 22, 28, 0.1);
  background-color: var(--white);
}
.tl-8-courses-slider .owl-item .tl-8-course-part img {
  width: 52px;
}
.tl-8-courses-slider-nav {
  margin-top: 10px;
  display: flex;
  gap: 8px;
}
.tl-8-courses-slider-nav button {
  background: none;
  color: #8B8B8D;
  transition: 0.4s ease;
  font-size: 20px;
  padding: 1px 6px;
}
.tl-8-courses-slider-nav button:hover {
  color: var(--black);
}
.tl-8-course {
  background-color: var(--white);
  padding: 40px;
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .tl-8-course {
    padding: 30px;
    gap: 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-course {
    flex-direction: column;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-course {
    padding: 15px;
    gap: 15px;
  }
}
.tl-8-course > * {
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (max-width: 1399px) {
  .tl-8-course > * {
    flex-basis: 40%;
    flex-grow: 1;
  }
}
.tl-8-course-img {
  align-self: stretch;
}
.tl-8-course-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 550px;
}
@media screen and (max-width: 991px) {
  .tl-8-course-img img {
    max-height: 400px;
    height: 400px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-course-img img {
    height: 350px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-course-img img {
    height: 250px;
  }
}
.tl-8-course-txt {
  flex-shrink: 1;
  padding-right: 70px;
}
@media screen and (max-width: 1599px) {
  .tl-8-course-txt {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-course-txt {
    padding-right: 0;
  }
}
.tl-8-course-info {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 23px;
}
@media screen and (max-width: 1199px) {
  .tl-8-course-info {
    margin-bottom: 18px;
  }
}
.tl-8-course-price {
  font-size: 30px;
  font-weight: 600;
  border: 1px solid rgba(10, 10, 10, 0.14);
  color: #0a0a0a;
  line-height: 1.3;
  padding: 1.5px 25px;
}
@media screen and (max-width: 1199px) {
  .tl-8-course-price {
    font-size: 25px;
    padding: 1.5px 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-course-price {
    font-size: 22px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-course-price {
    padding-inline: 15px;
    font-size: 20px;
  }
}
.tl-8-course-level {
  color: rgba(10, 10, 10, 0.6);
  font-weight: 500;
}
.tl-8-course-level i {
  font-size: 25px;
}
@media screen and (max-width: 767px) {
  .tl-8-course-level i {
    font-size: 23px;
  }
}
.tl-8-course-title {
  font-size: 40px;
  font-weight: 700;
  color: #0a0a0a;
}
@media screen and (max-width: 1399px) {
  .tl-8-course-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-course-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-course-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-course-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-course-title {
    font-size: 22px;
  }
}
.tl-8-course-descr {
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
  padding-bottom: 26px;
  margin-bottom: 30px;
  color: var(--black);
}
@media screen and (max-width: 1199px) {
  .tl-8-course-descr {
    padding-bottom: 21px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-course-descr {
    padding-bottom: 16px;
    margin-bottom: 20px;
  }
}
.tl-8-course-parts {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 38px;
}
@media screen and (max-width: 1199px) {
  .tl-8-course-parts {
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-course-parts {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-course-parts {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}
.tl-8-course-part {
  display: flex;
  align-items: center;
  gap: 15px;
}
.tl-8-course-part img {
  width: 52px;
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 479px) {
  .tl-8-course-part img {
    width: 42px;
    height: 42px;
  }
}
.tl-8-course-part-txt {
  font-weight: 600;
  color: #18222F;
  font-size: 18px;
  line-height: 22px;
}
.tl-8-course-part-title {
  margin-bottom: 3px;
}
.tl-8-course-part-duration {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .tl-10-course {
    padding-bottom: 60px;
  }
}

.tl-10-course-row {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1199px) {
  .tl-10-course-row {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .tl-10-course-row > * {
    flex: 50%;
    flex-grow: 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-course-row {
    justify-content: center;
  }
  .tl-10-course-row > * {
    flex: auto;
    flex-grow: 0;
  }
}

.tl-10-single-course {
  padding: 65px 45px;
  background: url(../images/tl-10/service-1.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 1399px) {
  .tl-10-single-course {
    padding: 45px 35px;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-single-course {
    padding: 35px 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-single-course {
    padding: 25px;
  }
}
.tl-10-single-course-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 40px;
  color: var(--white);
  margin-bottom: 28px;
}
@media screen and (max-width: 1399px) {
  .tl-10-single-course-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-10-single-course-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-single-course-title {
    font-size: 20px;
    margin-bottom: 18px;
  }
}
.tl-10-single-course-descr {
  margin-bottom: 60px;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1199px) {
  .tl-10-single-course-descr {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-single-course-descr {
    margin-bottom: 20px;
  }
}
.tl-10-single-course-2 {
  background-image: url(../images/tl-10/service-2.png);
}
.tl-10-single-course-3 {
  background-image: url(../images/tl-10/service-3.png);
}

.course-subjects {
  margin-bottom: 76px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .course-subjects {
    margin-bottom: 41px;
  }
}
@media screen and (max-width: 479px) {
  .course-subjects {
    margin-bottom: 31px;
  }
}
.course-subjects li {
  position: relative;
  overflow: hidden;
  padding-left: 16px;
  color: var(--white);
}
@media screen and (max-width: 479px) {
  .course-subjects li {
    font-size: 14px;
  }
}
.course-subjects li:not(:last-child) {
  margin-bottom: 13px;
}
@media screen and (max-width: 575px) {
  .course-subjects li:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 479px) {
  .course-subjects li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.course-subjects li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--tl-btn-bg);
}

.course-type {
  color: var(--tl-btn-bg);
  margin-bottom: 0;
  line-height: 1;
}
.course-type i {
  color: var(--white);
  padding-right: 5px;
}

.tl-10-course-btn {
  width: 180px;
  height: 180px;
  background-color: var(--black);
  display: grid;
  place-items: center;
  transition: all 0.4s ease;
  flex-shrink: 0;
  flex-basis: 180px;
}
@media screen and (max-width: 991px) {
  .tl-10-course-btn {
    width: 160px;
    height: 160px;
    flex-basis: 160px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-course-btn {
    width: 150px;
    height: 150px;
    flex-basis: 150px;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-course-btn {
    width: 130px;
    flex-basis: 130px;
    height: 130px;
  }
}
.tl-10-course-btn:hover {
  background-color: rgb(226, 226, 226);
}
.tl-10-course-btn:hover img {
  filter: invert(1);
}
.tl-10-course-btn img {
  transition: filter 0.4s ease;
}
@media screen and (max-width: 991px) {
  .tl-10-course-btn img {
    width: 70px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-course-btn img {
    width: 65px;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-course-btn img {
    width: 55px;
  }
}

.tl-12-courses {
  background-color: #E1EEDA;
}
.tl-12-courses-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .tl-12-courses-heading {
    flex-direction: column;
    gap: 10px;
  }
}
.tl-12-courses-heading-right {
  gap: 50px;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .tl-12-courses-heading-right {
    gap: 30px;
  }
}
.tl-12-courses .tl-12-section-title {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .tl-12-courses .tl-12-section-title {
    text-align: center;
  }
}
.tl-12-courses-slider-prev, .tl-12-courses-slider-next {
  font-size: 22px;
  color: #8B8B8D;
}
.tl-12-courses-slider-prev:hover, .tl-12-courses-slider-next:hover {
  color: var(--black-3);
}
.tl-12-courses-slider-pagination {
  font-weight: 500;
  font-size: 24px;
  color: #62696C;
}
@media screen and (max-width: 479px) {
  .tl-12-courses-slider-pagination {
    font-size: 22px;
  }
}
.tl-12-courses-slider-pagination .swiper-pagination-current {
  font-size: 64px;
  color: var(--black-3);
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .tl-12-courses-slider-pagination .swiper-pagination-current {
    font-size: 54px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-courses-slider-pagination .swiper-pagination-current {
    font-size: 44px;
  }
}
.tl-12-courses-slider-nav {
  display: flex;
  gap: 20px;
}
.tl-12-course {
  background-color: var(--white);
  padding: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-12-course {
    padding: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-course {
    padding: 20px;
  }
}
.tl-12-course-img {
  position: relative;
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
  .tl-12-course-img {
    margin-bottom: 15px;
  }
}
.tl-12-course-img img {
  width: 100%;
}
.tl-12-course-price {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: var(--tl-btn-bg);
  padding: 1.5px 15px;
  color: var(--black-3);
  font-weight: 600;
  font-size: 14px;
}
@media screen and (max-width: 479px) {
  .tl-12-course-price {
    right: 10px;
    top: 10px;
  }
}
.tl-12-course-info {
  display: flex;
  gap: 25px;
  margin-bottom: 15px;
  align-items: center;
}
@media screen and (max-width: 1399px) {
  .tl-12-course-info {
    gap: 15px;
  }
}
.tl-12-course-category {
  margin-bottom: 0;
  border: 1px solid rgba(44, 44, 44, 0.14);
  text-transform: capitalize;
  color: rgba(44, 44, 44, 0.6);
  font-size: 15px;
  padding: 3.5px 15px;
}
@media screen and (max-width: 1199px) {
  .tl-12-course-category {
    font-size: 14px;
    padding: 3.5px 12px;
  }
}
.tl-12-course-ratings {
  font-size: 14px;
  color: rgba(44, 44, 44, 0.6);
}
.tl-12-course-stars {
  font-size: 12px;
  color: #FFA121;
}
.tl-12-course-stats {
  display: flex;
  gap: 25px;
  margin-bottom: 10px;
  color: rgba(44, 44, 44, 0.6);
  font-size: 14px;
}
.tl-12-course-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--black-3);
  margin-bottom: 6px;
}
@media screen and (max-width: 1399px) {
  .tl-12-course-title {
    font-size: 18px;
    line-height: 28px;
  }
}
.tl-12-course-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-12-course-descr {
  color: rgba(44, 44, 44, 0.7);
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .tl-12-course-descr {
    font-size: 14px;
  }
}
.tl-12-course-btn {
  font-weight: 500;
  color: var(--black-3);
  line-height: 10px;
  vertical-align: bottom;
}
.tl-12-course-btn:hover {
  color: var(--tl-btn-bg);
}
.tl-12-course-btn i {
  padding-left: 3px;
}

.tl-13-courses .tl-13-section-title {
  margin-bottom: 0;
}
.tl-13-courses-slider .owl-stage-outer {
  padding-bottom: 30px;
  padding-right: 30px;
  margin-bottom: -30px;
  margin-right: -30px;
}
@media screen and (max-width: 1199px) {
  .tl-13-courses-slider .owl-stage-outer {
    padding-bottom: 20px;
    padding-right: 20px;
    margin-bottom: -20px;
    margin-right: -20px;
  }
}
.tl-13-courses-slider-nav {
  display: flex;
  gap: 20px;
}
.tl-13-courses-slider-nav button {
  font-size: 25px;
  color: #8B8B8D;
  transition: 0.4s ease;
}
.tl-13-courses-slider-nav button:hover {
  color: var(--black);
}

.tl-13-course {
  padding: 40px;
  border: 1px solid rgba(23, 22, 28, 0.14);
  box-shadow: 6px 6px 0 rgba(23, 22, 28, 0.14);
  background-color: var(--white);
  transition: 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-13-course {
    padding: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-course {
    padding: 20px;
  }
}
.tl-13-course:hover {
  box-shadow: 6px 6px 0 var(--tl-btn-bg);
  border-color: var(--black);
}
.tl-13-course img.tl-9-class-img {
  width: 100%;
}
.tl-13-course .tl-9-class-tag {
  background-color: var(--black);
}
.tl-13-course .tl-9-class-img {
  width: 330px;
  height: 240px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 35px;
}
@media screen and (max-width: 1399px) {
  .tl-13-course .tl-9-class-img {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-course .tl-9-class-img {
    height: 200px;
    margin-bottom: 15px;
  }
}
.tl-13-course .tl-9-class-category {
  border-radius: 30px;
  padding: 3px 15px 2px;
  padding-left: 25px;
  position: relative;
  border-color: rgba(23, 22, 28, 0.2);
}
.tl-13-course .tl-9-class-category::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(23, 22, 28, 0.7);
  left: 15px;
  top: 50%;
  translate: 0 -50%;
}
.tl-13-course .tl-9-class-infos {
  margin-bottom: 13px;
}
.tl-13-course-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 14px;
}
@media screen and (max-width: 1199px) {
  .tl-13-course-title {
    font-size: 18px;
    line-height: 28px;
  }
}
.tl-13-course-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-13-course .tl-12-course-stat-icon {
  color: rgba(23, 22, 28, 0.9);
}
.tl-13-course .tl-12-course-stat-txt {
  color: rgba(23, 22, 28, 0.8);
}
.tl-13-course-actions {
  padding-top: 22px;
  margin-top: 26px;
  border-top: 1px solid rgba(23, 22, 28, 0.14);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .tl-13-course-actions {
    padding-top: 12px;
    margin-top: 16px;
  }
}
.tl-13-course-actions .tl-9-program-btn:hover {
  color: var(--tl-btn-bg);
}

.tl-14-courses .owl-stage-outer {
  padding: 10px;
  margin: -10px;
}

.tl-14-course {
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 rgba(23, 22, 28, 0.14);
  transition: 0.4s ease;
}
.tl-14-course:hover {
  box-shadow: 0 4px 10px rgba(23, 22, 28, 0.14);
}
.tl-14-course:hover::before {
  width: 100%;
}
.tl-14-course::before {
  position: absolute;
  content: "";
  border-top: 3px solid var(--red-3);
  inset: 0;
  width: 0;
  transition: 0.4s ease;
  margin: auto;
  z-index: -1;
}
.tl-14-course .tl-12-course-img {
  margin-bottom: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-14-course .tl-12-course-img {
    margin-bottom: 20px;
  }
}
.tl-14-course .tl-12-course-img img {
  width: 100%;
  height: 214px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-14-course .tl-12-course-title a:hover {
  color: var(--red-3);
}
.tl-14-course .tl-12-course-price {
  width: 50px;
  height: 50px;
  line-height: 52px;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  color: var(--white);
  background-color: var(--red-3);
  font-size: 16px;
}
@media screen and (max-width: 1399px) {
  .tl-14-course .tl-12-course-price {
    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 14px;
  }
}
.tl-14-course .tl-12-course-category {
  border-radius: 20px;
}
.tl-14-course .tl-12-course-descr {
  margin-bottom: 32px;
}
@media screen and (max-width: 1399px) {
  .tl-14-course .tl-12-course-descr {
    margin-bottom: 22px;
  }
}
.tl-14-course .tl-12-course-btn:hover {
  color: var(--red-3);
}
.tl-14-course-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
}
@media screen and (max-width: 1399px) {
  .tl-14-course-footer {
    flex-direction: column;
    row-gap: 10px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-course-footer {
    flex-direction: row;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-course-footer {
    flex-direction: column;
  }
}
.tl-14-course-footer::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 1px;
  background-color: rgba(23, 22, 28, 0.14);
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.tl-14-course-footer .tl-12-course-stats {
  margin-bottom: 0;
}

@media screen and (max-width: 1399px) {
  .tl-inner-courses {
    padding: 80px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-inner-courses {
    padding: 60px 0;
  }
}

.tl-5-section-title.mtm-15 {
  margin-top: -15px;
}

/* ----- 09. Testimonial ----- */
.tl-1-testimonial-slider-container {
  position: relative;
  padding: 90px 100px;
}
@media screen and (max-width: 1399px) {
  .tl-1-testimonial-slider-container {
    padding: 80px 90px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-testimonial-slider-container {
    padding: 70px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-testimonial-slider-container {
    padding: 60px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-testimonial-slider-container {
    padding: 50px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-testimonial-slider-container {
    padding: 50px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-testimonial-slider-container {
    padding: 40px;
    padding-bottom: 80px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.tl-1-testimonial-slider-container::before {
  content: "";
  position: absolute;
  background: url(../images/tl-1/quote-icon.png) no-repeat center center;
  background-size: 100%;
  width: 197px;
  height: 162px;
  top: 60px;
  right: 50px;
}
.tl-1-testimonial-slider .owl-item img.tl-1-testimony-img {
  width: 340px;
  height: 388px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .tl-1-testimonial-slider .owl-item img.tl-1-testimony-img {
    width: 330px;
    height: 378px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-testimonial-slider .owl-item img.tl-1-testimony-img {
    height: 328px;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-testimonial-slider .owl-item img.tl-1-testimony-img {
    height: 230px;
  }
}
.tl-1-testimonial-slider .owl-dots {
  display: flex;
  gap: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 20px);
}
@media screen and (max-width: 991px) {
  .tl-1-testimonial-slider .owl-dots {
    top: calc(100% + 40px);
    left: 50%;
    margin-left: -25px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-testimonial-slider .owl-dots {
    top: calc(100% + 30px);
    left: 50%;
    margin-left: -25px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-testimonial-slider .owl-dots {
    top: calc(100% + 30px);
  }
}
.tl-1-testimonial-slider .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(23, 22, 28, 0.2);
}
.tl-1-testimonial-slider .owl-dots .owl-dot.active {
  background-color: var(--blue-2);
}

.tl-1-testimony {
  padding: 0;
  gap: 60px;
  background-color: transparent;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .tl-1-testimony {
    gap: 35px;
  }
}
@media screen and (max-width: 991px) {
  .tl-1-testimony {
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-testimony {
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-testimony {
    gap: 25px;
    flex-direction: column;
  }
}
.tl-1-testimony::before {
  content: none;
}
.tl-1-testimony-stars {
  font-size: 12px;
  color: #FFA121;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .tl-1-testimony-stars {
    margin-bottom: 15px;
  }
}
.tl-1-testimony-review {
  font-size: 20px;
  line-height: 40px;
  color: rgba(23, 22, 28, 0.7);
  margin-bottom: 39px;
}
@media screen and (max-width: 767px) {
  .tl-1-testimony-review {
    margin-bottom: 29px;
    font-size: 16px;
    line-height: 1.5;
  }
}
.tl-1-testimony-review::before, .tl-1-testimony-review::after {
  content: "”";
}

.tl-1-reviewer {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 991px) {
  .tl-1-reviewer {
    justify-content: center;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-reviewer {
    justify-content: center;
  }
}
.tl-1-reviewer-name {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 3px;
}
.tl-1-reviewer-label {
  font-size: 15px;
  color: #5F5F5F;
}

.tl-2-testimonial {
  overflow-x: hidden;
}
.tl-2-testimonial .tl-2-section-title {
  text-align: center;
}
.tl-2-testimonial .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.tl-2-testimonial .owl-item.active.center .tl-2-testimony {
  background-color: var(--kb-orange);
  box-shadow: none;
}
.tl-2-testimonial .owl-item.active.center .tl-2-testimony-txt {
  color: var(--white);
}
.tl-2-testimonial .owl-item.active.center .tl-2-testimony-reviewer-name {
  color: var(--white);
}
.tl-2-testimonial .owl-item.active.center .tl-2-testimony-reviewer-label {
  color: rgba(255, 255, 255, 0.8);
}
.tl-2-testimonial .owl-nav {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  margin-top: 45px;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .tl-2-testimonial .owl-nav {
    margin-top: 40px;
  }
}
.tl-2-testimonial .owl-nav::before, .tl-2-testimonial .owl-nav::after {
  content: "";
  position: absolute;
  left: -180px;
  top: 50%;
  translate: 0 -50%;
  width: 150px;
  height: 0.1px;
  background-color: rgba(23, 22, 28, 0.24);
}
.tl-2-testimonial .owl-nav::after {
  left: calc(100% + 30px);
}
.tl-2-testimonial .owl-nav button.owl-prev,
.tl-2-testimonial .owl-nav button.owl-next {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(23, 22, 28, 0.14);
  font-size: 20px;
  text-align: center;
  color: var(--black);
  border-radius: 0;
}
.tl-2-testimonial .owl-nav button.owl-prev:hover,
.tl-2-testimonial .owl-nav button.owl-next:hover {
  color: var(--white);
  background-color: var(--kb-orange);
  border-color: var(--kb-orange);
}
.tl-2-testimonial .owl-carousel .owl-item img {
  width: 50px;
}

.tl-2-testimony {
  background-color: var(--white);
  opacity: 1;
  padding: 50px 60px;
  transition: all 0.4s ease;
}
@media screen and (max-width: 767px) {
  .tl-2-testimony {
    padding: 40px 30px;
  }
}
.tl-2-testimony-txt {
  color: var(--black);
  font-size: 20px;
  line-height: 34px;
}
.tl-2-testimony-reviewer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tl-2-testimony-reviewer-img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.tl-2-testimony-reviewer-name {
  font-size: 18px;
  font-weight: 500;
  color: var(--black);
  line-height: 1;
  margin-bottom: 5px;
}
.tl-2-testimony-reviewer-label {
  color: rgba(23, 22, 28, 0.6);
  font-weight: 400;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
}

.tl-4-testimonial .tl-4-section-title {
  width: 55%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .tl-4-testimonial .tl-4-section-title {
    width: 75%;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-testimonial .tl-4-section-title {
    width: 100%;
  }
}
.tl-4-testimonial-slider .owl-item img {
  width: 400px;
}
@media screen and (max-width: 1199px) {
  .tl-4-testimonial-slider .owl-item img {
    width: 380px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-testimonial-slider .owl-item img {
    width: 320px;
    height: 320px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-testimonial-slider .owl-item img {
    width: 300px;
    height: 300px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-testimonial-slider .owl-item img {
    height: 250px;
  }
}
.tl-4-testimonial-users {
  margin-top: 70px;
  border-top: 1px solid rgba(23, 22, 28, 0.1);
  display: flex;
}
@media screen and (max-width: 1399px) {
  .tl-4-testimonial-users {
    margin-top: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-testimonial-users {
    margin-top: 30px;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
  }
}
.tl-4-testimonial-users > * {
  padding: 0;
  flex-grow: 1;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .tl-4-testimonial-users > * {
    flex-grow: 0;
  }
}
.tl-4-testimonial-users > *::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 0;
  height: 2px;
  background-color: var(--red-2);
}
.tl-4-testimonial-users > *.active::before {
  width: 100%;
  transition: 0.4s ease;
}
.tl-4-testimonial-users .tl-4-reviewer {
  padding: 20px;
}
@media screen and (max-width: 991px) {
  .tl-4-testimonial-users .tl-4-reviewer {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-testimonial-users .tl-4-reviewer {
    padding: 10px 10px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-testimonial-users .tl-4-reviewer {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-testimonial-users .tl-4-reviewer-txt {
    display: none;
  }
}
.tl-4-testimony {
  background-color: #F3F1F1;
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-4-testimony {
    gap: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-testimony {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-testimony {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-testimony {
    padding: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-testimony {
    gap: 20px;
    padding: 20px;
  }
}
.tl-4-testimony::before {
  content: "";
  position: absolute;
  background: url(../images/tl-4/quote-icon.png) no-repeat center center;
  background-size: contain;
  bottom: 70px;
  right: 70px;
  width: 84px;
  height: 70px;
}
@media screen and (max-width: 1199px) {
  .tl-4-testimony::before {
    bottom: 50px;
    right: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-testimony::before {
    bottom: 25px;
    right: 35px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-testimony::before {
    width: 74px;
    height: 60px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-testimony::before {
    width: 64px;
    height: 50px;
  }
}
.tl-4-testimony-img {
  width: 400px;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-4-testimony-review {
  font-size: 20px;
  line-height: 40px;
  color: rgba(23, 22, 28, 0.7);
  border-bottom: 1px solid rgba(23, 22, 28, 0.1);
  padding-bottom: 30px;
  margin-bottom: 37px;
}
@media screen and (max-width: 1199px) {
  .tl-4-testimony-review {
    font-size: 18px;
    line-height: 38px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-testimony-review {
    padding-bottom: 20px;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-testimony-review {
    font-size: 16px;
    line-height: 30px;
  }
}
.tl-4-testimony-review::before {
  content: "“";
}
.tl-4-testimony-review::after {
  content: "”";
}
.tl-4-reviewer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tl-4-reviewer-img {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .tl-4-reviewer-img {
    width: 46px;
    height: 46px;
  }
}
.tl-4-reviewer-name {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 3px;
  display: block;
}
@media screen and (max-width: 1199px) {
  .tl-4-reviewer-name {
    margin-bottom: 0;
  }
}
.tl-4-reviewer-label {
  font-size: 15px;
  color: #5F5F5F;
}

.tl-5-testimonial {
  position: relative;
}
.tl-5-testimonial-heading {
  margin-bottom: 59px;
}
@media screen and (max-width: 1399px) {
  .tl-5-testimonial-heading {
    margin-bottom: 39px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-testimonial-heading {
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-testimonial-heading {
    flex-direction: column;
    row-gap: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-testimonial-heading {
    margin-bottom: 24px;
    row-gap: 10px;
  }
}
.tl-5-testimonial .tl-5-section-title {
  margin-bottom: 0;
}
.tl-5-testimonial-img {
  position: relative;
  isolation: isolate;
}
.tl-5-testimonial-img::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to bottom, transparent 50%, #17161C);
}
.tl-5-testimonial-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 300px;
}
.tl-5-testimonial-slider {
  position: absolute;
  bottom: 100px;
  left: -130px;
  background-color: var(--white);
  max-width: 1100px;
}
@media screen and (max-width: 1759px) {
  .tl-5-testimonial-slider {
    bottom: 70px;
    max-width: 900px;
  }
}
@media screen and (max-width: 1679px) {
  .tl-5-testimonial-slider {
    bottom: 50px;
    max-width: 800px;
    left: -55px;
  }
}
@media screen and (max-width: 1599px) {
  .tl-5-testimonial-slider {
    bottom: 40px;
    left: 0;
  }
}
@media screen and (max-width: 1199px) {
  .tl-5-testimonial-slider {
    position: static;
    margin: auto;
    margin-top: -120px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  }
}
.tl-5-testimonial-slider-nav {
  display: flex;
  gap: 10px;
}
.tl-5-testimonial-slider-nav button {
  height: 45px;
  line-height: 45px;
  font-size: 40px;
  background: none;
  color: #0A0A0A;
  opacity: 40%;
  transition: all 0.4s ease;
  padding: 1px 6px;
}
@media screen and (max-width: 767px) {
  .tl-5-testimonial-slider-nav button {
    font-size: 38px;
  }
}
.tl-5-testimonial-slider-nav button:hover {
  color: var(--red);
  opacity: 100%;
}
.tl-5-testimonial-slider-nav button i {
  font-weight: 300;
}

.tl-5-single-testimony {
  padding: 80px 110px;
  display: flex;
  align-items: flex-start;
  gap: 55px;
}
@media screen and (max-width: 1759px) {
  .tl-5-single-testimony {
    gap: 45px;
    padding: 60px;
  }
}
@media screen and (max-width: 1679px) {
  .tl-5-single-testimony {
    gap: 35px;
    padding: 45px;
  }
}
@media screen and (max-width: 1599px) {
  .tl-5-single-testimony {
    gap: 30px;
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-single-testimony {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-single-testimony {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-single-testimony {
    padding: 15px;
  }
}
@media screen and (max-width: 1679px) {
  .tl-5-single-testimony-icon {
    width: 60px;
  }
}
@media screen and (max-width: 1599px) {
  .tl-5-single-testimony-icon {
    width: 50px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-single-testimony-icon {
    width: 40px;
  }
}
.tl-5-single-testimony p {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 42px;
  color: var(--black);
}
@media screen and (max-width: 1759px) {
  .tl-5-single-testimony p {
    font-size: 22px;
    line-height: 37px;
  }
}
@media screen and (max-width: 1679px) {
  .tl-5-single-testimony p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-single-testimony p {
    font-size: 18px;
    line-height: 32px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-single-testimony p {
    margin-bottom: 22px;
  }
}

.tl-5-alumni {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 10px;
}
@media screen and (max-width: 479px) {
  .tl-5-alumni {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tl-5-alumni-name {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  color: #0A0A0A;
  line-height: 1;
}
@media screen and (max-width: 1679px) {
  .tl-5-alumni-name {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-alumni-name {
    font-size: 16px;
  }
}
.tl-5-alumni-label {
  color: #777272;
  font-size: 18px;
}
@media screen and (max-width: 1679px) {
  .tl-5-alumni-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .tl-5-alumni-label {
    font-size: 14px;
  }
}

.tl-7-testimonial {
  background-color: #000;
  padding: 120px 0;
  font-weight: 300;
}
@media screen and (max-width: 991px) {
  .tl-7-testimonial {
    padding: 60px 0;
  }
}
.tl-7-testimonial-row {
  display: flex;
  align-items: center;
  -moz-column-gap: 80px;
       column-gap: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-7-testimonial-row {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-testimonial-row {
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-testimonial-row {
    flex-direction: column;
    row-gap: 30px;
  }
}
.tl-7-testimonial-slider {
  max-width: 465px;
}
.tl-7-testimonial-slider-col {
  max-width: 100%;
}
.tl-7-testimonial-slider .slick-list {
  margin-top: -100px;
  margin-left: -100px;
}
.tl-7-testimonial-slider-dots {
  position: relative;
  z-index: 10;
}
.tl-7-testimonial-slider-dots .slick-dots {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 45px;
  position: static;
  transform: none;
  flex-direction: row;
}
@media screen and (max-width: 1399px) {
  .tl-7-testimonial-slider-dots .slick-dots {
    margin-top: 25px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-testimonial-slider-dots .slick-dots {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-testimonial-slider-dots .slick-dots {
    margin-top: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-testimonial-slider-dots .slick-dots {
    margin-top: 15px;
  }
}
.tl-7-testimonial-slider-dots .slick-dots li {
  transition: 0.4s ease;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transition: 0.4s ease;
  font-size: 0;
  padding: 0;
  background: transparent;
  opacity: 1;
}
.tl-7-testimonial-slider-dots .slick-dots li.slick-active {
  scale: 1.75;
  background-color: var(--white);
  border-color: var(--white);
}
.tl-7-testimonial-right-img {
  border-radius: 50%;
  width: 220px;
  height: 220px;
}
@media screen and (max-width: 1399px) {
  .tl-7-testimonial-right-img {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-testimonial-right-img {
    display: none;
  }
}
.tl-7-reviewer-img-slider {
  flex-shrink: 0;
  flex-grow: 1;
  max-width: 440px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1399px) {
  .tl-7-reviewer-img-slider {
    max-width: 350px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-reviewer-img-slider {
    max-width: 300px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-reviewer-img-slider {
    max-width: 280px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-reviewer-img-slider {
    max-width: 250px;
  }
}
.tl-7-testimony {
  padding-top: 100px;
  padding-left: 100px;
}
.tl-7-testimony-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tl-7-testimony-txt {
  font-size: 18px;
  line-height: 34px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 55px;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-7-testimony-txt {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-testimony-txt {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-testimony-txt {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 32px;
  }
}
.tl-7-testimony-txt::before {
  content: "Client";
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.14);
  font-size: clamp(25px, 4.5vw, 80px);
  position: absolute;
  font-weight: 700;
  top: -10px;
  left: -98px;
}
.tl-7-testimony-reviewer-name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 0;
}
.tl-7-testimony-reviewer-role {
  color: #707477;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}

.tl-8-testimonial .tl-8-experts-heading-descr {
  width: 50%;
}
@media screen and (max-width: 1199px) {
  .tl-8-testimonial .tl-8-experts-heading-descr {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-testimonial .tl-8-experts-heading-descr {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-testimonial .tl-8-experts-heading-descr {
    width: 100%;
  }
}
.tl-8-testimonial .owl-carousel .tl-8-testimony-reviewer img {
  width: 56px;
}
.tl-8-testimonial-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0;
}
@media screen and (max-width: 991px) {
  .tl-8-testimonial-slider-nav {
    display: none;
  }
}
.tl-8-testimonial-slider-nav button {
  border: 1.5px solid rgba(23, 22, 28, 0.14);
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--white);
  padding: 0;
  font-size: 18px;
  transition: 0.4s ease;
}
.tl-8-testimonial-slider-nav button:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}
.tl-8-testimony {
  padding: 110px 178px;
  background-color: #F5F5F5;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-8-testimony {
    padding: 90px 138px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-testimony {
    padding: 70px 98px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-testimony {
    padding: 50px 78px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-testimony {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-testimony {
    padding: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-testimony {
    padding: 15px;
  }
}
.tl-8-testimony::before {
  content: url(../images/tl-8/quote-icon.png);
  position: absolute;
  left: 60px;
  top: 60px;
  opacity: 8%;
}
.tl-8-testimony::after {
  content: url(../images/tl-8/quote-icon.png);
  position: absolute;
  right: 60px;
  bottom: 60px;
  opacity: 8%;
  scale: -1 1;
}
.tl-8-testimony-txt {
  text-align: center;
  font-size: 26px;
  line-height: 40px;
  color: rgba(24, 34, 47, 0.7);
  margin-bottom: 44px;
}
@media screen and (max-width: 1399px) {
  .tl-8-testimony-txt {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-testimony-txt {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-testimony-txt {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-testimony-txt {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 14px;
  }
}
.tl-8-testimony-txt::before {
  content: "“";
}
.tl-8-testimony-txt::after {
  content: "”";
}
.tl-8-testimony-reviewer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.tl-8-testimony-reviewer > img {
  width: 56px;
  height: 56px;
  flex-shrink: 1;
}
.tl-8-testimony-reviewer-name {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #18222F;
}
.tl-8-testimony-reviewer-info {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #707477;
}

.tl-9-testimonial .tl-7-reviewer-img-slider {
  padding: 30px;
  border: 1px solid rgba(44, 44, 44, 0.14);
  background-color: #F3F1F1;
}
.tl-9-testimonial .tl-7-reviewer-img-slider img {
  border-radius: 50%;
}
.tl-9-testimonial .tl-7-testimony-txt {
  color: rgba(44, 44, 44, 0.7);
  font-weight: 400;
}
.tl-9-testimonial .tl-7-testimony-txt::before {
  content: "Review";
  -webkit-text-stroke-color: rgba(44, 44, 44, 0.14);
  left: -42px;
}
.tl-9-testimonial .tl-7-testimony-reviewer-name {
  color: var(--black-2);
}
.tl-9-testimonial-slider-dots .slick-dots li {
  border-color: rgba(44, 44, 44, 0.4);
}
.tl-9-testimonial-slider-dots .slick-dots li.slick-active {
  background-color: var(--ligh-yellow);
  border-color: var(--ligh-yellow);
}
.tl-9-testimonial .tl-7-testimonial-right-img {
  padding: 20px;
  border: 1px solid rgba(44, 44, 44, 0.14);
}

.owl-carousel .owl-item .tl-1-course-img img {
  width: 100%;
}

.tl-10-testimonial {
  overflow-x: hidden;
}
@media screen and (max-width: 991px) {
  .tl-10-testimonial {
    padding-bottom: 60px;
  }
}
.tl-10-testimonial .tl-10-section-heading {
  width: 50%;
  margin-bottom: 67px;
}
@media screen and (max-width: 1399px) {
  .tl-10-testimonial .tl-10-section-heading {
    margin-bottom: 47px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-10-testimonial .tl-10-section-heading {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-testimonial .tl-10-section-heading {
    width: 80%;
    margin-bottom: 37px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-testimonial .tl-10-section-heading {
    width: 90%;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-testimonial .tl-10-section-heading {
    width: 100%;
  }
}
.tl-10-testimonial .tl-10-users-img > *:not(:first-child) {
  margin-left: -27px;
}
.tl-10-testimonial .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.tl-10-testimonial .owl-carousel .owl-item img {
  width: 40px;
}
.tl-10-testimonial .owl-item.active.center .tl-10-single-testimony {
  background-color: #36348E;
  color: var(--white);
  box-shadow: 0 30px 80px rgba(54, 52, 142, 0.3);
  opacity: 100%;
}
.tl-10-testimonial .owl-nav {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  margin-top: 75px;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .tl-10-testimonial .owl-nav {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-testimonial .owl-nav {
    margin-top: 30px;
  }
}
.tl-10-testimonial .owl-nav::before, .tl-10-testimonial .owl-nav::after {
  content: "";
  position: absolute;
  left: -180px;
  top: 50%;
  translate: 0 -50%;
  width: 150px;
  height: 0.1px;
  background-color: rgba(23, 22, 28, 0.24);
}
.tl-10-testimonial .owl-nav::after {
  left: calc(100% + 30px);
}
.tl-10-testimonial .owl-nav button.owl-prev,
.tl-10-testimonial .owl-nav button.owl-next {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(23, 22, 28, 0.14);
  border-radius: 50%;
  font-size: 20px;
  text-align: center;
  color: var(--black);
}
@media screen and (max-width: 1199px) {
  .tl-10-testimonial .owl-nav button.owl-prev,
  .tl-10-testimonial .owl-nav button.owl-next {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-testimonial .owl-nav button.owl-prev,
  .tl-10-testimonial .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
  }
}
.tl-10-testimonial .owl-nav button.owl-prev:hover,
.tl-10-testimonial .owl-nav button.owl-next:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}

.tl-10-single-testimony {
  background-color: #F2F4F9;
  padding: 50px 60px;
  opacity: 40%;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-10-single-testimony {
    padding: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-10-single-testimony {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-single-testimony {
    padding: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-single-testimony {
    padding: 20px;
  }
}
.tl-10-single-testimony-txt {
  font-size: 20px;
  line-height: 34px;
}
@media screen and (max-width: 1399px) {
  .tl-10-single-testimony-txt {
    font-size: 18px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-10-single-testimony-txt {
    font-size: 16px;
    line-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-single-testimony-txt {
    font-size: 14px;
    line-height: 24px;
  }
}
.tl-10-single-testimony-reviewer {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tl-10-single-testimony-reviewer-img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.tl-10-single-testimony-reviewer-name {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  line-height: 1;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .tl-10-single-testimony-reviewer-name {
    font-size: 14px;
  }
}
.tl-10-single-testimony-reviewer-label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--tl-btn-bg);
}
@media screen and (max-width: 767px) {
  .tl-10-single-testimony-reviewer-label {
    font-size: 12px;
  }
}

.tl-12-testimonial img {
  height: 100%;
}
.tl-12-testimonial .autoplay-progress {
  position: relative;
  z-index: 10;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--black-3);
  margin-left: auto;
  margin-right: 43px;
  margin-bottom: 30px;
  outline: 1px solid rgba(44, 44, 44, 0.14);
  outline-offset: -2px;
  border-radius: 50%;
}
@media screen and (max-width: 1199px) {
  .tl-12-testimonial .autoplay-progress {
    margin-bottom: 15px;
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-testimonial .autoplay-progress {
    margin-right: 0;
  }
}
.tl-12-testimonial .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 2px;
  stroke: var(--tl-btn-bg);
  fill: none;
  stroke-dashoffset: calc(207 * (1 - var(--progress)));
  stroke-dasharray: 207;
  transform: rotate(-90deg);
}
.tl-12-testimonial-slider {
  position: relative;
}
@media screen and (max-width: 991px) {
  .tl-12-testimonial-slider {
    margin-top: 30px;
  }
}
.tl-12-testimonial-slider-nav {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 11;
}
@media screen and (max-width: 479px) {
  .tl-12-testimonial-slider-nav {
    display: none;
  }
}
.tl-12-testimonial-slider-nav button {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(44, 44, 44, 0.14);
  background-color: var(--white);
}
@media screen and (max-width: 991px) {
  .tl-12-testimonial-slider-nav button {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-testimonial-slider-nav button {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
}
.tl-12-testimonial-slider-nav button:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}
.tl-12-testimony {
  padding-left: 70px;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-12-testimony {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-testimony {
    padding-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-testimony {
    padding-left: 0;
  }
}
.tl-12-testimony::before {
  content: "";
  position: absolute;
  width: 190px;
  height: 160px;
  top: -80px;
  left: 0px;
  background: url(../images/tl-12/quote-icon.png) no-repeat center center;
  background-size: 100%;
}
@media screen and (max-width: 1199px) {
  .tl-12-testimony::before {
    width: 170px;
    height: 140px;
    top: -60px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-testimony::before {
    width: 150px;
    height: 120px;
  }
}
.tl-12-testimony-txt {
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 79px;
}
@media screen and (max-width: 1399px) {
  .tl-12-testimony-txt {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 49px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-testimony-txt {
    margin-bottom: 39px;
    font-size: 20px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-testimony-txt {
    margin-bottom: 29px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-testimony-txt {
    font-size: 16px;
    line-height: 28px;
  }
}
.tl-12-testimony-txt::before {
  content: "“";
}
.tl-12-testimony-txt::after {
  content: "”";
}
.tl-12-testimony-user-info {
  margin-bottom: 0;
}
.tl-12-testimony-user-name {
  font-size: 22px;
  line-height: 29px;
  font-weight: 700;
  color: var(--black-3);
}
@media screen and (max-width: 1199px) {
  .tl-12-testimony-user-name {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-testimony-user-name {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 3px;
  }
}
.tl-12-testimony-user-role {
  font-size: 18px;
  line-height: 29px;
  color: #707477;
}
@media screen and (max-width: 767px) {
  .tl-12-testimony-user-role {
    font-size: 16px;
    line-height: 27px;
  }
}
.tl-12-testimony-user-company {
  max-width: 90px;
}
@media screen and (max-width: 767px) {
  .tl-12-testimony-user-company {
    max-width: 70px;
  }
}

.tl-13-testimonial-img {
  border: 1px solid #ddd;
  padding: 40px;
  position: relative;
  width: 480px;
}
@media screen and (max-width: 1399px) {
  .tl-13-testimonial-img {
    width: 430px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-testimonial-img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .tl-13-testimonial-img {
    width: 60%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .tl-13-testimonial-img {
    width: 80%;
  }
}
@media screen and (max-width: 575px) {
  .tl-13-testimonial-img {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-testimonial-img {
    width: 100%;
  }
}
.tl-13-testimonial-user-slider {
  margin-right: -80px;
  margin-left: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-13-testimonial-user-slider {
    margin-right: -80px;
    margin-left: 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-13-testimonial-user-slider {
    margin: 0;
  }
}
.tl-13-testimonial-user-slider img {
  width: 400px;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 575px) {
  .tl-13-testimonial-user-slider img {
    height: 300px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-testimonial-user-slider img {
    height: 230px;
  }
}
.tl-13-testimonial-quote-icon {
  position: absolute;
  left: 50px;
  top: 50%;
  translate: 0 -50%;
  width: 140px;
  height: 140px;
  background-color: var(--white);
  padding: 45px 40px;
  box-shadow: 6px 6px 0 rgba(23, 22, 28, 0.14);
  border: 1px solid rgba(23, 22, 28, 0.14);
}
@media screen and (max-width: 1399px) {
  .tl-13-testimonial-quote-icon {
    width: 110px;
    height: 110px;
    left: -20px;
    padding: 35px 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-testimonial-quote-icon {
    width: 80px;
    height: 80px;
    left: -10px;
    padding: 20px 15px;
  }
}
.tl-13-testimonial-slider {
  margin-left: 63px;
}
@media screen and (max-width: 991px) {
  .tl-13-testimonial-slider {
    margin-left: 0;
  }
}
.tl-13-testimonial-slider .kb-15-testimony-review {
  margin-bottom: 15px;
}
@media screen and (max-width: 1199px) {
  .tl-13-testimonial-slider .kb-15-testimony-review {
    padding-bottom: 20px;
  }
}

.tl-14-testimonial .tl-14-section-title {
  width: 50%;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tl-14-testimonial .tl-14-section-title {
    width: 55%;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-testimonial .tl-14-section-title {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-testimonial .tl-14-section-title {
    width: 85%;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-testimonial .tl-14-section-title {
    width: 100%;
  }
}
.tl-14-testimonial .tl-1-stats {
  border-top: 0;
  padding-top: 0;
  border-bottom: 1px solid rgba(23, 22, 28, 0.14);
  padding-bottom: 43px;
  margin-top: 49px;
}
@media screen and (max-width: 991px) {
  .tl-14-testimonial .tl-1-stats {
    margin-top: 39px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-testimonial .tl-1-stats {
    margin-top: 19px;
    padding-bottom: 23px;
  }
}
.tl-14-testimonial-users {
  max-width: 400px;
  margin: auto;
  margin-top: 60px;
}
@media screen and (max-width: 1199px) {
  .tl-14-testimonial-users {
    margin-top: 40px;
  }
}
.tl-14-testimonial-users .slick-list {
  margin-top: -20px;
}

.tl-14-testimony {
  background-color: #F3F1F1;
  box-shadow: inset 0 3px 0 var(--red-3);
  padding: 70px 230px 90px;
  text-align: center;
}
@media screen and (max-width: 1399px) {
  .tl-14-testimony {
    padding: 70px 150px 90px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-testimony {
    padding: 50px 100px 70px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-testimony {
    padding: 40px 50px 60px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-testimony {
    padding: 40px 20px 60px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-testimony {
    padding: 40px 20px 40px;
  }
}
.tl-14-testimony img {
  margin: auto;
  margin-bottom: 39px;
}
@media screen and (max-width: 991px) {
  .tl-14-testimony img {
    margin-bottom: 29px;
  }
}
.tl-14-testimony-txt {
  color: var(--black);
  text-align: center;
  font-size: 24px;
  line-height: 150%;
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .tl-14-testimony-txt {
    font-size: 22px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-testimony-txt {
    font-size: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-testimony-txt {
    font-size: 18px;
  }
}
.tl-14-testimony-user {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-top: 20px;
}
.tl-14-testimony-user.slick-center img {
  scale: 1.3;
}
.tl-14-testimony-user.slick-center .tl-14-testimony-user-txt {
  opacity: 1;
  visibility: visible;
}
.tl-14-testimony-user img {
  transition: 0.4s ease;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-inline: auto;
}
.tl-14-testimony-user-txt {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  margin-top: 42px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .tl-14-testimony-user-txt {
    margin-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-testimony-user-txt {
    margin-bottom: 22px;
  }
}
.tl-14-testimony-user-name {
  text-transform: capitalize;
  color: var(--black);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}
.tl-14-testimony-user-label {
  font-size: 16px;
  color: #63626B;
}

/* ----- 10. SUB-BANNER ----- */
.tl-1-sub-banner {
  position: relative;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
}
@media screen and (max-width: 1399px) {
  .tl-1-sub-banner > img {
    width: 380px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-sub-banner > img {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-sub-banner > img {
    width: 260px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-sub-banner > img {
    width: 230px;
  }
}
.tl-1-sub-banner-txt {
  position: absolute;
  bottom: 180px;
}
@media screen and (max-width: 1399px) {
  .tl-1-sub-banner-txt {
    bottom: 90px;
  }
}
.tl-1-sub-banner-txt-top {
  position: absolute;
  top: 200px;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .tl-1-sub-banner-txt-top {
    top: 120px;
  }
}
.tl-1-sub-banner-ticker h3 {
  font-size: 170px;
  font-weight: 600;
  color: var(--white);
  width: -moz-max-content !important;
  width: max-content !important;
  text-transform: uppercase;
  position: relative;
  margin-right: 135px;
}
@media screen and (max-width: 1399px) {
  .tl-1-sub-banner-ticker h3 {
    font-size: 140px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-sub-banner-ticker h3 {
    font-size: 110px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-sub-banner-ticker h3 {
    font-size: 90px;
    margin-right: 125px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-sub-banner-ticker h3 {
    font-size: 80px;
    margin-right: 95px;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-sub-banner-ticker h3 {
    font-size: 70px;
  }
}
.tl-1-sub-banner-ticker h3::before {
  content: "*";
  position: absolute;
  left: calc(100% + 30px);
  top: 50%;
  height: 75px;
  width: 75px;
  transform: translateY(-100%);
}
@media screen and (max-width: 767px) {
  .tl-1-sub-banner-ticker h3::before {
    left: calc(100% + 20px);
  }
}
@media screen and (max-width: 575px) {
  .tl-1-sub-banner-ticker h3::before {
    left: calc(100% + 10px);
    width: 65px;
    height: 65px;
  }
}
.tl-1-sub-banner-ticker-2 {
  visibility: hidden;
}
.tl-1-sub-banner-ticker-2 h3 {
  visibility: visible;
  -webkit-text-stroke: 1px rgba(23, 22, 28, 0.3);
  -webkit-text-fill-color: transparent;
}

/* ----- 11. TEACHERS ----- */
.tl-1-teacher {
  position: relative;
  overflow: hidden;
}
.tl-1-teacher:hover .tl-1-teacher-socials {
  opacity: 1;
  visibility: visible;
  right: 30px;
}
.tl-1-teacher:hover > img.tl-1-teacher-img {
  scale: 1.07;
}
.tl-1-teacher > img.tl-1-teacher-img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s ease;
}
.tl-1-teacher-socials {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  transition: 0.4s ease;
  opacity: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  visibility: hidden;
  right: -40px;
}
@media screen and (max-width: 575px) {
  .tl-1-teacher-socials {
    top: 20px;
    right: 20px;
  }
}
.tl-1-teacher-socials a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  font-size: 15px;
  border-radius: 0;
  background-color: var(--blue-2);
  border-color: var(--blue-2);
}
@media screen and (max-width: 767px) {
  .tl-1-teacher-socials a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
}
.tl-1-teacher-socials a:hover {
  background-color: transparent;
}
.tl-1-teacher-info {
  position: absolute;
  width: calc(100% - 60px);
  left: 30px;
  right: 30px;
  bottom: 30px;
  top: auto;
  background-image: linear-gradient(180deg, rgba(23, 22, 28, 0.7) 0%, #17161C 100%);
  padding: 45px 30px 38px;
  -webkit-clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
}
@media screen and (max-width: 1399px) {
  .tl-1-teacher-info {
    width: calc(100% - 40px);
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-1-teacher-info {
    padding: 35px 20px 28px;
  }
}
@media screen and (max-width: 767px) {
  .tl-1-teacher-info {
    padding: 30px 15px 23px;
    width: calc(100% - 30px);
    left: 15px;
    right: 15px;
    bottom: 15px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-teacher-info {
    width: calc(100% - 20px);
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
}
.tl-1-teacher-title {
  color: var(--white);
}
.tl-1-teacher-title a:hover {
  color: var(--blue-2);
}
.tl-1-teacher-sub-title {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
}

.tl-2-teachers .tl-2-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .tl-2-teachers .tl-2-section-heading {
    flex-direction: column;
    row-gap: 10px;
  }
}
.tl-2-teachers-row {
  --bs-gutter-x: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-2-teachers-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

.tl-2-teacher {
  position: relative;
}
.tl-2-teacher:hover .tl-2-teacher-txt {
  height: calc(100% - 40px) !important;
}
@media screen and (max-width: 767px) {
  .tl-2-teacher:hover .tl-2-teacher-txt {
    height: calc(100% - 20px) !important;
  }
}
.tl-2-teacher:hover .tl-2-teacher-socials {
  opacity: 1;
  visibility: visible;
}
.tl-2-teacher > img {
  width: 100%;
}
.tl-2-teacher-txt {
  position: absolute;
  z-index: 22;
  background-color: rgba(17, 23, 32, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: 0.4s ease;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: calc(100% - 40px);
  left: 50%;
  translate: -50% 0;
  bottom: 20px;
  overflow: hidden;
  padding: 20px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .tl-2-teacher-txt {
    width: calc(100% - 20px);
    bottom: 10px;
  }
}
.tl-2-teacher-txt > * {
  transition: 0.4s ease;
}
.tl-2-teacher-socials {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
.tl-2-teacher-socials a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: rgba(17, 23, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  border-radius: 50%;
  font-size: 15px;
}
.tl-2-teacher-socials a:hover {
  background-color: transparent;
}
.tl-2-teacher-title {
  color: var(--white);
}
.tl-2-teacher-title a {
  color: inherit;
}
.tl-2-teacher-title a:hover {
  color: var(--kb-orange);
}
.tl-2-teacher-sub-title {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
}

.tl-3-staff {
  background-color: rgba(79, 94, 199, 0.1);
}
.tl-3-staff-heading {
  margin-bottom: 70px;
}
@media screen and (max-width: 1399px) {
  .tl-3-staff-heading {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-staff-heading {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-staff-heading {
    margin-bottom: 30px;
  }
}
.tl-3-staff-heading-btn {
  text-align: end;
}
@media screen and (max-width: 479px) {
  .tl-3-staff-heading-btn {
    text-align: left;
  }
}
.tl-3-staff .tl-3-section-title {
  text-align: left;
  margin-bottom: 0;
}
.tl-3-staff .tl-3-def-btn:hover {
  color: var(--black);
}

.tl-3-single-staff {
  position: relative;
}
.tl-3-single-staff:hover .tl-3-single-staff-img::before {
  opacity: 1;
  visibility: visible;
}
.tl-3-single-staff:hover .tl-3-single-staff-socials a {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.tl-3-single-staff-img {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-staff-img {
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-single-staff-img {
    margin-bottom: 14px;
  }
}
.tl-3-single-staff-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(23, 22, 28, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.tl-3-single-staff-img img {
  width: 100%;
}
.tl-3-single-staff-socials {
  display: flex;
  gap: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.tl-3-single-staff-socials a {
  color: var(--white);
  width: 44px;
  height: 44px;
  line-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  text-align: center;
  transform: translateY(10px);
  visibility: hidden;
  transition: 0.4s ease;
  opacity: 0;
}
.tl-3-single-staff-socials a:hover {
  background-color: var(--tl-btn-bg);
  color: var(--black);
}
.tl-3-single-staff-name {
  font-weight: 600;
  color: var(--black);
}
@media screen and (max-width: 991px) {
  .tl-3-single-staff-name {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.tl-3-single-staff-name a:hover {
  color: var(--tl-btn-bg);
}
.tl-3-single-staff-role {
  color: rgba(23, 22, 28, 0.7);
}
@media screen and (max-width: 991px) {
  .tl-3-single-staff-role {
    font-size: 14px;
  }
}

.tl-5-faculties {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-5-faculties {
    padding: 60px 0;
  }
}
.tl-5-faculties .owl-dots {
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
.tl-5-faculties .owl-dots button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid rgba(10, 10, 10, 0.4);
  transition: all 0.4s ease;
  margin-top: 15px;
}
.tl-5-faculties .owl-dots button.active {
  scale: 1.8;
  background-color: #0A0A0A;
}

.tl-5-single-faculty:hover .tl-5-single-faculty-socials a {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.tl-5-single-faculty-role {
  font-size: 14px;
  font-weight: 400;
  color: rgba(10, 10, 10, 0.7);
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}
.tl-5-single-faculty-img {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .tl-5-single-faculty-img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-single-faculty-img {
    margin-bottom: 15px;
  }
}
.tl-5-single-faculty-name {
  font-weight: 500;
  font-size: 20px;
  color: #0A0A0A;
  margin-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .tl-5-single-faculty-name {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-single-faculty-name {
    font-size: 16px;
  }
}
.tl-5-single-faculty-name a {
  color: inherit;
  transition: all 0.4s ease;
}
.tl-5-single-faculty-name a:hover {
  color: var(--red);
}
.tl-5-single-faculty-socials {
  display: flex;
  align-items: center;
  gap: 15px;
}
.tl-5-single-faculty-socials a {
  font-size: 14px;
  color: rgba(10, 10, 10, 0.7);
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.tl-5-single-faculty-socials a:hover {
  color: var(--red);
}

.tl-6-editorials {
  text-align: center;
}
.tl-6-editorial .tl-3-single-staff-img::before {
  background: linear-gradient(0deg, rgb(23, 22, 28), rgba(23, 22, 28, 0.17));
}

.tl-7-faculty .owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
.tl-7-faculty .owl-carousel .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transition: 0.4s ease;
  margin-top: 70px;
}
@media screen and (max-width: 1399px) {
  .tl-7-faculty .owl-carousel .owl-dots button.owl-dot {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-faculty .owl-carousel .owl-dots button.owl-dot {
    margin-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-faculty .owl-carousel .owl-dots button.owl-dot {
    margin-top: 20px;
  }
}
.tl-7-faculty .owl-carousel .owl-dots button.owl-dot.active {
  scale: 1.75;
  background-color: rgb(0, 0, 0);
}

@media screen and (max-width: 991px) {
  .tl-7-single-fac .tl-3-single-staff-socials a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.tl-7-single-fac .tl-3-single-staff-img {
  margin-bottom: 30px;
}
.tl-7-single-fac .tl-3-single-staff-name {
  font-size: 22px;
}
.tl-7-single-fac-txt {
  text-align: center;
}

.tl-8-experts {
  background-color: var(--white);
}
.tl-8-experts-heading {
  text-align: center;
  margin-bottom: 53px;
}
@media screen and (max-width: 1399px) {
  .tl-8-experts-heading {
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-experts-heading {
    margin-bottom: 28px;
  }
}
.tl-8-experts-heading-descr {
  width: 35%;
  margin: auto;
  color: rgba(24, 34, 47, 0.7);
}
@media screen and (max-width: 1199px) {
  .tl-8-experts-heading-descr {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-experts-heading-descr {
    width: 85%;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-experts-heading-descr {
    width: 100%;
  }
}
.tl-8-experts-title {
  margin-bottom: 16px;
}
.tl-8-experts .tl-def-btn {
  display: block;
  text-align: center;
  margin-top: 60px;
}
@media screen and (max-width: 1399px) {
  .tl-8-experts .tl-def-btn {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-experts .tl-def-btn {
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-experts .tl-def-btn {
    margin-top: 35px;
  }
}

.tl-8-single-expert {
  overflow: hidden;
}
.tl-8-single-expert:hover .tl-8-single-expert-txt {
  opacity: 1;
  bottom: 33px;
}
.tl-8-single-expert-img {
  margin-bottom: 0;
}
.tl-8-single-expert-txt {
  position: absolute;
  text-align: center;
  inset: 0;
  top: auto;
  bottom: 0px;
  opacity: 0;
  transition: 0.4s ease;
  color: var(--white);
}
.tl-8-single-expert-name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
.tl-8-single-expert-role {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.owl-carousel .owl-item .tl-3-single-staff-img img {
  width: 100%;
}

.yellow-clr .tl-def-btn-2 {
  color: var(--tl-btn-bg);
  border-bottom: 1px solid var(--tl-btn-bg);
}
.yellow-clr .tl-def-btn-2 i {
  color: var(--tl-btn-bg);
}
.yellow-clr .tl-def-btn-2:hover {
  color: var(--black);
  border-color: var(--black);
}
.yellow-clr .tl-def-btn-2:hover i {
  color: var(--black);
}

.owl-carousel .owl-item .tl-5-single-faculty img {
  width: 100%;
}

.tl-11-editorial {
  background-color: #F2EDE7;
}

.tl-11-single-edi-socials {
  right: 30px;
  top: 30px;
  translate: 0 0;
  left: auto;
  flex-direction: column;
}
.tl-11-single-edi-socials a {
  border-radius: 0;
}
.tl-11-single-edi-txt {
  text-align: center;
}

.tl-12-single-mentor:hover .tl-12-single-mentor-socials {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.tl-12-single-mentor-img {
  margin-bottom: 25px;
}
@media screen and (max-width: 1399px) {
  .tl-12-single-mentor-img {
    margin-bottom: 15px;
  }
}
.tl-12-single-mentor-txt {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}
.tl-12-single-mentor-name {
  font-size: 20px;
  font-weight: 600;
  color: var(--black-3);
}
@media screen and (max-width: 1199px) {
  .tl-12-single-mentor-name {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-single-mentor-name {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.tl-12-single-mentor-name a:hover {
  color: var(--tl-btn-bg);
}
.tl-12-single-mentor-role {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  color: rgba(44, 44, 44, 0.7);
}
@media screen and (max-width: 991px) {
  .tl-12-single-mentor-role {
    font-size: 15px;
  }
}
.tl-12-single-mentor-socials {
  display: flex;
  align-items: center;
  gap: 15px;
  transform: translateX(-20px);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
@media screen and (max-width: 1199px) {
  .tl-12-single-mentor-socials {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-single-mentor-socials {
    gap: 10px;
  }
}
.tl-12-single-mentor-socials a {
  line-height: 1;
  vertical-align: bottom;
}

.tl-14-teacher .tl-14-teacher-info {
  background: var(--white);
  padding: 30px;
  -webkit-clip-path: none;
          clip-path: none;
  box-shadow: 0 4px 10px rgba(23, 22, 28, 0.14);
  z-index: 1;
}
@media screen and (max-width: 1399px) {
  .tl-14-teacher .tl-14-teacher-info {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-teacher .tl-14-teacher-info {
    padding: 15px;
  }
}
.tl-14-teacher .tl-14-teacher-info::before {
  position: absolute;
  content: "";
  border-top: 3px solid var(--red-3);
  inset: 0;
  width: 0;
  transition: 0.4s ease;
  margin: auto;
  z-index: -1;
}
.tl-14-teacher:hover .tl-14-teacher-info::before {
  width: 100%;
}
.tl-14-teacher-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--black);
}
.tl-14-teacher-sub-title {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgba(23, 22, 28, 0.7);
  text-transform: uppercase;
}

/* ----- 12. Blogs ----- */
@media screen and (max-width: 991px) {
  .tl-blog {
    padding: 60px 0;
  }
}

@media screen and (max-width: 479px) {
  .tl-blog-heading {
    flex-direction: column;
    row-gap: 10px;
  }
}
.tl-blog-heading .tl-section-title {
  margin-bottom: 0;
}
.tl-blog-heading .tl-section-title .last-word::before {
  background-image: url(../images/tl/line-2.png);
}

.tl-blog-inner-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--black);
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(23, 22, 28, 0.1);
  margin-bottom: 60px;
  margin-top: 21px;
}
@media screen and (max-width: 1199px) {
  .tl-blog-inner-heading {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-blog-inner-heading {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}

.tl-single-blog {
  display: flex;
  gap: 24px;
  padding: 24px;
  border: 1px solid rgba(23, 22, 28, 0.1);
  align-items: center;
}
@media screen and (max-width: 1399px) {
  .tl-single-blog {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-single-blog {
    gap: 15px;
    padding: 15px;
    padding-bottom: 8px;
  }
}
.tl-single-blog-img {
  flex-shrink: 0;
}
.tl-single-blog-date {
  color: rgba(10, 10, 10, 0.61);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 13px;
}
.tl-single-blog-title {
  font-size: 18px;
  font-weight: 600;
  color: #0a0a0a;
  line-height: 26px;
}
.tl-single-blog-title a {
  transition: 0.4s ease;
}
.tl-single-blog-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-single-blog-descr {
  font-size: 14px;
  line-height: 18px;
  color: rgba(10, 10, 10, 0.7);
  margin-bottom: 35px;
}
@media screen and (max-width: 1399px) {
  .tl-single-blog-descr {
    margin-bottom: 20px;
  }
}
.tl-single-blog-btn {
  font-weight: 600;
  font-size: 15px;
  color: var(--black);
}
.tl-single-blog-btn:hover {
  color: var(--tl-btn-bg);
}
.tl-single-blog-btn:hover i {
  transform: rotate(-45deg);
}
.tl-single-blog-btn i {
  padding-left: 5px;
  transition: transform 0.4s ease;
}

.tl-1-blogs {
  -webkit-clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 70px, 100% 100%, 0 100%);
}
.tl-1-blogs .tl-1-section-heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 479px) {
  .tl-1-blogs .tl-1-section-heading {
    flex-direction: column;
    row-gap: 15px;
  }
}
.tl-1-blogs-row {
  --bs-giutter-x: 30px;
}

.tl-1-blog {
  padding: 30px;
  background-color: var(--white);
  box-shadow: 0 10px 80px rgba(23, 22, 28, 0.1);
  transition: 0.3s ease;
}
@media screen and (max-width: 479px) {
  .tl-1-blog {
    padding: 20px;
  }
}
.tl-1-blog:hover {
  transform: translateY(-5px);
}
.tl-1-blog-img {
  width: 100%;
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 32px;
}
@media screen and (max-width: 575px) {
  .tl-1-blog-img {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 479px) {
  .tl-1-blog-img {
    height: 190px;
  }
}
.tl-1-blog-info {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
.tl-1-blog-info > h6 {
  font-size: 15px;
  color: rgba(23, 22, 28, 0.6);
  transition: 0.4s ease;
  margin-bottom: 0;
}
.tl-1-blog-info > h6 i {
  font-size: 16px;
  color: var(--black);
  margin-right: 4px;
  transition: 0.4s ease;
}
.tl-1-blog-title {
  font-weight: 600;
  color: var(--black);
  line-height: 150%;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .tl-1-blog-title {
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 575px) {
  .tl-1-blog-title {
    font-size: 20px;
  }
}
.tl-1-blog-title a:hover {
  color: var(--blue-2);
}
.tl-1-blog-btn {
  font-size: 15px;
  font-weight: 500;
  color: var(--black);
}
.tl-1-blog-btn:hover {
  color: var(--blue-2);
}
.tl-1-blog-btn i {
  padding-left: 5px;
}

.tl-2-blogs .tl-2-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .tl-2-blogs .tl-2-section-heading {
    flex-direction: column;
    row-gap: 10px;
    margin-bottom: 24px;
  }
}
.tl-2-blogs-slider-nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
.tl-2-blogs-slider-nav button {
  font-size: 25px;
  color: #8B8B8D;
  transition: 0.4s ease;
}
.tl-2-blogs-slider-nav button:hover {
  color: var(--black);
}

.tl-2-blog {
  border: 1px dashed rgba(24, 34, 47, 0.3);
  padding: 30px;
  transition: 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-2-blog {
    padding: 20px;
  }
}
.tl-2-blog:hover {
  border-color: rgba(232, 79, 44, 0.6);
}
.tl-2-blog-img img {
  aspect-ratio: unset;
  height: 270px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .tl-2-blog-img img {
    height: 210px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-blog-img img {
    height: 190px;
  }
}
.tl-2-blog-txt {
  padding-top: 30px;
}
.tl-2-blog-infos {
  display: flex;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: rgba(44, 44, 44, 0.7);
}
.tl-2-blog-infos li:first-child {
  padding-right: 20px;
  margin-right: 15px;
  position: relative;
}
.tl-2-blog-infos li:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: rgba(44, 44, 44, 0.6);
  border-radius: 50%;
}
.tl-2-blog-title {
  margin-bottom: 11px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--black-2);
}
.tl-2-blog-title a:hover {
  color: var(--kb-orange);
}
.tl-2-blog-descr {
  margin-bottom: 22px;
  color: rgba(44, 44, 44, 0.7);
}
.tl-2-blog-btn {
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  font-weight: 600;
  transition: 0.4s ease;
  color: var(--black);
}
@media screen and (max-width: 767px) {
  .tl-2-blog-btn {
    gap: 10px;
  }
}
.tl-2-blog-btn:hover {
  color: var(--kb-orange);
}
.tl-2-blog-btn:hover .tl-2-blog-btn-icon {
  background-color: var(--kb-orange);
}
.tl-2-blog-btn-icon {
  transition: 0.4s ease;
  width: 45px;
  height: 45px;
  line-height: 44px;
  background-color: var(--black);
  border-radius: 50%;
  text-align: center;
  color: var(--white);
  border: 1px solid rgba(24, 34, 47, 0.3);
}
@media screen and (max-width: 767px) {
  .tl-2-blog-btn-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.tl-3-single-blog {
  padding: 24px;
  border: 1px solid rgba(23, 22, 28, 0.14);
  border-radius: 10px;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-blog {
    padding: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-single-blog {
    padding: 15px;
  }
}
.tl-3-single-blog-img {
  position: relative;
  margin-bottom: 32px;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-blog-img {
    margin-bottom: 22px;
  }
}
.tl-3-single-blog-img img {
  width: 100%;
  border-radius: 6px;
}
.tl-3-single-blog-tag {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: var(--tl-btn-bg);
  padding: 0 15px;
  height: 25px;
  line-height: 27px;
  border-radius: 30px;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-blog-tag {
    top: 15px;
    right: 15px;
  }
}
.tl-3-single-blog-info {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-bottom: 14px;
}
@media screen and (max-width: 1199px) {
  .tl-3-single-blog-info {
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-single-blog-info {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-blog-info {
    justify-content: space-between;
  }
}
.tl-3-single-blog-single-info {
  font-size: 15px;
  color: rgba(23, 22, 28, 0.6);
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 3px;
}
@media screen and (max-width: 1199px) {
  .tl-3-single-blog-single-info {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-single-blog-single-info {
    flex-direction: row;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-blog-single-info {
    flex-direction: column;
  }
}
.tl-3-single-blog-single-info i {
  color: #4F5EC7;
}
.tl-3-single-blog-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 17px;
  color: var(--black);
}
@media screen and (max-width: 1199px) {
  .tl-3-single-blog-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-blog-title {
    font-size: 16px;
    line-height: 26px;
  }
}
.tl-3-single-blog-title a {
  transition: 0.4s ease;
  color: inherit;
}
.tl-3-single-blog-title a:hover {
  color: #4F5EC7;
}
.tl-3-single-blog-descr {
  font-size: 16px;
  line-height: 24px;
  color: rgba(23, 22, 28, 0.7);
  margin-bottom: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-blog-descr {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-blog-descr {
    font-size: 14px;
    line-height: 22px;
  }
}
.tl-3-single-blog-btn {
  transition: 0.4s ease;
  line-height: 1;
  vertical-align: bottom;
  font-weight: 600;
}
@media screen and (max-width: 479px) {
  .tl-3-single-blog-btn {
    font-size: 14px;
  }
}
.tl-3-single-blog-btn:hover {
  color: #4F5EC7;
}
.tl-3-single-blog-btn i {
  padding-left: 8px;
}

.tl-4-blogs {
  padding-bottom: 157px;
}
@media screen and (max-width: 1199px) {
  .tl-4-blogs {
    padding-bottom: 147px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-blogs {
    padding-bottom: 127px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-blogs {
    padding-bottom: 107px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-blogs {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-blogs > .container > .row {
    --bs-gutter-y: 90px ;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-blogs > .container > .row {
    --bs-gutter-y: 20px;
  }
}
.tl-4-blog {
  display: flex;
  border: 1px solid rgba(23, 22, 28, 0.1);
  align-items: center;
  padding: 25px;
  gap: 30px;
  margin-bottom: 44px;
}
@media screen and (max-width: 1399px) {
  .tl-4-blog {
    flex-direction: row;
    gap: 20px;
    align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-blog {
    padding: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-blog {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5px;
  }
}
.tl-4-blog-img {
  margin-bottom: -70px;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 575px) {
  .tl-4-blog-img {
    margin-bottom: 0;
    width: 100%;
  }
}
.tl-4-blog-img img {
  width: 275px;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399px) {
  .tl-4-blog-img img {
    width: 265px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-blog-img img {
    width: 210px;
    height: 300px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-blog-img img {
    width: 260px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-blog-img img {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-blog-img img {
    width: 100%;
  }
}
.tl-4-blog-category {
  position: absolute;
  background-color: var(--red-2);
  font-weight: 400;
  left: 20px;
  top: 20px;
  padding: 0 15px;
  color: var(--white);
  font-size: 15px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
}
.tl-4-blog .tl-single-blog-date {
  color: rgba(23, 22, 28, 0.7);
  display: block;
  margin-bottom: 10px;
}
.tl-4-blog .tl-single-blog-title {
  font-size: 20px;
  line-height: 28px;
  color: var(--black);
  margin-bottom: 10px;
}
.tl-4-blog .tl-single-blog-title a:hover {
  color: var(--red-2);
}
.tl-4-blog .tl-single-blog-descr {
  font-size: 15px;
  line-height: 22px;
  color: rgba(23, 22, 28, 0.7);
  margin-bottom: 30px;
}
.tl-4-blog .tl-single-blog-btn:hover {
  color: var(--red-2);
}
.tl-4-blog .tl-single-blog-btn:hover i {
  transform: translateX(5px);
}

.tl-5-blogs {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-5-blogs {
    padding: 60px 0;
  }
}

.g-30 {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
@media screen and (max-width: 991px) {
  .g-30 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

.tl-5-single-blog:hover {
  color: var(--red);
}
.tl-5-single-blog:hover .tl-5-single-blog-arrow {
  padding-left: 14px;
}
.tl-5-single-blog:hover .tl-5-single-blog-arrow::before {
  background-color: var(--red);
}
.tl-5-single-blog:hover .tl-5-single-blog-arrow i {
  color: var(--red);
}
.tl-5-single-blog-img {
  height: 330px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-5-single-blog-txt {
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
  padding-bottom: 25px;
}
@media screen and (max-width: 991px) {
  .tl-5-single-blog-txt {
    padding-bottom: 19px;
  }
}
@media screen and (max-width: 767px) {
  .tl-5-single-blog-txt {
    padding-bottom: 15px;
  }
}
.tl-5-single-blog-arrow {
  position: relative;
  transition: all 0.4s ease;
  color: var(--black);
}
.tl-5-single-blog-arrow:hover {
  color: var(--red);
}
.tl-5-single-blog-arrow::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  height: 2px;
  width: 15px;
  background-color: var(--black);
  z-index: -1;
}

.tl-9-blogs .tl-9-section-heading {
  text-align: left;
}
.tl-9-blog {
  border: 1px solid rgba(44, 44, 44, 0.14);
  padding: 40px;
}
@media screen and (max-width: 1399px) {
  .tl-9-blog {
    padding: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-blog {
    padding: 20px;
  }
}
.tl-9-blog .tl-9-event-img img {
  height: 260px;
}
.tl-9-blog .tl-6-latest-article-title a:hover {
  color: var(--ligh-yellow);
}
.tl-9-blog-author {
  font-size: 14px;
  color: rgba(44, 44, 44, 0.7);
}

@media screen and (max-width: 991px) {
  .tl-10-blog {
    padding: 60px 0;
  }
}

@media screen and (max-width: 479px) {
  .tl-10-blog-heading {
    flex-direction: column;
    row-gap: 10px;
  }
}
.tl-10-blog-heading .tl-10-section-title {
  margin-bottom: 0;
}
.tl-10-blog-heading .tl-10-section-title .last-word::before {
  background-image: url(../images/tl/line-2.png);
}

.tl-10-blog-inner-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--black);
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(23, 22, 28, 0.1);
  margin-bottom: 60px;
  margin-top: 21px;
}
@media screen and (max-width: 1199px) {
  .tl-10-blog-inner-heading {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-blog-inner-heading {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}

.tl-10-single-blog {
  display: flex;
  gap: 24px;
  padding: 24px;
  border: 1px solid rgba(23, 22, 28, 0.1);
  align-items: center;
}
@media screen and (max-width: 1399px) {
  .tl-10-single-blog {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-10-single-blog {
    gap: 15px;
    padding: 15px;
    padding-bottom: 8px;
  }
}
.tl-10-single-blog-img {
  flex-shrink: 0;
}
.tl-10-single-blog-date {
  color: rgba(10, 10, 10, 0.61);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 13px;
}
.tl-10-single-blog-title {
  font-size: 18px;
  font-weight: 600;
  color: #0a0a0a;
  line-height: 26px;
}
.tl-10-single-blog-title a {
  transition: 0.4s ease;
}
.tl-10-single-blog-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-10-single-blog-descr {
  font-size: 14px;
  line-height: 18px;
  color: rgba(10, 10, 10, 0.7);
  margin-bottom: 35px;
}
@media screen and (max-width: 1399px) {
  .tl-10-single-blog-descr {
    margin-bottom: 20px;
  }
}
.tl-10-single-blog-btn {
  font-weight: 600;
  font-size: 15px;
  color: var(--black);
}
.tl-10-single-blog-btn:hover {
  color: var(--tl-btn-bg);
}
.tl-10-single-blog-btn:hover i {
  transform: rotate(-45deg);
}
.tl-10-single-blog-btn i {
  padding-left: 5px;
  transition: transform 0.4s ease;
}

.tl-12-blogs {
  background: center center no-repeat;
  background-size: cover;
  background-color: rgb(225, 238, 218);
}
.tl-12-blogs-txt {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-12-blogs-txt {
    padding-right: 0;
    gap: 40px;
    align-items: center;
  }
}
.tl-12-blogs-heading {
  width: 85%;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-12-blogs-heading {
    width: 95%;
  }
}
.tl-12-blogs-heading::before {
  content: "";
  position: absolute;
  width: 75px;
  height: 40px;
  background: url(../images/tl-12/banner-vector-1.png) no-repeat center center;
  background-size: contain;
  transform: rotate(0deg);
  top: -50px;
  left: -60px;
}
.tl-12-blogs-heading::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  background: url(../images/tl-12/blog-vector.png) no-repeat center center;
  background-size: 100%;
  width: 65px;
  height: 65px;
}
.tl-12-blogs-heading > a {
  font-weight: 500;
  color: var(--black-3);
}
.tl-12-blogs-heading > a:hover {
  color: var(--tl-btn-bg);
}
.tl-12-blogs-heading > a i {
  padding-left: 5px;
}
.tl-12-blogs .tl-12-section-title {
  text-align: left;
  margin-bottom: 18px;
}
.tl-12-blogs .tl-12-section-descr {
  color: rgba(44, 44, 44, 0.7);
  margin-bottom: 32px;
}
.tl-12-blogs-slider-nav {
  display: flex;
  gap: 8px;
}
.tl-12-blogs-slider-nav button {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(44, 44, 44, 0.14);
  font-size: 20px;
}
@media screen and (max-width: 991px) {
  .tl-12-blogs-slider-nav button {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-blogs-slider-nav button {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
}
.tl-12-blogs-slider-nav button:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}
.tl-12-blogs-slider-nav button i {
  font-weight: 300;
}
.tl-12-blogs-slide.slick-slide {
  border: none;
}
.tl-12-blogs-slide.slick-current .tl-12-blog {
  border-top: 1px solid transparent;
}

.tl-12-blog {
  display: flex;
  border-radius: 0;
  border-width: 1px 0 0 1px;
  padding: 30px;
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .tl-12-blog {
    border-width: 0 1px 1px 1px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-blog {
    padding: 20px;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-blog {
    flex-direction: column;
    align-items: normal;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-blog {
    padding: 20px 15px;
    gap: 15px;
  }
}
.tl-12-blog .tl-3-single-blog-img {
  margin-bottom: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.tl-12-blog .tl-3-single-blog-img img {
  width: 240px;
  height: 180px;
  border-radius: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tl-12-blog .tl-3-single-blog-img img {
    width: 100%;
    height: 220px;
  }
}
.tl-12-blog .tl-3-single-blog-tag {
  left: 10px;
  top: 10px;
  right: auto;
  border-radius: 0;
  color: var(--black-3);
  line-height: 26px;
}
.tl-12-blog .tl-3-single-blog-info {
  color: rgba(44, 44, 44, 0.6);
  margin-bottom: 10px;
}
.tl-12-blog .tl-3-single-blog-info i {
  color: rgba(44, 44, 44, 0.6);
  font-size: 18px;
}
@media screen and (max-width: 1199px) {
  .tl-12-blog .tl-3-single-blog-info {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-blog .tl-3-single-blog-info {
    justify-content: center;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-blog .tl-3-single-blog-single-info {
    flex-direction: row;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-blog .tl-3-single-blog-single-info {
    flex-direction: column;
  }
}
.tl-12-blog .tl-3-single-blog-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 21px;
}
@media screen and (max-width: 991px) {
  .tl-12-blog .tl-3-single-blog-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-blog .tl-3-single-blog-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}
.tl-12-blog .tl-3-single-blog-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-12-blog .tl-3-single-blog-btn:hover {
  color: var(--tl-btn-bg);
}

.tl-13-blogs .tl-13-section-title {
  margin-bottom: 0;
}
.tl-13-blogs-slider-nav {
  display: flex;
  gap: 20px;
}
.tl-13-blogs-slider-nav button {
  font-size: 25px;
  color: #8B8B8D;
  transition: 0.4s ease;
}
.tl-13-blogs-slider-nav button:hover {
  color: var(--black);
}
.tl-13-blogs-slider .owl-stage-outer {
  padding-right: 30px;
  padding-bottom: 30px;
  margin-right: -30px;
  margin-bottom: -30px;
}
.tl-13-blogs .tl-13-course .tl-9-class-category:hover {
  background-color: var(--white);
  color: rgba(44, 44, 44, 0.7);
}
.tl-13-blogs .tl-13-course .tl-9-program-btn {
  position: relative;
  z-index: 1;
  color: var(--black);
}
.tl-13-blogs .tl-13-course .tl-9-program-btn:hover {
  color: var(--black);
}
.tl-13-blogs .tl-13-course .tl-9-program-btn:hover i {
  padding-left: 9px;
  rotate: 0deg;
}
.tl-13-blogs .tl-13-course .tl-9-program-btn i {
  padding-left: 0;
  transition: padding-left 0.4s ease;
}
.tl-13-blogs .tl-13-course .tl-9-program-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -100%;
  height: 2px;
  width: 10px;
  background-color: var(--black);
  z-index: -1;
}

.tl-14-blog {
  padding: 0;
  gap: 0;
  position: relative;
  border: none;
  box-shadow: 0 0 0 transparent;
  transition: 0.4s ease;
  background-color: var(--white);
  z-index: 1;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .tl-14-blog {
    flex-direction: column;
    align-items: flex-start;
    padding: 25px;
  }
}
.tl-14-blog::before {
  position: absolute;
  content: "";
  border-top: 3px solid var(--red-3);
  inset: 0;
  width: 0;
  height: 3px;
  background-color: var(--red-3);
  bottom: auto;
  transition: 0.4s ease;
  margin: auto;
  z-index: 2;
}
.tl-14-blog:hover {
  box-shadow: 0 4px 10px rgba(23, 22, 28, 0.14);
}
.tl-14-blog:hover::before {
  width: 100%;
}
@media screen and (max-width: 479px) {
  .tl-14-blog .tl-single-blog-img {
    width: 100%;
  }
}
.tl-14-blog .tl-single-blog-img img {
  width: 260px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tl-14-blog .tl-single-blog-img img {
    width: 230px;
    height: 280px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-blog .tl-single-blog-img img {
    width: 100%;
  }
}
.tl-14-blog .tl-single-blog-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--black);
  line-height: 141.667%;
  margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .tl-14-blog .tl-single-blog-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-blog .tl-single-blog-title {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.tl-14-blog .tl-single-blog-title a:hover {
  color: var(--red-3);
}
.tl-14-blog .tl-single-blog-btn:hover {
  color: var(--red-3);
}
.tl-14-blog-txt {
  padding: 40px;
}
@media screen and (max-width: 1399px) {
  .tl-14-blog-txt {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-blog-txt {
    padding: 25px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-blog-txt {
    padding: 0;
    padding-top: 20px;
  }
}

.tl-11-latest-article-infos.tl-14-blog-infos {
  text-transform: capitalize;
  margin-bottom: 8px;
}
.tl-11-latest-article-infos.tl-14-blog-infos li:first-child {
  padding-right: 15px;
  margin-right: 10px;
}

.tl-inner-blog-body {
  background-color: var(--tl-1-bg-coffee);
}

/* ----- 13. CTA ----- */
.tl-2-cta {
  position: relative;
  z-index: 1;
  text-align: center;
}
.tl-2-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgba(232, 79, 44, 0.8);
}
.tl-2-cta .tl-2-section-title {
  font-size: 64px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 12px;
}
@media screen and (max-width: 1199px) {
  .tl-2-cta .tl-2-section-title {
    font-size: 58px;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-cta .tl-2-section-title {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-cta .tl-2-section-title {
    font-size: 45px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-cta .tl-2-section-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-cta .tl-2-section-title {
    font-size: 35px;
  }
}
.tl-2-cta-descr {
  color: rgba(255, 255, 255, 0.7);
  width: 45%;
  margin: auto;
  margin-bottom: 34px;
}
@media screen and (max-width: 1399px) {
  .tl-2-cta-descr {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-cta-descr {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-cta-descr {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-cta-descr {
    width: 100%;
    margin-bottom: 24px;
  }
}
.tl-2-cta-btn {
  background-color: #111720;
  height: 45px;
  line-height: 42px;
  padding: 0 40px;
  color: var(--white);
  border: 1px solid #111720;
}
.tl-2-cta-btn:hover {
  background-color: transparent;
  color: var(--white);
}

.tl-3-cta {
  padding: 60px 80px;
  background: url(../images/tl-3/cta-bg.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 20px;
  margin-top: -120px;
  box-shadow: 0 30px 80px rgba(30, 30, 30, 0.3);
}
@media screen and (max-width: 1399px) {
  .tl-3-cta {
    padding: 60px 70px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-cta {
    padding: 60px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-cta {
    padding: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-cta {
    padding: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-cta {
    padding: 30px;
  }
}
.tl-3-cta .tl-3-section-title {
  margin-bottom: 20px;
  color: var(--white);
  text-align: left;
}
.tl-3-cta-descr {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7);
}
.tl-3-cta-inner {
  margin-top: 0;
  margin-bottom: 120px;
}
@media screen and (max-width: 991px) {
  .tl-3-cta-inner {
    margin-bottom: 60px;
  }
}

.tl-7-cta {
  background-image: linear-gradient(to bottom, #fff 50%, #000 0);
}
.tl-7-cta-bg {
  background: url(../images/tl-7/cta-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 68px 80px;
}
@media screen and (max-width: 1399px) {
  .tl-7-cta-bg {
    padding: 58px 70px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-cta-bg {
    padding: 48px 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-cta-bg {
    padding: 38px 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-cta-bg {
    padding: 28px 30px;
  }
}
.tl-7-cta-bg > .row {
  --bs-gutter-y: 25px;
}
.tl-7-cta-title {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  color: var(--white);
}
@media screen and (max-width: 1199px) {
  .tl-7-cta-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-cta-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-cta-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-cta-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-cta-title {
    font-size: 25px;
  }
}
.tl-7-cta-descr {
  margin-bottom: 0;
  margin-left: 40px;
  font-size: 18px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1399px) {
  .tl-7-cta-descr {
    margin-left: 0;
  }
}
.tl-7-cta-inner {
  background-image: linear-gradient(to bottom, #f8f2ed 50%, #000 0);
}

.tl-8-cta {
  background-image: linear-gradient(to bottom, #f5f5f5 50%, #fff 0);
}
.tl-8-cta .tl-7-cta-bg {
  background-image: url(../images/tl-8/cta-bg.jpg);
}
@media screen and (max-width: 1399px) {
  .tl-8-cta .tl-7-cta-bg {
    padding: 58px 70px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-cta .tl-7-cta-bg {
    padding: 48px 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-cta .tl-7-cta-bg {
    padding: 38px 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-cta .tl-7-cta-bg {
    padding: 28px 30px;
  }
}
.tl-8-cta .tl-7-cta-bg > .row {
  --bs-gutter-y: 25px;
}
@media screen and (max-width: 1199px) {
  .tl-8-cta .tl-7-cta-title {
    font-size: 35px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-cta .tl-7-cta-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .tl-8-cta .tl-7-cta-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-cta .tl-7-cta-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-cta .tl-7-cta-title {
    font-size: 25px;
  }
}
.tl-8-cta .tl-7-cta-descr {
  margin-left: 20px;
}
@media screen and (max-width: 1399px) {
  .tl-8-cta .tl-7-cta-descr {
    margin-left: 0;
  }
}
.tl-8-cta-inner {
  background-image: linear-gradient(to bottom, #f5f5f5 50%, #000 0);
}

.tl-12-cta-banner {
  background: url(../images/tl-12/cta-bg-1.jpg) no-repeat center center;
  background-size: cover;
  padding-inline: 60px;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1399px) {
  .tl-12-cta-banner {
    padding-inline: 45px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-cta-banner {
    padding-inline: 25px;
  }
}
@media screen and (max-width: 991px) {
  .tl-12-cta-banner {
    padding-inline: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-12-cta-banner {
    padding-inline: 35px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-cta-banner {
    padding-inline: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-cta-banner {
    flex-direction: column;
    align-items: center;
    padding-inline: 25px;
  }
}
.tl-12-cta-banner > * {
  flex-basis: 50%;
  flex-grow: 1;
}
.tl-12-cta-banner-2 {
  background-image: url(../images/tl-12/cta-bg-2.png);
}
.tl-12-cta-banner-2 .tl-12-cta-banner-title::before {
  content: url(../images/tl-12/cta-vector-2.png);
}
.tl-12-cta-banner-txt {
  padding-block: 55px;
}
@media screen and (max-width: 1399px) {
  .tl-12-cta-banner-txt {
    padding-block: 50px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-cta-banner-txt {
    padding-block: 30px;
  }
}
.tl-12-cta-banner-sub-title {
  font-size: 14px;
  line-height: 24px;
  color: rgba(44, 44, 44, 0.7);
  text-transform: uppercase;
  margin-bottom: 5px;
}
.tl-12-cta-banner-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: var(--black-3);
  margin-bottom: 22px;
  position: relative;
}
@media screen and (max-width: 1399px) {
  .tl-12-cta-banner-title {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-12-cta-banner-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.tl-12-cta-banner-title::before {
  content: url(../images/tl-12/cta-vector-1.png);
  position: absolute;
  left: calc(100% - 27px);
  top: -18px;
}
.tl-12-cta-banner .tl-def-btn {
  height: 40px;
  line-height: 40px;
}
.tl-12-cta-banner-img {
  text-align: end;
}

.tl-14-cta .container {
  padding: 0;
}
@media screen and (min-width: 1920px) {
  .tl-14-cta .container {
    max-width: 1920px;
  }
}
.tl-14-cta-row {
  --bs-gutter-x: 94px;
}
@media screen and (max-width: 1919px) {
  .tl-14-cta-row {
    --bs-gutter-x: 44px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-cta-row {
    --bs-gutter-x: 14px;
  }
}
.tl-14-cta-img img {
  max-width: 1055px;
  margin-right: 26px;
}
@media screen and (max-width: 1399px) {
  .tl-14-cta-img img {
    max-width: 775px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-cta-img img {
    max-width: 700px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-cta-img img {
    max-width: 100%;
    margin-right: 0;
    padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-cta-img img {
    padding-top: 18px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-cta-img img {
    padding-top: 0;
  }
}
.tl-14-cta-txt {
  position: relative;
  padding: 0;
  padding-right: 200px;
}
@media screen and (max-width: 1919px) {
  .tl-14-cta-txt {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-cta-txt {
    padding-block: 25px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-cta-txt {
    padding-block: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-cta-txt {
    padding: 20px;
  }
}
.tl-14-cta-title {
  color: var(--white);
  font-size: 40px;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1919px) {
  .tl-14-cta-title {
    font-size: 38px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-14-cta-title {
    font-size: 34px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-cta-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-14-cta-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-cta-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-cta-title {
    font-size: 22px;
  }
}
.tl-14-cta-descr {
  color: rgba(255, 255, 255, 0.7);
  line-height: 150%;
  margin-bottom: 38px;
}
@media screen and (max-width: 991px) {
  .tl-14-cta-descr {
    margin-bottom: 28px;
  }
}
.tl-14-cta-btns {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 479px) {
  .tl-14-cta-btns {
    gap: 20px;
  }
}
.tl-14-cta-btn-2 {
  color: var(--white);
  font-weight: 500;
  font-size: 15px;
}
.tl-14-cta-btn-2 i {
  padding-left: 5px;
}
.tl-14-cta-btn-2:hover {
  color: var(--red-3);
}
.tl-14-cta-vectors img {
  position: absolute;
}
.tl-14-cta-vectors img:first-child {
  top: -70px;
  left: -38px;
}
.tl-14-cta-vectors img:nth-child(2) {
  top: -25px;
  right: 90px;
}
@media screen and (max-width: 1919px) {
  .tl-14-cta-vectors img:nth-child(2) {
    top: -45px;
    right: -10px;
  }
}
.tl-14-cta-vectors img:nth-child(3) {
  top: 100%;
  right: 230px;
}
@media screen and (max-width: 1919px) {
  .tl-14-cta-vectors img:nth-child(3) {
    right: 90px;
  }
}

/* ----- 14. PROGRAMS ----- */
.tl-3-programs {
  padding: 120px 0 240px;
  background-color: rgba(79, 94, 199, 0.1);
}
@media screen and (max-width: 991px) {
  .tl-3-programs {
    padding: 60px 0 180px;
  }
}
.tl-3-programs-pills > .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-3-programs-pills > .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}

.tl-3-single-program {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: var(--white);
  padding: 20px 40px;
  border-radius: 100px;
  box-shadow: 0 2px 4px rgba(23, 22, 28, 0.1);
  transition: all 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-program {
    padding: 18px 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-single-program {
    padding: 15px 30px;
  }
}
.tl-3-single-program:hover {
  color: var(--white);
  background-color: #4F5EC7;
  box-shadow: none;
}
.tl-3-single-program:hover .tl-3-single-program-icon img {
  filter: invert(1);
}
.tl-3-single-program-title {
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .tl-3-single-program-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-single-program-title {
    font-size: 16px;
  }
}
.tl-3-single-program-icon img {
  transition: 0.4s ease;
  width: 35px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-program-icon img {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-single-program-icon img {
    width: 25px;
    height: 25px;
  }
}

.tl-4-programs-row {
  --bs-gutter-x: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-4-programs-row {
    --bs-gutter-x: 20px;
  }
}
.tl-4-program-heading {
  background-color: #00825A;
  display: flex;
  align-items: center;
  padding: 16px 25px;
  gap: 20px;
}
@media screen and (max-width: 1399px) {
  .tl-4-program-heading {
    padding: 16px 15px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-program-heading {
    gap: 15px;
  }
}
.tl-4-program-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: var(--white);
}
@media screen and (max-width: 1199px) {
  .tl-4-program-title {
    margin-bottom: 5px;
  }
}
.tl-4-program-sub-title {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
}
.tl-4-program-img {
  width: 100%;
  height: 290px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 25px;
}
@media screen and (max-width: 479px) {
  .tl-4-program-img {
    height: 260px;
    margin-bottom: 20px;
  }
}
.tl-4-program-descr {
  color: rgba(44, 44, 44, 0.7);
}
.tl-4-program-btn {
  color: var(--black);
  font-weight: 500;
}
.tl-4-program-btn:hover {
  color: var(--red-2);
}
.tl-4-program-btn:hover i {
  transform: translateX(5px);
}
.tl-4-program-btn i {
  transition: transform 0.4s ease;
}

.tl-9-program {
  border: 1px solid rgba(44, 44, 44, 0.14);
  padding: 40px;
}
@media screen and (max-width: 1399px) {
  .tl-9-program {
    padding: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-program {
    padding: 25px;
  }
}
.tl-9-program:hover .tl-9-program-icon {
  opacity: 1;
}
.tl-9-program-img {
  margin-bottom: 35px;
  position: relative;
  isolation: isolate;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 1399px) {
  .tl-9-program-img {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-program-img {
    margin-bottom: 23px;
  }
}
.tl-9-program-img img:first-child {
  width: 332px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(44, 44, 44, 0.14);
  padding: 20px;
}
@media screen and (max-width: 1199px) {
  .tl-9-program-img img:first-child {
    padding: 15px;
  }
}
.tl-9-program-icon {
  position: absolute;
  inset: 0;
  margin: auto;
  background-color: var(--white);
  border-radius: 50%;
  width: 70%;
  padding: 53px;
  overflow: visible;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.tl-9-program-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: var(--black-2);
  margin-bottom: 5px;
}
@media screen and (max-width: 1199px) {
  .tl-9-program-title {
    font-size: 22px;
    line-height: 30px;
  }
}
.tl-9-program-title a:hover {
  color: var(--ligh-yellow);
}
.tl-9-program-descr {
  color: rgba(44, 44, 44, 0.6);
  line-height: 24px;
}
.tl-9-program-btn {
  font-weight: 600;
  color: var(--black-2);
}
.tl-9-program-btn:hover {
  color: var(--ligh-yellow);
}
.tl-9-program-btn:hover i {
  rotate: -45deg;
}
.tl-9-program-btn i {
  transition: rotate 0.4s ease;
  padding-left: 3px;
}
.tl-9-program-txt {
  text-align: center;
}

.tl-9-class.tl-9-program > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ----- 15. Events ----- */
.tl-3-events-cards > .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
@media screen and (max-width: 991px) {
  .tl-3-events-cards > .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}
.tl-3-events-btn {
  padding: 0 50px;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  margin-top: 70px;
  display: block;
}
@media screen and (max-width: 1399px) {
  .tl-3-events-btn {
    margin-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-events-btn {
    margin-top: 45px;
  }
}
.tl-3-events-btn:hover {
  color: var(--black);
}

.tl-3-single-event {
  padding: 45px;
  border: 1px solid rgba(23, 22, 28, 0.14);
  border-radius: 20px;
  display: flex;
  gap: 30px;
  align-items: center;
  transition: 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-event {
    padding: 35px;
    gap: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-single-event {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-single-event {
    padding: 25px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-event {
    padding: 20px;
    padding-bottom: 10px;
    gap: 15px;
  }
}
.tl-3-single-event:hover {
  color: var(--white);
  background-color: #4F5EC7;
  border-color: rgba(255, 255, 255, 0.3);
}
.tl-3-single-event:hover .tl-3-single-event-info > h6 {
  color: rgba(255, 255, 255, 0.7);
}
.tl-3-single-event:hover .tl-3-single-event-info > h6 i {
  color: var(--white);
}
.tl-3-single-event:hover .tl-3-single-event-date {
  border-color: rgba(255, 255, 255, 0.3);
}
.tl-3-single-event:hover .tl-3-single-event-date .date {
  color: var(--white);
}
.tl-3-single-event:hover .tl-3-single-event-date .month-year {
  color: var(--white);
}
.tl-3-single-event:hover .tl-3-single-event-date::before, .tl-3-single-event:hover .tl-3-single-event-date::after {
  background-color: rgba(255, 255, 255, 0.3);
}
.tl-3-single-event:hover .tl-3-single-event-title a {
  color: var(--white);
  transition: 0.4s ease;
}
.tl-3-single-event:hover .tl-3-single-event-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-3-single-event-date {
  border: 2px solid rgba(23, 22, 28, 0.16);
  border-radius: 30px;
  padding: 23px;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  transition: border 0.4s ease;
  min-width: 138px;
}
@media screen and (max-width: 991px) {
  .tl-3-single-event-date {
    padding: 15px;
    min-width: 122px;
  }
}
.tl-3-single-event-date::before, .tl-3-single-event-date::after {
  content: "";
  position: absolute;
  top: -11px;
  height: 22px;
  left: 25%;
  width: 2px;
  background-color: rgba(23, 22, 28, 0.16);
  transition: 0.4s ease;
}
.tl-3-single-event-date::after {
  left: 75%;
}
.tl-3-single-event-date .date {
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--black);
  transition: 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-3-single-event-date .date {
    font-size: 55px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-single-event-date .date {
    font-size: 45px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-event-date .date {
    font-size: 40px;
  }
}
.tl-3-single-event-date .month-year {
  line-height: 1;
  text-align: center;
  color: var(--black);
  transition: 0.4s ease;
}
.tl-3-single-event-info {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
  .tl-3-single-event-info {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-event-info {
    flex-direction: column;
    gap: 10px;
  }
}
.tl-3-single-event-info > h6 {
  font-size: 15px;
  color: rgba(23, 22, 28, 0.6);
  transition: 0.4s ease;
  margin-bottom: 0;
}
@media screen and (max-width: 479px) {
  .tl-3-single-event-info > h6 {
    font-size: 14px;
  }
}
.tl-3-single-event-info > h6 i {
  color: var(--black);
  margin-right: 4px;
  transition: 0.4s ease;
}
.tl-3-single-event-title {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 0;
  font-weight: 600;
  color: var(--black);
}
@media screen and (max-width: 991px) {
  .tl-3-single-event-title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tl-3-single-event-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-single-event-title {
    font-size: 16px;
    line-height: 26px;
  }
}
.tl-3-single-event-title a {
  transition: 0.1s ease;
  color: inherit;
}

.tl-7-events {
  background-color: #000;
}
.tl-7-events-heading {
  width: 100%;
  text-align: left;
}
.tl-7-events .tl-7-section-sub-title {
  color: rgba(255, 255, 255, 0.7);
}
.tl-7-events .tl-7-section-title {
  color: var(--white);
}
.tl-7-events-inner {
  background-color: #292929;
}

.tl-7-event-img img {
  width: 100%;
  aspect-ratio: 1.14;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-7-event-infos {
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .tl-7-event-infos {
    justify-content: space-between;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-event-infos {
    flex-direction: row;
  }
}
.tl-7-event-title.tl-6-latest-article-title {
  margin-bottom: 0;
}
.tl-7-event-title a {
  color: var(--white);
}
.tl-7-event-title a:hover {
  color: var(--tl-btn-bg);
}

.tl-3-single-event-info.tl-7-event-infos > h6 {
  color: rgba(255, 255, 255, 0.6);
}
.tl-3-single-event-info.tl-7-event-infos > h6 i {
  color: var(--white);
}
@media screen and (max-width: 767px) {
  .tl-3-single-event-info.tl-7-event-infos > h6 i {
    display: none;
  }
}

.tl-9-events-slider-nav {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .tl-9-events-slider-nav {
    justify-content: center;
  }
}
.tl-9-events-slider-nav button {
  background: none;
  font-size: 25px;
  padding: 0;
  color: #8B8B8D;
  transition: 0.4s ease;
}
@media screen and (max-width: 767px) {
  .tl-9-events-slider-nav button {
    font-size: 22px;
  }
}
.tl-9-events-slider-nav button:hover {
  color: var(--black-2);
}
.tl-9-events-slider-timeline .timeline-step {
  position: relative;
  height: 60px;
  border-top: 4px solid rgba(44, 44, 44, 0.08);
  margin-top: 6px;
  width: 100%;
}
.tl-9-events-slider-timeline .timeline-step::before {
  content: "";
  position: absolute;
  background-color: #9428EA;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
  border: 4px solid #9428EA;
}
.tl-9-events-slider-timeline .timeline-step::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 2px;
  height: 60px;
  background-color: #9428EA;
}
.tl-9-events-slider-timeline .timeline-step.clicked::before, .tl-9-events-slider-timeline .timeline-step.clicked::after {
  background-color: var(--black-2);
}
.tl-9-events-slider-timeline .timeline-step.clicked::before {
  border-color: var(--ligh-yellow);
}
.tl-9-event {
  padding: 40px;
  border: 1px solid rgba(44, 44, 44, 0.14);
}
@media screen and (max-width: 1399px) {
  .tl-9-event {
    padding: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-event {
    padding: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-event {
    padding: 15px;
  }
}
.tl-9-event-img img {
  width: 100%;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-9-event-txt {
  padding-top: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-9-event-txt {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-9-event .tl-3-single-event-info {
    margin-bottom: 10px;
  }
}
.tl-9-event .tl-3-single-event-info > h6 {
  color: rgba(44, 44, 44, 0.7);
  display: flex;
  gap: 5px;
}
.tl-9-event .tl-3-single-event-info > h6 i {
  color: var(--black-2);
}
.tl-9-event .tl-6-latest-article-title {
  margin-bottom: 16px;
}
.tl-9-event .tl-6-latest-article-title a:hover {
  color: var(--ligh-yellow);
}
.tl-9-event-btn i {
  padding-left: 5px;
}
.tl-9-event-btn:hover {
  color: var(--ligh-yellow);
}

.tl-3-section-spacing.pb-50 {
  padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .tl-3-section-spacing.pb-50 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-section-spacing.pb-50 {
    padding-bottom: 30px;
  }
}

.tl-12-events {
  background-color: #E1EEDA;
}
.tl-12-event {
  background-color: var(--white);
}
.tl-12-event-img {
  position: relative;
}
.tl-12-event-img img {
  width: 100%;
}
.tl-12-event-date {
  position: absolute;
  right: 0;
  top: 30px;
  background-color: #FF0000;
  padding: 5px 15px 4px;
  color: var(--white);
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  .tl-12-event-date {
    padding-inline: 10px;
  }
}
.tl-12-event-txt {
  padding: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-12-event-txt {
    padding: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-event-txt {
    padding: 15px;
  }
}
.tl-12-event-location {
  font-weight: 500;
  font-size: 15px;
  color: rgba(44, 44, 44, 0.7);
  margin-bottom: 12px;
}
@media screen and (max-width: 1199px) {
  .tl-12-event-location {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-event-location {
    margin-bottom: 8px;
    font-size: 14px;
  }
}
.tl-12-event-location i {
  color: #FF0000;
  padding-right: 5px;
}
.tl-12-event-title {
  font-size: 20px;
  line-height: 30px;
  color: var(--black-3);
  margin-bottom: 22px;
}
@media screen and (max-width: 1199px) {
  .tl-12-event-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-event-title {
    font-size: 16px;
    line-height: 26px;
  }
}
.tl-12-event-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-12-event .tl-def-btn {
  height: 45px;
  line-height: 45px;
}
@media screen and (max-width: 1199px) {
  .tl-12-event .tl-def-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-event .tl-def-btn {
    height: 35px;
    line-height: 35px;
  }
}

.tl-13-event {
  background-color: var(--white);
  box-shadow: 6px 6px 0 rgba(23, 22, 28, 0.14);
  transition: 0.4s ease;
}
.tl-13-event:hover {
  border-color: var(--black);
  box-shadow: 6px 6px 0 var(--tl-btn-bg);
}
.tl-13-event .tl-11-latest-article-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-13-event .tl-11-latest-article-img img {
  width: 100%;
}
.tl-13-event-btn {
  font-weight: 500;
}
.tl-13-event-btn:hover {
  color: var(--tl-btn-bg);
}
.tl-13-event-btn i {
  padding-left: 5px;
}

/* ----- 16. Consult ----- */
.tl-3-consult {
  background-color: rgba(79, 94, 199, 0.1);
}
.tl-3-consult .tl-3-section-title {
  text-align: left;
}
.tl-3-consult-img img {
  max-width: 740px;
}
@media screen and (max-width: 1399px) {
  .tl-3-consult-img img {
    max-width: 700px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-3-consult-img img {
    max-width: 650px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-consult-img img {
    max-width: 100%;
  }
}
.tl-3-consult-form {
  background-color: var(--white);
  border: 1px solid var(--black);
  padding: 70px 60px;
}
@media screen and (max-width: 1199px) {
  .tl-3-consult-form {
    padding: 60px 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-3-consult-form {
    margin-top: -300px;
  }
}
@media screen and (max-width: 767px) {
  .tl-3-consult-form {
    padding: 50px 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-3-consult-form {
    padding: 35px;
    margin-top: -250px;
  }
}
@media screen and (max-width: 479px) {
  .tl-3-consult-form {
    padding: 30px;
    margin-top: 0;
  }
}
.tl-3-consult-form .input-field-container::before {
  width: 15px;
  height: 15px;
  top: 2px;
}
@media screen and (max-width: 767px) {
  .tl-3-consult-form .input-field-container > * {
    font-size: 14px;
  }
}
.tl-3-consult-form .tl-3-def-btn:hover {
  color: var(--black);
}

.tl-5-consult {
  padding-bottom: 120px;
  margin: 0 160px;
  display: flex;
}
@media screen and (max-width: 1549px) {
  .tl-5-consult {
    margin: 0 60px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-5-consult {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-consult {
    flex-direction: column;
    padding-bottom: 60px;
  }
}
.tl-5-consult-img {
  width: 100%;
}
.tl-5-consult-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.tl-5-consult-form-container {
  background-color: #F9F6F0;
  padding: 120px;
}
@media screen and (max-width: 1749px) {
  .tl-5-consult-form-container {
    padding: 80px;
  }
}
@media screen and (max-width: 1499px) {
  .tl-5-consult-form-container {
    padding: 60px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-5-consult-form-container {
    padding: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-5-consult-form-container {
    padding: 40px;
    width: 130%;
  }
}
@media screen and (max-width: 991px) {
  .tl-5-consult-form-container {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-consult-form-container {
    padding: 25px;
  }
}
.tl-5-consult-sub-title {
  color: var(--black);
}
.tl-5-consult .tl-5-section-title {
  text-align: left;
}
.tl-5-consult-form > .row {
  --bs-gutter-y: 48px;
}
@media screen and (max-width: 991px) {
  .tl-5-consult-form > .row {
    --bs-gutter-y: 1.5rem;
  }
}
.tl-5-consult-form .input-field-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.tl-5-consult-form .input-field-container::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: url(../images/tl-5/form-icon-1.png) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
}
.tl-5-consult-form .input-field-container-address::before {
  background-image: url(../images/tl-5/form-icon-2.png);
}
.tl-5-consult-form .input-field-container-number::before {
  background-image: url(../images/tl-5/form-icon-3.png);
}
.tl-5-consult-form .input-field-container-subject::before {
  background-image: url(../images/tl-5/form-icon-4.png);
}
.tl-5-consult-form .input-field-container-ques::before {
  background-image: url(../images/tl-5/form-icon-5.png);
}
.tl-5-consult-form .input-field-container > * {
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(10, 10, 10, 0.14);
  background-color: transparent;
  padding: 20px 15px;
  padding-top: 0;
  padding-left: 35px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .tl-5-consult-form .input-field-container > * {
    padding: 10px 15px;
    padding-top: 0;
    padding-left: 35px;
  }
}
.tl-5-consult-form .input-field-container > *:focus {
  outline: none;
}
.tl-5-consult-form .input-field-container textarea {
  vertical-align: top;
  height: 80px;
}

/* ----- 17. Admission ----- */
.tl-4-admission {
  padding: 120px 0 225px;
}
@media screen and (max-width: 1689px) {
  .tl-4-admission {
    padding: 120px 0 190px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-4-admission {
    padding: 120px 0 170px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-admission {
    padding: 120px 0 150px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-admission {
    padding: 0 0 110px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-admission {
    padding: 0 0 90px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-admission {
    padding: 0 0 70px;
  }
}
.tl-4-admission-form {
  right: auto;
  bottom: auto;
  top: -147px;
  left: 60px;
  max-width: 440px;
}
@media screen and (max-width: 991px) {
  .tl-4-admission-form {
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-admission-form {
    max-width: 100%;
  }
}
.tl-4-admission-img {
  margin-top: 45px;
}
@media screen and (max-width: 991px) {
  .tl-4-admission-img {
    margin-top: 0;
  }
}
.tl-4-admission-img::before {
  content: "Collage Admissions";
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(23, 22, 28, 0.16);
  z-index: -1;
}
.tl-4-admission-inner {
  padding-top: 222px;
}
@media screen and (max-width: 991px) {
  .tl-4-admission-inner {
    padding-top: 60px;
  }
}

/* ----- 18. Innovations ----- */
.tl-4-innovs-heading .tl-4-section-title {
  margin-bottom: 10px;
}
.tl-4-innovs-heading-txt {
  text-align: center;
  margin: auto;
  width: 35%;
  margin-bottom: 63px;
  line-height: 26px;
  color: rgba(23, 22, 28, 0.7);
}
@media screen and (max-width: 1399px) {
  .tl-4-innovs-heading-txt {
    margin-bottom: 53px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-4-innovs-heading-txt {
    margin-bottom: 43px;
    width: 45%;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-innovs-heading-txt {
    width: 65%;
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-innovs-heading-txt {
    width: 75%;
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-innovs-heading-txt {
    width: 85%;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-innovs-heading-txt {
    width: 100%;
  }
}
.tl-4-innov:hover::before {
  height: 0;
}
.tl-4-innov::before {
  height: 100%;
  background-color: var(--black);
  bottom: auto;
}
@media screen and (max-width: 1199px) {
  .tl-4-innov .tl-7-class-img img {
    min-height: 430px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-innov .tl-7-class-img img {
    min-height: 405px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-innov .tl-7-class-img img {
    min-height: 400px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-innov .tl-7-class-img img {
    min-height: 300px;
  }
}
.tl-4-innov .tl-7-class-txt {
  padding: 40px 35px;
}
@media screen and (max-width: 767px) {
  .tl-4-innov .tl-7-class-txt {
    padding: 30px 25px;
  }
}
.tl-4-innov .tl-7-class-icon img {
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .tl-4-innov .tl-7-class-icon img {
    width: 60px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-innov .tl-7-class-icon img {
    margin-bottom: 23px;
  }
}
.tl-4-innov .tl-7-class-name {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  width: 80%;
}
@media screen and (max-width: 1199px) {
  .tl-4-innov .tl-7-class-name {
    font-size: 25px;
    line-height: 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-innov .tl-7-class-name {
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-innov .tl-7-class-name {
    font-size: 22px;
    line-height: 27px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-innov .tl-7-class-name {
    width: 100%;
  }
}
.tl-4-innov .tl-7-class-descr {
  font-size: 16px;
  line-height: 1.6;
  opacity: 1;
  margin-bottom: 40px;
}
.tl-4-innov .tl-7-class-btn {
  width: auto;
  height: auto;
  line-height: normal;
  border: none;
  -webkit-text-decoration: 1px underline transparent;
          text-decoration: 1px underline transparent;
  text-underline-offset: 2px;
}
.tl-4-innov .tl-7-class-btn:hover {
  color: var(--white);
  background: none;
  text-decoration-color: var(--white);
}
.tl-4-innov .tl-7-class-btn:hover i {
  transform: translateX(5px);
}
.tl-4-innov .tl-7-class-btn i {
  transition: transform 0.4s ease;
}

/* ----- 19. Campus ----- */
.tl-4-campus-txt {
  background-color: #00825A;
  padding: 0 80px;
  height: 100%;
  display: grid;
  justify-items: start;
  align-content: center;
}
@media screen and (max-width: 1715px) {
  .tl-4-campus-txt {
    padding: 55px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-campus-txt {
    padding: 35px;
  }
}
.tl-4-campus-txt .tl-5-section-title {
  color: var(--white);
  text-align: left;
}
@media screen and (max-width: 1595px) {
  .tl-4-campus-txt .tl-5-section-title {
    font-size: 40px;
    line-height: 45px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-4-campus-txt .tl-5-section-title {
    font-size: 40px;
    line-height: 45px;
  }
}
@media screen and (max-width: 991px) {
  .tl-4-campus-txt .tl-5-section-title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-campus-txt .tl-5-section-title {
    font-size: 32px;
    line-height: 37px;
  }
}
@media screen and (max-width: 575px) {
  .tl-4-campus-txt .tl-5-section-title {
    font-size: 28px;
    line-height: 33px;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-campus-txt .tl-5-section-title {
    font-size: 25px;
    line-height: 30px;
  }
}
.tl-4-campus-txt .tl-def-btn-2 {
  color: var(--white);
  border-color: var(--white);
  transition: all 0.4s ease;
}
.tl-4-campus-txt .tl-def-btn-2:hover {
  color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}
.tl-4-campus-txt .tl-def-btn-2:hover i {
  color: var(--tl-btn-bg);
}
.tl-4-campus-txt .tl-def-btn-2 i {
  color: var(--white);
}

.tl-5-campus-img {
  height: 100%;
}
.tl-5-campus-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .tl-5-campus-img img {
    height: 300px;
  }
}
.tl-5-campus-txt {
  background-color: #36348E;
  padding: 0 75px;
}
@media screen and (max-width: 1715px) {
  .tl-5-campus-txt {
    padding: 55px;
  }
}
@media screen and (max-width: 479px) {
  .tl-5-campus-txt {
    padding: 35px;
  }
}

.tl-10-campus-section {
  background: url(../images/tl-10/campus-life-bg.png) no-repeat center center;
  background-size: 100% 53%;
  background-position-y: top;
  margin: 0 100px;
  position: relative;
  background-color: #F2F4F9;
  z-index: 1;
}
@media screen and (max-width: 1749px) {
  .tl-10-campus-section {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-campus-section {
    padding: 60px 0;
  }
}
.tl-10-campus-section::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 47%;
  background-color: var(--white);
  z-index: -1;
}
.tl-10-campus-section > .container > .row {
  --bs-gutter-x: 20px;
}
@media screen and (max-width: 479px) {
  .tl-10-campus-section > .container > .row {
    --bs-gutter-x: 15px;
  }
}
.tl-10-campus-section-title {
  margin-bottom: 12px;
}
.tl-10-campus-section-title .last-word::before {
  background-image: url(../images/tl/line-2.png);
}
.tl-10-campus-section-single-img img {
  width: 100%;
}
.tl-10-campus-section-txt {
  margin-top: 40px;
}
.tl-10-campus-section-txt p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: var(--black);
}
@media screen and (max-width: 1399px) {
  .tl-10-campus-section-txt p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-campus-section-txt p {
    text-align: center;
  }
}

/* ----- 20. Academics ----- */
.tl-5-academic {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-5-academic {
    padding: 60px 0;
  }
}

.tl-5-single-academic {
  position: relative;
}
.tl-5-single-academic-img img {
  width: 100%;
}
.tl-5-single-academic-txt {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 13px 30px;
  background-image: linear-gradient(to right, #0D4A02, rgba(25, 88, 14, 0.1));
  color: var(--white);
}
@media screen and (max-width: 767px) {
  .tl-5-single-academic-txt {
    padding: 13px 20px;
  }
}
.tl-5-single-academic-txt a {
  color: var(--white);
  opacity: 70%;
  font-size: 14px;
  transition: all 0.4s ease;
}
.tl-5-single-academic-txt a:hover {
  opacity: 100%;
}
.tl-5-single-academic-txt a:hover i {
  rotate: -45deg;
}
.tl-5-single-academic-txt a i {
  padding-left: 5px;
  transition: rotate 0.4s ease;
}
@media screen and (max-width: 575px) {
  .tl-5-single-academic-title {
    font-size: 18px;
    margin-bottom: 3px;
  }
}
.tl-5-single-academic-2 .tl-5-single-academic-txt {
  background-image: linear-gradient(to right, #6A004D, rgba(100, 100, 70, 0.1));
}
.tl-5-single-academic-3 .tl-5-single-academic-txt {
  background-image: linear-gradient(to right, #00109E, rgba(22, 48, 137, 0.1));
}
.tl-5-single-academic-4 .tl-5-single-academic-txt {
  background-image: linear-gradient(to right, #4A0202, rgba(88, 14, 18, 0.1));
}

/* ----- 21. News ----- */
.tl-6-news {
  position: relative;
  overflow: hidden;
  padding: 75px 0;
  z-index: 1;
}
@media screen and (max-width: 1399px) {
  .tl-6-news {
    padding: 55px 0;
  }
}
@media screen and (max-width: 1199px) {
  .tl-6-news {
    padding: 45px 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-6-news {
    padding: 35px 0;
  }
}
.tl-6-news::before {
  content: attr(data-txt);
  position: absolute;
  inset: 0;
  top: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--rosaviro);
  z-index: -1;
  font-style: italic;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(22, 23, 28, 0.1);
  font-size: 210px;
  line-height: 88.095%;
  font-size: clamp(127px, 10.9vw, 210px);
  text-align: center;
}
@media screen and (max-width: 1599px) {
  .tl-6-news-slider {
    padding: 0 50px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-news-slider {
    padding: 0 30px;
  }
}
.tl-6-news-slide {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 479px) {
  .tl-6-news-slide {
    flex-direction: column;
  }
}
.tl-6-news-slide img {
  width: 110px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 479px) {
  .tl-6-news-slide-txt {
    text-align: center;
  }
}
.tl-6-news-slide-title {
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 0;
  color: var(--black);
}
@media screen and (max-width: 1599px) {
  .tl-6-news-slide-title {
    font-size: 18px;
  }
}
.tl-6-news-slide-title a {
  background-image: linear-gradient(to right, var(--black), var(--black));
  background-size: 0% 1px;
  display: inline;
  background-repeat: no-repeat;
  background-position: 0 20px;
}
.tl-6-news-slide-title a:hover {
  background-size: 100% 1px;
  color: var(--black);
}
.tl-6-news-slide .tl-6-info-pill {
  background-color: transparent;
}

.tl-6-slider-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
  width: calc(100% + 120px);
  visibility: hidden;
}
@media screen and (max-width: 1599px) {
  .tl-6-slider-nav {
    width: calc(100% + 20px);
  }
}
@media screen and (max-width: 1399px) {
  .tl-6-slider-nav {
    width: calc(100% + 20px);
  }
}
@media screen and (max-width: 1199px) {
  .tl-6-slider-nav {
    width: calc(100% + 0px);
  }
}
@media screen and (max-width: 575px) {
  .tl-6-slider-nav {
    width: calc(100% + 0px);
  }
}
@media screen and (max-width: 479px) {
  .tl-6-slider-nav {
    width: calc(100% - 24px);
  }
}
.tl-6-slider-nav button {
  visibility: visible;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--white);
  font-size: 16px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.tl-6-slider-nav button:hover {
  background-color: var(--red-2);
  color: var(--white);
}

/* ----- 22. Latest Articles ----- */
.tl-6-latest-articles {
  text-align: center;
}
.tl-6-latest-articles-row {
  --bs-gutter-x: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-6-latest-articles-row {
    --bs-gutter-x: 20px;
  }
}
.tl-6-latest-article {
  text-align: left;
}
.tl-6-latest-article-img img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 30px;
  width: 100%;
  aspect-ratio: 16/10.5;
}
@media screen and (max-width: 1399px) {
  .tl-6-latest-article-img img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-latest-article-img img {
    margin-bottom: 15px;
  }
}
.tl-6-latest-article-title {
  font-size: 22px;
  line-height: 145.455%;
  color: var(--black-2);
  font-weight: 600;
  margin-bottom: 11px;
}
@media screen and (max-width: 1199px) {
  .tl-6-latest-article-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-latest-article-title {
    font-size: 18px;
  }
}
.tl-6-latest-article-title:hover {
  color: var(--red-2);
}
.tl-6-latest-article-infos {
  font-weight: 400;
  text-transform: capitalize;
  color: #5A595D;
  margin-bottom: 0;
  display: flex;
  font-size: 14px;
}
.tl-6-latest-article-infos li:first-child {
  padding-right: 20px;
  margin-right: 15px;
  position: relative;
}
.tl-6-latest-article-infos li:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: rgba(44, 44, 44, 0.6);
  border-radius: 50%;
}
.tl-6-latest-article-center .tl-6-latest-article-img img {
  aspect-ratio: 16/14.4;
}
@media screen and (max-width: 991px) {
  .tl-6-latest-article-center .tl-6-latest-article-img img {
    aspect-ratio: 16/10.5;
  }
}

.tl-11-latest-articles {
  background-color: #F2EDE7;
}
.tl-11-latest-articles-heading-btn {
  font-weight: 600;
}
.tl-11-latest-articles-heading-btn:hover {
  color: var(--kb-teal);
}
@media screen and (max-width: 479px) {
  .tl-11-latest-articles-heading-btn {
    font-size: 14px;
  }
}
.tl-11-latest-article-img img {
  width: 100%;
  aspect-ratio: 1.14;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-11-latest-article-txt {
  padding-top: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-11-latest-article-txt {
    padding-top: 25px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-latest-article-txt {
    padding-top: 20px;
  }
}
.tl-11-latest-article-infos {
  display: flex;
  margin-bottom: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: rgba(44, 44, 44, 0.7);
}
.tl-11-latest-article-infos li:first-child {
  padding-right: 20px;
  margin-right: 15px;
  position: relative;
}
.tl-11-latest-article-infos li:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: rgba(44, 44, 44, 0.6);
  border-radius: 50%;
}
.tl-11-latest-article-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: var(--black-2);
  margin-bottom: 16px;
}
.tl-11-latest-article-title a:hover {
  color: var(--kb-teal);
}
@media screen and (max-width: 1399px) {
  .tl-11-latest-article-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-latest-article-title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-latest-article-title {
    font-size: 16px;
    line-height: 26px;
  }
}
.tl-11-latest-article-author {
  font-size: 14px;
  color: rgba(44, 44, 44, 0.7);
}

/* ----- 23. Videos ----- */
.tl-6-videos-banner {
  text-align: center;
}
@media screen and (max-width: 991px) {
  .tl-6-videos-banner.pt-220.pb-220 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.tl-6-videos-banner-txt {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 1399px) {
  .tl-6-videos-banner-txt {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-videos-banner-txt {
    width: 100%;
  }
}
.tl-6-videos-banner-txt .tl-6-latest-article-infos {
  font-weight: 400;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0;
  justify-content: center;
}
.tl-6-videos-banner-txt .tl-6-latest-article-infos li:first-child::before {
  background-color: rgba(255, 255, 255, 0.6);
}
.tl-6-videos-banner-date {
  color: var(--white);
  margin-bottom: 18px;
  background-color: transparent;
  height: 36px;
  line-height: 36px;
  padding: 0 25px;
  padding-left: 35px;
}
.tl-6-videos-banner-date::before {
  background-color: var(--white);
  left: 25px;
}
.tl-6-videos-banner-title {
  font-size: 54px;
  font-weight: 700;
  line-height: 118.519%;
  color: var(--white);
  margin-bottom: 37px;
}
@media screen and (max-width: 1199px) {
  .tl-6-videos-banner-title {
    font-size: 44px;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-videos-banner-title {
    font-size: 36px;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-videos-banner-title {
    font-size: 34px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 575px) {
  .tl-6-videos-banner-title {
    font-size: 30px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-videos-banner-title {
    font-size: 26px;
    margin-bottom: 12px;
  }
}
.tl-6-videos-banner-title a {
  color: var(--white);
  background-image: linear-gradient(to right, var(--white), var(--white));
  background-size: 0% 3px;
}
.tl-6-videos-banner-title a:hover {
  color: var(--white);
  background-size: 100% 3px;
}
.tl-6-videos-row {
  max-width: 1600px;
  margin: auto;
}
@media screen and (max-width: 1399px) {
  .tl-6-video {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-video {
    flex-direction: row;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-video {
    flex-direction: column;
  }
}
.tl-6-video-img {
  flex-shrink: 0;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.tl-6-video-img img {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-6-video-img a {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
  color: var(--white);
  text-align: center;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  width: 45px;
  height: 45px;
  line-height: 43px;
  border-radius: 50%;
}
.tl-6-video-img a:hover {
  background-color: var(--red-2);
  color: var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-6-video-txt {
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-video-txt {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-video-txt {
    text-align: center;
  }
}
.tl-6-video .tl-6-news-slide-title {
  font-size: 18px;
}

.tl-7-vid {
  background: url(../images/tl-7/video-bg.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 255px 0;
}
@media screen and (max-width: 1399px) {
  .tl-7-vid {
    padding: 175px 0;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-vid {
    padding: 165px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-vid {
    padding: 145px 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-vid {
    padding: 125px 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-vid {
    padding: 115px 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-vid {
    padding: 100px 0;
  }
}
.tl-7-vid-btn {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  border: 1px solid var(--white);
  text-align: center;
  line-height: 190px;
  text-transform: uppercase;
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .tl-7-vid-btn {
    width: 170px;
    height: 170px;
    line-height: 170px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-vid-btn {
    width: 160px;
    height: 160px;
    line-height: 160px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-vid-btn {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-vid-btn {
    width: 140px;
    height: 140px;
    line-height: 140px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-vid-btn {
    width: 130px;
    height: 130px;
    line-height: 130px;
  }
}
.tl-7-vid-btn:hover {
  background-color: var(--white);
  color: var(--black);
}

/* ----- 24. Popular Articles ----- */
.tl-6-pop-articles {
  overflow: hidden;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-6-pop-articles {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-pop-articles {
    flex-direction: column;
    align-items: center;
  }
}
.tl-6-pop-articles .tl-6-section-title {
  padding-left: 0;
}
.tl-6-pop-articles .tl-6-section-title::before {
  content: none;
}
.tl-6-pop-articles-left-col {
  width: 95%;
}
@media screen and (max-width: 1399px) {
  .tl-6-pop-articles-left-col {
    width: 65%;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-pop-articles-left-col {
    width: 100%;
  }
}

.tl-6-pop-article {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-6-pop-article {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-pop-article {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-pop-article {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 575px) {
  .tl-6-pop-article {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tl-6-pop-article:hover .tl-long-arrow-btn .arrow {
  width: 32px;
  background-color: var(--red-2);
}
.tl-6-pop-article:hover .tl-long-arrow-btn .arrow::before {
  border-color: var(--red-2);
}
.tl-6-pop-article:not(:last-child) {
  border-bottom: 1px solid rgba(44, 44, 44, 0.1);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.tl-6-pop-article-img {
  flex-shrink: 0;
  width: 410px;
}
@media screen and (max-width: 1399px) {
  .tl-6-pop-article-img {
    width: 360px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-6-pop-article-img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-pop-article-img {
    width: 360px;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-pop-article-img {
    width: 100%;
  }
}
.tl-6-pop-article-img img {
  width: 100%;
  aspect-ratio: 1.41;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-6-pop-article-txt {
  padding: 0;
}
.tl-6-pop-article-infos {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 14px;
}
.tl-6-pop-article-infos .tl-6-info-pill:last-child {
  display: inline-block;
}
@media screen and (max-width: 1199px) {
  .tl-6-pop-article-infos {
    margin-bottom: 4px;
  }
}
.tl-6-pop-article-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  color: var(--black-2);
}
@media screen and (max-width: 479px) {
  .tl-6-pop-article-title {
    font-size: 20px;
  }
}
.tl-6-pop-article-descr {
  color: rgba(44, 44, 44, 0.6);
  margin-bottom: 23px;
}
@media screen and (max-width: 1199px) {
  .tl-6-pop-article-descr {
    margin-bottom: 18px;
  }
}
.tl-6-pop-article-btn i {
  margin-left: 0;
}
.tl-6-pop-article-category {
  background-color: var(--black);
  color: var(--white);
}
.tl-6-pop-article-category:hover {
  color: var(--white);
}
.tl-6-pop-article-category::before {
  background-color: var(--white);
}

.tl-long-arrow-btn {
  display: block;
  width: -moz-max-content;
  width: max-content;
  height: 12px;
  line-height: 4px;
}
.tl-long-arrow-btn .arrow {
  height: 2px;
  width: 16px;
  background-color: var(--black-3);
  position: relative;
  transition: 0.4s ease;
  display: inline-block;
}
.tl-long-arrow-btn .arrow::before {
  content: "";
  position: absolute;
  left: calc(100% - 8px);
  width: 8px;
  height: 8px;
  border: solid var(--black-3);
  border-width: 0 2px 2px 0;
  top: 50%;
  translate: 0 -50%;
  rotate: 315deg;
  transition: 0.4s ease;
}

.tl-6-sidebar {
  border: 1px solid #DFDEDF;
  flex-grow: 1;
}
@media screen and (max-width: 1399px) {
  .tl-6-sidebar {
    width: 35%;
  }
}
@media screen and (max-width: 1199px) {
  .tl-6-sidebar {
    width: 45%;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-sidebar {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .tl-6-sidebar {
    width: 75%;
  }
}
@media screen and (max-width: 575px) {
  .tl-6-sidebar {
    width: 100%;
  }
}
.tl-6-sidebar-area {
  padding: 45px 30px;
}
@media screen and (max-width: 575px) {
  .tl-6-sidebar-area {
    padding: 20px;
  }
}
.tl-6-sidebar-area-title {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 27px;
  font-weight: 600;
  color: var(--black-2);
}
@media screen and (max-width: 1399px) {
  .tl-6-sidebar-area-title {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 991px) {
  .tl-6-sidebar-area-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-area-title {
    margin-bottom: 15px;
  }
}
.tl-6-sidebar-area-articles {
  border: 1px solid rgba(44, 44, 44, 0.1);
  border-width: 1px 0 1px 0;
}
@media screen and (max-width: 1399px) {
  .tl-6-sidebar-area-articles {
    padding: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-area-articles {
    padding: 15px;
  }
}
.tl-6-sidebar-area-article {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-area-article {
    row-gap: 6px;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
.tl-6-sidebar-area-article:not(:last-child) {
  margin-bottom: 20px;
}
.tl-6-sidebar-area-article .tl-6-info-pill {
  font-size: 13px;
  height: 26px;
  line-height: 25px;
  margin-bottom: 9px;
}
.tl-6-sidebar-area-article-title {
  font-size: 18px;
  line-height: 133.333%;
  font-weight: 600;
  color: var(--black-2);
  margin-bottom: 6px;
}
@media screen and (max-width: 1199px) {
  .tl-6-sidebar-area-article-title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-area-article-title {
    font-size: 14px;
    line-height: 22px;
  }
}
.tl-6-sidebar-area-article-img {
  width: 110px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-area-article-img {
    width: 90px;
  }
}
.tl-6-sidebar-area-article-date {
  text-transform: capitalize;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(44, 44, 44, 0.7);
}
.tl-6-sidebar-area-article-date i {
  font-size: 15px;
}
.tl-6-sidebar-categories {
  border-bottom: 1px solid rgba(44, 44, 44, 0.1);
}
.tl-6-sidebar-categories-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-categories-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tl-6-sidebar-category {
  background: url(../images/tl-6/category-1.jpg) no-repeat center center;
  background-size: cover;
  padding: 20px 25px;
  border: none;
  color: var(--white);
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-category {
    padding: 20px 15px;
  }
}
.tl-6-sidebar-category:hover {
  color: var(--white);
}
.tl-6-sidebar-category:nth-child(2) {
  background-image: url(../images/tl-6/category-2.jpg);
}
.tl-6-sidebar-category:nth-child(3) {
  background-image: url(../images/tl-6/category-3.jpg);
}
.tl-6-sidebar-category-quantity {
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 6px 12px 4px;
}
.tl-6-sidebar-socials ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-socials ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tl-6-sidebar-socials ul a {
  width: 100%;
  height: 55px;
  border: none;
  background-color: var(--kb-teal);
  color: var(--white);
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  line-height: normal;
}
@media screen and (max-width: 1399px) {
  .tl-6-sidebar-socials ul a {
    padding: 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-6-sidebar-socials ul a {
    height: 45px;
  }
}
.tl-6-sidebar-socials ul a i {
  font-size: 25px;
}
.tl-6-sidebar-socials ul a.tl-6-sidebar-tw {
  background-color: #1C9CEA;
}
.tl-6-sidebar-socials ul a.tl-6-sidebar-fb {
  background-color: #1E4297;
}
.tl-6-sidebar-socials ul a.tl-6-sidebar-lk {
  background-color: #0963BC;
}
.tl-6-sidebar-socials ul a.tl-6-sidebar-pi {
  background-color: #DF0022;
}
.tl-6-sidebar-ad {
  padding: 40px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tl-6-sidebar-ad {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-sidebar-ad {
    padding: 20px;
  }
}

.tl-11-pop-articles {
  overflow: hidden;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-11-pop-articles {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-pop-articles.tl-11-section-spacing {
    padding: 60px 0;
  }
}
.tl-11-pop-articles-left-col {
  width: 95%;
}
@media screen and (max-width: 1199px) {
  .tl-11-pop-articles-left-col {
    width: 100%;
  }
}
.tl-11-pop-articles .tl-11-section-heading {
  padding-bottom: 0;
  align-items: flex-end;
}
@media screen and (max-width: 1399px) {
  .tl-11-pop-articles .tl-11-section-heading {
    flex-direction: column;
    row-gap: 15px;
    align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-pop-articles .tl-11-section-heading {
    flex-direction: row;
    align-items: flex-end;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-pop-articles .tl-11-section-heading {
    flex-direction: column;
    align-items: center;
  }
}
.tl-11-pop-articles .tl-11-section-title {
  padding-bottom: 22px;
}
@media screen and (max-width: 1399px) {
  .tl-11-pop-articles .tl-11-section-title {
    position: relative;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-11-pop-articles .tl-11-section-title::before {
    left: 50%;
    translate: -50% 0;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-pop-articles .tl-11-section-title::before {
    left: 0;
    translate: 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-pop-articles .tl-11-section-title::before {
    left: 50%;
    translate: -50% 0;
  }
}
.tl-11-pop-articles-filtering-btns {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 479px) {
  .tl-11-pop-articles-filtering-btns {
    justify-content: center;
    gap: 5px;
  }
}
.tl-11-pop-articles-filtering-btns button {
  background: none;
  border: 1px solid rgba(23, 22, 28, 0.1);
  border-width: 1px 0 0 1px;
  padding: 0 24px;
  height: 35px;
  line-height: 35px;
  font-weight: 500;
  font-size: 15px;
  transition: 0.4s ease;
}
@media screen and (max-width: 479px) {
  .tl-11-pop-articles-filtering-btns button {
    padding: 0 14px;
    font-size: 14px;
    border-width: 1px;
  }
}
.tl-11-pop-articles-filtering-btns button:last-child {
  border-width: 1px 1px 0 1px;
}
.tl-11-pop-articles-filtering-btns button.mixitup-control-active {
  background-color: var(--kb-teal);
  color: var(--white);
}
.tl-11-pop-article {
  display: flex;
  align-items: center;
  border: 1px solid rgba(44, 44, 44, 0.1);
}
@media screen and (max-width: 767px) {
  .tl-11-pop-article {
    flex-direction: column;
  }
}
.tl-11-pop-article:not(:last-child) {
  margin-bottom: 30px;
}
.tl-11-pop-article-img {
  flex-shrink: 0;
}
.tl-11-pop-article-img img {
  width: 296px;
  max-width: 100%;
  aspect-ratio: 0.936;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1399px) {
  .tl-11-pop-article-img img {
    width: 266px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-pop-article-img img {
    width: 296px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-pop-article-img img {
    width: 266px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-pop-article-img img {
    width: 100%;
  }
}
.tl-11-pop-article-infos {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 14px;
}
.tl-11-pop-article-category {
  background-color: #36348E;
  padding: 0 15px;
  color: var(--white);
  font-size: 15px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-weight: 300;
}
.tl-11-pop-article-date {
  font-size: 14px;
  font-weight: 400;
  color: var(--black-2);
}
.tl-11-pop-article-date i {
  font-size: 16px;
  margin-right: 5px;
}
.tl-11-pop-article-txt {
  padding: 34px;
}
@media screen and (max-width: 1399px) {
  .tl-11-pop-article-txt {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-pop-article-txt {
    padding: 15px;
  }
}
.tl-11-pop-article-title {
  font-size: 24px;
  line-height: 32px;
  color: var(--black-2);
}
@media screen and (max-width: 1399px) {
  .tl-11-pop-article-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-pop-article-title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-pop-article-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.tl-11-pop-article-descr {
  color: rgba(44, 44, 44, 0.6);
  margin-bottom: 23px;
}
@media screen and (max-width: 479px) {
  .tl-11-pop-article-descr {
    font-size: 14px;
  }
}
.tl-11-pop-article-btn {
  font-weight: 500;
  vertical-align: bottom;
}
@media screen and (max-width: 1399px) {
  .tl-11-pop-article-btn {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-pop-article-btn {
    font-size: 14px;
  }
}
.tl-11-pop-article-btn i {
  margin-left: 5px;
}

.tl-11-sidebar {
  flex-grow: 1;
  padding-top: 23px;
}
@media screen and (max-width: 1399px) {
  .tl-11-sidebar {
    width: 35%;
  }
}
@media screen and (max-width: 1199px) {
  .tl-11-sidebar {
    width: 45%;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-sidebar {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  .tl-11-sidebar {
    width: 75%;
  }
}
@media screen and (max-width: 575px) {
  .tl-11-sidebar {
    width: 100%;
  }
}
.tl-11-sidebar-area:not(:last-child) {
  margin-bottom: 44px;
}
@media screen and (max-width: 767px) {
  .tl-11-sidebar-area:not(:last-child) {
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-sidebar-area:not(:last-child) {
    margin-bottom: 24px;
  }
}
.tl-11-sidebar-area-title {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 27px;
  font-weight: 600;
  color: var(--black-2);
}
@media screen and (max-width: 1399px) {
  .tl-11-sidebar-area-title {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 991px) {
  .tl-11-sidebar-area-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-sidebar-area-title {
    margin-bottom: 15px;
  }
}
.tl-11-sidebar-area-articles {
  border: 1px solid rgba(44, 44, 44, 0.1);
  padding: 46px 30px;
}
@media screen and (max-width: 1399px) {
  .tl-11-sidebar-area-articles {
    padding: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-sidebar-area-articles {
    padding: 15px;
  }
}
.tl-11-sidebar-area-article {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
@media screen and (max-width: 479px) {
  .tl-11-sidebar-area-article {
    flex-direction: column;
    text-align: center;
    row-gap: 6px;
  }
}
.tl-11-sidebar-area-article:not(:last-child) {
  margin-bottom: 20px;
}
.tl-11-sidebar-area-article-date {
  font-size: 13px;
  font-weight: 500;
  color: rgba(44, 44, 44, 0.7);
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 9px;
}
@media screen and (max-width: 479px) {
  .tl-11-sidebar-area-article-date {
    margin-bottom: 3px;
  }
}
.tl-11-sidebar-area-article-title {
  font-size: 18px;
  line-height: 26px;
  color: var(--black-2);
  margin-bottom: 0;
}
.tl-11-sidebar-area-article-title a:hover {
  color: var(--kb-teal);
}
@media screen and (max-width: 1199px) {
  .tl-11-sidebar-area-article-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.tl-11-sidebar-categories-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media screen and (max-width: 479px) {
  .tl-11-sidebar-categories-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.tl-11-sidebar-category {
  border: 1px solid rgba(44, 44, 44, 0.1);
  padding: 13px 20px;
  color: rgba(44, 44, 44, 0.6);
  display: flex;
  justify-content: space-between;
}
.tl-11-sidebar-category:hover {
  background-color: var(--kb-teal);
  border-color: var(--kb-teal);
  color: var(--white);
}
.tl-11-sidebar-magazine-cover img {
  width: 100%;
}
.tl-11-sidebar-socials {
  display: flex;
  border: 1px solid rgba(44, 44, 44, 0.1);
  padding: 20px 30px;
  -moz-column-gap: 45px;
       column-gap: 45px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .tl-11-sidebar-socials {
    padding: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-sidebar-socials {
    flex-direction: column;
    row-gap: 10px;
    padding: 15px;
  }
}
.tl-11-sidebar-socials .tl-11-sidebar-area-title {
  margin-bottom: 0;
}
.tl-11-sidebar-socials ul {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.tl-11-sidebar-socials ul a {
  border: 1px solid rgba(23, 22, 28, 0.1);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.tl-11-sidebar-socials ul a:hover {
  color: var(--white);
  background-color: var(--kb-teal);
  border-color: var(--kb-teal);
}

/* ----- 25. Socials ----- */
.tl-4-socials {
  background-size: cover;
  min-height: 670px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tl-4-socials {
    min-height: auto;
  }
}
.tl-4-socials .row {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .tl-4-socials .row {
    position: static;
  }
}

.tl-4-social {
  position: relative;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .tl-4-social {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .tl-4-social {
    border-right: 0;
    height: auto;
  }
}
.tl-4-social:hover .tl-4-social-title {
  margin-bottom: 14px;
}
.tl-4-social-txt {
  padding: 50px;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: var(--white);
}
@media screen and (max-width: 1599px) {
  .tl-4-social-txt {
    padding: 40px;
  }
}
@media screen and (max-width: 1399px) {
  .tl-4-social-txt {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-4-social-txt {
    position: static;
  }
}
@media screen and (max-width: 479px) {
  .tl-4-social-txt {
    padding: 20px;
  }
}
.tl-4-social-title {
  font-weight: 600;
  font-size: 30px;
  color: var(--white);
  text-transform: capitalize;
  margin-bottom: 0px;
  transition: 0.4s ease;
}
.tl-4-social-hidden-content {
  display: none;
}
.tl-4-social-descr {
  overflow: hidden;
  transition: 0.4s ease;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 28px;
}
.tl-4-social-btn {
  color: var(--white);
  overflow: hidden;
  transition: 0.4s ease;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 6px 30px;
}
.tl-4-social-btn:hover {
  background-color: var(--red-2);
  border-color: var(--red-2);
}

.tl-6-social-btn {
  color: var(--white);
  margin-top: 16px;
}
.tl-6-social-btn:hover {
  color: var(--red-2);
}
.tl-6-social-date {
  color: var(--white);
  height: 28px;
  line-height: 28px;
  padding: 0 15px;
  padding-left: 25px;
  margin-bottom: 20px;
  background-color: transparent;
}
.tl-6-social-date::before {
  left: 14px;
  background-color: var(--white);
}
.tl-6-social-title {
  line-height: 141.667%;
  font-weight: 600;
  margin-bottom: 0;
}
@media screen and (max-width: 1399px) {
  .tl-6-social-title {
    font-size: 22px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-social-title {
    font-size: 20px;
  }
}

.tl-11-socials {
  background-image: url(../images/tl-11/socials-bg.jpg);
}

.tl-11-social:hover .tl-11-section-title {
  margin-bottom: 14px;
}
.tl-11-social .tl-11-section-title {
  color: var(--white);
  text-transform: capitalize;
  margin-bottom: 0px;
  transition: 0.4s ease;
}
.tl-11-social .tl-11-section-title::before {
  content: none;
}
.tl-11-social-btn:hover {
  color: var(--white);
  background-color: var(--kb-teal);
  border-color: var(--kb-teal);
}

/* ----- 26. Members ----- */
.tl-6-members .owl-nav button.owl-prev:hover,
.tl-6-members .owl-nav button.owl-next:hover {
  background-color: var(--red-2);
  border-color: var(--red-2);
}

.tl-6-members {
  border: 1px solid rgba(44, 44, 44, 0.2);
  border-left: 0;
  position: relative;
}
.tl-6-members .owl-nav {
  position: absolute;
  width: calc(100% + 50px);
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: space-between;
  visibility: hidden;
}
.tl-6-members .owl-nav button.owl-prev,
.tl-6-members .owl-nav button.owl-next {
  visibility: visible;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(44, 44, 44, 0.2);
  background-color: var(--white);
  transition: 0.4s ease;
}
.tl-6-members .owl-nav button.owl-prev:hover,
.tl-6-members .owl-nav button.owl-next:hover {
  color: var(--white);
  background-color: var(--red-2);
  border-color: var(--red-2);
}
.tl-6-member {
  border-left: 1px solid rgba(44, 44, 44, 0.2);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tl-6-member img {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .tl-6-member img {
    height: 80px;
  }
}
@media screen and (max-width: 479px) {
  .tl-6-member img {
    height: 70px;
  }
}

.tl-7-membership {
  background-color: #F8F2ED;
}
.tl-7-membership .owl-nav button.owl-prev,
.tl-7-membership .owl-nav button.owl-next {
  background-color: #F8F2ED;
}
.tl-7-membership .owl-nav button.owl-prev:hover,
.tl-7-membership .owl-nav button.owl-next:hover {
  background-color: var(--tl-teal);
  border-color: var(--tl-teal);
}
.tl-7-membership.yellow-clr .owl-nav button.owl-prev:hover,
.tl-7-membership.yellow-clr .owl-nav button.owl-next:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}

.tl-9-membership {
  padding: 80px 0;
}
@media screen and (max-width: 1399px) {
  .tl-9-membership {
    padding: 60px 0;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-membership {
    padding: 40px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-membership {
    padding: 30px 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-membership {
    padding: 25px 0;
  }
}
.tl-9-members {
  border: none;
}
.tl-9-members .owl-nav button.owl-prev,
.tl-9-members .owl-nav button.owl-next {
  background-color: transparent;
}
.tl-9-members .owl-nav button.owl-prev:hover,
.tl-9-members .owl-nav button.owl-next:hover {
  background-color: var(--ligh-yellow);
  border-color: var(--ligh-yellow);
  color: var(--black-2);
}
.tl-9-member {
  border: none;
  aspect-ratio: auto;
}

.tl-11-members {
  border: 1px solid rgba(44, 44, 44, 0.2);
  border-left: 0;
  position: relative;
}
.tl-11-members .owl-nav {
  position: absolute;
  width: calc(100% + 50px);
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: space-between;
  visibility: hidden;
}
.tl-11-members .owl-nav button.owl-prev,
.tl-11-members .owl-nav button.owl-next {
  visibility: visible;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(44, 44, 44, 0.2);
  background-color: var(--white);
  transition: 0.4s ease;
}
.tl-11-members .owl-nav button.owl-prev:hover,
.tl-11-members .owl-nav button.owl-next:hover {
  background-color: var(--tl-teal);
  color: var(--white);
  border-color: var(--tl-teal);
}
.tl-11-member {
  border-left: 1px solid rgba(44, 44, 44, 0.2);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tl-11-member img {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .tl-11-member img {
    height: 80px;
  }
}
@media screen and (max-width: 479px) {
  .tl-11-member img {
    height: 70px;
  }
}

.tl-12-members .owl-nav button.owl-prev:hover, .tl-12-members .owl-nav button.owl-next:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}

.tl-13-members .owl-nav button.owl-prev,
.tl-13-members .owl-nav button.owl-next {
  box-shadow: 0px 0px 0 transparent;
}
.tl-13-members .owl-nav button.owl-prev:hover,
.tl-13-members .owl-nav button.owl-next:hover {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--black);
  box-shadow: 3px 3px 0 var(--tl-btn-bg);
}

/* ----- 27. Classes ----- */
.tl-7-classes-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-7-classes-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-classes-row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 12px;
  }
}

.tl-7-class {
  position: relative;
  z-index: 1;
}
.tl-7-class:hover::before {
  height: 100%;
}
.tl-7-class:hover .tl-7-class-descr {
  line-height: 1.6;
  opacity: 1;
}
.tl-7-class::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
  height: 0;
  top: auto;
  transition: 0.4s ease;
}
.tl-7-class-img img {
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .tl-7-class-img img {
    min-height: 450px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-class-img img {
    max-height: 350px;
    min-height: 300px;
  }
}
.tl-7-class-txt {
  position: absolute;
  inset: 0;
  padding: 70px 60px;
  color: var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-7-class-txt {
    padding: 50px 45px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-class-txt {
    padding: 35px 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-class-txt {
    padding: 30px 25px;
  }
}
.tl-7-class-icon img {
  width: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  .tl-7-class-icon img {
    width: 70px;
    margin-bottom: 30px;
  }
}
.tl-7-class-name {
  font-weight: 700;
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1399px) {
  .tl-7-class-name {
    font-size: 32px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-class-name {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-class-name {
    font-size: 25px;
    line-height: 32px;
  }
}
.tl-7-class-descr {
  font-size: 15px;
  line-height: 24px;
  line-height: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  transition: 0.4s ease;
  opacity: 0;
}
.tl-7-class-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: var(--white);
  text-align: center;
  line-height: 50px;
}
.tl-7-class-btn:hover {
  background-color: var(--white);
  color: var(--black);
}

.tl-9-class {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .tl-9-class {
    padding: 20px;
  }
}
.tl-9-class-tag {
  padding: 5px 15px;
  background-color: #9428EA;
  position: absolute;
  right: 0;
  top: 28px;
  font-weight: 700;
  color: var(--white);
  line-height: 1;
}
@media screen and (max-width: 1399px) {
  .tl-9-class-tag {
    top: 18px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-class-tag {
    top: 12px;
  }
}
.tl-9-class-img {
  margin-bottom: 50px;
}
@media screen and (max-width: 1399px) {
  .tl-9-class-img {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-class-img {
    margin-bottom: 20px;
  }
}
.tl-9-class-infos {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .tl-9-class-infos {
    margin-bottom: 15px;
  }
}
.tl-9-class-category {
  font-size: 15px;
  font-weight: 400;
  color: rgba(44, 44, 44, 0.7);
  text-transform: capitalize;
  border: 1px solid rgba(44, 44, 44, 0.14);
  padding: 2px 11px;
}
.tl-9-class-category:hover {
  background-color: #9428EA;
  color: #fff;
}
.tl-9-class-duration {
  display: flex;
  align-items: center;
  color: rgba(44, 44, 44, 0.6);
}
.tl-9-class-duration img {
  margin-right: 5px;
}
.tl-9-classes .owl-nav {
  position: absolute;
  top: 50%;
  width: calc(100% + 160px);
  display: flex;
  justify-content: space-between;
  left: 50%;
  translate: -50% 0;
  visibility: hidden;
}
@media screen and (max-width: 1499px) {
  .tl-9-classes .owl-nav {
    width: calc(100% + 70px);
  }
}
.tl-9-classes .owl-nav button.owl-prev,
.tl-9-classes .owl-nav button.owl-next {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid rgba(44, 44, 44, 0.14);
  visibility: visible;
  color: var(--black-2);
  background-color: var(--white);
}
.tl-9-classes .owl-nav button.owl-prev:hover,
.tl-9-classes .owl-nav button.owl-next:hover {
  background-color: var(--ligh-yellow);
  border-color: var(--ligh-yellow);
}
.tl-9-classes .owl-item .tl-9-class-duration img {
  width: 16px;
}

/* ----- 28. Ticker ----- */
.tl-7-marquee-text {
  background-color: var(--black);
}
.tl-7-marquee-line {
  font-size: 80px;
  font-weight: 700;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: transparent;
  padding: 38px 0;
  margin-bottom: 0;
  text-transform: uppercase;
  background: transparent;
}
@media screen and (max-width: 1399px) {
  .tl-7-marquee-line {
    font-size: 70px;
    padding: 25px 0;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-marquee-line {
    font-size: 60px;
    padding: 20px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-marquee-line {
    font-size: 50px;
    padding: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-marquee-line {
    font-size: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-marquee-line {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-marquee-line {
    font-size: 25px;
    padding: 10px 0;
  }
}
.tl-7-marquee-line .eocjs-newsticker-container {
  height: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-7-marquee-line .eocjs-newsticker-container {
    height: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-marquee-line .eocjs-newsticker-container {
    height: 60px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-marquee-line .eocjs-newsticker-container {
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-marquee-line .eocjs-newsticker-container {
    height: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-marquee-line .eocjs-newsticker-container {
    height: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-marquee-line .eocjs-newsticker-container {
    height: 25px;
  }
}
.tl-7-marquee-line .eocjs-newsticker-one,
.tl-7-marquee-line .eocjs-newsticker-two {
  height: 80px;
  line-height: 80px;
}
@media screen and (max-width: 1399px) {
  .tl-7-marquee-line .eocjs-newsticker-one,
  .tl-7-marquee-line .eocjs-newsticker-two {
    height: 70px;
    line-height: 70px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-marquee-line .eocjs-newsticker-one,
  .tl-7-marquee-line .eocjs-newsticker-two {
    height: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-marquee-line .eocjs-newsticker-one,
  .tl-7-marquee-line .eocjs-newsticker-two {
    height: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-marquee-line .eocjs-newsticker-one,
  .tl-7-marquee-line .eocjs-newsticker-two {
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-7-marquee-line .eocjs-newsticker-one,
  .tl-7-marquee-line .eocjs-newsticker-two {
    height: 30px;
    line-height: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-marquee-line .eocjs-newsticker-one,
  .tl-7-marquee-line .eocjs-newsticker-two {
    height: 25px;
    line-height: 25px;
  }
}
.tl-7-marquee-line .divider {
  -webkit-text-fill-color: var(--tl-btn-bg);
  -webkit-text-stroke: 1px var(--tl-btn-bg);
}

/* ----- 29. Categories ----- */
.tl-7-categories-heading {
  margin-left: 0;
  text-align: left;
}
.tl-7-categories-row {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .tl-7-categories-row {
    flex-direction: column;
  }
}
.tl-7-categories .nav.nav-tabs {
  flex-direction: column;
  border: none;
  box-shadow: 0 10px 60px rgba(23, 22, 28, 0.1);
}
@media screen and (max-width: 991px) {
  .tl-7-categories .nav.nav-tabs {
    flex-direction: row;
    background-color: rgba(0, 0, 0, 0.1);
    gap: 1px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-categories .nav.nav-tabs > * {
    flex: 40%;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-categories .nav.nav-tabs > * {
    flex: 100%;
  }
}
.tl-7-categories .nav-item .nav-link {
  border: none;
  min-width: 440px;
  color: #000;
  padding: 45px;
  text-align: left;
  position: relative;
  z-index: 1;
  background-color: var(--white);
  border-radius: 0;
  height: auto;
  text-transform: capitalize;
}
@media screen and (max-width: 1399px) {
  .tl-7-categories .nav-item .nav-link {
    padding: 35px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-categories .nav-item .nav-link {
    padding: 25px;
    min-width: 350px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-categories .nav-item .nav-link {
    min-width: auto;
    width: 100%;
    padding: 25px 20px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-categories .nav-item .nav-link {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-categories .nav-item .nav-link {
    padding: 15px;
  }
}
.tl-7-categories .nav-item .nav-link::before {
  content: "";
  position: absolute;
  inset: 0;
  left: auto;
  width: 0;
  background-color: var(--tl-btn-bg);
  z-index: -1;
  transition: 0.4s ease;
}
.tl-7-categories .nav-item .nav-link::after {
  content: none;
}
.tl-7-categories .nav-item .nav-link.active::before {
  width: 100%;
  left: 0;
  right: auto;
}
.tl-7-categories .nav-item:not(:last-child) {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.tl-7-categories .tab-pane {
  overflow: hidden;
}
.tl-7-categories .tab-pane img {
  animation: slide-right 0.4s forwards;
}

@keyframes slide-right {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0);
  }
}
.tl-7-cate-sub-title {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}
@media screen and (max-width: 991px) {
  .tl-7-cate-sub-title {
    font-size: 14px;
    margin-bottom: 2px;
  }
}
.tl-7-cate-title {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 0;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .tl-7-cate-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-cate-title {
    font-size: 23px;
  }
}
@media screen and (max-width: 767px) {
  .tl-7-cate-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-cate-title {
    font-size: 18px;
  }
}

.tl-12-subjects-row > .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-12-subjects-row > .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-subjects-row > .row {
    --bs-gutter-y: 12px;
  }
}

.tl-12-subj {
  padding: 50px 45px;
  background-color: #F2F4F8;
}
@media screen and (max-width: 1399px) {
  .tl-12-subj {
    padding: 30px 25px;
  }
}
.tl-12-subj:hover .kb-long-arrow-btn .arrow {
  width: 32px;
}
.tl-12-subj-2 {
  background-color: #F8F2F2;
}
.tl-12-subj-3 {
  background-color: #E8F6EB;
}
.tl-12-subj-4 {
  background-color: #F8F6F2;
}
.tl-12-subj-5 {
  background-color: #F4F8F2;
}
.tl-12-subj-6 {
  background-color: #E8F6F5;
}
.tl-12-subj-7 {
  background-color: #F7F2F8;
}
.tl-12-subj img {
  margin-bottom: 56px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 991px) {
  .tl-12-subj img {
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-subj img {
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-subj img {
    margin-bottom: 31px;
  }
}
.tl-12-subj-title {
  margin-bottom: 6px;
  color: var(--black-3);
}
.tl-12-subj a:hover {
  color: var(--tl-btn-bg);
}
.tl-12-subj-descr {
  color: var(--black-3);
  margin-bottom: 62px;
}
@media screen and (max-width: 991px) {
  .tl-12-subj-descr {
    margin-bottom: 52px;
  }
}
@media screen and (max-width: 575px) {
  .tl-12-subj-descr {
    margin-bottom: 42px;
  }
}
@media screen and (max-width: 479px) {
  .tl-12-subj-descr {
    margin-bottom: 37px;
  }
}

.kb-long-arrow-btn {
  display: block;
  width: -moz-max-content;
  width: max-content;
  height: 12px;
  line-height: 4px;
}
.kb-long-arrow-btn:hover .arrow {
  background-color: var(--tl-btn-bg);
}
.kb-long-arrow-btn:hover .arrow::after {
  border-color: var(--tl-btn-bg);
}
.kb-long-arrow-btn .arrow {
  height: 2px;
  width: 16px;
  background-color: var(--black-3);
  position: relative;
  transition: 0.4s ease;
  display: inline-block;
}
.kb-long-arrow-btn .arrow::after {
  content: "";
  position: absolute;
  left: calc(100% - 8px);
  width: 8px;
  height: 8px;
  border: solid var(--black-3);
  border-width: 0 2px 2px 0;
  top: 50%;
  translate: 0 -50%;
  rotate: 315deg;
  transition: 0.4s ease;
}

.tl-13-categories-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
@media screen and (max-width: 479px) {
  .tl-13-categories-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}
.tl-13-categories .tl-3-single-program {
  border-radius: 0;
  border: 1px solid rgba(23, 22, 28, 0.14);
  box-shadow: 6px 6px 0 rgba(23, 22, 28, 0.14);
}
@media screen and (max-width: 1399px) {
  .tl-13-categories .tl-3-single-program {
    padding: 18px 20px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-13-categories .tl-3-single-program {
    padding: 18px 15px;
    gap: 10px;
  }
}
.tl-13-categories .tl-3-single-program:hover {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--black);
  box-shadow: 6px 6px 0 var(--tl-btn-bg);
}
.tl-13-categories .tl-3-single-program:hover .tl-3-single-program-icon img {
  filter: invert(0);
}

.tl-14-categories-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-14-categories-row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-categories-row {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
}

.tl-14-category {
  border: 1px solid rgba(44, 44, 44, 0.1);
  box-shadow: 0 0 0 transparent;
  transition: 0.4s ease;
}
.tl-14-category:hover {
  background-color: var(--white);
  border-color: transparent;
  box-shadow: 0 -3px 0 var(--red-3);
  color: var(--black);
}
.tl-14-category:hover .tl-3-single-program-icon img {
  filter: none;
}

/* ----- 30. Contact ----- */
.tl-7-contact {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-7-contact {
    padding: 60px 0;
  }
}
.tl-7-contact-heading {
  text-align: left;
  width: 100%;
}
.tl-7-contact .tl-7-section-title {
  position: relative;
}
.tl-7-contact .tl-7-section-title::before {
  content: "Contact us";
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.5px rgba(0, 0, 0, 0.14);
  font-size: clamp(25px, 4.5vw, 80px);
  position: absolute;
  top: -20px;
  left: -98px;
}
@media screen and (max-width: 1599px) {
  .tl-7-contact .tl-7-section-title::before {
    left: 0;
  }
}
.tl-7-contact-form input,
.tl-7-contact-form textarea {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  height: 50px;
}
@media screen and (max-width: 1199px) {
  .tl-7-contact-form input,
  .tl-7-contact-form textarea {
    padding: 0 15px;
    height: 45px;
  }
}
.tl-7-contact-form input:focus,
.tl-7-contact-form textarea:focus {
  outline: none;
}
.tl-7-contact-form textarea {
  padding-block: 12px;
  height: 200px;
}
.tl-7-contact-form .tl-7-def-btn:hover {
  color: var(--black);
}
.tl-7-contact iframe {
  max-width: 100%;
  width: 550px;
  aspect-ratio: 1;
  margin-left: 85px;
}
@media screen and (max-width: 1399px) {
  .tl-7-contact iframe {
    margin-left: 45px;
    width: 500px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-7-contact iframe {
    margin-left: 15px;
    width: 440px;
  }
}
@media screen and (max-width: 991px) {
  .tl-7-contact iframe {
    margin-left: 0;
    width: 100%;
    aspect-ratio: 2;
  }
}
@media screen and (max-width: 479px) {
  .tl-7-contact iframe {
    aspect-ratio: 1;
  }
}

.tl-8-contact .tl-3-consult-form {
  background-color: #F5F5F5;
}
.tl-8-contact .tl-3-def-btn {
  border-radius: 0;
}

/* ----- 31. Pricing ----- */
.tl-8-pricing {
  background-color: #F5F5F5;
}
.tl-8-pricing .tl-8-section-title {
  text-align: center;
}

.tl-8-single-pricing {
  padding: 50px;
  background-color: var(--white);
  box-shadow: 0 2px 4px rgba(23, 22, 28, 0.1);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 1399px) {
  .tl-8-single-pricing {
    padding: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-single-pricing {
    padding: 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-single-pricing {
    padding: 25px;
  }
}
.tl-8-single-pricing-tag {
  position: absolute;
  padding-block: 5px 3px;
  padding-inline: 110px;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--tl-btn-bg);
  transform: rotate(45deg);
  right: -113px;
  top: 33px;
  font-size: 14px;
  color: #18222F;
  font-weight: 500;
  z-index: -1;
}
.tl-8-single-pricing-heading {
  border-bottom: 1px solid rgba(24, 34, 47, 0.1);
  margin-bottom: 49px;
}
@media screen and (max-width: 1399px) {
  .tl-8-single-pricing-heading {
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-single-pricing-heading {
    margin-bottom: 34px;
  }
}
.tl-8-single-pricing-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--black);
}
.tl-8-single-pricing-sub-title {
  color: #535353;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
}
.tl-8-single-pricing-price {
  color: #535353;
  margin-bottom: 9px;
  line-height: inherit;
}
@media screen and (max-width: 1399px) {
  .tl-8-single-pricing-price {
    margin-bottom: 4px;
  }
}
.tl-8-single-pricing-price span.number {
  font-size: 60px;
  font-weight: 700;
  color: #18222F;
}
@media screen and (max-width: 1399px) {
  .tl-8-single-pricing-price span.number {
    font-size: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-8-single-pricing-price span.number {
    font-size: 45px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-single-pricing-price span.number {
    font-size: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-single-pricing-price span.number {
    font-size: 35px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-single-pricing-price span.number {
    font-size: 30px;
  }
}
.tl-8-single-pricing-features li {
  position: relative;
  padding-left: 28px;
  font-size: 15px;
  color: var(--black);
}
.tl-8-single-pricing-features li:not(:last-child) {
  margin-bottom: 13px;
}
.tl-8-single-pricing-features li.disabled-feature {
  opacity: 30%;
}
.tl-8-single-pricing-features li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 2px;
  font-family: "Font Awesome 6 Sharp";
  font-size: 14px;
}
.tl-8-single-pricing .tl-def-btn {
  margin-top: 51px;
  display: block;
  background: none;
  border-color: rgba(24, 34, 47, 0.14);
}
.tl-8-single-pricing-pop .tl-def-btn {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}

.tl-9-single-pricing {
  display: flex;
  align-items: center;
  padding: 0;
  box-shadow: none;
  background-color: #F3F1F1;
  border: 1px solid rgba(44, 44, 44, 0.14);
}
@media screen and (max-width: 479px) {
  .tl-9-single-pricing {
    width: 90%;
    margin-inline: auto;
  }
}
.tl-9-single-pricing-img img {
  height: 100%;
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .tl-9-single-pricing-img img {
    display: none;
  }
}
.tl-9-single-pricing-txt {
  padding: 30px;
  margin: auto;
}
@media screen and (max-width: 1399px) {
  .tl-9-single-pricing-txt {
    padding: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-single-pricing-txt {
    padding: 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-single-pricing-txt {
    padding: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-9-single-pricing-txt .tl-def-btn {
    margin-top: 35px;
    height: 45px;
    line-height: 45px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-single-pricing-txt .tl-def-btn {
    margin-top: 25px;
  }
}
.tl-9-single-pricing-txt .tl-def-btn::before {
  background-color: rgba(218, 222, 28, 0.3);
}
.tl-9-single-pricing-txt .tl-9-def-btn {
  background-color: var(--ligh-yellow);
  border-color: var(--ligh-yellow);
  text-transform: capitalize;
}
.tl-9-single-pricing-txt .tl-9-def-btn::before {
  background-color: rgba(241, 241, 241, 0.3647058824);
}
.tl-9-single-pricing-txt .tl-8-single-pricing-features {
  margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
  .tl-9-single-pricing-txt .tl-8-single-pricing-heading {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-single-pricing-txt .tl-8-single-pricing-heading {
    margin-bottom: 20px;
  }
}
.tl-9-single-pricing-txt .tl-8-single-pricing-price {
  margin-bottom: 27px;
}
@media screen and (max-width: 1199px) {
  .tl-9-single-pricing-txt .tl-8-single-pricing-price {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-single-pricing-txt .tl-8-single-pricing-price {
    margin-bottom: 17px;
  }
}
.tl-9-single-pricing-txt .tl-8-single-pricing-price span.number {
  line-height: 1;
  font-size: 50px;
}
@media screen and (max-width: 991px) {
  .tl-9-single-pricing-txt .tl-8-single-pricing-price span.number {
    font-size: 45px;
  }
}
.tl-9-single-pricing-txt .tl-8-single-pricing-title {
  font-size: 20px;
  color: var(--black-2);
}
.tl-9-single-pricing-txt .tl-8-single-pricing-sub-title {
  font-size: 17px;
  line-height: 1;
  margin-bottom: 38px;
}
@media screen and (max-width: 1199px) {
  .tl-9-single-pricing-txt .tl-8-single-pricing-sub-title {
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-single-pricing-txt .tl-8-single-pricing-sub-title {
    margin-bottom: 23px;
  }
}

/* ----- 32. FAQ ----- */
.tl-8-faq {
  background-color: #f5f5f5;
}
.tl-8-faq-img img {
  width: 100%;
  padding-right: 80px;
}
@media screen and (max-width: 1199px) {
  .tl-8-faq-img img {
    padding-right: 40px;
  }
}
@media screen and (max-width: 991px) {
  .tl-8-faq-img img {
    padding-right: 0;
    padding-bottom: 30px;
  }
}

.tl-8-accordion-item {
  box-shadow: 0 2px 4px rgba(23, 22, 28, 0.1);
  background-color: var(--white);
}
.tl-8-accordion-item:not(:last-child) {
  margin-bottom: 20px;
}
.tl-8-accordion-item-header {
  padding: 30px;
  display: grid;
  grid-template-columns: auto 20px;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .tl-8-accordion-item-header {
    padding: 22px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-accordion-item-header {
    padding: 18px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-accordion-item-header {
    padding: 15px;
  }
}
.tl-8-accordion-item-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  color: #18222F;
}
@media screen and (max-width: 479px) {
  .tl-8-accordion-item-title {
    font-size: 16px;
  }
}
.tl-8-accordion-item-expand-icon {
  width: 16px;
  height: 16px;
  position: relative;
  display: block;
  justify-self: end;
}
.tl-8-accordion-item-expand-icon::before, .tl-8-accordion-item-expand-icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--black);
  transition: 0.4s ease;
  inset: 0;
  margin: auto;
}
.tl-8-accordion-item-expand-icon::after {
  transform: rotate(90deg);
}
.tl-8-accordion-item-body {
  padding-inline: 30px;
  margin-bottom: 0;
  line-height: 0;
  overflow: hidden;
  transition: 0.4s ease;
  opacity: 0;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1199px) {
  .tl-8-accordion-item-body {
    padding-inline: 22px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-accordion-item-body {
    padding-inline: 18px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-accordion-item-body {
    padding-inline: 15px;
  }
}
.tl-8-accordion-item.open .tl-8-accordion-item-expand-icon::after {
  transform: rotate(180deg);
}
.tl-8-accordion-item.open .tl-8-accordion-item-body {
  line-height: 1.4;
  padding-block: 0 30px;
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  .tl-8-accordion-item.open .tl-8-accordion-item-body {
    padding-block: 0 22px;
  }
}
@media screen and (max-width: 575px) {
  .tl-8-accordion-item.open .tl-8-accordion-item-body {
    padding-block: 0 18px;
  }
}
@media screen and (max-width: 479px) {
  .tl-8-accordion-item.open .tl-8-accordion-item-body {
    padding-block: 0 15px;
  }
}

/* ----- 33. Footer ----- */
.tl-footer {
  background: url(../images/tl-10/footer-bg.png) no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.6);
}
.tl-footer-top {
  padding: 120px 0;
}
@media screen and (max-width: 991px) {
  .tl-footer-top {
    padding: 60px 0;
  }
}
.tl-footer-widget-title {
  font-weight: 700;
  color: var(--white);
  font-size: 20px;
  margin-bottom: 25px;
}
.tl-footer-descr {
  margin-top: 23px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 27px;
}
.tl-footer-socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tl-footer-socials a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--black);
  display: inline-block;
  text-align: center;
  display: grid;
  place-items: center;
}
.tl-footer-socials a:hover {
  background-color: var(--tl-btn-bg);
}
.tl-footer-links {
  display: flex;
  gap: 13px;
  flex-direction: column;
}
.tl-footer-links a {
  color: rgba(255, 255, 255, 0.6);
}
.tl-footer-links a:hover {
  color: var(--tl-btn-bg);
}
.tl-footer-map-btn {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 20px;
  color: var(--white);
}
.tl-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 30px 0;
}
@media screen and (max-width: 991px) {
  .tl-footer-bottom {
    padding: 15px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-footer-bottom p {
    font-size: 14px;
  }
}

a.tl-footer-number {
  color: var(--white);
  font-weight: 500;
}

.tl-1-footer {
  background: var(--black);
  color: rgba(23, 22, 28, 0.6);
}
.tl-1-footer-descr {
  margin-bottom: 28px;
  color: rgba(255, 255, 255, 0.6);
}
.tl-1-footer-socials {
  display: flex;
  -moz-column-gap: 45px;
       column-gap: 45px;
  align-items: center;
  justify-content: space-between;
}
.tl-1-footer-socials ul {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.tl-1-footer-socials ul a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.6);
}
.tl-1-footer-socials ul a:hover {
  background-color: var(--blue-2);
  border-color: var(--blue-2);
  color: var(--white);
}
.tl-1-footer-bottom-actions {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  .tl-1-footer-bottom-actions {
    justify-content: center;
  }
}
.tl-1-footer-bottom-actions a {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 25px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
}
.tl-1-footer-bottom-actions a:hover {
  color: var(--white);
}
.tl-1-footer-bottom-actions li:first-child a {
  padding-left: 0;
  border-left: 0;
}
.tl-1-footer .tl-footer-links a:hover {
  color: var(--blue-2);
}

.tl-1-nwsltr-form {
  display: flex;
  height: 53px;
  background-color: #1F1E26;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 25px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .tl-1-nwsltr-form {
    padding: 0 15px;
  }
}
.tl-1-nwsltr-mail-input {
  width: 100%;
  color: var(--white);
}
.tl-1-nwsltr-mail-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.tl-1-nwsltr-mail-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.tl-1-nwsltr-btn {
  color: var(--white);
}
.tl-1-nwsltr-txt {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
}

.tl-1-copyright-txt {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .tl-1-copyright-txt {
    text-align: center;
  }
}

.tl-2-footer-heading {
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1399px) {
  .tl-2-footer-heading {
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .tl-2-footer-heading {
    flex-direction: column;
    gap: 15px;
  }
}
.tl-2-footer-subs-form {
  border: 1px solid rgba(255, 255, 255, 0.14);
  width: 520px;
  max-width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 479px) {
  .tl-2-footer-subs-form {
    flex-direction: column;
  }
}
.tl-2-footer-subs-form input {
  height: 60px;
  padding: 5px;
  padding-left: 25px;
  color: rgba(255, 255, 255, 0.8);
  width: 100%;
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 767px) {
  .tl-2-footer-subs-form input {
    height: 50px;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-footer-subs-form input {
    padding-left: 15px;
    height: 40px;
  }
}
.tl-2-footer-subs-form input:focus {
  outline: none;
}
.tl-2-footer-subs-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.tl-2-footer-subs-form input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.tl-2-footer-subs-form button {
  background-color: var(--kb-orange);
  border-color: var(--kb-orange);
  color: var(--white);
  height: 50px;
  padding-inline: 50px;
  margin-right: 5px;
  min-width: -moz-max-content;
  min-width: max-content;
  font-weight: 500;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .tl-2-footer-subs-form button {
    height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-footer-subs-form button {
    width: 100%;
    margin-right: 0;
  }
}
.tl-2-footer-widgets {
  border-block: 1px dashed rgba(255, 255, 255, 0.14);
}
.tl-2-footer-widget {
  border-left: 1px dashed rgba(255, 255, 255, 0.14);
  padding: 75px 50px;
  display: grid;
  height: 100%;
  align-content: start;
  justify-content: center;
}
@media screen and (max-width: 1399px) {
  .tl-2-footer-widget {
    padding: 55px 30px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-2-footer-widget {
    padding: 45px 20px;
    justify-content: start;
  }
}
@media screen and (max-width: 575px) {
  .tl-2-footer-widget {
    padding: 35px 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-2-footer-widget {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-2-footer-widget-2 {
    border-right: 1px dashed rgba(255, 255, 255, 0.14);
  }
}
@media screen and (max-width: 991px) {
  .tl-2-footer-widget-1, .tl-2-footer-widget-2 {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.14);
  }
}
@media screen and (max-width: 479px) {
  .tl-2-footer-widget-1 {
    border-right: 1px dashed rgba(255, 255, 255, 0.14);
  }
}
@media screen and (max-width: 479px) {
  .tl-2-footer-widget-3 {
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-width: 0 1px 1px 1px;
  }
}
.tl-2-footer-widget.tl-2-footer-address {
  border-right: 1px dashed rgba(255, 255, 255, 0.14);
}
.tl-2-footer-widget-title {
  text-transform: uppercase;
  font-size: 20px;
  color: var(--white);
  margin-bottom: 27px;
}
.tl-2-footer-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.tl-2-footer-links a {
  color: rgba(255, 255, 255, 0.6);
}
.tl-2-footer-links a:hover {
  color: var(--kb-orange);
}
.tl-2-footer-bottom p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  text-align: center;
  padding-block: 30px;
}

.tl-2-footer .tl-2-footer-links a:hover {
  color: var(--kb-orange);
}

.tl-3-footer {
  background: var(--white);
  color: rgba(23, 22, 28, 0.6);
}
.tl-3-footer-links a {
  color: rgba(23, 22, 28, 0.6);
}
.tl-3-footer-links a.tl-footer-number {
  color: rgba(23, 22, 28, 0.6);
}
.tl-3-footer-widget .logo {
  margin-bottom: 39px;
}
.tl-3-footer-widget-title {
  color: var(--black);
}
.tl-3-footer-bottom {
  border-color: rgba(23, 22, 28, 0.1);
}

.tl-3-nwsltr-txt {
  margin-bottom: 23px;
}
.tl-3-nwsltr-form {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.tl-3-nwsltr-form .tl-3-def-btn:hover {
  color: var(--black);
}
.tl-3-nwsltr-mail-input {
  padding: 0 25px;
  height: 50px;
  border: 1.5px solid rgba(10, 10, 10, 0.1);
  border-radius: 40px;
}
@media screen and (max-width: 767px) {
  .tl-3-nwsltr-mail-input {
    height: 40px;
  }
}
.tl-3-nwsltr-mail-input:focus {
  outline: none;
}

.tl-3-footer-socials {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .tl-3-footer-socials {
    justify-content: center;
  }
}
.tl-3-footer-socials a {
  background-color: rgba(23, 22, 28, 0.06);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  display: grid;
  place-items: center;
  color: var(--black);
}
.tl-3-footer-socials a:hover {
  background-color: var(--tl-btn-bg);
}

.tl-4-footer {
  background: var(--white);
  color: rgba(23, 22, 28, 0.6);
}
.tl-4-footer-descr {
  color: rgba(44, 44, 44, 0.7);
  margin-bottom: 28px;
}
.tl-4-footer-widget-title {
  color: var(--black);
}
.tl-4-footer-links a {
  color: rgba(23, 22, 28, 0.6);
}
.tl-4-footer-links a:hover {
  color: var(--red-2);
}
.tl-4-footer-socials {
  display: flex;
  -moz-column-gap: 45px;
       column-gap: 45px;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border: none;
}
.tl-4-footer-socials ul {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.tl-4-footer-socials ul a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: rgba(44, 44, 44, 0.06);
}
.tl-4-footer-socials ul a:hover {
  color: var(--white);
  background-color: var(--red-2);
  border-color: var(--red-2);
}
.tl-4-footer-article {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
.tl-4-footer-article:not(:last-child) {
  margin-bottom: 20px;
}
.tl-4-footer-article-date {
  font-size: 13px;
  font-weight: 500;
  color: rgba(44, 44, 44, 0.7);
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 5px;
}
@media screen and (max-width: 479px) {
  .tl-4-footer-article-date {
    margin-bottom: 3px;
  }
}
.tl-4-footer-article-title {
  font-size: 16px;
  line-height: 26px;
  color: var(--black-2);
  margin-bottom: 0;
}
.tl-4-footer-article-title a:hover {
  color: var(--red-2);
}
@media screen and (max-width: 1199px) {
  .tl-4-footer-article-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.tl-4-footer-bottom {
  border-color: rgba(23, 22, 28, 0.1);
}
.tl-4-footer-inner {
  background-color: #f4f4f4;
}

.tl-5-footer {
  background: #F9F6F0;
}
@media screen and (max-width: 1199px) {
  .tl-5-footer-top {
    padding: 70px 0;
  }
}
.tl-5-footer-widget-title {
  color: #0A0A0A;
}
.tl-5-footer-socials {
  justify-content: flex-start;
}
.tl-5-footer-socials a {
  transition: all 0.4s ease;
  background-color: rgba(10, 10, 10, 0.1);
}
.tl-5-footer-socials a:hover {
  background-color: var(--red);
  color: var(--white);
}
.tl-5-footer-links a {
  color: rgba(10, 10, 10, 0.6);
}
.tl-5-footer-links a:hover {
  color: var(--red);
}
.tl-5-footer-links a.tl-footer-number {
  color: rgba(10, 10, 10, 0.6);
}
.tl-5-footer-links a.tl-footer-number:hover {
  color: var(--red);
}
.tl-5-footer-address {
  color: rgba(10, 10, 10, 0.6);
}
.tl-5-footer-descr {
  color: rgba(10, 10, 10, 0.6);
  margin-top: 23px;
  margin-bottom: 27px;
}
.tl-5-footer-gallery {
  display: flex;
  gap: 10px;
}
.tl-5-footer-gallery img {
  width: 90px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.tl-5-footer-bottom {
  border-color: rgba(10, 10, 10, 0.1);
}

.tl-5-copyright-txt {
  color: rgba(10, 10, 10, 0.5);
}

.tl-6-footer {
  background: #0a0a0a;
  color: rgba(255, 255, 255, 0.6);
}
.tl-6-footer .tl-5-footer-descr {
  color: rgba(255, 255, 255, 0.6);
}
.tl-6-footer-socials {
  justify-content: flex-start;
}
.tl-6-footer-socials a {
  background-color: var(--white);
  color: var(--black);
}
.tl-6-footer-socials a:hover {
  background-color: var(--red-2);
  color: var(--white);
}
.tl-6-footer-map-btn {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 20px;
}
.tl-6-footer .tl-footer-links a:hover {
  color: var(--red-2);
}

.tl-7-footer {
  color: rgba(255, 255, 255, 0.6);
  background: #000;
}
.tl-7-footer .tl-3-nwsltr-mail-input {
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  background: transparent;
  color: var(--white);
}
.tl-7-footer .tl-3-def-btn:hover {
  color: var(--white);
}
.tl-7-footer .tl-footer-socials {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .tl-7-footer .tl-footer-socials {
    justify-content: center;
  }
}
.tl-7-footer .tl-footer-socials a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--white);
  background: transparent;
}
.tl-7-footer .tl-footer-socials a:hover {
  background-color: var(--tl-btn-bg);
  color: var(--black);
}

.tl-8-footer .tl-8-nwsltr-mail-input {
  color: rgba(255, 255, 255, 0.6);
}
.tl-8-footer .tl-3-def-btn:hover {
  color: var(--white);
}
@media screen and (max-width: 767px) {
  .tl-8-footer .tl-footer-socials {
    justify-content: center;
  }
}

.tl-9-footer-subs-form button {
  background-color: var(--ligh-yellow);
  border-color: var(--ligh-yellow);
  color: var(--black);
}
.tl-9-footer-widgets {
  border-block: 1px solid rgba(255, 255, 255, 0.2);
}
.tl-9-footer .tl-2-footer-widget {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 991px) {
  .tl-9-footer .tl-2-footer-widget-1, .tl-9-footer .tl-2-footer-widget-2 {
    border-bottom-style: solid;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-footer .tl-2-footer-widget-1 {
    border-right-style: solid;
  }
}
@media screen and (max-width: 991px) {
  .tl-9-footer .tl-2-footer-widget-2 {
    border-right-style: solid;
  }
}
@media screen and (max-width: 479px) {
  .tl-9-footer .tl-2-footer-widget-3 {
    border-style: solid;
  }
}
.tl-9-footer .tl-2-footer-widget.tl-9-footer-address {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.tl-9-footer-links a:hover {
  color: var(--ligh-yellow);
}

.tl-4-footer-article .tl-4-footer-article-img {
  width: 70px;
}

.tl-9-footer.tl-footer a.tl-footer-number:hover {
  color: var(--ligh-yellow);
}

.tl-11-footer {
  background: var(--white);
  color: rgba(23, 22, 28, 0.6);
}
.tl-11-footer-descr {
  color: rgba(44, 44, 44, 0.7);
  margin-bottom: 28px;
}
.tl-11-footer-widget-title {
  color: var(--black);
}
.tl-11-footer-links a {
  color: rgba(23, 22, 28, 0.6);
}
.tl-11-footer-socials {
  padding: 0;
  border: none;
}
.tl-11-footer-socials ul a {
  border: none;
  background-color: rgba(44, 44, 44, 0.06);
}
.tl-11-footer-articles {
  padding: 0;
  border: none;
}

.tl-13-footer {
  color: rgba(255, 255, 255, 0.6);
  background: var(--black-0);
}

.tl-14-footer-socials ul a:hover {
  background-color: var(--red-3);
  border-color: var(--red-3);
}
.tl-14-footer .tl-14-footer-links a:hover {
  color: var(--red-3);
}

/* ----- 34. Fees ----- */
.tl-10-fees-section {
  margin: 0 100px;
  background: url(../images/tl-10/fees-bg.png) no-repeat center center;
  background-size: cover;
  background-color: #F1F3FF;
}
@media screen and (max-width: 1749px) {
  .tl-10-fees-section {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-10-fees-section {
    padding: 60px 0;
  }
}

.tl-10-fees-img {
  margin-bottom: 26px;
}
.tl-10-fees-title {
  margin-bottom: 21px;
}
.tl-10-fees-txt .tl-10-about-descr {
  margin-bottom: 22px;
}

.tl-10-tution-details {
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-10-tution-details {
    gap: 15px;
  }
}
@media screen and (max-width: 575px) {
  .tl-10-tution-details {
    flex-direction: column;
    align-items: center;
  }
}
.tl-10-tution-details > * {
  width: 50%;
}
@media screen and (max-width: 575px) {
  .tl-10-tution-details > * {
    width: 80%;
  }
}
@media screen and (max-width: 479px) {
  .tl-10-tution-details > * {
    width: 100%;
  }
}

.tl-10-single-package {
  padding: 60px 45px;
  background: url(../images/tl-10/tution-bg-1.png) no-repeat center center;
  background-size: cover;
  color: var(--white);
}
@media screen and (max-width: 1399px) {
  .tl-10-single-package {
    padding: 30px 20px;
  }
}
.tl-10-single-package-2 {
  background-image: url(../images/tl-10/tution-bg-2.png);
}
.tl-10-single-package-2 .tl-10-single-package-year {
  color: var(--tl-btn-bg);
}
.tl-10-single-package-year {
  font-size: 14px;
  color: #09DB12;
  font-weight: 500;
}
.tl-10-single-package-title {
  font-weight: 700;
  font-size: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 52px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1199px) {
  .tl-10-single-package-title {
    margin-bottom: 27px;
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-single-package-title {
    font-size: 20px;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 575px) {
  .tl-10-single-package-title {
    font-size: 18px;
  }
}

.tl-10-tution-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  position: relative;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .tl-10-tution-info {
    font-size: 14px;
  }
}
.tl-10-tution-info:not(:last-child) {
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  .tl-10-tution-info:not(:last-child) {
    margin-bottom: 12px;
  }
}
.tl-10-tution-info::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--tl-btn-bg);
  border-radius: 50%;
  left: 0;
}

.tl-10-tution-total-price {
  margin-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .tl-10-tution-total-price {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .tl-10-tution-total-price {
    font-size: 14px;
    margin-top: 20px;
    padding-top: 15px;
  }
}
.tl-10-tution-total-price .total-title {
  text-transform: uppercase;
}

/* ----- 35. Countries ----- */
.tl-13-countries {
  background-color: var(--white);
  border: 1px solid rgba(23, 22, 28, 0.14);
  box-shadow: 6px 6px 0 rgba(23, 22, 28, 0.14);
}
.tl-13-countries-bg {
  background-image: linear-gradient(180deg, #f2efe8 50%, var(--white) 0);
}

.tl-13-country {
  text-align: center;
  padding: 30px 0;
}
@media screen and (max-width: 1199px) {
  .tl-13-country {
    width: 180px !important;
  }
}
@media screen and (max-width: 767px) {
  .tl-13-country {
    width: 150px !important;
    padding: 20px 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-country {
    width: 140px !important;
    padding: 10px 0;
  }
}
.tl-13-country > .fi {
  width: 74px;
  height: 74px;
  border: 6px solid var(--white);
  border-radius: 50%;
  box-shadow: 0 4.57px 6.86px rgba(66, 71, 76, 0.18);
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .tl-13-country > .fi {
    width: 64px;
    height: 64px;
  }
}
@media screen and (max-width: 479px) {
  .tl-13-country > .fi {
    width: 64px;
    height: 64px;
    margin-bottom: 8px;
  }
}
.tl-13-country-name {
  font-weight: 600;
  color: var(--black);
  margin-bottom: 0;
}
@media screen and (max-width: 479px) {
  .tl-13-country-name {
    font-size: 18px;
  }
}

/* ----- 36. Software ----- */
.tl-14-software .tl-14-section-title {
  width: 50%;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .tl-14-software .tl-14-section-title {
    width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-software .tl-14-section-title {
    width: 70%;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-software .tl-14-section-title {
    width: 100%;
  }
}
.tl-14-software-slide {
  padding-left: 70px;
  border-top: 3px solid var(--red-3);
  gap: 75px;
}
@media screen and (max-width: 1199px) {
  .tl-14-software-slide {
    padding: 30px;
    gap: 55px;
  }
}
@media screen and (max-width: 991px) {
  .tl-14-software-slide {
    gap: 35px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-software-slide {
    padding: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-software-slide {
    gap: 25px;
  }
}
.tl-14-software-slide-index {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 1px solid rgba(44, 44, 44, 0.1);
  background: var(--white);
  color: var(--black);
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 68px;
  margin-bottom: 14px;
}
@media screen and (max-width: 1199px) {
  .tl-14-software-slide-index {
    width: 60px;
    height: 60px;
    line-height: 58px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-software-slide-index {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 18px;
  }
}
.tl-14-software-slide .tl-8-course-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 146.667%;
  color: var(--black);
  margin-bottom: 11px;
}
@media screen and (max-width: 1199px) {
  .tl-14-software-slide .tl-8-course-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-software-slide .tl-8-course-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-software-slide .tl-8-course-title {
    font-size: 20px;
  }
}
.tl-14-software-slide .tl-8-course-descr {
  color: rgba(23, 22, 28, 0.7);
  font-size: 15px;
  line-height: 160%;
  padding-bottom: 0;
  border: none;
  margin-bottom: 33px;
}
@media screen and (max-width: 1199px) {
  .tl-14-software-slide .tl-8-course-descr {
    margin-bottom: 23px;
  }
}
.tl-14-software-slide .tl-8-course-img img {
  width: 510px;
  height: 390px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .tl-14-software-slide .tl-8-course-img img {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .tl-14-software-slide .tl-8-course-img img {
    height: 270px;
  }
}
@media screen and (max-width: 479px) {
  .tl-14-software-slide .tl-8-course-img img {
    height: 190px;
  }
}
.tl-14-software-slider-controls {
  margin-top: 60px;
}
@media screen and (max-width: 1199px) {
  .tl-14-software-slider-controls {
    margin-top: 40px;
  }
}
.tl-14-software-slider-dots {
  display: flex;
  gap: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .tl-14-software-slider-dots {
    gap: 20px;
  }
}
.tl-14-software-slider-dots button {
  color: rgba(23, 22, 28, 0.3);
  font-size: 18px;
  font-weight: 700;
  line-height: 66.667%;
  position: relative;
}
.tl-14-software-slider-dots button::before {
  content: "";
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  translate: 0 -50%;
  height: 2px;
  width: 0;
  background-color: var(--red-3);
  transition: 0.4s ease;
}
.tl-14-software-slider-dots button.active {
  color: var(--red-3);
  margin-right: 50px;
}
.tl-14-software-slider-dots button.active::before {
  width: 50px;
}
@media screen and (max-width: 767px) {
  .tl-14-software-slider-dots button.active::before {
    width: 40px;
  }
}

/* ----- 37. EVENT DETAILS ----- */
@media screen and (max-width: 1399px) {
  .tl-event-details-container {
    padding: 80px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-event-details-container {
    padding: 60px 0;
  }
}
.tl-event-details-row {
  --bs-gutter-y: 30px;
}
.tl-event-details-row > .col-lg-8 {
  width: 63.666667%;
}
@media screen and (max-width: 991px) {
  .tl-event-details-row > .col-lg-8 {
    width: 100%;
  }
}
.tl-event-details-row > .col-lg-4 {
  width: 36.3333%;
}
@media screen and (max-width: 991px) {
  .tl-event-details-row > .col-lg-4 {
    width: 100%;
  }
}
.tl-event-details-left, .tl-event-details-right {
  border-radius: 10px;
  background-color: var(--white);
  box-shadow: 0 0 30px -8px rgba(0, 0, 0, 0.1);
}
.tl-event-details-left {
  padding: 30px;
}
@media screen and (max-width: 1399px) {
  .tl-event-details-left {
    padding: 25px;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-left {
    padding: 15px;
  }
}
.tl-event-details-area {
  border-radius: 10px;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 2px 2px 0 3px rgba(33, 37, 41, 0.1);
}
@media screen and (max-width: 1199px) {
  .tl-event-details-area {
    padding: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-area {
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.tl-event-details-area:last-child {
  margin-bottom: 0;
}
.tl-event-details-area-title {
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .tl-event-details-area-title {
    font-size: 20px;
  }
}
.tl-event-details-video iframe {
  width: 100%;
  aspect-ratio: 16/9;
  vertical-align: top;
  border-radius: 8px;
}
.tl-event-details-title {
  font-size: 36px;
  font-weight: 700;
  padding-top: 12px;
  line-height: 1.4;
}
@media screen and (max-width: 1399px) {
  .tl-event-details-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-event-details-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tl-event-details-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 575px) {
  .tl-event-details-title {
    font-size: 23px;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-title {
    font-size: 20px;
  }
}
.tl-event-details-key-content-list {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.tl-event-details-key-content-list li {
  position: relative;
  padding-left: 18px;
}
@media screen and (max-width: 479px) {
  .tl-event-details-key-content-list li {
    font-size: 15px;
  }
}
.tl-event-details-key-content-list li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--tl-btn-bg);
  left: 0;
  top: 8px;
  rotate: 45deg;
}
@media screen and (max-width: 479px) {
  .tl-event-details-descr-txt {
    font-size: 15px;
    line-height: 25px;
  }
}
.tl-event-details-descr-txt:last-child {
  margin-bottom: 0;
}
.tl-event-details-faq .tl-8-accordion-item {
  box-shadow: none;
  border-bottom: 1px solid #ddd;
}
.tl-event-details-faq .tl-8-accordion-item-header {
  padding: 0 0 18px;
  transition: 0.4s ease;
}
.tl-event-details-faq .tl-8-accordion-item-body {
  padding: 0;
}
@media screen and (max-width: 479px) {
  .tl-event-details-faq .tl-8-accordion-item-body {
    font-size: 15px;
  }
}
.tl-event-details-faq .tl-8-accordion-item:last-child {
  border: none;
}
.tl-event-details-faq .tl-8-accordion-item:last-child .tl-8-accordion-item-header {
  padding-bottom: 0;
}
.tl-event-details-faq .tl-8-accordion-item.open .tl-8-accordion-item-header {
  padding: 0 0 10px;
}
.tl-event-details-faq .tl-8-accordion-item.open .tl-8-accordion-item-body {
  padding: 0;
  padding-bottom: 12px;
}
.tl-event-details-faq .tl-8-accordion-item.open:last-child .tl-8-accordion-item-body {
  padding-bottom: 0;
}
.tl-event-details-countdown-area .syotimer__body {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1199px) {
  .tl-event-details-countdown-area .syotimer__body {
    gap: 15px;
  }
}
@media screen and (max-width: 575px) {
  .tl-event-details-countdown-area .syotimer__body {
    gap: 10px;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-countdown-area .syotimer__body {
    flex-wrap: wrap;
  }
}
.tl-event-details-countdown-area .syotimer-cell {
  flex: 25%;
  text-align: center;
  aspect-ratio: 2/1.5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 0;
  border-radius: 8px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .tl-event-details-countdown-area .syotimer-cell {
    padding: 12px 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-event-details-countdown-area .syotimer-cell {
    padding: 10px 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-countdown-area .syotimer-cell {
    flex: calc((100% - 10px) / 2);
  }
}
.tl-event-details-countdown-area .syotimer-cell__value {
  font-size: 55px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 1199px) {
  .tl-event-details-countdown-area .syotimer-cell__value {
    font-size: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tl-event-details-countdown-area .syotimer-cell__value {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tl-event-details-countdown-area .syotimer-cell__value {
    font-size: 40px;
  }
}
@media screen and (max-width: 575px) {
  .tl-event-details-countdown-area .syotimer-cell__value {
    font-size: 35px;
  }
}
.tl-event-details-countdown-area .syotimer-cell__unit {
  font-size: 18px;
  text-transform: capitalize;
}
.tl-event-details-right {
  margin-left: 25px;
  padding: 25px;
}
@media screen and (max-width: 991px) {
  .tl-event-details-right {
    margin-left: 0;
    max-width: 400px;
    margin: auto;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-right {
    padding: 20px;
  }
}
.tl-event-details-right > *:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .tl-event-details-right > *:not(:last-child) {
    margin-bottom: 20px;
  }
}
.tl-event-details-map iframe {
  width: 100%;
  aspect-ratio: 1;
  vertical-align: top;
}
.tl-event-details-socials {
  display: flex;
  justify-content: center;
  gap: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1199px) {
  .tl-event-details-socials {
    padding-bottom: 10px;
    gap: 15px;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-socials {
    gap: 10px;
  }
}
.tl-event-details-socials a {
  width: 45px;
  height: 45px;
  border: 1px solid #ddd;
  border-radius: 50%;
  text-align: center;
  display: grid;
  place-content: center;
  font-size: 18px;
  color: var(--black);
}
@media screen and (max-width: 1199px) {
  .tl-event-details-socials a {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .tl-event-details-socials a {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }
}
.tl-event-details-socials a:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
}
.tl-event-details-phone {
  font-size: 18px;
  text-align: center;
  display: block;
  font-weight: 500;
  color: var(--tl-btn-bg);
}
.tl-event-details-phone i {
  padding-right: 5px;
}
.tl-event-details-infos {
  border: 1px solid #ddd;
  padding: 15px 15px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.tl-event-details-info {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 16px;
}
@media screen and (max-width: 1199px) {
  .tl-event-details-info {
    font-size: 16px;
  }
}
.tl-event-details-info i {
  color: #e09e00;
  padding-right: 5px;
}
.tl-event-details-info:not(:last-child) {
  padding-bottom: 13px;
  border-bottom: 1px solid #eeeeee;
}
.tl-event-details-book-btn {
  width: 100%;
}
.tl-event-details-book-btn:hover {
  color: var(--black);
}

.tl-upcoming-events {
  margin-top: 25px;
}
.tl-upcoming-events-title:not(:last-child) {
  font-size: 24px;
  margin-bottom: 20px;
}
.tl-upcoming-event {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1199px) {
  .tl-upcoming-event {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .tl-upcoming-event {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-upcoming-event {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.tl-upcoming-event:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1199px) {
  .tl-upcoming-event:not(:last-child) {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 991px) {
  .tl-upcoming-event:not(:last-child) {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 479px) {
  .tl-upcoming-event:not(:last-child) {
    padding-bottom: 12px;
  }
}
.tl-upcoming-event-img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  flex-shrink: 0;
}
.tl-upcoming-event-title {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 5px;
}
.tl-upcoming-event-title a:hover {
  color: var(--tl-btn-bg);
}
.tl-upcoming-event-location {
  text-transform: capitalize;
  color: #464646;
  font-size: 14px;
}
.tl-upcoming-event-location i {
  color: var(--tl-btn-bg);
}

.tl-pop-course .tl-2-blog-infos {
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.tl-pop-course .tl-2-blog-infos a {
  color: var(--tl-btn-bg);
}
.tl-pop-course .tl-2-blog-infos a:hover {
  color: #464646;
}

/* ----- 38. COURSE DETAILS ----- */
.tl-course-details-navs {
  margin-bottom: 30px;
  border: 0;
}
@media screen and (max-width: 479px) {
  .tl-course-details-navs {
    row-gap: 15px;
  }
}
.tl-course-details-navs .nav-item {
  flex-grow: 1;
}
@media screen and (max-width: 479px) {
  .tl-course-details-navs .nav-item {
    flex: 50%;
  }
}
.tl-course-details-navs .nav-link {
  width: 100%;
  text-transform: capitalize;
  border: none;
  padding-block: 15px;
  font-size: 20px;
  color: var(--black);
  font-weight: 500;
  border: 1px solid transparent;
  box-shadow: inset 0 -1px 0 var(--tl-btn-bg);
  transition: 0.4s ease;
}
@media screen and (max-width: 1399px) {
  .tl-course-details-navs .nav-link {
    font-size: 18px;
    padding: 7px;
  }
}
@media screen and (max-width: 767px) {
  .tl-course-details-navs .nav-link {
    font-size: 16px;
  }
}
.tl-course-details-navs .nav-link:hover {
  border-color: transparent;
}
.tl-course-details-navs .nav-link.active {
  box-shadow: inset 0 -100px 0 transparent;
  color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
  border-bottom-color: transparent;
  transition: 0.4s ease;
}
.tl-course-details-infos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px 0;
  margin: 30px 0 50px;
}
@media screen and (max-width: 1399px) {
  .tl-course-details-infos {
    margin: 20px 0 40px;
    padding: 15px 0;
  }
}
@media screen and (max-width: 1199px) {
  .tl-course-details-infos {
    padding: 10px 0;
    border-radius: 6px;
  }
}
@media screen and (max-width: 767px) {
  .tl-course-details-infos {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
@media screen and (max-width: 575px) {
  .tl-course-details-infos {
    margin-bottom: 30px;
  }
}
.tl-course-details-info {
  flex: 25%;
  padding: 0 25px;
}
@media screen and (max-width: 1399px) {
  .tl-course-details-info {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-course-details-info {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .tl-course-details-info {
    flex: 50%;
  }
}
.tl-course-details-info:not(:last-child) {
  border-right: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .tl-course-details-info:not(:last-child) {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .tl-course-details-info:first-child, .tl-course-details-info:nth-child(2) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
  }
}
.tl-course-details-info-name {
  text-transform: capitalize;
  margin-bottom: 5px;
  font-weight: 400;
}
@media screen and (max-width: 1199px) {
  .tl-course-details-info-name {
    font-size: 15px;
  }
}
.tl-course-details-info-name i {
  font-size: 15px;
  vertical-align: top;
  padding-right: 5px;
}
@media screen and (max-width: 1199px) {
  .tl-course-details-info-name i {
    font-size: 14px;
  }
}
.tl-course-details-info-value {
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .tl-course-details-info-value {
    font-size: 18px;
  }
}
.tl-course-details-curriculum {
  padding: 0;
  overflow: hidden;
}
.tl-course-details-curriculum .accordion-button {
  color: var(--black);
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 479px) {
  .tl-course-details-curriculum .accordion-button {
    padding: 15px;
  }
}
.tl-course-details-curriculum .accordion-button::after {
  background: none;
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  width: auto;
  height: auto;
}
.tl-course-details-curriculum .accordion-button:not(.collapsed) {
  background-color: rgba(33, 37, 41, 0.1);
  box-shadow: none;
}
.tl-course-details-curriculum .accordion-button:not(.collapsed)::after {
  color: var(--tl-btn-bg);
}
.tl-course-details-curriculum .accordion-button:focus {
  box-shadow: none;
}
.tl-course-details-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 479px) {
  .tl-course-details-content {
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.tl-course-details-content:not(:last-child) {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.tl-course-details-content:hover {
  color: var(--tl-btn-bg);
}
.tl-course-details-content-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 479px) {
  .tl-course-details-content-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}
.tl-course-details-content-left i {
  border: 1px solid #eeeeee;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: grid;
  place-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.tl-course-details-content-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.tl-course-details-instructor {
  margin-top: 65px;
  padding: 30px 30px 20px;
}
@media screen and (max-width: 767px) {
  .tl-course-details-instructor {
    padding: 20px 20px 10px;
  }
}
@media screen and (max-width: 479px) {
  .tl-course-details-instructor {
    padding: 15px 15px 8px;
  }
}
.tl-course-details-instructor-heading {
  margin-top: -65px;
  display: flex;
  align-items: flex-end;
  gap: 15px;
}
@media screen and (max-width: 479px) {
  .tl-course-details-instructor-heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tl-course-details-instructor-img {
  width: 140px;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15%;
  flex-shrink: 0;
}
@media screen and (max-width: 479px) {
  .tl-course-details-instructor-img {
    width: 110px;
    height: 110px;
  }
}
.tl-course-details-instructor-txt {
  margin-top: 20px;
}
.tl-course-details-instructor-name {
  margin-bottom: 3px;
  font-size: 22px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .tl-course-details-instructor-name {
    font-size: 20px;
  }
}
.tl-course-details-instructor-name a:hover {
  color: var(--tl-btn-bg);
}
.tl-course-details-instructor-socials {
  display: flex;
  gap: 13px;
  margin-top: 6px;
}
.tl-course-details-instructor-socials a:hover {
  color: var(--tl-btn-bg);
}
.tl-course-details-instructor-intro {
  margin: 0;
  line-height: 1.8;
  font-size: 17px;
}
@media screen and (max-width: 575px) {
  .tl-course-details-instructor-intro {
    font-size: 16px;
  }
}
.tl-course-details-review {
  padding: 20px;
}
.tl-course-details-review .tl-2-testimony-txt {
  margin-top: 5px;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 767px) {
  .tl-course-details-review .tl-2-testimony-txt {
    font-size: 16px;
    line-height: 26px;
  }
}
.tl-course-details-stars {
  font-size: 16px;
  color: var(--tl-btn-bg);
}
@media screen and (max-width: 1199px) {
  .tl-course-details-stars {
    font-size: 14px;
  }
}
.tl-course-details-top-courses .tl-1-course {
  background-color: #f5f5f5;
  border-radius: 8px;
}
@media screen and (max-width: 1399px) {
  .tl-course-details-top-courses .tl-1-course {
    background-color: var(--white);
    padding: 0;
  }
}
.tl-course-details-top-courses .tl-1-course-img {
  margin-bottom: 14px;
}
@media screen and (max-width: 1199px) {
  .tl-course-details-top-courses .tl-1-course-img img {
    height: 190px;
  }
}
@media screen and (max-width: 767px) {
  .tl-course-details-top-courses .tl-1-course-img img {
    height: 240px;
  }
}
@media screen and (max-width: 479px) {
  .tl-course-details-top-courses .tl-1-course-img img {
    height: 160px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-course-details-top-courses .tl-1-course-author {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-course-details-top-courses .tl-1-course-title {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 479px) {
  .tl-course-details-top-courses .tl-1-course-title {
    font-size: 18px;
    line-height: 28px;
  }
}
.tl-course-details-sidebar-heading iframe {
  width: 100%;
  aspect-ratio: 16/9;
  vertical-align: top;
}
.tl-course-details-price {
  font-weight: 600;
  padding-top: 10px;
  font-size: 32px;
}
.tl-course-details-price span.prev-price {
  font-size: 22px;
  color: #838383;
  font-weight: 500;
}

@media screen and (max-width: 575px) {
  #curriculum-tab-pane .accordion-body {
    padding: 15px;
  }
}

/* ----- 39. STAFF DETAILS ----- */
.tl-staff-profile {
  background-color: #f9f9f9;
}
@media screen and (max-width: 1399px) {
  .tl-staff-profile {
    padding: 80px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-staff-profile {
    padding: 60px 0;
  }
}
.tl-staff-profile-top {
  text-align: center;
  border-radius: 10px;
  padding: 60px;
  background-color: var(--white);
  box-shadow: 0px 0px 32px 0px rgba(205, 205, 205, 0.1);
  position: relative;
  z-index: 1;
  margin-bottom: 100px;
}
@media screen and (max-width: 991px) {
  .tl-staff-profile-top {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tl-staff-profile-top {
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 575px) {
  .tl-staff-profile-top {
    padding: 40px 30px;
  }
}
@media screen and (max-width: 479px) {
  .tl-staff-profile-top {
    padding: 40px 20px;
    margin-bottom: 135px;
  }
}
.tl-staff-profile-top::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url(../images/staff-vector.png) no-repeat center center;
  background-size: 100% 120%;
  opacity: 0.1;
  background-position: 0 -280px;
  height: 555px;
}
@media screen and (max-width: 479px) {
  .tl-staff-profile-top::before {
    width: 430px;
  }
}
.tl-staff-profile-top img {
  width: 160px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-bottom: 20px;
}
.tl-staff-profile-intro {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 15px;
  margin-bottom: 25px;
}
@media screen and (max-width: 479px) {
  .tl-staff-profile-intro {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.tl-staff-profile-name {
  margin: 0;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 2px;
}
@media screen and (max-width: 1399px) {
  .tl-staff-profile-name {
    font-size: 28px;
  }
}
@media screen and (max-width: 1199px) {
  .tl-staff-profile-name {
    font-size: 26px;
  }
}
.tl-staff-profile-role {
  font-weight: 500;
  color: #717171;
  font-size: 16px;
  margin-bottom: 20px;
  margin-bottom: 0;
}
.tl-staff-profile-socials {
  border-left: 1px solid #ddd;
  padding-left: 15px;
}
@media screen and (max-width: 479px) {
  .tl-staff-profile-socials {
    padding-left: 0;
    padding-top: 10px;
    border-left: none;
    border-top: 1px solid #ddd;
  }
}
.tl-staff-profile-bio {
  width: 80%;
  margin: auto;
  margin-bottom: 30px;
  text-transform: capitalize;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1399px) {
  .tl-staff-profile-bio {
    width: 90%;
  }
}
@media screen and (max-width: 1199px) {
  .tl-staff-profile-bio {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .tl-staff-profile-bio {
    margin-bottom: 30px;
  }
}
.tl-staff-profile .tl-course-details-infos {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 50%;
  background-color: var(--white);
  width: 50%;
  padding: 15px 0;
  border-radius: 7px;
  border-color: #e7e7e7;
}
@media screen and (max-width: 1399px) {
  .tl-staff-profile .tl-course-details-infos {
    width: 45%;
  }
}
@media screen and (max-width: 1199px) {
  .tl-staff-profile .tl-course-details-infos {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .tl-staff-profile .tl-course-details-infos {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .tl-staff-profile .tl-course-details-infos {
    width: 90%;
  }
}
@media screen and (max-width: 479px) {
  .tl-staff-profile .tl-course-details-infos {
    translate: -50% 70%;
  }
}
@media screen and (max-width: 767px) {
  .tl-staff-profile .tl-course-details-info {
    flex: 33.3333333333%;
  }
}
@media screen and (max-width: 479px) {
  .tl-staff-profile .tl-course-details-info {
    flex: 50%;
  }
}
@media screen and (max-width: 767px) {
  .tl-staff-profile .tl-course-details-info:first-child, .tl-staff-profile .tl-course-details-info:nth-child(2) {
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 1px solid #ddd;
  }
}
@media screen and (max-width: 479px) {
  .tl-staff-profile .tl-course-details-info:nth-child(2) {
    border-right: 0;
  }
}
.tl-staff-profile .tl-course-details-info:not(:last-child) {
  border-color: #e7e7e7;
}
.tl-staff-profile-info-value {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 7px;
  line-height: 1;
}
@media screen and (max-width: 1399px) {
  .tl-staff-profile-info-value {
    font-size: 35px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  .tl-staff-profile-info-value {
    font-size: 32px;
  }
}
@media screen and (max-width: 575px) {
  .tl-staff-profile-info-value {
    font-size: 28px;
  }
}
.tl-staff-profile .tl-course-details-info-name {
  margin: 0;
  color: #6a6a6a;
  font-size: 18px;
}
.tl-staff-profile-courses-title {
  font-size: 30px;
  font-weight: 500;
  text-transform: capitalize;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .tl-staff-profile-courses-title {
    font-size: 25px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-staff-profile-courses-title {
    font-size: 22px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 575px) {
  .tl-staff-profile-courses .tl-1-course-img img {
    height: 280px;
  }
}
@media screen and (max-width: 479px) {
  .tl-staff-profile-courses .tl-1-course-img img {
    height: 230px;
  }
}

/* ----- 40. BLOG DETAILS ----- */
@media screen and (max-width: 1399px) {
  .tl-blog-details {
    padding: 80px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-blog-details {
    padding: 60px 0;
  }
}
@media screen and (max-width: 991px) {
  .tl-blog-details-row {
    --bs-gutter-y: 30px;
  }
}
.tl-blog-details-img {
  position: relative;
}
.tl-blog-details-img img {
  width: 100%;
}
.tl-blog-details-infos {
  margin: 20px 0 0;
  padding: 15px 0;
  border-color: rgba(0, 0, 0, 0.07);
  border-radius: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  background-color: var(--white);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1199px) {
  .tl-blog-details-infos {
    padding: 12px 0;
  }
}
@media screen and (max-width: 575px) {
  .tl-blog-details-infos {
    padding: 10px 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-blog-details-infos {
    position: static;
    justify-content: center;
  }
}
.tl-blog-details-info {
  text-align: center;
  border-color: rgba(0, 0, 0, 0.07);
  flex: auto 0 0;
  padding: 0 30px;
}
@media screen and (max-width: 1199px) {
  .tl-blog-details-info {
    padding: 0 25px;
  }
}
@media screen and (max-width: 575px) {
  .tl-blog-details-info {
    padding: 0 20px;
  }
}
@media screen and (max-width: 479px) {
  .tl-blog-details-info {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .tl-blog-details-info:first-child, .tl-blog-details-info:nth-child(2) {
    border-right: 1px solid #ddd;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  .tl-blog-details-info:nth-child(2) {
    border: none;
  }
}
.tl-blog-details-info-name {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .tl-blog-details-info-name,
  .tl-blog-details-info-name a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
  }
}
@media screen and (max-width: 479px) {
  .tl-blog-details-info-name,
  .tl-blog-details-info-name a {
    flex-direction: row;
  }
}
.tl-blog-details-info-name i {
  color: var(--tl-btn-bg);
}
.tl-blog-details-title {
  margin-bottom: 15px;
}
.tl-blog-details-descr {
  margin-top: 15px;
}
.tl-blog-details-descr-txt {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.3px;
  color: rgba(0, 0, 0, 0.65);
}
@media screen and (max-width: 479px) {
  .tl-blog-details-descr-txt {
    font-size: 16px;
  }
}
.tl-blog-details-descr-txt.tl-event-details-area {
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  padding: 20px 25px;
  position: relative;
  padding-top: 80px;
  color: var(--black);
}
@media screen and (max-width: 479px) {
  .tl-blog-details-descr-txt.tl-event-details-area {
    font-size: 16px;
  }
}
.tl-blog-details-descr-txt.tl-event-details-area::before {
  content: "“";
  font-family: "Font Awesome 6 Sharp";
  font-size: 80px;
  font-weight: 700;
  position: absolute;
  top: -20px;
  left: 50%;
  translate: -50% 0;
  color: var(--tl-btn-bg);
}
.tl-blog-details-bottom-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 25px;
  border-top: 1px solid #eee;
}
@media screen and (max-width: 575px) {
  .tl-blog-details-bottom-actions {
    flex-direction: column;
    row-gap: 15px;
  }
}
.tl-blog-details-tags {
  display: flex;
  gap: 8px;
}
.tl-blog-details-tag {
  background-color: #eee;
  padding: 4px 15px 3px;
  border-radius: 3px;
}
.tl-blog-details-tag:hover {
  background-color: var(--tl-btn-bg);
}
.tl-blog-details-shares {
  display: flex;
  gap: 10px;
  align-items: center;
}
.tl-blog-details-shares-title {
  padding-right: 5px;
  margin-bottom: 0;
  line-height: 1;
  font-size: 18px;
}
.tl-blog-details-shares a {
  font-size: 18px;
  width: 25px;
  color: #838383;
}
.tl-blog-details-shares a:hover {
  color: var(--tl-btn-bg);
}
.tl-blog-details-author-title {
  margin: 0;
  font-size: 26px;
}
@media screen and (max-width: 1199px) {
  .tl-blog-details-author-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 479px) {
  .tl-blog-details-author-title {
    font-size: 22px;
  }
}
.tl-blog-details-author .tl-course-details-instructor {
  margin-top: 55px;
}
@media screen and (max-width: 479px) {
  .tl-blog-details-author .tl-course-details-instructor {
    margin-top: 65px;
  }
}
.tl-blog-details-bottom-nav {
  box-shadow: 0px 0px 0 0px rgba(33, 37, 41, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(33, 37, 41, 0.1);
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.tl-blog-details-bottom-nav:hover {
  box-shadow: 2px 2px 0 3px rgba(33, 37, 41, 0.1);
  color: var(--tl-btn-bg);
}
.tl-blog-details-bottom-nav-arrow {
  font-size: 20px;
}
.tl-blog-details-bottom-nav-subtitle {
  margin-bottom: 7px;
  color: #838383;
}
@media screen and (max-width: 479px) {
  .tl-blog-details-bottom-nav-subtitle {
    margin-bottom: 3px;
  }
}
.tl-blog-details-bottom-nav-title {
  margin: 0;
  font-size: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 479px) {
  .tl-blog-details-bottom-nav-title {
    font-size: 18px;
  }
}
.tl-blog-details-bottom-nav.tl-blog-details-bottom-nav-next {
  text-align: right;
}
.tl-blog-details .tl-event-details-right {
  padding: 20px;
}
.tl-blog-details-search {
  display: flex;
  align-items: center;
}
.tl-blog-details-search input {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-right: 0;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tl-blog-details-search button {
  background: var(--tl-btn-bg);
  height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (max-width: 1199px) {
  .tl-blog-details-search button {
    padding: 0 15px;
  }
}
.tl-blog-details-category {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 15px;
}
.tl-blog-details-category:hover {
  color: var(--tl-btn-bg);
}
.tl-blog-details .tl-upcoming-events-title:not(:last-child) {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .tl-blog-details .tl-upcoming-events-title:not(:last-child) {
    font-size: 22px;
  }
}
.tl-blog-details .tl-upcoming-events-title:not(:last-child)::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #f4b826, transparent);
}

.tl-comment {
  margin-top: 20px;
}
.tl-comment-commenter {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tl-comment-commenter-img {
  flex-shrink: 0;
}
.tl-comment-commenter-img img {
  width: 54px;
  height: 54px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.tl-comment-commenter-name {
  margin-bottom: 3px;
}
@media screen and (max-width: 479px) {
  .tl-comment-commenter-name {
    margin-bottom: 3px;
    font-size: 18px;
  }
}
.tl-comment-commenter-date {
  color: #656565;
  margin-bottom: 0;
  font-weight: 400;
}
.tl-comment-txt {
  margin: 20px 0;
}
.tl-comment-bottom-actions {
  display: flex;
  gap: 15px;
}
.tl-comment-bottom-actions > button {
  border: 1px solid #eee;
  padding: 0 15px;
  height: 35px;
  line-height: 32px;
  border-radius: 20px;
}
.tl-comment-bottom-actions > button:hover {
  background-color: var(--tl-btn-bg);
  border-color: var(--tl-btn-bg);
  color: var(--black);
}
.tl-comment-bottom-actions > button:hover i {
  color: var(--black);
}
.tl-comment-bottom-actions > button i {
  font-size: 14px;
  line-height: 35px;
  vertical-align: middle;
  padding-right: 3px;
  color: #8c8c8c;
}
.tl-comment-reply {
  border-top: 1px solid #e8e9e9;
  padding-top: 20px;
  margin-top: 25px;
  margin-left: 80px;
}
@media screen and (max-width: 575px) {
  .tl-comment-reply {
    margin-left: 60px;
  }
}
@media screen and (max-width: 479px) {
  .tl-comment-reply {
    margin-left: 30px;
  }
}
.tl-comment-commenter-state {
  color: #8c8c8c;
  font-size: 15px;
}

.tl-comment-form {
  margin-top: 20px;
}
.tl-comment-form input,
.tl-comment-form textarea {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 15px 15px;
  vertical-align: top;
  background-color: #f8f8f8;
}
@media screen and (max-width: 767px) {
  .tl-comment-form input,
  .tl-comment-form textarea {
    padding: 10px 15px;
  }
}
.tl-comment-form-btn {
  margin-top: 16px;
}/*# sourceMappingURL=style.css.map */