/* 
    Author     : Pixel Industry
    Website    : www.pixel-industry.com
*/

/* 
    TABLE OF CONTENTS
    ========================================================================= */
/*      1. CSS RESET
        2. DOCUMENT STYLES
        3. TYPOGRAPHY 
        4. HEADER 
        5. PAGE TITLES 
        6. CUSTOM SECTION BACKGROUNDS
        7. ELEMENTS
            7.1. ACCORDION
            7.2. BLOCKQUOTE
            7.3. BUTTONS
            7.4. CALL TO ACTION
            7.5. CLIENT CAROUSEL
            7.6. CLIENT LIST
            7.7. COMPANY TIMELINE
            7.8. CUSTOM HEADING
            7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE
            7.10. DRIVER APPLICATION
            7.11. EVENTS
            7.12. INTRO TITLE
            7.13. LATEST POSTS STYLE 01
            7.14. LATEST POSTS STYLE 02
            7.15. LATEST POSTS STYLE 03
            7.16. LIST WITH ICONS
            7.17. NUMBERS COUNTER
            7.18. PROMO BOXES
            7.19. SERVICES FEATURE BOX
            7.20. SERVICES GALLERY
            7.21. SERVICE ICON CENTER
            7.22. SERVICE ICON CENTER BOXED
            7.23. SERVICES ICON LEFT 
            7.24. SERVICES ICON LEFT BOXED
            7.25. SERVICE LIST - small icons and text
            7.26. SERVICES LIST BIG ICONS 
            7.27. SERVICES LIST BIG ICONS + DETAILS (text)
            7.28. SHIPPING QUOTE FORM
            7.29. SLIDER - MASTER SLIDER
            7.30. STATEMENT ELEMENT
            7.31. TABLE 
            7.32. TABS
            7.33. TEAM MEMBERS
            7.34. TEAM MEMBERS LIST
            7.35. TESTIMONIAL
            7.36. TRACKING FORM
            7.37. VEHICLE GALLERY FULL
        8. HOME MINIMAL CUSTOM STYLES
        9. BLOG
        10. LOCATIONS PAGE
        11. CONTACT
        12. WIDGETS
        13. FOOTER
*/

/* 
    1. CEE RESET 
----------------------------------------------------------------------------- */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*:focus {
  outline: 0;
  text-decoration: none;
}
a:focus,
a:active {
  text-decoration: none;
  outline: 0;
}

/* ==========================================================================
    2. DOCUMENT STYLES
    ========================================================================= */
body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  background-color: #fff;
}

*[class^="row"] *[class^="row"]:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
    3. TYPOGRAPHY 
    ========================================================================= */
p,
a,
span {
  color: #000;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 22px;
}
p {
  padding-bottom: 15px;
}
a {
  transition: all 0.2s ease 0s;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-weight: 800;
  margin-bottom: 25px;
  margin-top: 0;
  color: #000;
}

h1 {
  font-size: 30px;
  line-height: 30px;
}

h2 {
  font-size: 24px;
  line-height: 26px;
}

h3 {
  font-size: 20px;
  line-height: 24px;
}

h4 {
  font-size: 18px;
  line-height: 22px;
}

h5 {
  font-size: 16px;
  line-height: 18px;
}

h6 {
  font-size: 15px;
  line-height: 18px;
}

strong {
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}
img.float-left {
  float: left;
  margin: 12px 12px 12px 0;
}
img.float-right {
  float: right;
  margin: 12px 0px 12px 12px;
}

.img-fixed-bottom {
  position: relative;
  bottom: -70px;
}

ul,
ol {
  list-style-position: inside;
}
ul li,
ol li {
  padding-bottom: 5px;
}

blockquote + p {
  margin-top: 15px;
}

.required {
  color: #ce292d;
}

.text-big {
  font-size: 17px;
  line-height: 25px;
  color: #333;
}

.align-right {
  text-align: right;
}

a.read-more {
  float: right;
  position: relative;
}

a.read-more span {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  transition: all 0.2s ease 0s;
}

a.read-more:hover span {
  transform: translate(-15px, 0);
  -webkit-transform: translate(-15px, 0);
  -moz-transform: translate(-15px, 0);
  -ms-transform: translate(-15px, 0);
}

a.read-more i {
  font-size: 11px;
  line-height: 20px;
  opacity: 0;
  transition: all 0.2s ease 0s;
}

a.read-more:hover i {
  opacity: 1;
}

a.download-link {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

a.download-link span {
  transition: all 0.2s ease 0s;
}

a.download-link span i {
  padding-right: 5px;
}

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

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

.mb-0 {
  margin-bottom: 0;
}

.svg-white .st0 {
  fill: #fff;
}

/* ==========================================================================
    4. HEADER 
    ========================================================================= */
.header-wrapper {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  z-index: 1000;
}

.header-wrapper.header-transparent {
  background-color: transparent;
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.header-wrapper.header-transparent02 {
  background-color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.header-wrapper.header-transparent.solid-color,
.header-wrapper.header-transparent02.solid-color {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-wrapper.header-transparent.solid-color .header-style01 .main-nav {
  background: #fff;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

#header {
  position: relative;
  z-index: 1000;
}

#search {
  width: 40px;
  min-height: 80px;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  margin-right: 30px;
  float: right;
  z-index: 1005;
  background-color: transparent;
  padding-top: 20px;
}
.search-submit {
  background-image: url(/_next/static/media/search.d999dce7.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 40px;
  min-height: 40px;
  border: none;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
  transition: all 0.2s ease 0s;
}

#search:focus,
.search-submit:focus,
#m_search:focus {
  outline: none;
}
#m_search {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px 25px;
  position: absolute;
  top: 100%;
  width: 170px;
  right: 0;
  font-style: italic;
  color: #666;
  display: none;
}

/* 
    MAIN NAVIGATION 
*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
}

.main-nav .row {
  margin-bottom: 0;
}

.main-nav {
  background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #fcfcfc 100%); /* IE10+ */

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

  margin-top: 35px;
  box-shadow: 0px -8px 0px 0px rgba(255, 255, 255, 0.2);
}

.navbar {
  min-height: 80px;
  margin-bottom: 0;
}

.navbar-default {
  border: none;
  background: none;
}

#dl-menu {
  display: none;
}

.navbar-nav > li {
  padding-bottom: 0;
}

.navbar-nav > li > a {
  line-height: 48px;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
  color: #333;
  border-bottom: 3px solid transparent;
}

.nav > li > a {
  padding-left: 25px;
  padding-right: 25px;
}

.header-style01 .navbar-default .navbar-nav > li > a:hover {
  border-bottom: 3px solid;
}

.dropdown-menu {
  background-color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #eee;
  min-width: 240px;
  box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

.dropdown .dropdown-menu .dropdown-submenu > a {
  position: relative;
}

.dropdown .dropdown-menu .dropdown-submenu > a:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #aaa;
  right: 0;
  top: 50%;
  margin-top: -3px;
}

.dropdown-menu > li {
  padding: 0px 20px;
}

.dropdown-menu > li > a {
  font-size: 13px;
  color: #333;
  padding: 15px 0px;
  border-bottom: 1px dotted #ddd;
}

.dropdown-menu > li:last-child a {
  border: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: none;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  left: 100%;
  top: -3px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown.dropdown-submenu > a {
  position: relative;
}

.navbar-header {
  padding-top: 18px;
  padding-left: 30px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: none;
}

.navbar-collapse {
  float: right;
  padding: 0;
}

.nav > li.current-menu-item > a {
  border-bottom: 3px solid;
}

/*  HEADER STYLE 01 - WITH TOPBAR
    ------------------------------------------------------------------------- */
.header-style01 #top-bar-wrapper .row {
  margin-bottom: 0;
}

.header-style01 #quick-links {
  padding-top: 8px;
}

.header-style01 #quick-links li {
  list-style: none;
  float: left;
  padding-right: 30px;
  padding-bottom: 0;
}

.header-style01 #quick-links li span,
.header-style01 #quick-links li a {
  color: #fff;
}

.header-style01 #top-bar-wrapper {
  padding: 20px 0 0;
  width: 100%;
}

/*  HEADER STYLE 02 - LIGHT TOPBAR
    ------------------------------------------------------------------------- */

.header-style02 #top-bar-wrapper .row {
  margin-bottom: 0;
}

.header-style02 #quick-links {
  padding-top: 8px;
}

.header-style02 #quick-links li {
  list-style: none;
  float: left;
  padding-right: 30px;
  padding-bottom: 0;
}

.header-style02 #top-bar-wrapper {
  background-color: #fcfcfc;
  padding: 10px 0;
  width: 100%;
}

.header-style02 .navbar-header {
  padding-left: 0;
}

.header-style02 #search {
  margin-right: 0;
}

.wpml-languages {
  display: block;
  float: right;
  position: relative;
}

.wpml-languages a.active {
  display: block;
  padding: 8px 6px 8px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
}

.wpml-languages a.active i {
  font-size: 9px;
  margin-left: 5px;
  position: relative;
  top: -2px;
}

.wpml-languages a.active img {
  width: 22px;
  float: left;
}

.wpml-languages a img {
  width: 22px;
}

.wpml-lang-dropdown {
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 102%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
  border: 1px solid #ddd;
  width: 100%;
  display: none;
  z-index: 10001;
}

.wpml-lang-dropdown li {
  list-style: none;
  padding: 8px 15px;
}

.wpml-languages:hover ul.wpml-lang-dropdown {
  display: block;
}

.header-style02 .header-inner {
  padding: 20px 0;
}

.header-style02 .header-inner .main-nav {
  margin-top: 0;
  background: none;
}

.header-style02 .navbar-default .navbar-nav > li > a:hover,
.header-style02 .nav > li.current-menu-item > a {
  border: none;
  border-bottom: none;
  border-color: transparent;
}

.header-style02 .navbar-default .navbar-nav > li > a {
  border-bottom: none;
}

/*  HEADER STYLE 02 - DARK TOPBAR
    ------------------------------------------------------------------------- */
.header-style02 #top-bar-wrapper.dark {
  background-color: #333333;
}

.header-style02 #top-bar-wrapper.dark #quick-links li span,
.header-style02 #top-bar-wrapper.dark #quick-links li a {
  color: #ccc;
}

#top-bar-wrapper.dark .wpml-languages a.active,
#top-bar-wrapper.dark .wpml-lang-dropdown {
  background-color: #444;
  border: 1px solid #555;
}

#top-bar-wrapper.dark .wpml-languages a.active i {
  color: #ccc;
}

/*  HEADER STYLE 02 - DARK HEADER
    ------------------------------------------------------------------------- */
.header-wrapper.dark #top-bar-wrapper {
  background-color: #222;
}

.header-wrapper.dark #quick-links li span,
.header-wrapper.dark #quick-links li a {
  color: #ccc;
}

.header-wrapper.dark .wpml-languages a.active,
.header-wrapper.dark .wpml-lang-dropdown {
  background-color: #333;
  border: 1px solid #444;
}

.header-wrapper.dark .wpml-languages a.active i {
  color: #ccc;
}

.header-wrapper.dark {
  background-color: #333;
}

.header-wrapper.dark .main-nav {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.header-wrapper.dark .navbar-default .navbar-nav > li > a {
  color: #fff;
}

.header-wrapper.dark .dropdown-menu {
  background-color: #333;
  border: 1px solid #444;
}

.header-wrapper.dark .dropdown-menu > li > a {
  color: #888;
  border-bottom: 1px dotted #444;
}

.header-wrapper.dark .dropdown-menu > li > a:hover {
  color: #fff;
}

.header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:after {
  border-left: 5px solid #888;
}

.header-wrapper.dark
  .dropdown
  .dropdown-menu
  .dropdown-submenu
  > a:hover:after {
  border-left: 5px solid #fff;
}

.header-wrapper.dark #m_search {
  background: #333;
  border: 1px solid #444;
  color: #ccc;
}

/*  HEADER STYLE 03
    ------------------------------------------------------------------------- */
.header-style03 .info-container {
  float: right;
}

.header-style03 .info-container #quick-links,
.header-style03 .info-container .wpml-languages,
.header-style03 .info-container #search {
  float: left;
  padding: 0 10px;
}

.header-style03 .info-container #quick-links {
  padding-top: 10px;
}

.header-style03 #quick-links {
  padding-top: 8px;
}

.header-style03 #quick-links li {
  list-style: none;
  float: left;
  padding-right: 30px;
  padding-bottom: 0;
}

.header-style03 .wpml-lang-dropdown {
  width: auto;
  left: 10px;
}

.header-style03 #search {
  min-height: 60px;
}

.header-style03 .logo-info-container {
  padding: 20px 0;
}

.header-style03 .logo-info-container .row {
  margin-bottom: 0;
}

.header-style03 .main-nav {
  margin-top: 0;
  border-top: 1px solid #eee;
  background: none;
}

.header-style03 .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  float: left;
  width: 100%;
}

.header-style03 .navbar-nav > li > a {
  line-height: 30px;
}

.header-style03 .navbar {
  min-height: 30px;
}

.header-style03 .nav > li.current-menu-item > a {
  border-bottom: none;
}

.header-style03 .navbar a.btn {
  position: relative;
  top: 10px;
}

/*  HEADER STYLE 03 DARK
    ------------------------------------------------------------------------- */
.header-wrapper.dark .header-style03 .main-nav {
  border-top: 1px solid #444;
}

/* ==========================================================================
    5. PAGE TITLES 
    ========================================================================= */
.page-title-style01 {
  padding-top: 70px;
  padding-bottom: 70px;
  margin-bottom: 70px;
}

.page-title-negative-top {
  margin-top: 0 !important;
  padding-top: 185px;
}

.page-title-style01 .row,
.page-title-style02 .row {
  margin-bottom: 0;
}

.page-title-style01 h1 {
  color: #fff;
  text-align: center;
}

.breadcrumb-container {
  width: 100%;
  float: left;
}

.page-title-style01 .breadcrumb {
  margin: 0 auto;
  display: table;
}

.breadcrumb li {
  list-style: none;
  float: left;
  padding: 0 0px 0 3px;
  color: #fff;
}

.breadcrumb li a {
  color: #fff;
}

.breadcrumb li + li::before {
  font-size: 12px;
  content: "/";
  color: #fff;
  padding: 0 8px;
}
.breadcrumb li:nth-child(2)::before {
  color: transparent;
}

.page-title-style02 {
  padding: 70px 0;
  margin-bottom: 70px;
}

.page-title-style02 h1 {
  color: #fff;
  margin-bottom: 0;
}

.page-title-style02 .breadcrumb-container {
  float: right;
  width: auto;
}

.pt-bkg01 {
  background-image: url(/_next/static/media/page-title01.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg02 {
  background-image: url(/_next/static/media/page-title02.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg03 {
  background-image: url(/_next/static/media/page-title03.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg04 {
  background-image: url(/_next/static/media/page-title04.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg05 {
  background-image: url(/_next/static/media/page-title05.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg06 {
  background-image: url(/_next/static/media/page-title06.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg07 {
  background-image: url(/_next/static/media/page-title07.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg08 {
  background-image: url(/_next/static/media/page-title08.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg09 {
  background-image: url(/_next/static/media/page-title09.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg10 {
  background-image: url(/_next/static/media/page-title10.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg11 {
  background-image: url(/_next/static/media/page-title11.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg12 {
  background-image: url(/_next/static/media/page-title12.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg13 {
  background-image: url(/_next/static/media/page-title13.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg14 {
  background-image: url(/_next/static/media/page-title14.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg15 {
  background-image: url(/_next/static/media/page-title15.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pt-bkg16 {
  background-image: url(/_next/static/media/page-title16.5a6bbadd.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* ==========================================================================
    6. CUSTOM SECTION BACKGROUNDS
    ========================================================================= */
.page-content.custom-bkg {
  padding-top: 70px;
}

.page-content.column-img-bkg {
  padding: 0;
}

.page-content.column-img-bkg .row {
  margin-bottom: 0;
}

.custom-col-padding-bottom {
  padding-bottom: 120px;
}

.img-bkg01 {
  /* background-image: url('../img/pics/img-bkg01.jpg'); */
}

.img-bkg02 {
  background-image: url(/_next/static/media/img-bkg02.f99bb2d1.jpg);
}

.img-bkg03 {
  background-image: url(/_next/static/media/img-bkg03.f99bb2d1.jpg);
}

*[class*="img-bkg"] {
  background-size: cover;
}

.custom-bkg.bkg-grey {
  background-color: #f6f6f6;
}

.custom-bkg.bkg-dark-blue {
  background-color: #2c3741;
}

.custom-bkg.bkg-dark-blue.transparent01 {
  background-color: rgba(37, 39, 46, 0.7);
}

.custom-bkg.bkg-dark-blue.transparent02 {
  background-color: rgba(37, 39, 46, 0.8);
}

.custom-bkg.bkg-dark-blue.transparent03 {
  background-color: rgba(37, 39, 46, 0.9);
}

.page-title-style01 + .page-content.custom-bkg,
.page-title-style02 + .page-content.custom-bkg {
  margin-top: -70px;
}

.page-content.parallax {
  padding-top: 100px;
  padding-bottom: 30px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax01 {
  background-image: url(/_next/static/media/parallax01.dd679814.jpg);
}

.parallax02 {
  background-image: url(/_next/static/media/parallax02.dd679814.jpg);
}

.parallax03 {
  background-image: url(/_next/static/media/parallax03.dd679814.jpg);
}

.parallax04 {
  background-image: url(/_next/static/media/parallax04.dd679814.jpg);
}

.parallax05 {
  background-image: url(/_next/static/media/parallax05.dd679814.jpg);
}

.page-content.dark h1,
.page-content.dark h2,
.page-content.dark h3,
.page-content.dark h4,
.page-content.dark h5,
.page-content.dark h6 {
  color: #fff;
}

.page-content.dark p,
.page-content.dark span,
.page-content.dark li,
.page-content.dark a {
  color: #eee;
}

*[class^="col-"].custom-bkg {
  padding: 30px;
}

*[class^="col-"].custom-bkg.dark h1,
*[class^="col-"].custom-bkg.dark h2,
*[class^="col-"].custom-bkg.dark h3,
*[class^="col-"].custom-bkg.dark h4,
*[class^="col-"].custom-bkg.dark h5,
*[class^="col-"].custom-bkg.dark h6 {
  color: #fff;
}

*[class^="col-"].custom-bkg.dark p,
*[class^="col-"].custom-bkg.dark a,
*[class^="col-"].custom-bkg.dark span,
*[class^="col-"].custom-bkg.dark li,
*[class^="col-"].custom-bkg.dark label {
  color: #eee;
}

/* ==========================================================================
    7. ELEMENTS
    ========================================================================= */

/*  7.1. ACCORDION
    ------------------------------------------------------------------------- */
.accordion .title {
  width: 100%;
  background-color: #f6f6f6;
  margin-bottom: 10px;
  position: relative;
  padding: 10px 15px;
  float: left;
}

.accordion .title a {
  font-size: 15px;
  color: #333;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-weight: 700;
  position: relative;
  width: 100%;
  padding-left: 20px;
  display: block;
  float: left;
}

.accordion .title::before {
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  display: block;
}

.accordion .title.active::before {
  content: "\f068";
  font-family: "FontAwesome";
  font-size: 15px;
  position: absolute;
  display: block;
}

.accordion .title a::after {
  display: none;
}

.accordion.careers .title {
  padding: 15px 62px 15px 20px;
}

.accordion.careers .title a {
  padding-left: 0;
}

.accordion.careers .title::before {
  display: none;
}

.accordion.careers .title a span {
  color: #333;
  font-weight: 600;
  width: 30%;
  display: block;
  float: left;
  font-size: 13px;
}

.accordion .job-position,
.accordion .job-end-date {
  text-transform: uppercase;
}

.accordion.careers .title::after {
  position: absolute;
  content: "";
  display: block;
  width: 52px;
  height: 100%;
  background-color: #e6e6e6;
  background-image: url(/_next/static/media/accordion-closed.198ee353.png);
  background-repeat: no-repeat;
  background-position: center;
  right: 0;
  top: 0;
  transition: all 0.2s ease 0s;
}

.accordion.careers .title.active::after {
  background-image: url(/_next/static/media/accordion-opened.182e0ab1.png);
  background-repeat: no-repeat;
  background-position: center;
}

.accordion.careers .title:hover::after {
  background-image: url(/_next/static/media/accordion-opened.182e0ab1.png);
  background-repeat: no-repeat;
  background-position: center;
}

.accordion .content {
  margin-bottom: 20px;
  padding-left: 20px;
  padding-top: 20px;
}

/*
    7.2. BLOCKQUOTE
    ------------------------------------------------------------------------- */
blockquote {
  margin-left: 30px;
  border-left: 3px solid;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 25px;
  font-style: italic;
  color: #333;
}

/*  7.3. BUTTONS
    ------------------------------------------------------------------------- */
.btn {
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  display: inline-block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  float: right;

  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}

.btn span {
  color: #fff;
}

.dark .btn span {
  color: #fff;
}

.btn-big {
  padding: 12px 60px;
  font-size: 12px;
}

.btn-medium {
  padding: 10px 40px;
  font-size: 12px;
}

.btn-small {
  padding: 4px 20px;
  font-size: 11px;
}

.btn-yellow {
  background-color: #fac312 !important;
}

.btn-centered {
  float: none;
  display: table;
  margin: 0 auto;
}

.btn-yellow:hover {
  background-color: #fcc820 !important;
}

/*  7.4. CALL TO ACTION
    ------------------------------------------------------------------------- */
.call-to-action .text {
  width: 70%;
  float: left;
}

.call-to-action .btn {
  float: right;
  position: relative;
  top: 30px;
}

/*
    7.5. CLIENT CAROUSEL
    ------------------------------------------------------------------------- */
#client-carousel .owl-item img {
  opacity: 0.7;

  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
}

#client-carousel .owl-item:hover img {
  opacity: 1;
}

/*  7.6. CLIENT LIST
    ------------------------------------------------------------------------- */
.clients-li {
  width: 100%;
}

.clients-li li {
  list-style: none;
  float: left;
  width: 33.33333333%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #eee;
}

.clients-li li:first-child {
  padding-left: 0;
}

.clients-li:nth-child(3n) {
  padding-right: 0;
}

.clients-li li img {
  opacity: 0.7;

  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;

  display: block;
  margin: 0 auto;
  vertical-align: middle;
}

.clients-li li:hover img {
  opacity: 1;
}

.col-md-6 .clients-li li {
  max-height: 92px;
}

/*  7.7. COMPANY TIMELINE
    ------------------------------------------------------------------------- */
.company-timeline {
  width: 100%;
}

.company-timeline li {
  list-style: none;
  float: left;
  width: 100%;
  position: relative;
}

.company-timeline li .timeline-item-details::before {
  position: absolute;
  content: "";
  display: block;
  left: 35px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ddd;
  z-index: 1;
}

.company-timeline .icon-date-container {
  width: 70px;
  height: 70px;
  float: left;
  border: 2px solid #ddd;
  background-color: #fff;
  z-index: 2;
  position: relative;

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.company-timeline .icon-date-container i {
  width: 70px;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
}

.company-timeline .timeline-item-details {
  padding-left: 100px;
  position: relative;
  padding-bottom: 30px;
}

.company-timeline li:last-child .timeline-item-details {
  padding-bottom: 0;
}

/*
    7.8. CUSTOM HEADING
    ------------------------------------------------------------------------- */
.row .custom-heading:only-child {
  margin-bottom: -70px;
}

.custom-heading {
  position: relative;
  width: 100%;
  display: block;
  padding-top: 12px;
  text-transform: uppercase;
}

.custom-heading::after {
  position: absolute;
  display: block;
  content: "";
  width: 106px;
  height: 5px;
  left: 0;
  top: -10px;
}

.custom-heading.centered {
  text-align: center;
}

.custom-heading.centered:after {
  position: absolute;
  display: block;
  content: "";
  width: 40px;
  height: 3px;
  left: 50%;
  margin-left: -20px;
  top: 0;
}

/*
    7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE
    ------------------------------------------------------------------------- */
.col-md-12 .custom-heading02:only-child {
  margin-bottom: 0;
}

.row .custom-heading02:only-child {
  margin-bottom: -30px;
}

.custom-heading02 {
  position: relative;
  margin-bottom: 40px;
}

.custom-heading02 h1,
.custom-heading02 h2,
.custom-heading02 h3,
.custom-heading02 h4 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  text-transform: none;
  text-align: center;
  margin-bottom: 0;
}

.custom-heading02 p {
  text-transform: uppercase;
  text-align: center;
}

.custom-heading02:after {
  position: absolute;
  display: block;
  content: "";
  width: 40px;
  height: 3px;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
}

.custom-heading02.simple h1,
.custom-heading02.simple h2,
.custom-heading02.simple h3,
.custom-heading02.simple h4 {
  padding-bottom: 15px;
}

/*  7.10. DRIVER APPLICATION
    ------------------------------------------------------------------------- */
.driver-app-form fieldset {
  width: 33.33333333%;
  padding-right: 15px;
  float: left;
}

.driver-app-form fieldset:nth-child(3n) {
  padding-right: 0;
}

.driver-app-form .wpcf7-select {
  max-height: 34px;
}

/*
    7.11. EVENTS
    ------------------------------------------------------------------------- */
.table-responsive {
  overflow-y: hidden;
}

.events-table thead {
  border-bottom: 1px solid #e6e6e6;
}

.events-table thead th {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: left;
  padding-left: 15px;
  padding-bottom: 10px;
}

.events-table thead th:first-child {
  padding-left: 0;
}

.events-table tbody td {
  padding: 0 15px;
  vertical-align: middle;
}

.events-table .event-date {
  padding: 20px 0;
}

.events-table .event-date .day {
  background-color: #fcfcfc;
  font-size: 36px;
  line-height: 36px;
  color: #333;
  font-weight: 800;
  text-align: center;
  padding: 20px 30px;
}

.events-table .event-date .month {
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

/*  7.12. INTRO TITLE
    ------------------------------------------------------------------------- */
.intro-title {
  width: 100%;
}

.intro-title p {
  font-size: 24px;
  line-height: 30px;
  color: #333;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  text-align: center;
}

/*  7.13. LATEST POSTS STYLE 01
    ------------------------------------------------------------------------- */
.pi-latest-posts li {
  list-style: none;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.pi-latest-posts li:last-child {
  margin-bottom: 0;
}

.pi-latest-posts li .post-media {
  width: 100px;
  height: 100px;
  float: left;
  margin-bottom: 0;
}

.pi-latest-posts li .post-details {
  padding-left: 120px;
}

.pi-latest-posts li .post-details h4 {
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  margin-bottom: 10px;
}

.pi-latest-posts .post-date p {
  color: #565f66;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.pi-latest-posts .post-date i {
  padding-right: 3px;
}

/*  7.14. LATEST POSTS STYLE 02
    ------------------------------------------------------------------------- */
.pi-latest-posts02 li {
  width: 30%;
  float: left;
  margin-right: 30px;
  list-style: none;
}

.col-md-8 .pi-latest-posts02 li,
.col-md-9 .pi-latest-posts02 li {
  width: 46%;
}

.col-md-6 .pi-latest-posts02 li,
.col-md-4 .pi-latest-posts02 li,
.col-md-3 .pi-latest-posts02 li {
  width: 100%;
  margin-bottom: 20px;
}

.pi-latest-posts02 li:nth-child(3n) {
  padding-right: 0;
}

.pi-latest-posts02 .post-date,
.pi-latest-posts02 .post-date {
  width: 100px;
  float: left;
}

.pi-latest-posts02 .post-date .day {
  background-color: #fcfcfc;
  font-size: 36px;
  line-height: 36px;
  color: #333;
  font-weight: 800;
  text-align: center;
  padding: 20px 30px;
}

.pi-latest-posts02 .post-date .month {
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.pi-latest-posts02 .post-details {
  padding-left: 120px;
}

.pi-latest-posts02 li .post-details h4 {
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  margin-bottom: 10px;
}

.pi-latest-posts02 .post-category p {
  color: #565f66;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.pi-latest-posts02 .post-category i {
  padding-right: 3px;
}

/*  7.15. LATEST POSTS STYLE 03
    ------------------------------------------------------------------------- */
.pi-latest-posts03 li {
  list-style: none;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.pi-latest-posts03 li:last-child {
  margin-bottom: 0;
}

.pi-latest-posts03 li .post-media {
  width: 60px;
  height: 60px;
  float: left;
  margin-bottom: 0;
}

.pi-latest-posts03 li .post-media i {
  font-size: 36px;
}

.pi-latest-posts03 li .post-details {
  padding-left: 70px;
}

.pi-latest-posts03 li .post-details h4 {
  transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  margin-bottom: 10px;
}

.pi-latest-posts03 .post-date p {
  color: #565f66;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.col-md-8 .pi-latest-posts03 li,
.col-md-9 .pi-latest-posts03 li {
  margin-right: 30px;
  width: 48%;
}

.col-md-8 .pi-latest-posts03 li:nth-child(2n),
.col-md-9 .pi-latest-posts03 li:nth-child(2n) {
  margin-right: 0;
}

.col-md-6 .pi-latest-posts03 li,
.col-md-4 .pi-latest-posts03 li,
.col-md-3 .pi-latest-posts03 li {
  width: 100%;
  margin-bottom: 20px;
}

/*   7.16. LIST WITH ICONS
    ------------------------------------------------------------------------- */
.fa-ul li i {
  line-height: 20px;
}

.fa-ul.large-icons {
  margin-left: 0;
}

.fa-ul.large-icons li {
  margin-bottom: 20px;
}

.fa-ul.large-icons li:last-child {
  margin-bottom: 0;
}

.fa-ul.large-icons li i {
  font-size: 24px;
  width: 30px;
  height: 30px;
}

.fa-ul.large-icons .icon-container {
  float: left;
  width: 30px;
  height: 30px;
}

.fa-ul.large-icons .li-content {
  padding-left: 40px;
}

.fa-ul.large-icons .li-content h4 {
  padding-top: 3px;
}

/*  7.17. NUMBERS COUNTER
    ------------------------------------------------------------------------- */
.numbers-counter {
  padding: 20px;
  background-color: #f3f3f3;
  width: 100%;
}

.numbers-counter .counter-container {
  width: 100%;
  position: relative;
}

.numbers-counter .counter-container::after {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}

.numbers-counter .number {
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  text-align: center;
  color: #333;
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.numbers-counter p {
  text-align: center;
}

/*  7.18. PROMO BOXES
    ------------------------------------------------------------------------- */
.promo-box {
  padding: 90px 20px;
}

.promo-box02 {
  padding: 30px 30px 90px 30px;
}

.promo-box02 p {
  text-align: center;
}

.promo-box h4,
.promo-box p {
  text-align: center;
}

.promo-box .btn {
  float: none;
  margin: 0 auto;
  display: table;
}

.promo-bkg01 {
  background-image: url(/_next/static/media/promo01.57503ab9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.promo-bkg02 {
  background-image: url(/_next/static/media/promo02.2861e3a1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/*
    7.19. SERVICES FEATURE BOX
    ------------------------------------------------------------------------- */
.services-negative-top {
  margin-top: -316px;
}

.custom-bkg .service-feature-box,
.parallax .service-feature-box {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: none;
}

.service-feature-box {
  box-shadow: 1px 0px 3px 0 #ddd;
  -webkit-box-shadow: 1px 0px 3px 0 #ddd;
  -moz-box-shadow: 1px 0px 3px 0 #ddd;
  border: 1px solid #eee;
}

.service-feature-box .service-media {
  position: relative;
  overflow: hidden;
}

.service-feature-box .service-media img {
  width: 100%;
  transition: all 2s ease-in-out 0s;
  -webkit-transition: all 2s ease-in-out 0s;
  -moz-transition: all 2s ease-in-out 0s;
  -o-transition: all 2s ease-in-out 0s;

  opacity: 1;
}

.service-feature-box .service-media:hover img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);

  opacity: 0.7;
}

.service-feature-box .service-media a {
  background-color: #1b2936;
  position: absolute;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
}

.service-feature-box .service-media span {
  color: #fff;
  padding-left: 20px;
  font-weight: 600;
}

.service-feature-box .service-media i {
  background-color: #2f3840;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 22px;
  margin-left: 20px;

  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.service-feature-box .service-body {
  background-color: #fff;
  padding: 20px;
}

/*
    7.20. SERVICES GALLERY
    ------------------------------------------------------------------------- */
.services-gallery .col-md-3 {
  padding: 0;
  list-style: none;
}

.service-item-container {
  position: relative;
  overflow: hidden;
}

.service-item-container .service-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.service-item-container .service-item img {
  width: 100%;
  transition: all 2s ease-in-out 0s;
  -webkit-transition: all 2s ease-in-out 0s;
  -moz-transition: all 2s ease-in-out 0s;
  -o-transition: all 2s ease-in-out 0s;
}

.service-item-container .hover-mask-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(49, 57, 63, 0.5);

  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-mask-container {
  opacity: 1;
}

.service-item-container figcaption {
  position: absolute;
  width: 100%;
  top: 40px;
}

.service-item-container figcaption h1,
.service-item-container figcaption h2,
.service-item-container figcaption h3,
.service-item-container figcaption h4,
.service-item-container figcaption h5 {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.service-item-container figcaption h1:after,
.service-item-container figcaption h2:after,
.service-item-container figcaption h3:after,
.service-item-container figcaption h4:after,
.service-item-container figcaption h5:after {
  position: absolute;
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
}

.hover-mask-container .hover-details {
  position: absolute;
  bottom: 40px;
  left: 50%;

  transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);

  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.hover-mask-container .hover-details span {
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  padding: 10px 30px;
  border: 3px solid;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;

  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-details {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

.service-item-container .service-item:hover img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
}

/*
    7.21. SERVICE ICON CENTER
    ------------------------------------------------------------------------- */
/* .service-icon-center .icon-container{
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto 20px;
    background-color: #f3f3f3;
    border: none;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-icon-center .icon-container i{
    font-size: 36px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 100px;
}

.service-icon-center .icon-container img{
    width: 60px;
    height: 60px;
    position: relative;
    left: 50%;
    margin-top: 15px;
    margin-left: -30px;
} */

.service-icon-center h1,
.service-icon-center h2,
.service-icon-center h3,
.service-icon-center h4,
.service-icon-center h5 {
  text-align: center;
  margin-bottom: 15px;
}

.service-icon-center p {
  text-align: center;
}

/*  7.22. SERVICE ICON CENTER BOXED
    ------------------------------------------------------------------------- */
.service-icon-center-boxed {
  width: 100%;
  background-color: #fcfcfc;
  padding: 30px 20px;
}

.service-icon-center-boxed .service-title {
  display: table;
  margin: 0 auto 10px;
}

.service-icon-center-boxed .service-title .icon-container {
  width: 60px;
  height: 60px;
  float: left;
}

.service-icon-center-boxed .service-title h4 {
  padding-left: 70px;
  padding-top: 20px;
}

.service-icon-center-boxed p {
  text-align: center;
  padding-bottom: 0;
}

.service-icon-center-boxed .icon-container i {
  width: 60px;
  height: 60px;
  font-size: 46px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/*
    7.23. SERVICES ICON LEFT 
    ------------------------------------------------------------------------- */
.service-icon-left {
  width: 100%;
}

.service-icon-left .icon-container {
  float: left;
  width: 100px;
  height: 100px;
  background-color: #fff;

  border: 2px solid #ddd;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.service-icon-left .icon-container img,
.service-icon-left .icon-container svg {
  width: 60px;
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  height: 60px;
  position: relative;
  top: 20px;
}

.service-icon-left .service-details {
  padding-left: 120px;
}

.service-icon-left .service-details h1,
.service-icon-left .service-details h2,
.service-icon-left .service-details h3,
.service-icon-left .service-details h4 {
  margin-bottom: 15px;
}

.service-icon-left .icon-container i {
  font-size: 60px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: 100px;
  width: 100px;
}

/*
    7.24. SERVICES ICON LEFT BOXED
    ------------------------------------------------------------------------- */
.service-icon-left-boxed {
  background-color: #fcfcfc;
  padding: 30px 40px;
}

.service-icon-left-boxed .icon-container {
  float: left;
  width: 100px;
}

.service-icon-left-boxed .service-details {
  /* padding-left: 120px; */
}

.service-icon-left-boxed .service-details h1,
.service-icon-left-boxed .service-details h2,
.service-icon-left-boxed .service-details h3,
.service-icon-left-boxed .service-details h4 {
  margin-bottom: 5px;
}

.service-icon-left-boxed .service-details p {
  padding-bottom: 0;
}

.col-md-3 .service-icon-left-boxed .icon-container {
  float: none;
  margin: 0 auto 20px;
}

.col-md-3 .service-icon-left-boxed .service-details {
  padding-left: 0;
}

.col-md-3 .service-icon-left-boxed .service-details h1,
.col-md-3 .service-icon-left-boxed .service-details h2,
.col-md-3 .service-icon-left-boxed .service-details h3,
.col-md-3 .service-icon-left-boxed .service-details h4,
.col-md-3 .service-icon-left-boxed .service-details p {
  text-align: center;
}

.service-icon-left-boxed i {
  font-size: 70px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100px;
}

/*  7.25. SERVICE LIST - small icons and text
    ------------------------------------------------------------------------- */
.service-list li {
  list-style: none;
  width: 100%;
  float: left;
  padding-bottom: 10px;
}

.service-list li:last-child {
  padding-bottom: 0;
}

.service-list li .icon-container {
  width: 60px;
  height: 50px;
  float: left;
}

.service-list li p {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  /* font-size: 18px; */
  padding-top: 20px;
  padding-left: 95px;
  font-weight: 700;
}

.service-list li i {
  font-size: 46px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 70px;
}

/*  7.26. SERVICES LIST BIG ICONS 
    ------------------------------------------------------------------------- */
.col-md-9 .service-list-big-icons li {
  width: 33.3%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons li:nth-child(3n) {
  padding-right: 0;
}

.col-md-9 .service-list-big-icons li:first-child {
  padding-left: 0;
}

.service-list-big-icons {
  width: 100%;
}

.service-list-big-icons li {
  list-style: none;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}

.service-list-big-icons li .icon-container {
  background-color: #fff;
  width: 80px;
  height: 80px;
  float: left;
  border: 2px solid #ddd;

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.service-list-big-icons .icon-container svg,
.service-list-big-icons .icon-container img {
  width: 60px;
  display: block;
  margin: 0 auto;
  height: 100%;
}

.service-list-big-icons li h4 {
  font-weight: normal;
  padding-left: 100px;
  padding-top: 30px;
}

.service-list-big-icons .icon-container i {
  font-size: 36px;
  width: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/*  7.27. SERVICES LIST BIG ICONS + DETAILS (text)
    ------------------------------------------------------------------------- */
.service-list-big-icons-details li {
  margin-bottom: 20px;
}

.col-md-9 .service-list-big-icons-details li {
  width: 33.3%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons-details li:nth-child(3n) {
  padding-right: 0;
}

.col-md-9 .service-list-big-icons-details li:first-child {
  padding-left: 0;
}

.service-list-big-icons-details {
  width: 100%;
}

.service-list-big-icons-details li {
  list-style: none;
  float: left;
}

.service-list-big-icons-details li .icon-container {
  background-color: #fff;
  width: 100px;
  height: 100px;
  float: left;
  border: 2px solid #ddd;

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.service-list-big-icons-details li .icon-container svg,
.service-list-big-icons-details li .icon-container img {
  width: 60px;
  height: 100%;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}

.service-list-big-icons-details li .service-details {
  padding-left: 125px;
  padding-top: 10px;
}

.service-list-big-icons-details li .service-details h4 {
  margin-bottom: 15px;
}

.service-list-big-icons-details .icon-container i {
  width: 100px;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 50px;
}

/*
    7.28. SHIPPING QUOTE FORM
    ------------------------------------------------------------------------- */
.wpcf7.shipping-quote {
  padding: 20px;
  background-color: #fcfcfc;
}

.wpcf7.shipping-quote label {
  width: 50%;
  float: left;
  padding-top: 8px;
}

.wpcf7.shipping-quote fieldset {
  width: 100%;
  margin-bottom: 5px;
}

.wpcf7.shipping-quote input.wpcf7-text {
  width: 50%;
  float: left;
  padding: 5px 15px;
}

.wpcf7.shipping-quote .submit {
  padding: 8px 30px;
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  float: right;
  color: #fff;
  transition: all 0.2s ease 0s;
}

/*   7.29. SLIDER - MASTER SLIDER
    ------------------------------------------------------------------------- */
.header-style01 + .master-slider {
  margin-top: -185px !important;
}

.master-slider .pi-caption01 {
  color: #fff;
  font-size: 72px;
  font-weight: 800;
  text-transform: uppercase;
}

.master-slider .pi-text {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-size: 30px;
  color: #fff;
}

.master-slider {
  margin-bottom: 70px !important;
}

.master-slider.mb-0 {
  margin-bottom: 0 !important;
}

.master-slider.mb-30 {
  margin-bottom: 30px !important;
}

.master-slider .pi-caption02 {
  font-size: 21px;
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
}

.master-slider .pi-button {
  padding: 12px 50px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;

  border: 2px solid;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  transition: all 0.2s ease 0s;
}

.master-slider .pi-caption-dark {
  color: #03253c;
}

.master-slider .ms-view {
  background: transparent;
}

.master-slider .tooltip h1,
.master-slider .tooltip h2,
.master-slider .tooltip h3,
.master-slider .tooltip h4,
.master-slider .tooltip h5,
.master-slider .tooltip h6 {
  color: #333;
  text-transform: uppercase;
  margin-bottom: 5px;
  position: relative;
  padding-bottom: 10px;
}

.master-slider .tooltip h6::after {
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 3px;
  bottom: 0;
  left: 0;
}

.master-slider .tooltip p,
.master-slider .tooltip span {
  color: #333;
}

.master-slider .tooltip img {
  float: left;
}

.master-slider .tooltip-text {
  padding-left: 85px;
}

.ms-skin-default .ms-tooltip {
  max-width: 300px;
}

/*   7.30. STATEMENT ELEMENT
    ------------------------------------------------------------------------- */
.statement p {
  padding: 0 50px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

/*
    7.31. TABLE 
    ------------------------------------------------------------------------- */
.table {
  width: 100%;
}

.table caption {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 20px;
  color: #333;
  text-transform: uppercase;
}

.table thead {
  background-color: #f6f6f6;
}

.table thead tr th {
  padding: 10px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
}

.table thead tr th:first-child {
  text-align: left;
}

.table tbody {
  background-color: #fcfcfc;
}

.table tbody tr td {
  padding: 10px;
  text-align: center;
}

.table tbody tr td:first-child {
  text-align: left;
  color: #333;
  font-weight: 700;
}

/*  7.32. TABS
    ------------------------------------------------------------------------- */
.tabs {
  overflow: hidden;
}

.tabs li {
  list-style: none;
  float: left;
  background-color: #fcfcfc;
  overflow: hidden;
  position: relative;
  padding: 0;
  line-height: 55px;
  list-style: none;
  top: 3px;
  cursor: pointer;
  margin-right: 2px;
}

.tabs li a {
  color: #333;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 800;
  line-height: 55px;
  text-transform: uppercase;
  display: block;
}

.tab-content-wrap {
  width: 100%;
  overflow: hidden;
  float: left;
  padding-top: 30px;
}

.tabs li.active a {
  color: #fff;
}

/*
    7.33. TEAM MEMBERS
    ------------------------------------------------------------------------- */
.team-member img {
  margin-bottom: 20px;
}

.team-details {
  position: relative;
}

.team-details:after {
  position: absolute;
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  bottom: 0;
  left: 0;
}

.team-details h1,
.team-details h2,
.team-details h3,
.team-details h4,
.team-details h5 {
  margin-bottom: 0;
  text-transform: uppercase;
}

.team-details .position {
  font-style: italic;
}

/*
    7.34. TEAM MEMBERS LIST
    ------------------------------------------------------------------------- */
.team-list li {
  list-style: none;
  width: 100%;
  margin-bottom: 30px;
  float: left;
}

.team-list li:last-child {
  margin-bottom: 0;
}

.team-list li img {
  float: left;
}

.team-list li .team-details-container {
  padding-left: 293px;
}

.team-list li .team-details {
  margin-bottom: 20px;
}

.col-md-3 .team-list li img,
.col-md-4 .team-list li img {
  float: none;
  display: table;
  margin: 0 auto 20px;
  width: 100%;
}

.col-md-3 .team-list li .team-details-container,
.col-md-4 .team-list li .team-details-container {
  padding-left: 0;
}

/*
    7.35. TESTIMONIAL
    ------------------------------------------------------------------------- */
.testimonial {
  background-color: #fcfcfc;
  padding: 30px;
}

.testimonial p {
  font-size: 14px;
  line-height: 22px;
  font-style: italic;
  text-align: center;
}

.testimonial-author p {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  font-style: normal;
  color: #333;
}

/*   7.36. TRACKING FORM
    ------------------------------------------------------------------------- */
.tracking {
  width: 100%;
  position: relative;
}

.tracking .package-id {
  padding: 5px 60px 5px 15px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 40px;
  border: 1px solid #ddd;
  background-color: #fff;
  min-width: 100%;
}

.tracking .submit {
  width: 40px;
  height: 40px;
  background-image: url(/_next/static/media/tracking-arrow.e2b0a317.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

/*  7.37. VEHICLE GALLERY FULL
    ------------------------------------------------------------------------- */
.vehicle-gallery .col-md-3 {
  padding: 0;
  list-style: none;
}

.gallery-item-container {
  position: relative;
  overflow: hidden;
}

.gallery-item-container .gallery-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.gallery-item-container .gallery-item img {
  width: 100%;
  height: auto;
  transition: all 2s ease-in-out 0s;
  -webkit-transition: all 2s ease-in-out 0s;
  -moz-transition: all 2s ease-in-out 0s;
  -o-transition: all 2s ease-in-out 0s;

  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
}

.gallery-item-container .hover-mask-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(49, 57, 63, 0.5);

  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

.gallery-item-container .gallery-item:hover .hover-mask-container {
  opacity: 1;
}

.gallery-item-container figcaption {
  position: absolute;
  width: 100%;
  top: 40px;
}

.gallery-item-container figcaption h1,
.gallery-item-container figcaption h2,
.gallery-item-container figcaption h3,
.gallery-item-container figcaption h4,
.gallery-item-container figcaption h5 {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.gallery-item-container figcaption h1:after,
.gallery-item-container figcaption h2:after,
.gallery-item-container figcaption h3:after,
.gallery-item-container figcaption h4:after,
.gallery-item-container figcaption h5:after {
  position: absolute;
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
}

.hover-mask-container .hover-zoom {
  position: absolute;
  bottom: 50%;
  left: 50%;

  width: 50px;
  height: 50px;

  margin-bottom: -25px;
  margin-left: -25px;

  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);

  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;

  border: 2px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.hover-mask-container .hover-zoom a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 18px;

  width: 50px;
  height: 50px;
}

.gallery-item-container .gallery-item:hover .hover-zoom {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
}

.gallery-item-container .gallery-item:hover img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
}

/*  VEHICLE GALLERY GRID
    ------------------------------------------------------------------------- */
.vehicle-gallery .col-md-4 {
  padding: 0;
  list-style: none;
}

.col-md-4 .gallery-item-container figcaption {
  top: 20px;
}

/* ==========================================================================
    8. HOME MINIMAL CUSTOM STYLES
    ========================================================================= */
.page-content.fixed.centered .container {
  position: absolute;
  top: 50%;
  left: 50%;
}

.page-content.fixed.centered .container .row {
  max-width: 100%;
}

.page-content.fixed.bottom .row {
  margin-bottom: 0;
  max-width: 100%;
}

.page-content.fixed.bottom .container {
  position: absolute;
  bottom: 0;
  left: 50%;
}

/* ==========================================================================
    9. BLOG
    ========================================================================= */

.blog-posts li {
  list-style: none;
}

.blog-posts .pagination {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.blog-posts .pagination ul {
  float: right;
}

.blog-posts .pagination li {
  float: left;
  background-color: #f5f9fc;
  border: 1px solid #ddd;
  list-style: none;
  margin-right: 5px;
  width: 30px;
  height: 30px;

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  transition: all 0.2s ease 0s;
}

.blog-posts .pagination li a {
  display: table-cell;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.blog-posts .pagination li.active a,
.blog-posts .pagination li:hover a {
  color: #fff;
}

.blog-post .post-body h3 {
  transition: all 0.3s ease 0s;
}

/*
    BLOG LIST
    ------------------------------------------------------------------------- */
.blog-posts.post-list .blog-post {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px dotted #ddd;
}

.post-list .blog-post .post-date,
.post-single .blog-post .post-date {
  width: 100px;
  float: left;
}

.post-list .blog-post .post-date .day,
.post-single .blog-post .post-date .day {
  background-color: #fcfcfc;
  font-size: 36px;
  line-height: 36px;
  color: #333;
  font-weight: 800;
  text-align: center;
  padding: 20px 30px;
}

.post-list .blog-post .post-date .month,
.post-single .blog-post .post-date .month {
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.post-list .blog-post .post-body,
.post-single .blog-post .post-body {
  padding-left: 130px;
}

.post-list .blog-post .post-body h3 {
  font-size: 18px;
  transition: all 0.2s ease 0s;
}

/*
    BLOG STANDARD
    ------------------------------------------------------------------------- */

.post-media {
  width: 100%;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  margin-bottom: 25px;
}

.post-media .post-img img {
  transition: all 2s ease 0s;
  opacity: 1;
}

.post-media .post-img:hover img {
  opacity: 0.7;

  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
}

/*
    BLOG MASONRY
    ------------------------------------------------------------------------- */
.blog-posts.isotope.masonry {
  padding: 0;
}

.blog-posts.isotope.masonry li.blog-post.isotope-item {
  margin-bottom: 30px;
  width: 30%;
  margin-right: 15px;
  margin-left: 15px;
  background-color: #fff;
  float: left;
}

.blog-post.isotope-item .post-info {
  margin-bottom: 30px;
}

.blog-post.isotope-item .post-date {
  float: left;
  width: 50%;
}

.blog-post.isotope-item .post-date p {
  color: #565f66;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 0 0 20px;
}

.blog-post.isotope-item .post-date i {
  padding-right: 3px;
}

.blog-post.isotope-item .post-info .post-category {
  width: 50%;
  float: right;
  position: relative;
}

.blog-post.isotope-item .post-info .post-category a {
  text-transform: uppercase;
  color: #eee;
  background-color: #565f66;
  padding: 7px 15px;
  position: absolute;
  right: 0;
}

.blog-post.isotope-item .post-body {
  padding: 0 20px;
}

.blog-post.isotope-item .post-media {
  margin-bottom: 15px;
}

.blog-post.isotope-item .post-footer {
  padding: 0 15px 15px 20px;
}

.post-footer .post-meta {
  width: 50%;
  float: left;
  padding-top: 3px;
}

.post-footer .post-meta li {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #ddd;
}

.post-footer .post-meta li:first-child {
  padding-left: 0;
}

.post-footer .post-meta li:last-child {
  border-right: none;
}

.post-footer .post-meta li.comments a {
  padding-left: 3px;
}

.post-footer .post-meta li.post-like:before {
  float: right;
  position: relative;
  top: 6px;
}

.post-footer .post-meta li.post-like .box {
  position: relative;
  top: -12px;
  padding-top: 12px;
}

.post-footer .post-meta li.post-like .box a {
  padding-right: 15px;
}

.post-footer a.read-more span {
  text-transform: none;
  font-weight: normal;
}

.post-footer .post-meta li.post-like:hover:before {
  color: #ff0101;
}

/*
    BLOG SINGLE POST
    ------------------------------------------------------------------------- */

/*  POST COMMENTS
    ------------------------------------------------------------------------- */
.post-comments {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.comments-li {
  float: left;
  margin-bottom: 30px;
  background: none;
  padding-left: 0;
  list-style: none;
}
.comments-li > li {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  list-style: none;
  min-height: 75px;
}
.comments-li > li:last-child .comment {
  border: none;
  margin-bottom: 0;
}
.comments-li .comment {
  float: left;
  min-height: 60px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}
.post-comments .comment + .children {
  margin-top: 30px;
}
.post-comments .children + .children {
  margin-top: 30px;
}
.comment .avatar {
  width: 70px;
  height: 70px;
  margin-right: 30px;
  float: left;
  border: 3px solid #eee;
  border-radius: 50%;
  overflow: hidden;
}
.comment-meta li {
  font-style: italic;
  list-style: none;
}
.comment-meta .author {
  font-size: 15px;
  font-family: "Raleway", Arial, sans-serif;
  color: #252525;
  font-weight: 600;
  font-style: normal;
}
.comment .comment-body {
  margin-left: 100px;
  margin-top: 15px;
}
.comment .comment-reply-link {
  display: block;
  margin-top: 15px;
  background: url(/_next/static/media/reply.afe61083.png) no-repeat 0 center;
  padding-left: 22px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  float: right;
}
.post-comments .children {
  margin-left: 10%;
  float: left;
  padding: 0 0 0 20px;
  width: calc(90%);
}
.children li {
  list-style: none;
}

/*  COMMENT FORM
    ------------------------------------------------------------------------ */
.comment-form {
  width: 100%;
  float: left;
}

.comment-form fieldset {
  width: 50%;
  float: right;
  padding-right: 30px;
  margin-bottom: 20px;
}

.comment-form fieldset:nth-child(2n + 1) {
  padding-right: 0;
}

.comment-form .wpcf7-message {
  width: 100%;
}

.comment-form label {
  width: 100%;
  margin-bottom: 5px;
  display: block;
}

.comment-reply {
  padding: 13px 40px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  float: right;
  color: #fff;
  transition: all 0.2s ease 0s;
}

/* ==========================================================================
    10. LOCATIONS PAGE
    ========================================================================= */
.page-title-map.page-title-negative-top #map {
  height: 800px;
  margin-top: -186px;
}

.locations-li > li {
  list-style: none;
  margin-bottom: 30px;
}

.locations-li > li h3 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.locations-li > li .fa-ul {
  margin-left: 20px;
}

/* ==========================================================================
    11. CONTACT
    ========================================================================= */
.wpcf7 fieldset {
  margin-bottom: 15px;
}

.wpcf7 label {
  width: 100%;
  padding-bottom: 10px;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-textarea {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px 15px;
}

.wpcf7 .wpcf7-submit {
  padding: 13px 40px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  float: right;
  color: #fff;
  transition: all 0.2s ease 0s;
}

#map {
  width: 100%;
  height: 450px;
  margin-bottom: 20px;
}

#map img {
  max-width: none;
}

/* ==========================================================================
    12. WIDGETS
    ========================================================================= */
.aside-widgets > li {
  list-style: none;
}

.widget {
  display: block;
  width: 100%;
  margin-bottom: 45px;
}

.widget .title h3 {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}

.widget ul > li {
  background-image: url(/_next/static/media/arrow.54d9ec54.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  list-style: none;
  padding-left: 15px;
}

.widget li a {
  padding-top: 5px;
  display: block;
}

/* 
   ASIDE SEARCH WIDGET
   -------------------------------------------------------------------------- */
.widget_search form {
  position: relative;
}
.widget_search .a_search {
  background-color: #fff;
  border: 1px solid #ddd;
  width: 100%;
  display: block;
  color: #000;
  font-style: italic;
  left: 0;
  top: 0;
  padding: 10px 60px 10px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.widget_search .search-submit {
  background-image: url(/_next/static/media/search.d999dce7.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 100%;
  border: none;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  min-height: 40px;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
}

/*
    LATEST POSTS WIDGET 01
    ------------------------------------------------------------------------- */
.rpw_posts_widget ul > li {
  position: relative;
  background: none;
  background-image: none !important;
  padding-left: 18px;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.rpw_posts_widget ul > li::before {
  position: absolute;
  display: block;
  content: "\f073";
  font-family: "FontAwesome";
  font-size: 11px;
  top: 5px;
  left: 0;
}

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

.rpw_posts_widget li h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 0;
  transition: all 0.2s ease 0s;
}

/*  NAV MENU WIDGET
    ------------------------------------------------------------------------- */
.widget_nav_menu ul li {
  background-position: right center;
  padding-left: 0;
  border-bottom: 1px dotted #ddd;
}

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

/*
    NEWSLETTER WIDGET
    ------------------------------------------------------------------------- */
.widget_newsletterwidget .newsletter {
  width: 100%;
  float: left;
  position: relative;
}

.widget_newsletterwidget .newsletter .email {
  padding: 5px 60px 5px 15px;
  font-style: italic;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 40px;
  border: 1px solid #ddd;
  min-width: 100%;
}

.footer-dark .footer-widget-container .newsletter .email {
  color: #bcc0c4;
  background-color: #565f66;
  border: none;
}

.newsletter .submit {
  width: 40px;
  height: 40px;
  background-image: url(/_next/static/media/subscribe.e081ac46.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  border: none;

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  transition: all 0.2s ease 0s;
}

/*  NEWS CAROUSEL
    ------------------------------------------------------------------------- */
.news-carousel-container .icon-title {
  float: left;
  border-right: 3px solid #1f2830;
  padding-right: 20px;
  margin-right: 20px;
  padding-top: 25px;
  padding-left: 15px;
  min-height: 80px;
}

.news-carousel-container .icon-title i,
.news-carousel-container .icon-title h3 {
  float: left;
  font-size: 24px;
}

.news-carousel-container .icon-title i {
  padding-right: 10px;
}

.news-carousel-container .owl-item {
  padding-top: 5px;
}

.news-carousel-container .owl-item h4 {
  margin-bottom: 5px;
}

.news-carousel-container .owl-item span {
  text-transform: uppercase;
}

*[class^="col-"].custom-bkg .news-carousel-container {
  margin: -15px;
}

/* ==========================================================================
     13. FOOTER
    ========================================================================= */
#footer .row {
  margin-bottom: 25px;
}

#footer-wrapper {
  padding-top: 70px;
  position: relative;
  background-image: url(/_next/static/media/footer-bkg.50fc04cb.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#footer-wrapper.footer-dark {
  background-color: #25272e;
}

#footer-wrapper.footer-light {
  background-color: #fff;
  border-top: 1px solid #ddd;
}

.footer-dark .footer-widget-container .text-big {
  color: #fff;
}

.footer-dark .footer-widget-container .widget .title h3 {
  color: #fff;
}

.footer-widget-container > li {
  list-style: none;
}

.footer-dark .footer-widget-container p,
.footer-dark .footer-widget-container a,
.footer-dark .footer-widget-container address,
.footer-dark .footer-widget-container span,
.footer-dark .copyright-container p,
.footer-dark .copyright-container a,
.footer-dark .copyright-container span {
  color: #bcc0c4;
}

.footer-social-icons {
  margin-top: 15px;
}

.footer-social-icons > li {
  list-style: none !important;
  background-image: none !important;
  float: left;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  padding: 0 !important;
}

.footer-social-icons li a {
  width: 30px;
  height: 30px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  text-align: center;

  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.footer-social-icons li a:hover {
  color: #fff;
}

.footer-dark .footer-social-icons li a {
  background-color: #565f66;
  color: #fff;
}

.footer-light .footer-social-icons li a {
  background-color: #f6f6f6;
}

.copyright-container .row {
  margin-bottom: 0;
}

.footer-dark .copyright-container .row {
  border-top: 1px solid #384653;
  padding: 15px 0 10px 0;
}

.footer-light .copyright-container .row {
  border-top: 1px solid #ddd;
  padding: 15px 0 10px 0;
}

.copyright-container a,
.copyright-container p,
.copyright-container span {
  font-size: 11px;
}

/*
    SCROLL UP
    ------------------------------------------------------------------------- */
.scroll-up {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 15px;
  right: 100px;
  display: none;
  text-indent: -9999px;
  background-image: url(/_next/static/media/to-top.d4f80b0d.png);
  background-repeat: no-repeat;
  background-color: #252525;
  z-index: 100;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

/*# sourceMappingURL=style.css.map */
/*
  Theme Name: Xolio - Creative Agency HTML5 Template
  Support: themegenix@gmail.com
  Description: Xolio - Creative Agency HTML5 Template.
  Version: 1.0
*/

/* CSS Index
============================
01. Variable CSS
02. Header
03. Mobile Menu
04. Breadcrumb
05. Banner
06. Slider
07. Services
08. About
09. Company
10. Success
11. History
12. Agency
13. Developr
14. Tools
15. Brand
16. Client
17. Team
18. Community
19. Counter
20. Project
21. Faq
22. Testimonial
23. Consultation
24. Pricing
25. Work
26. Blog
27. Pagination
28. Newsletter
29. Contact
30. Footer
31. Preloader
============================
*/

/*=============================
	1. Google Fonts
===============================*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

/*=============================
	01. Variable CSS
===============================*/
:root {
  --tg-body-font-family: "Poppins", sans-serif;
  --tg-heading-font-family: "Poppins", sans-serif;
  --tg-primary-color: #f3ba00;
  --tg-secondary-color: #3482ff;
  --tg-body-font-color: #000;
  --tg-heading-font-color: #0b0b0b;
  --tg-banner-title-color: #000;
  --tg-paragraph-color: #000;
  --tg-body-font-size: 16px;
  --tg-body-font-weight: 400;
  --tg-heading-font-weight: 700;
  --tg-body-line-height: 1.7;
  --tg-heading-line-height: 1.15;
  --tg-section-background: #000;
  --tg-section-background-two: #1f1d28;
  --tg-section-background-three: #26242d;
  --tg-menu-color: #000;
  --tg-arrow-color: #000;
  --tg-border-color: #f3f3f3;
  --tg-border-color-two: #d9d9d9;
  --tg-form-border-color: #d5d5d5;
  --tg-old-lace: #fff2e4;
  --tg-magnolia: #f0ebff;
  --tg-lavender: #e4f1ff;
  --tg-blue: #2b78f3;
  --tg-blue-two: #265fdb;
  --tg-blue-two-three: #398ddb;
  --tg-indigo: #a666f7;
  --tg-purple: #9270ff;
  --tg-dark-electric: #000;
  --tg-pink: #f84d55;
  --tg-red: #f76766;
  --tg-orange: #f26f3b;
  --tg-yellow: #f1f026;
  --tg-yellow-two: #f5a623;
  --tg-yellow-three: #ecb321;
  --tg-green: #1b9a81;
  --tg-green-two: #7ddb39;
  --tg-teal: #57c0ce;
  --tg-cyan: #0dcaf0;
  --tg-white: #ffffff;
  --tg-black: #000;
  --tg-black-two: #1d1d25;
  --tg-black-three: #1e1c1e;
  --tg-black-four: #212737;
  --tg-gray: #f4f3f9;
  --tg-gray-two: #fbfdff;
  --tg-gray-three: #000;
  --tg-gray-four: #b8b8c5;
  --tg-gray-five: #000;
  --tg-gray-six: #f7f7f7;
  --tg-gray-seven: #000;
  --tg-gray-eight: #f4f4f4;
  --tg-granite-gray: #000;
  --tg-bright-gray: #edeef1;
  --tg-spanish-gray: #989898;
  --tg-cadet-grey: #000;
  --tg-cultured: #f3f7fa;
  --tg-black-coral: #000;
  --tg-silver: #c5c7cb;
  --tg-silver-two: #aeaeae;
  --tg-silver-three: #afafaf;
  --tg-silver-three: #000;
  --tg-silver-foil: #b0b0b0;
  --tg-manatee: #9e9da9;
  --tg-onyx: #1d1d25;
  --facebook: #3b5998;
  --twitter: #00acee;
  --linkedin: #1976d2;
  --pinterest: #3b5998;
  --youtube: #c4302b;
  --skype: #00aff0;
}
.slider-shape-wrap img:nth-child(7) {
  right: 0%;
  top: 5%;
  /* animation: alltuchtopdown 6s infinite linear; */
  z-index: -2;
}
/* * {
  cursor: default !important;
} */

body {
  font-family: var(--tg-body-font-family);
  font-weight: var(--tg-body-font-weight);
  font-size: var(--tg-body-font-size);
  line-height: var(--tg-body-line-height);
  color: var(--tg-body-font-color);
  font-style: normal;
  overflow-x: hidden;
}
.black-background {
  background: var(--tg-black);
}
img,
.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.fix {
  overflow: hidden;
}
a,
button,
input,
textarea {
  cursor: pointer !important;
}
a,
button {
  transition: all 0.3s ease-out 0s;
  text-decoration: none;
}
a:focus,
.btn:focus,
button:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.btn:focus,
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.slider-content .title {
  /* font-family: var(--tg-heading-font-family); */
  color: var(--tg-heading-font-color);
  margin-top: 0px;
  margin-bottom: 0.7rem;
  font-style: normal;
  line-height: var(--tg-heading-line-height);
  font-weight: 500;
  text-transform: inherit;
}
.xoxo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 450px;
}
.list-wrap {
  margin: 0px;
  padding: 0px;
}
.list-wrap li {
  list-style: none;
}

hr {
  border-bottom: 1px solid var(--tg-primary-color);
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}
::selection {
  background: var(--tg-primary-color);
  color: var(--tg-white);
  text-shadow: none;
}
*::placeholder {
  color: var(--tg-body-font-color);
  font-size: var(--tg-body-font-size);
  opacity: 1;
}
.theme-overlay {
  position: relative;
}
.theme-overlay::before {
  background: var(--tg-primary-color) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}
.separator {
  border-top: 1px solid var(--tg-primary-color);
}

/* Bootstrap 5 */
.container {
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  --bs-gutter-x: 30px;
}
.row.g-0 {
  --bs-gutter-x: 0;
}
.gutter-y-30 {
  --bs-gutter-y: 30px;
}

/*=============================
	1. Button style
===============================*/

.btn span {
  background: var(--tg-primary-color) none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -moz-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -ms-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -o-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  width: 0;
  z-index: -1;
}
.btn:hover > span {
  height: 562.5px;
  width: 562.5px;
}
.btn:hover {
  color: var(--tg-white);
}
.breadcrumb > .active {
  color: var(--tg-primary-color);
}

/* scrollUp */
.scroll-top2 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 5%;
  right: 30px;
  font-size: var(--tg-body-font-size);
  border-radius: 6px;
  z-index: 99;
  color: var(--tg-white);
  text-align: center;
  cursor: pointer;
  background: var(--tg-primary-color);
  transition: 1s ease;
  border: none;
}
@media (max-width: 600px) {
  .scroll-top2 {
    z-index: 10 !important;
  }
}
.scroll-top2.open {
  bottom: 30px;
}
.scroll-top2::after {
  /* position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 80%
  ); */
}
.scroll-top2:hover {
  background: #5049b5;
}

/*=============================
	02. Header
===============================*/
.custom-container {
  max-width: 1400px;
}
.transparent-header {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  z-index: 9;
  height: auto;
}
.menu-area {
  padding: 7px 0;
}
.menu-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.navbar-wrap {
  display: flex;
  flex-grow: 1;
}
.navbar-wrap ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 0;
  margin: 0 0 0 auto;
}
.navbar-wrap ul li {
  list-style: none;
  display: block;
  position: relative;
}
.navbar-wrap ul li a {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--tg-menu-color);
  padding: 35px 18px;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a {
  color: var(--tg-primary-color);
}
.navbar-wrap > ul > li.menu-item-has-children > a::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: 10px;
}
.main-menu .navigation li.menu-item-has-children .dropdown-btn {
  display: none;
}
.header-action > ul {
  display: flex;
  align-items: center;
  margin-left: 55px;
}
.header-action > ul li {
  position: relative;
  margin-left: 30px;
}
.header-action ul li:first-child {
  margin-left: 0;
}
.header-action ul li a {
  color: var(--tg-heading-font-color);
  font-size: 14px;
}
.header-action .header-btn .btn {
  color: var(--tg-white);
  font-size: 16px;
  padding: 19px 33px;
  font-weight: 500;
  background: var(--tg-primary-color);
}
.header-action .header-btn .btn span {
  background: var(--tg-secondary-color);
}
.navbar-wrap ul li .sub-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  min-width: 230px;
  border: 1px solid #f5f5f5;
  background: var(--tg-white);
  margin: 0 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
  border-radius: 15px;
  padding: 18px 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.navbar-wrap ul li .sub-menu .sub-menu {
  right: auto;
  left: 100%;
  top: 0;
}
.navbar-wrap ul li .sub-menu li {
  margin-left: 0;
  text-align: left;
  display: block;
}
.navbar-wrap ul li .sub-menu li a {
  padding: 9px 15px 9px 25px;
  line-height: 1.4;
  font-weight: 500;
  color: var(--tg-menu-color);
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li .sub-menu li a:hover,
.navbar-wrap ul li .sub-menu li.active a {
  color: var(--tg-primary-color);
}
.navbar-wrap ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.sticky-menu {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  z-index: 99;
  background: var(--tg-white);
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  border-radius: 0;
}
.sticky-menu.menu-area {
  padding: 0 0;
}
.sticky-menu .navbar-wrap ul li .sub-menu {
  border-radius: 0 0 15px 15px;
}
.menu-style-two .navbar-wrap ul li .sub-menu {
  background: var(--tg-black-two);
  border-color: #2a2a34;
  box-shadow: 0px 30px 70px 0px rgb(0 0 0 / 15%);
}

/* header-two */
.menu-style-two .navbar-wrap ul li a,
.menu-style-two .navbar-wrap ul li .sub-menu li a {
  color: var(--tg-white);
}
.menu-style-two .navbar-wrap > ul > li.active > a,
.menu-style-two .navbar-wrap > ul > li:hover > a {
  color: var(--tg-primary-color);
}
.menu-style-two.sticky-menu {
  background: var(--tg-black);
  box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
}

/*=============================
	03. Mobile Menu
===============================*/
.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  display: none;
  color: var(--tg-white);
  margin-right: 30px;
  top: 15px;
}
.nav-logo img {
  max-width: 150px;
}
.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  z-index: 99;
  border-radius: 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;
  -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transform: translateX(101%);
}
.mobile-menu .navbar-collapse {
  display: block !important;
}
.mobile-menu .nav-logo {
  position: relative;
  padding: 30px 25px;
  text-align: left;
}
.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
  transform: translateX(0%);
}
.mobile-menu .navigation li.current > a:before {
  height: 100%;
}
.menu-backdrop {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 700ms ease 0s;
  opacity: 0;
  visibility: hidden;
  background: rgb(255 255 255 / 50%);
}
.mobile-menu-visible .menu-backdrop {
  opacity: 1;
  visibility: visible;
}
.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--tg-white);
  padding: 0px 0px;
  z-index: 5;
  box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}
.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
}
.mobile-menu .close-btn {
  position: absolute;
  right: 15px;
  top: 28px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 20px;
  color: var(--tg-primary-color);
  cursor: pointer;
  z-index: 10;
  transition: all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn {
  transform: rotate(360deg);
}
.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
.mobile-menu .navigation ul {
  padding: 0;
  margin: 0;
}
.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation:last-child {
  border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 60px 10px 25px;
  font-size: 16px;
  font-weight: 500;
  color: var(--tg-heading-font-color);
  text-transform: capitalize;
  transition: all 500ms ease;
  border: none;
}
.mobile-menu .navigation li ul li > a {
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}
.mobile-menu .navigation li ul li ul li a {
  margin-left: 40px;
}
.mobile-menu .navigation li ul li ul li ul li a {
  margin-left: 60px;
}
.mobile-menu .navigation li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  transition: all 500ms ease;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
  position: absolute;
  right: 15px;
  top: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  color: var(--tg-white);
  background: var(--tg-primary-color);
  cursor: pointer;
  border-radius: 2px;
  transition: all 500ms ease;
  z-index: 5;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn i {
  transition: all 500ms ease;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open i {
  transform: rotate(45deg);
  color: var(--tg-primary-color);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}
.mobile-menu .social-links ul {
  display: flex;
  position: relative;
  text-align: center;
  padding: 30px 20px 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.mobile-menu .social-links li {
  position: relative;
  display: inline-block;
  margin: 0px 6px 10px;
}
.mobile-menu .social-links li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: var(--tg-heading-font-color);
  transition: all 500ms ease;
  border: 1px solid var(--tg-gray);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.mobile-menu .social-links li a:hover {
  border-color: var(--tg-primary-color);
  background: var(--tg-primary-color);
  color: var(--tg-white);
}
.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 30px;
  cursor: pointer;
  line-height: 1;
  color: var(--tg-primary-color);
  display: none;
  margin-top: 12px;
}

/* header-contact */
.header-contact-wrap {
  border-top: 1px solid rgba(4, 22, 67, 0.1);
  box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(4, 22, 67, 0.1);
  background: var(--tg-white);
  position: absolute;
  left: 0;
  top: 100px;
  right: 0;
  z-index: 5;
  padding: 25px 0 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  transform: translateY(20px);
}
.header-contact-wrap.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.sticky-menu .header-contact-wrap {
  top: 87px;
}
.body-contact-overlay {
  position: fixed;
  right: 0px;
  top: 100px;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
  background: rgb(255 255 255 / 50%);
}
.body-contact-overlay.active {
  opacity: 1;
  visibility: visible;
}
.header-contact-wrap .customer-support-wrap > .title,
.header-contact-wrap .left-side-content > .title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px solid var(--tg-border-color);
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.header-contact-wrap .contact-info-list .list-wrap li {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
  margin-bottom: 20px;
}
.header-contact-wrap .contact-info-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.header-contact-wrap .contact-info-list .list-wrap li .icon {
  width: 20px;
  flex: 0 0 20px;
  margin-right: 12px;
}
.header-contact-wrap .contact-info-list .list-wrap li .icon svg {
  width: 100%;
  height: 100%;
  fill: var(--tg-black);
}
.header-contact-wrap .contact-info-list .list-wrap li .content span,
.header-contact-wrap .contact-info-list .list-wrap li .content a {
  font-size: 15px;
  color: var(--tg-heading-font-color);
  display: block;
}
.header-contact-wrap .lats-chat {
  margin-top: 20px;
}
.header-contact-wrap .lats-chat a {
  font-weight: 600;
  font-size: 16px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: capitalize;
  color: var(--tg-heading-font-color);
  display: inline-block;
}
.header-contact-wrap .lats-chat a:hover {
  color: var(--tg-primary-color);
}
.our-best-project {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
  padding: 0 0 0 35px;
  margin-left: 40px;
}
.our-best-project .content .title {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 30px;
}
.our-best-project .content .title span {
  font-weight: 700;
}
.our-best-project .content .btn {
  background: var(--tg-primary-color);
  padding: 17px 43px;
  border-radius: 15px;
}
.our-best-project .content .btn span {
  background: var(--tg-secondary-color);
}
.our-best-project .thumb {
  width: 214px;
  flex: 0 0 214px;
}
.customer-support-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 15px 22px 20px;
  margin-bottom: 15px;
}
.customer-support-content .content-top {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.customer-support-content .content-top img {
  width: 35px;
  flex: 0 0 35px;
  margin-right: 11px;
}
.customer-support-content .content-top .title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
}
.customer-support-content p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  color: var(--tg-heading-font-color);
}
.customer-support-content p a {
  text-decoration: underline;
  color: #ef4c23;
}
.customer-support-wrap .content-bottom {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.customer-support-wrap .content-bottom a {
  color: var(--tg-heading-font-color);
  font-weight: 600;
  line-height: 1.2;
}
.customer-support-wrap .content-bottom a:hover {
  color: var(--tg-primary-color);
}

.header-contact-wrap.black-background {
  background: var(--tg-black);
}
.header-contact-wrap.black-background
  .contact-info-list
  .list-wrap
  li
  .icon
  svg {
  fill: var(--tg-silver-two);
}
.header-contact-wrap.black-background .customer-support-wrap > .title,
.header-contact-wrap.black-background .left-side-content > .title {
  border-bottom: 1px solid rgba(255 255 255 / 10%);
  color: var(--tg-white);
}
.header-contact-wrap.black-background {
  border-top: 1px solid rgba(255 255 255 / 10%);
  border-bottom: 1px solid rgba(255 255 255 / 10%);
}
.header-contact-wrap.black-background
  .contact-info-list
  .list-wrap
  li
  .content
  span,
.header-contact-wrap.black-background
  .contact-info-list
  .list-wrap
  li
  .content
  a {
  color: var(--tg-silver-two);
}
.header-contact-wrap.black-background .our-best-project .content .title {
  color: var(--tg-white);
}
.header-contact-wrap.black-background .lats-chat a {
  color: var(--tg-white);
}
.header-contact-wrap.black-background .our-best-project {
  border: 1px solid rgba(255 255 255 / 10%);
}
.header-contact-wrap.black-background .customer-support-content {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.header-contact-wrap.black-background
  .customer-support-content
  .content-top
  .title {
  color: var(--tg-white);
}
.header-contact-wrap.black-background .customer-support-content p {
  color: var(--tg-silver-two);
}
.header-contact-wrap.black-background .customer-support-wrap .content-bottom a {
  color: var(--tg-white);
}
.body-contact-overlay.black {
  background: rgb(0 0 0 / 50%);
}

/*=============================
	04. Breadcrumb
===============================*/
.breadcrumb-area {
  position: relative;
}
.breadcrumb-content {
  text-align: center;
}
.breadcrumb-content .title {
  font-size: 78px;
  margin-bottom: 45px;
  line-height: 1;
  color: var(--tg-banner-title-color);
}
.breadcrumb-content .breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 8px 26px;
  margin-bottom: 0;
  list-style: none;
  justify-content: center;
  background: var(--tg-gray);
  border-radius: 32px;
}
.breadcrumb-content .breadcrumb .breadcrumb-item {
  font-size: 18px;
  font-weight: 500;
  color: var(--tg-banner-title-color);
}
.breadcrumb-content .breadcrumb .breadcrumb-item a {
  color: var(--tg-silver-three);
}
.breadcrumb-content .breadcrumb .breadcrumb-item a:hover {
  color: var(--tg-primary-color);
}
.breadcrumb-content .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 5px;
  color: var(--tg-banner-title-color);
  content: "/";
}
.breadcrumb-content .breadcrumb-item + .breadcrumb-item {
  padding-left: 5px;
}
.breadcrumb-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.breadcrumb-shape-wrap img:nth-child(1) {
  left: 18%;
  top: 36%;
  animation: animationFramesOne 20s infinite linear;
}
.breadcrumb-shape-wrap img:nth-child(2) {
  bottom: 40%;
  right: 29%;
  animation: animationFramesOne 15s infinite linear;
}

/* breadcrumb-three */
.breadcrumb-area-three {
  z-index: 1;
}
.breadcrumb-shape-wrap-two .parallax-shape {
  position: absolute;
  bottom: 20%;
  right: 27%;
  z-index: -1;
}
.breadcrumb-search {
  padding: 0 65px;
  margin-top: 45px;
}
.breadcrumb-search form {
  position: relative;
}
.breadcrumb-search form label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 44px;
  color: #929eaf;
  font-size: 14px;
  line-height: 1;
}
.breadcrumb-search form input {
  width: 100%;
  border: none;
  background: var(--tg-white);
  box-shadow: 0px 34px 64px rgba(20, 28, 49, 0.11);
  border-radius: 25px;
  color: var(--tg-black-two);
  font-weight: 400;
  font-size: 15px;
  padding: 32px 200px 32px 65px;
}
.breadcrumb-search form input::placeholder {
  color: #aeb3bb;
  font-weight: 400;
  font-size: 15px;
}
.breadcrumb-search form .btn {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  padding: 24px 70px;
}

/* breadcrumb-four */
.breadcrumb-shape-wrap-three img {
  position: absolute;
  z-index: -1;
}
.breadcrumb-shape-wrap-three img:nth-child(1) {
  left: 24%;
  bottom: 22%;
}
.breadcrumb-shape-wrap-three img:nth-child(2) {
  right: 27%;
  top: 24%;
}
.breadcrumb-shape-wrap-three img:nth-child(3) {
  bottom: 0;
  right: 13%;
}

/*=============================
	05. Banner
===============================*/
.banner-bg {
  background-image: url(/public/img/banner/banner_bg.jpg);
  background-size: cover;
  background-position: center;
  padding: 220px 0 120px;
  position: relative;
  z-index: 1;
}
.banner-content .sub-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: var(--tg-heading-font-color);
  line-height: 1.2;
  background: var(--tg-gray);
  padding: 12px 23px;
  border-radius: 32px;
  margin-bottom: 35px;
}
.banner-content .sub-title strong {
  font-weight: 500;
  color: var(--tg-secondary-color);
}
.banner-content .title {
  font-size: 72px;
  margin-bottom: 75px;
  text-transform: capitalize;
  line-height: 1.1;
  color: var(--tg-banner-title-color);
}
.banner-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.banner-shape-wrap img:nth-child(1) {
  left: 0;
  top: 0;
}
.banner-shape-wrap img:nth-child(2) {
  left: 4%;
  top: 16%;
}
.banner-shape-wrap img:nth-child(3) {
  left: 18.3%;
  top: 20%;
}
.banner-shape-wrap img:nth-child(4) {
  left: 11.6%;
  top: 29%;
}
.banner-shape-wrap img:nth-child(5) {
  left: 8%;
  bottom: 27.5%;
}
.banner-shape-wrap img:nth-child(6) {
  right: 17.25%;
  top: 24%;
}
.banner-shape-wrap img:nth-child(7) {
  right: 28.8%;
  bottom: 19%;
}

@keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

.float-bob-x {
  animation-name: float-bob-x;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes contactSwimmer {
  0%,
  100% {
    transform: translateX(0) translateY(0) rotate(0);
  }

  25%,
  75% {
    transform: translateX(15px) translateY(20px) rotate(10deg);
  }

  50% {
    transform: translateX(60px) translateY(35px) rotate(15deg);
  }
}

.contactSwimmer {
  animation-name: contactSwimmer;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes ribbonRotate {
  0%,
  100% {
    transform: rotate(0);
  }

  25%,
  75% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(30deg);
  }
}
.ribbonRotate {
  animation-name: ribbonRotate;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes animation1 {
  0%,
  100% {
    transform: rotate(0deg) translateX(0);
  }

  25%,
  75% {
    transform: rotate(5deg) translateX(15px);
  }

  50% {
    transform: rotate(10deg) translateX(30px);
  }
}

.animation1 {
  animation-name: animation1;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.rotateme {
  animation-name: rotateme;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

.animationFramesOne {
  animation: animationFramesOne 12s linear infinite;
}

/* banner-two */
.banner-area-two {
  padding: 160px 0 130px;
  position: relative;
  overflow: hidden;
}
.banner-img-two {
  margin-left: 80px;
}
.banner-content-two {
  position: relative;
  z-index: 1;
}
.banner-content-two .sub-title {
  font-weight: 500;
  font-size: 20px;
  display: block;
  color: var(--tg-yellow);
  margin-bottom: 20px;
}
.banner-content-two .title {
  font-weight: 700;
  font-size: 68px;
  margin-bottom: 60px;
  color: var(--tg-white);
}
.banner-content-two .title span {
  color: var(--tg-purple);
}
.banner-content-two .banner-content-bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 38px;
}
.banner-content-bottom .list-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.banner-shape-wrap-two img {
  position: absolute;
  /* z-index: -1; */
}
.banner-shape-wrap-two img:nth-child(1) {
  left: 9.7%;
  top: 25.4%;
}
.banner-shape-wrap-two img:nth-child(2) {
  left: 10.4%;
  bottom: 24.5%;
}
.banner-shape-wrap-two img:nth-child(3) {
  left: 42%;
  top: 17%;
}
.banner-shape-wrap-two img:nth-child(4) {
  right: 14.3%;
  bottom: 31.5%;
  animation: animationFramesOne 25s infinite linear;
}

/*=============================
	06. Slider
===============================*/
.slider-area .slick-slide img {
  display: inline-block;
}
.slider-area img {
  height: 100%;
}
.slider-area {
  background-position: center center;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/H5-Slider-6.jpg);
  padding: 190px 0 150px;
  position: relative;
  overflow: hidden;
}
.slider-content .title {
  font-size: 20px;
  margin-bottom: 25px;
  font-weight: 500;
}
.slider-content p {
  margin-bottom: 10px;
  font-size: 18px !important;
  text-transform: capitalize;
  color: black;
  width: 80%;
}
.slider-btn {
  display: flex;
  align-items: center;
  gap: 10px 30px;
}
.slider-btn .popup-video {
  color: #858585;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.slider-btn .popup-video i {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-primary-color);
  color: var(--tg-white);
  font-size: 18px;
  border-radius: 50%;
  margin-left: 18px;
  position: relative;
  z-index: 1;
}
.mfp-iframe-holder .mfp-content {
  max-width: 1200px;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: var(--tg-primary-color);
}

.slick-dots {
  bottom: auto;
}

.slider-active .slick-dots {
  margin: 0;
  padding: 0;
  display: flex !important;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: 16.4%;
  bottom: -50px;
}
.slider-active .slick-dots li {
  list-style: none;
  line-height: 0;
}
.slider-active .slick-dots li button {
  text-indent: -999999999px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--tg-border-color-two);
  background: transparent;
  position: relative;
  transition: 0.3s;
}
.slider-active .slick-dots li button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tg-primary-color);
  opacity: 0;
  transition: 0.3s;
}
.slider-active .slick-dots li.slick-active button {
  border-color: var(--tg-primary-color);
}
.slider-active .slick-dots li.slick-active button::before {
  opacity: 1;
}
.slider-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.slider-shape-wrap img:nth-child(1) {
  left: 0;
  top: 0;
}
.slider-shape-wrap img:nth-child(2) {
  left: 7%;
  top: 28%;
  animation: animationFramesOne 25s infinite linear;
}
.slider-shape-wrap img:nth-child(3) {
  left: 46%;
  bottom: 37%;
  animation: ribbonRotate 8s infinite linear;
}
.slider-shape-wrap img:nth-child(4) {
  right: 47%;
  top: 32%;
  animation: contactSwimmer 10s infinite linear;
}
.slider-shape-wrap img:nth-child(5) {
  right: 0;
  top: 0;
}
.slider-shape-wrap img:nth-child(6) {
  right: 12%;
  top: 22%;
  animation: alltuchtopdown 6s infinite linear;
}
.pulse::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  background: var(--tg-primary-color);
  z-index: -1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes alltuchtopdown {
  0% {
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    transform: rotateX(0deg) translateY(-40px);
  }
  100% {
    transform: rotateX(0deg) translateY(0px);
  }
}

/*=============================
	07. Services
===============================*/
.services-item {
  background: var(--tg-white);
  box-shadow: 0px 15px 30px rgba(61, 90, 125, 0.08);
  border-radius: 20px;
  padding: 43px 38px 49px;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid var(--tg-border-color);
  transition: 0.3s linear;
}
.services-area .row [class*="col-"]:nth-child(even) .services-item {
  margin-top: 50px;
}
.services-icon {
  width: 87px;
  height: 87px;
  margin: 0 auto 35px;
  position: relative;
  z-index: 1;
  transition: 0.3s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--tg-old-lace);
  border-radius: 50%;
  z-index: -1;
}
.services-icon img {
  max-width: 66px;
  transform: translate(-10px, 15px);
  transition: 0.4s linear;
}
.services-item:hover .services-icon img {
  transform: translate(0) !important;
}
.services-content .title {
  font-size: 24px;
  margin-bottom: 12px;
}
.services-content p {
  margin-bottom: 0;
  color: var(--tg-granite-gray);
  opacity: 0.7;
}
.services-area
  .row
  [class*="col-"]:nth-child(2)
  .services-item
  .services-icon::before {
  background: var(--tg-magnolia);
}
.services-area
  .row
  [class*="col-"]:nth-child(3)
  .services-item
  .services-icon::before {
  background: var(--tg-bright-gray);
}
.services-area
  .row
  [class*="col-"]:nth-child(4)
  .services-item
  .services-icon::before {
  background: var(--tg-lavender);
}
.services-area .row [class*="col-"]:nth-child(2) .services-icon img {
  transform: translate(20px, 15px);
}
.services-area .row [class*="col-"]:nth-child(3) .services-icon img {
  transform: translate(20px, -20px);
}
.services-area .row [class*="col-"]:nth-child(4) .services-icon img {
  transform: translate(-30px, 18px);
}

/* services-two */
.services-area-two {
  background: var(--tg-onyx);
  padding: 200px 0 90px;
  margin-top: -85px;
}
.services-item-two {
  padding: 45px 35px 40px;
  border-radius: 20px;
  background: transparent;
  transition: 0.3s;
  margin-bottom: 30px;
}
.services-item-two.active,
.services-item-two:hover {
  background: var(--tg-black);
}
.services-icon-two {
  margin-bottom: 70px;
  min-height: 67px;
}
.services-icon-two img {
  max-width: 66px;
}
.services-content-two .title {
  margin-bottom: 12px;
  color: var(--tg-white);
  font-size: 24px;
}
.services-content-two p {
  margin-bottom: 0;
  color: #a0a0a0;
  opacity: 0.7;
  text-transform: capitalize;
  transition: 0.3s;
}

/* services-three */
.services-area-three {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.section-title .title span {
  color: var(--tg-blue);
}
.services-area-three .section-title.title-style-two .title {
  margin-bottom: 20px;
}
.services-area-three .section-title p {
  margin-bottom: 0;
  color: var(--tg-black-coral);
  opacity: 0.7;
  text-transform: capitalize;
  width: 95%;
  margin: 0 auto;
}
.services-item-wrap {
  background: var(--tg-cultured);
  border-radius: 35px;
  padding: 110px 155px 90px;
}
.services-item-three {
  border-radius: 20px;
  padding: 40px 35px;
  transition: 0.3s ease-in;
}
.services-item-three:hover {
  background: var(--tg-white);
}
.services-icon-three {
  width: 55px;
  margin-bottom: 15px;
}
.services-content-three .title {
  font-size: 24px;
  margin-bottom: 10px;
}
.services-content-three p {
  margin-bottom: 25px;
  color: var(--tg-granite-gray);
  opacity: 0.7;
  text-transform: capitalize;
}
.services-content-three .link-btn {
  color: var(--tg-heading-font-color);
  display: inline-flex;
  align-items: center;
}
.services-content-three .link-btn i {
  margin-left: 10px;
}
.services-content-three .link-btn:hover {
  color: var(--tg-primary-color);
}
.services-active-three .slick-dots {
  bottom: -32px !important;
}
.services-active .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  gap: 10px;
  margin-top: 60px;
}
.services-active .slick-dots li {
  line-height: 0;
  list-style: none;
}
.services-active .slick-dots li button {
  text-indent: -9999999px;
  width: 16px;
  height: 16px;
  border: 2px solid #e8d4c4;
  border-radius: 50%;
  background: transparent;
  padding: 0;
  position: relative;
  transition: 0.3s;
}
.services-active .slick-dots li button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  background: var(--tg-primary-color);
  border-radius: 50%;
  transition: 0.3s;
  opacity: 0;
}
.services-active .slick-dots li.slick-active button {
  border-color: var(--tg-primary-color);
}
.services-active .slick-dots li.slick-active button::before {
  opacity: 1;
}
.services-active [class*="col-"] {
  padding: 0 15px;
}
.services-area-three .services-shape img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

/* inner-services */
.inner-services-item-wrap .row {
  margin: 0 -10px;
}
.inner-services-item-wrap .row [class*="col-"] {
  padding: 0 10px;
}
.services-item-four {
  border: 1px solid #ededee;
  border-radius: 20px;
  padding: 45px 35px 40px 35px;
  text-align: center;
  margin-bottom: 20px;
}
.services-icon-four {
  width: 87px;
  height: 87px;
  margin: 0 auto;
  background: #ffe9e4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 45px;
  transition: 0.5s ease;
}
.services-item-four:hover .services-icon-four {
  transform: translateY(15px);
}
.services-icon-four img {
  max-width: 52px;
}
.services-content-four .title {
  margin-bottom: 13px;
  font-size: 22px;
}
.services-content-four p {
  margin-bottom: 0;
  color: var(--tg-granite-gray);
  text-transform: capitalize;
  opacity: 0.7;
}
.inner-services-item-wrap
  .row
  [class*="col-"]:nth-child(2)
  .services-icon-four {
  background: #ebf5ff;
}
.inner-services-item-wrap
  .row
  [class*="col-"]:nth-child(3)
  .services-icon-four {
  background: #f2f0fd;
}
.inner-services-item-wrap
  .row
  [class*="col-"]:nth-child(4)
  .services-icon-four {
  background: #fff8e4;
}
.inner-services-item-wrap
  .row
  [class*="col-"]:nth-child(5)
  .services-icon-four {
  background: #fff4e4;
}
.inner-services-item-wrap
  .row
  [class*="col-"]:nth-child(6)
  .services-icon-four {
  background: #ebf0ff;
}
.inner-services-item-wrap
  .row
  [class*="col-"]:nth-child(7)
  .services-icon-four {
  background: #fdf0f2;
}
.inner-services-item-wrap
  .row
  [class*="col-"]:nth-child(8)
  .services-icon-four {
  background: #e8e4ff;
}

/* inner-services-two */
.inner-services-area-two .section-title .title {
  margin-bottom: 25px;
}
.inner-services-area-two .section-title p {
  text-transform: capitalize;
  color: var(--tg-silver-foil);
  width: 75%;
  margin: 0 auto;
}
.services-item-five {
  text-align: center;
  margin-bottom: 30px;
}
.services-icon-five {
  width: 87px;
  height: 87px;
  margin: 0 auto 35px;
  border-radius: 50%;
  background: #e4ffec;
  transform: translateY(0);
  transition: 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-item-five:hover .services-icon-five {
  transform: translateY(10px);
}
.services-icon-five img {
  max-width: 55px;
}
.services-content-five .title {
  margin-bottom: 20px;
  font-size: 22px;
}
.services-content-five span {
  display: block;
}
.services-content-five p {
  width: 80%;
  margin: 0 auto;
  color: var(--tg-granite-gray);
  opacity: 0.7;
  text-transform: capitalize;
}
.inner-services-wrap-two
  .row
  [class*="col-"]:nth-child(2)
  .services-item-five
  .services-icon-five {
  background: #f0ebff;
}
.inner-services-wrap-two
  .row
  [class*="col-"]:nth-child(3)
  .services-item-five
  .services-icon-five {
  background: #fdf0f2;
}
.inner-services-wrap-two
  .row
  [class*="col-"]:nth-child(4)
  .services-item-five
  .services-icon-five {
  background: #fff8e4;
}

/* services-details */
.services-details-area {
  position: relative;
}
.services-details img {
  margin-bottom: 20px;
}
.services-details-content p {
  margin-bottom: 0;
  color: #9fa6ab;
}
.services-details-shape img {
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  top: 39%;
}

/*=============================
	08. About
===============================*/
.about-inner {
  background: var(--tg-cultured);
  padding: 115px 105px 139px 115px;
  border-radius: 100px;
}
.about-inner .row .col-54 {
  width: 54%;
  flex: 0 0 auto;
}
.about-inner .row .col-46 {
  width: 46%;
  flex: 0 0 auto;
}
.section-title .sub-title {
  font-size: 20px;
  font-weight: 500;
  display: block;
  color: var(--tg-primary-color);
  margin-bottom: 20px;
}
.section-title .title {
  font-size: 50px;
  margin-bottom: 0;
}
.about-content > p {
  opacity: 0.7;
  margin-bottom: 40px;
  width: 70%;
  color: var(--tg-black-coral);
}
.about-content .list-wrap {
  margin-bottom: 45px;
}
.about-content .list-wrap li {
  display: flex;
  align-items: flex-start;
  width: 75%;
  margin-bottom: 30px;
}
.about-content .list-wrap li:last-child {
  margin-bottom: 0;
}
.about-content .list-wrap li .icon {
  width: 60px;
  flex: 0 0 60px;
  margin-right: 23px;
}
.about-content .list-wrap li .icon img {
  max-width: 60px;
}
.about-content .list-wrap li .content .title {
  font-size: 18px;
  margin-bottom: 10px;
}
.about-content .list-wrap li .content p {
  margin-bottom: 0;
}
.about-content-bottom {
  display: flex;
  align-items: center;
  width: 85%;
  position: relative;
  padding-top: 24px;
}
.about-content-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: radial-gradient(
    circle,
    rgba(196, 208, 217, 1) 0%,
    rgba(218, 226, 233, 0.44021358543417366) 100%
  );
}
.about-content-bottom > span {
  display: block;
  color: var(--tg-heading-font-color);
  font-size: 20px;
  font-weight: 500;
  width: 55%;
  flex: 0 0 auto;
}
.about-content-bottom .read-more-btn {
  width: 45%;
  text-align: right;
}
.about-img img {
  border-radius: 20px;
}

/* about-two */
.about-area-two {
  position: relative;
  padding: 120px 0 205px;
}
.section-title.title-style-two .title {
  font-size: 55px;
  margin-bottom: 0;
}
.about-content-two p {
  margin-bottom: 60px;
  text-transform: capitalize;
  color: var(--tg-gray-three);
  width: 89%;
}
.about-content-two a {
  display: flex;
  align-items: center;
}
.about-content-two a .text {
  color: var(--tg-white);
  opacity: 0.7;
  transition: all 0.3s ease-out 0s;
}
.about-content-two a:hover .text {
  opacity: 1;
}
.about-content-two a .arrow {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tg-primary-color);
  margin-right: 18px;
}
.about-shape-wrap img {
  position: absolute;
}
.about-shape-wrap .shape-one {
  top: 20%;
  right: 22%;
}
.about-shape-wrap .shape-two {
  top: 25%;
  right: 15%;
  animation: rotateme 10s infinite linear;
}
.about-shape-wrap .shape-three {
  bottom: 39%;
  left: 44%;
  animation: animationFramesOne 25s infinite linear;
}

.about-img-two img {
  position: relative;
  z-index: 9;
}

/*=============================
	09. Company
===============================*/
.company-area {
  background: var(--tg-section-background);
  padding: 110px 0 120px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.company-shape-wrap img {
  position: absolute;
  right: 0;
  top: 0;
}
.company-area .section-title p {
  color: var(--tg-silver-foil);
  text-transform: capitalize;
  width: 75%;
  margin: 0 auto;
}
.company-area .section-title .title {
  margin-bottom: 25px;
}
.company-img {
  position: relative;
  text-align: right;
  padding-bottom: 70px;
}
.company-img img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: 0;
}
.company-content {
  margin-left: 55px;
}
.company-content .title {
  background: linear-gradient(
    92.18deg,
    #6071d9 36.51%,
    #aa676f 63.73%,
    #ccb41a 97.49%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 25px;
  width: 60%;
}
.company-list .list-wrap {
  margin-bottom: 60px;
}
.company-list .list-wrap li {
  display: flex;
  align-items: flex-start;
  color: #959eb6;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 16px;
}
.company-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.company-list .list-wrap li img {
  width: 24px;
  flex: 0 0 24px;
  margin-right: 15px;
}

/*=============================
	10. Success
===============================*/
.success-area {
  position: relative;
}
.success-content p {
  margin-bottom: 35px;
  text-transform: capitalize;
  color: var(--tg-black-coral);
  opacity: 0.7;
  width: 90%;
}
.success-list .list-wrap {
  width: 65%;
}
.success-list .list-wrap li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.success-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.success-list .list-wrap li .content {
  display: flex;
  align-items: center;
  width: 50%;
}
.success-list .list-wrap li .content img {
  max-width: 18px;
  flex: 0 0 18px;
  margin-right: 10px;
  border-radius: 50%;
}
.success-list .list-wrap li .content span {
  color: #7c8095;
  font-size: 15px;
}
.success-list .list-wrap li .progress {
  display: flex;
  height: 7px;
  overflow: hidden;
  background-color: transparent;
  border-radius: 0;
  flex-grow: 1;
  border-radius: 30.1494px;
}
.success-list .list-wrap li .progress .progress-bar {
  background-color: var(--tg-green-two);
  border-radius: 30.1494px;
}
.success-list .list-wrap li:nth-child(2) .progress .progress-bar {
  background-color: var(--tg-orange);
}
.success-list .list-wrap li:nth-child(3) .progress .progress-bar {
  background-color: var(--tg-blue-two-three);
}
.success-list .list-wrap li:nth-child(4) .progress .progress-bar {
  background-color: var(--tg-yellow-three);
}
.success-img {
  margin-left: 40px;
}
.success-img img {
  max-width: unset;
}
.success-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.success-shape-wrap img:nth-child(1) {
  right: 40%;
  top: 8%;
  animation: ribbonRotate 5s infinite linear;
}
.success-shape-wrap img:nth-child(2) {
  left: 42%;
  bottom: 15%;
  animation: float-bob-x 3s infinite linear;
}

/*=============================
	11. History
===============================*/
.history-area {
  background: var(--tg-section-background);
  padding: 110px 0 120px;
  position: relative;
  z-index: 1;
}
.history-area .section-title .title {
  margin-bottom: 25px;
}
.history-area .section-title p {
  margin-bottom: 0;
  color: var(--tg-silver-foil);
}
.history-inner {
  background: var(--tg-black-four);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.history-inner .history-img {
  position: absolute;
  width: 50%;
  height: 100%;
}
.history-inner .history-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-content {
  padding: 70px 120px 70px 70px;
}
.history-content .title {
  font-size: 30px;
  margin-bottom: 18px;
  color: var(--tg-white);
}
.history-content p {
  margin-bottom: 40px;
  color: var(--tg-silver-foil);
}
.history-content .list-wrap li {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #7d8295;
  margin-bottom: 15px;
}
.history-content .list-wrap li:last-child {
  margin-bottom: 0;
}
.history-content .list-wrap li i {
  color: var(--tg-green);
  margin-right: 10px;
}
.history-roadmap-wrap {
  position: relative;
  margin-top: 60px;
}
.roadmap-line-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/public/img/images/line-shape.png);
  background-position: center;
  width: 100%;
  height: 76px;
  background-repeat: no-repeat;
}
.roadmap-line-shape .dot-two,
.roadmap-line-shape .dot-one {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #eab76a;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5 !important;
}
.roadmap-line-shape .dot-two {
  left: auto;
  right: 0;
  background: #76ec97;
}
.roadmap-line-shape .dot-one.pulse::after {
  background: #eab76a;
  z-index: -4;
}
.history-roadmap-wrap .list-wrap li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  text-align: center;
  width: 25%;
}
.history-roadmap-wrap .list-wrap li:nth-child(odd) {
  flex-direction: column-reverse;
}
.history-roadmap-wrap .list-wrap li .dot {
  width: 15px;
  height: 15px;
  background: #f26666;
  border-radius: 50%;
  position: relative;
  margin-bottom: 35px;
}
.history-roadmap-wrap .list-wrap li:nth-child(2) .dot {
  background: #d2f179;
}
.history-roadmap-wrap .list-wrap li:nth-child(3) .dot {
  background: #64eee6;
}
.history-roadmap-wrap .list-wrap li:nth-child(4) .dot {
  background: #a672e9;
}
.history-roadmap-wrap .list-wrap li:nth-child(odd) .dot {
  margin-bottom: 0;
  margin-top: 35px;
}
.history-roadmap-wrap .list-wrap li .content .title {
  font-size: 18px;
  font-weight: 500;
  color: var(--tg-white);
  margin-bottom: 0;
}
.history-roadmap-wrap .list-wrap li .content p {
  margin-bottom: 0;
  font-size: 15px;
  color: #757c8f;
}
.history-roadmap-wrap .list-wrap {
  display: flex;
  padding: 0 142px;
}
.history-roadmap-wrap .list-wrap li:nth-child(even) {
  margin-top: 86px;
}
.history-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.history-shape-wrap img:nth-child(1) {
  right: 0;
  top: 0;
}
.history-shape-wrap img:nth-child(2) {
  left: 7.5%;
  top: 20%;
  animation: ribbonRotate 5s infinite linear;
}

.pulse-one {
  animation: pulse-animation-one 2s linear infinite;
}
@keyframes pulse-animation-one {
  0% {
    box-shadow: 0 0 0 0px rgba(90, 83, 60);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.pulse-two {
  animation: pulse-animation-two 2s linear infinite;
}
@keyframes pulse-animation-two {
  0% {
    box-shadow: 0 0 0 0px rgba(53, 88, 68);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.pulse-three {
  animation: pulse-animation-three 2s linear infinite;
}
@keyframes pulse-animation-three {
  0% {
    box-shadow: 0 0 0 0px rgba(109, 71, 58);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.pulse-four {
  animation: pulse-animation-four 2s linear infinite;
}
@keyframes pulse-animation-four {
  0% {
    box-shadow: 0 0 0 0px rgba(88 122 60);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.pulse-five {
  animation: pulse-animation-five 2s linear infinite;
}
@keyframes pulse-animation-five {
  0% {
    box-shadow: 0 0 0 0px rgba(59 123 118);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.pulse-six {
  animation: pulse-animation-six 2s linear infinite;
}
@keyframes pulse-animation-six {
  0% {
    box-shadow: 0 0 0 0px rgba(88 61 112);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}

/*=============================
	12. Agency
===============================*/
.agency-area {
  position: relative;
  overflow: hidden;
}
.agency-content p {
  margin-bottom: 15px;
  text-transform: capitalize;
  width: 90%;
  color: var(--tg-black-coral);
}
.agency-content .info-one {
  opacity: 0.7;
}
.agency-content .info-two {
  margin-bottom: 50px;
}
.agency-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.agency-shape-wrap img:nth-child(1) {
  bottom: 22%;
  left: 7%;
  animation: animationFramesOne 25s infinite linear;
}
.agency-shape-wrap img:nth-child(2) {
  top: 18%;
  left: 47%;
  animation: rotateme 8s infinite linear;
}
.agency-shape-wrap img:nth-child(3) {
  bottom: 25%;
  left: 44%;
  animation: ribbonRotate 8s infinite linear;
}
.agency-shape-wrap img:nth-child(4) {
  bottom: 19%;
  right: 12%;
  animation: contactSwimmer 10s infinite linear;
}

/*=============================
	13. Developr
===============================*/
.developr-area {
  background: linear-gradient(
    0deg,
    rgba(242, 250, 255, 1) 0%,
    rgba(248, 252, 255, 0) 100%,
    rgba(244, 250, 255, 1) 100%
  );
}
.developr-content .nav-tabs {
  border-bottom: 1px solid #dde0e3;
  justify-content: space-between;
  margin-bottom: 35px;
}
.developr-content .nav-tabs .nav-item {
  margin-bottom: 10px;
}
.developr-content .nav-tabs .nav-link {
  display: block;
  padding: 0;
  color: #898989;
  text-decoration: none;
  border: none;
  background: transparent;
  font-weight: 400;
  font-size: 20px;
  position: relative;
}
.developr-content .nav-tabs .nav-link.active {
  color: var(--tg-heading-font-color);
  font-weight: 700;
}
.developr-content .nav-tabs .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -11px;
  width: 100%;
  height: 4px;
  background: var(--tg-primary-color);
  border-radius: 2px;
  transition: 0.3s linear;
  opacity: 0;
}
.developr-content .nav-tabs .nav-link.active::before {
  opacity: 1;
}
.developer-info-wrap .list-wrap li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 35px;
}
.developer-info-wrap .list-wrap li:last-child {
  margin-bottom: 0;
}
.developer-info-wrap .list-wrap li .icon {
  width: 18px;
  margin-right: 15px;
}
.developer-info-wrap .list-wrap li .content {
  font-size: 15px;
  display: block;
}
.developer-info-wrap .list-wrap li .content p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 15px;
  color: var(--tg-heading-font-color);
  line-height: 1.4;
}
.developr-img {
  text-align: right;
  position: relative;
  padding-bottom: 80px;
}
.developr-img img {
  border-radius: 42px;
}
.work-experience-wrap {
  width: 196px;
  min-height: 187px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--tg-white);
  border: 1px solid var(--tg-border-color);
  box-shadow: 0px 35px 54px rgba(61, 90, 125, 0.13);
  border-radius: 20px;
  padding: 30px;
  position: absolute;
  left: 50px;
  top: 50px;
}
.work-experience-wrap .count {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  color: #fc201e;
  font-size: 55px;
  letter-spacing: -2px;
  line-height: 0.8;
}
.project-completed-wrap p,
.work-experience-wrap p {
  margin-bottom: 0;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  color: var(--tg-heading-font-color);
  line-height: 1.3;
}
.project-completed-wrap {
  width: 293px;
  min-height: 219px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--tg-border-color);
  box-shadow: 0px 35px 54px rgba(61, 90, 125, 0.13);
  border-radius: 20px;
  background: var(--tg-white);
  padding: 30px;
  position: absolute;
  right: 25px;
  bottom: 0;
}
.project-completed-wrap .count {
  display: flex;
  align-items: center;
  font-size: 55px;
  color: #1eb9fc;
  margin-bottom: 6px;
  line-height: 0.8;
}

/* developr-two */
.developr-area-two {
  background: linear-gradient(
    0deg,
    rgba(242, 250, 255, 1) 0%,
    rgba(248, 252, 255, 0) 100%,
    rgba(244, 250, 255, 1) 100%
  );
}
.developr-content-two p {
  margin-bottom: 40px;
  width: 80%;
}
.developr-content-two .developr-social .list-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.developr-content-two .developr-social .list-wrap li a {
  color: #999fae;
  font-size: 18px;
  display: block;
}
.developr-content-two .developr-social .list-wrap li a:hover {
  color: var(--tg-primary-color);
}

/*=============================
	14. Tools
===============================*/
.tools-area {
  background: var(--tg-section-background-three);
  padding: 110px 0 100px;
}
.tools-item-wrap .row {
  margin: 0 -10px;
}
.tools-item-wrap .row [class*="col-"] {
  padding: 0 10px;
}
.tools-item {
  background: var(--tg-black-two);
  box-shadow: 0px 35px 54px rgba(4, 13, 24, 0.13);
  border-radius: 20px;
  padding: 40px 35px;
  margin-bottom: 20px;
}
.tools-icon {
  margin-bottom: 75px;
  transform: translateY(0px);
  transition: 0.3s linear;
}
.tools-icon img {
  max-width: 66px;
}
.tools-item:hover .tools-icon {
  transform: translateY(7px);
}
.tools-content .title {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--tg-white);
}
.tools-content p {
  margin-bottom: 0;
  color: var(--tg-gray-four);
  opacity: 0.7;
  text-transform: capitalize;
}

/*=============================
	15. Brand
===============================*/
.brand-active .col-12 {
  padding: 0 10px;
}
.brand-item {
  width: 100%;
  min-height: 119px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-black-two);
  border-radius: 20px;
  cursor: pointer;
}

/* brand-two */
.brand-area .title {
  text-align: center;
  display: block;
  font-weight: 500;
  font-size: 24px;
  color: var(--tg-heading-font-color);
  margin-bottom: 45px;
}
.brand-item-two {
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-item-two img {
  cursor: pointer;
}

.brand-area-two {
  background: linear-gradient(
    360deg,
    rgba(242, 250, 255, 0) 9.14%,
    rgba(243, 250, 255, 0.873284) 47.89%,
    rgba(248, 252, 255, 0) 90.86%
  );
}
.brand-area-two .section-title .title {
  font-size: 34px;
  font-weight: 500;
}

/*=============================
	16. Client
===============================*/
.client-area .section-title .title {
  margin-bottom: 35px;
}
.client-area .section-title p {
  color: var(--tg-gray-three);
  text-transform: capitalize;
  width: 90%;
  margin: 0 auto;
}
.client-area .brand-item {
  background: var(--tg-gray-eight);
}

/*=============================
	17. Team
===============================*/
.team-area {
  position: relative;
}
.team-content {
  margin-left: 60px;
}
.team-content p {
  color: var(--tg-black-coral);
  opacity: 0.7;
  margin-bottom: 60px;
  width: 75%;
}
.team-img-wrap {
  position: relative;
  text-align: center;
  width: 545px;
  height: 545px;
  border: 1px dashed #95bbd7;
  border-radius: 76px;
  margin: 73px auto 36px;
}
.team-img-wrap img {
  position: absolute;
  border-radius: 50%;
}
.team-img-wrap .img-shape {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 66px;
}
.team-img-wrap .img-one {
  top: -73px;
  right: 20%;
}
.team-img-wrap .img-two {
  left: -5%;
  top: 14%;
}
.team-img-wrap .img-three {
  left: 9.6%;
  bottom: 43.9%;
}
.team-img-wrap .img-four {
  right: -15px;
  bottom: 32.8%;
}
.team-img-wrap .img-five {
  bottom: -36px;
  left: 12%;
}
.team-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.team-shape-wrap img:nth-child(1) {
  right: 31%;
  top: 17%;
}
.team-shape-wrap img:nth-child(2) {
  right: 25%;
  bottom: 21%;
}

/* team-two */
.team-area-two .section-title .title {
  margin-bottom: 30px;
}
.team-area-two .section-title p {
  width: 85%;
  margin: 0 auto;
}
.team-item {
  position: relative;
  margin-bottom: 20px;
}
.team-item-hover {
  overflow: hidden;
}
.team-item .team-thumb {
  border-radius: 20px;
  overflow: hidden;
}
.team-item .team-content {
  margin: 0;
  background: var(--tg-white);
  position: absolute;
  left: 0;
  bottom: 0;
  min-width: 50%;
  display: block;
  border-radius: 0 20px 0 18px;
  padding: 24px 30px 20px 30px;
}
.team-item-hover .team-content {
  bottom: -13%;
  transition: all 0.3s;
}
.team-item-hover:hover .team-content {
  bottom: 0%;
}
.team-item .team-content .title {
  margin-bottom: 5px;
  font-size: 16px;
}
.team-item .team-content span {
  display: block;
  font-size: 15px;
  color: #737373;
}
.team-social {
  display: none;
}
.team-item-hover .team-social {
  display: block;
}
.team-social ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 15px 0 0;
  gap: 8px;
}
.team-social ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  background: #a6a9c6;
  border-radius: 50%;
  color: var(--tg-white);
}
.team-social ul li a:hover {
  background: var(--tg-secondary-color);
}
.team-active .slick-dots {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}
.team-active .slick-dots li {
  list-style: none;
  line-height: 0;
}
.team-active .slick-dots li button {
  text-indent: -99999999px;
  padding: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid var(--tg-border-color-two);
  background: transparent;
  position: relative;
  transition: 0.3s ease-in-out;
}
.team-active .slick-dots li.slick-active button {
  border-color: var(--tg-primary-color);
}
.team-active .slick-dots li button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tg-primary-color);
  transform: translate(-50%, -50%);
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.team-active .slick-dots li.slick-active button::before {
  opacity: 1;
}
.team-active [class*="col-"] {
  padding: 0 15px;
}

/*=============================
	18. Community
===============================*/
.community-img {
  text-align: center;
  margin-bottom: 30px;
}
.community-content {
  text-align: center;
}
.community-content p {
  margin-bottom: 0;
}

/*=============================
	19. Counter
===============================*/
.counter-area {
  margin-top: -85px;
  z-index: 1;
  position: relative;
}
.counter-item-wrap {
  background: var(--tg-black-two);
  border-radius: 20px;
  padding: 50px 48px 20px 48px;
  box-shadow: 0px 44px 64px rgba(0, 0, 0, 0.15);
}
.counter-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 20px;
  margin-bottom: 30px;
}
.counter-item-wrap .counter-item::before {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  height: 60px;
  width: 2px;
  background: #35354f;
  border-radius: 1px;
}
.counter-item-wrap .row [class*="col-"]:last-child .counter-item::before {
  display: none;
}
.counter-item > span {
  font-weight: 700;
  font-size: 40px;
  color: var(--tg-white);
  display: block;
  margin-right: 25px;
}
.counter-item p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--tg-white);
  font-size: 18px;
  opacity: 0.7;
}
.counter-item p span {
  display: block;
}

/* counter-two */
.counter-content .info {
  margin-bottom: 50px;
  width: 90%;
  text-transform: capitalize;
  opacity: 0.7;
  color: var(--tg-black-coral);
}
.counter-item-wrap-two .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.counter-item-two {
  width: 250px;
  min-height: 250px;
  position: relative;
  border-radius: 20px;
  background: var(--tg-white);
  border: 1px solid var(--tg-border-color);
  box-shadow: 0px 35px 34px rgba(61, 90, 125, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  overflow: hidden;
  padding: 20px;
}
.counter-item-two .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.counter-item-two .content {
  text-align: center;
}
.counter-item-two .content .count {
  font-weight: 700;
  font-size: 50px;
  line-height: 0.8;
  color: var(--tg-red);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.counter-item-two .content > p {
  color: var(--tg-granite-gray);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.counter-item-wrap-two
  .list-wrap
  li:nth-child(2)
  .counter-item-two
  .content
  .count {
  color: var(--tg-blue-two);
}
.counter-item-wrap-two
  .list-wrap
  li:nth-child(3)
  .counter-item-two
  .content
  .count {
  color: var(--tg-teal);
}
.counter-item-wrap-two
  .list-wrap
  li:nth-child(4)
  .counter-item-two
  .content
  .count {
  color: var(--tg-indigo);
}
.counter-item-wrap-two .list-wrap li:nth-child(3) .counter-item-two .icon,
.counter-item-wrap-two .list-wrap li:nth-child(4) .counter-item-two .icon {
  right: auto;
  left: 0;
}

/* counter-three */
.counter-area-three {
  background: linear-gradient(
    360deg,
    rgba(242, 250, 255, 0) 3.82%,
    rgba(243, 250, 255, 0.873284) 48.56%,
    #f3faff 63.29%,
    rgba(244, 250, 255, 0.688169) 79.47%,
    rgba(248, 252, 255, 0) 93.09%
  );
}
.counter-content-three p {
  margin-bottom: 30px;
}
.counter-content-three img {
  margin-bottom: 15px;
}
.counter-content-three .content-bottom {
  display: block;
}
.counter-content-three .content-bottom .title-two {
  margin-bottom: 5px;
  font-size: 18px;
}
.counter-content-three .content-bottom .title-two span {
  display: block;
}
.counter-item-wrap-three .list-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.counter-item-three {
  border: 1px solid #f3f3f3;
  box-shadow: 0px 35px 34px rgba(61, 90, 125, 0.06);
  border-radius: 20px;
  background: var(--tg-white);
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.counter-item-three .icon {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.counter-item-three .content {
  text-align: center;
}
.counter-item-three .content .count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  line-height: 1;
  font-size: 50px;
  color: var(--tg-red);
  font-weight: 700;
  letter-spacing: -1px;
}
.counter-item-three .content p {
  margin-bottom: 0;
  color: var(--tg-granite-gray);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
}
.counter-item-three .content p span {
  display: block;
}
.counter-item-wrap-three
  .list-wrap
  li:nth-child(2)
  .counter-item-three
  .content
  .count {
  color: var(--tg-blue-two);
}
.counter-item-wrap-three
  .list-wrap
  li:nth-child(3)
  .counter-item-three
  .content
  .count {
  color: var(--tg-teal);
}
.counter-item-wrap-three
  .list-wrap
  li:nth-child(4)
  .counter-item-three
  .content
  .count {
  color: var(--tg-indigo);
}
.counter-item-wrap-three .list-wrap li:nth-child(2) .counter-item-three .icon {
  right: 0;
  left: auto;
}
.counter-item-wrap-three .list-wrap li:nth-child(1) .counter-item-three {
  margin-top: 80px;
}
.counter-item-wrap-three .list-wrap li:nth-child(4) .counter-item-three {
  margin-top: -80px;
}

/* counter-four */
.counter-area-four {
  background: linear-gradient(
    0deg,
    rgba(242, 250, 255, 1) 0%,
    rgba(248, 252, 255, 0) 100%,
    rgba(244, 250, 255, 1) 100%
  );
}
.counter-item-wrap-four .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.counter-item-four {
  border: 1px solid var(--tg-border-color);
  box-shadow: 0px 35px 34px rgba(61, 90, 125, 0.06);
  border-radius: 20px;
  background: var(--tg-white);
  width: 250px;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.counter-item-four .count {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 50px;
  line-height: 0.8;
  margin-bottom: 15px;
  color: var(--tg-red);
}
.counter-item-four p {
  margin-bottom: 0;
  color: var(--tg-granite-gray);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
}
.counter-item-four p span {
  display: block;
}
.counter-item-wrap-four .list-wrap li:nth-child(2) .counter-item-four .count {
  color: var(--tg-blue-two);
}
.counter-item-wrap-four .list-wrap li:nth-child(3) .counter-item-four .count {
  color: var(--tg-indigo);
}
.counter-item-wrap-four .list-wrap li:nth-child(4) .counter-item-four .count {
  color: var(--tg-teal);
}

/*=============================
	20. Project
===============================*/
.project-area {
  background: var(--tg-section-background);
  padding: 140px 0;
  border-radius: 150px 0 0 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.section-title.white-title .title {
  color: var(--tg-white);
}
.project-content p {
  color: var(--tg-silver-foil);
  width: 92%;
  margin-bottom: 55px;
}
.project-area .row {
  flex-wrap: nowrap;
}
.project-area .col-xl-8 {
  overflow: hidden;
  flex: 0 0 110%;
  max-width: 110%;
  margin-left: 40px;
}
.project-item {
  width: 416px;
}
.project-item img {
  max-width: 416px;
  border-radius: 38px;
  max-height: 579px;
}
.content-bottom {
  display: flex;
  align-items: center;
}
.project-nav {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.project-nav .swiper-button-prev,
.project-nav .swiper-button-next {
  position: inherit;
  margin: 0;
  color: var(--tg-arrow-color);
  padding: 0;
  border: none;
  background: transparent;
  left: 0;
  width: auto;
  height: auto;
}
.project-nav .swiper-button-prev::before,
.project-nav .swiper-button-next:before {
  content: "\f178";
  display: block;
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  font-family: "Font Awesome 5 Pro";
}
.project-nav .swiper-button-prev::before {
  content: "\f177";
}
.project-nav .swiper-button-prev::after,
.project-nav .swiper-button-next::after {
  display: none;
}
.project-nav .swiper-button-prev:hover,
.project-nav .swiper-button-next:hover {
  color: var(--tg-secondary-color);
}
.project-nav .swiper-button-next {
  margin-left: 30px;
}
.project-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.project-shape-wrap .shape-one {
  left: 7.4%;
  top: 27.5%;
}
.project-shape-wrap .shape-two {
  bottom: 8.4%;
  left: 26.6%;
}

/* project-two */
.project-area-two {
  position: relative;
}
.project-area-two .section-title .title {
  margin-bottom: 20px;
}
.project-area-two .section-title p {
  text-transform: capitalize;
  width: 80%;
  margin: 0 auto;
  color: var(--tg-gray-three);
}
.project-menu-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.project-menu-nav button {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 18px;
  color: var(--tg-white);
  margin: 0 27px;
  position: relative;
  padding-bottom: 12px;
}
.project-menu-nav button::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 2px;
  background: var(--tg-border-color-two);
  border-radius: 5px;
  opacity: 0;
}
.project-menu-nav button.active {
  color: var(--tg-primary-color);
}
.project-menu-nav button.active::before {
  opacity: 1;
}
.project-item-two {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
.project-thumb-two {
  border-radius: 18px;
  overflow: hidden;
}
.project-thumb-two img {
  transition: 0.3s ease-in-out;
  transform: scale(1);
}
.project-item-two:hover .project-thumb-two img {
  transform: scale(1.08);
}
.project-content-two {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  box-shadow: 0px 35px 54px rgba(61, 90, 125, 0.13);
  border-radius: 10px;
  background: var(--tg-black-two);
  padding: 25px 30px;
  transition: 0.4s ease-in-out;
  transform: translateY(150px);
  opacity: 0;
}
.project-item-two:hover .project-content-two {
  transform: translateY(0);
  opacity: 1;
}
.project-content-two .title {
  color: var(--tg-white);
  margin-bottom: 6px;
  font-size: 24px;
}
.project-content-two span {
  display: block;
  color: var(--tg-gray-four);
  opacity: 0.7;
}
.project-active-two {
  margin: 0 -14px;
}
.project-active-two [class*="col-"] {
  padding: 0 14px;
}
.project-area-two .project-shape {
  position: absolute;
  right: 0;
  z-index: -1;
  top: 32%;
}

/* project-three */
.project-area-three {
  background: var(--tg-cultured);
  padding: 120px 0 120px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.project-tab-wrap .nav-tabs {
  border-bottom: none;
  display: block;
}
.project-tab-wrap .nav-tabs .nav-item {
  margin-bottom: 40px;
}
.project-tab-wrap .nav-tabs .nav-item:last-child {
  margin-bottom: 0;
}
.project-tab-wrap .nav-tabs .nav-link {
  margin-bottom: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  color: var(--tg-cadet-grey);
  font-weight: 500;
  font-size: 18px;
  position: relative;
  transition: 0.3s ease-in;
}
.project-tab-wrap .nav-tabs .nav-link.active {
  color: var(--tg-heading-font-color);
}
.project-tab-wrap .nav-tabs .nav-link::before {
  content: "";
  position: absolute;
  width: 33px;
  height: 4px;
  left: -75px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--tg-heading-font-color);
  border-radius: 10px;
  transition: 0.3s ease-in;
  opacity: 0;
}
.project-tab-wrap .nav-tabs .nav-link.active::before {
  opacity: 1;
}
.project-item-three {
  background: var(--tg-white);
  border-radius: 20px;
  padding: 44px 44px 52px;
}
.project-content-three .title {
  margin-bottom: 12px;
  font-size: 24px;
}
.project-content-three p {
  margin-bottom: 30px;
  text-transform: capitalize;
  width: 80%;
  color: var(--tg-black-coral);
  opacity: 0.7;
}
.project-thumb-three {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 40px;
}
.project-thumb-three img {
  transform: scale(1);
  transition: 0.3s linear;
}
.project-item-three:hover .project-thumb-three img {
  transform: scale(1.1);
}
.project-details-btn a {
  font-size: 16px;
  font-weight: 600;
  color: var(--tg-blue);
  border: 1px solid var(--tg-secondary-color);
  border-radius: 20px;
  line-height: 1;
  padding: 18px 25px;
  display: inline-block;
}
.project-details-btn a:hover {
  background: var(--tg-secondary-color);
  color: var(--tg-white);
}
.project-top-content {
  margin-left: 30px;
}
.project-active-three .col-12 {
  padding: 0 15px;
}
.project-shape-wrap-two img {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 50px;
}
.project-area-three .project-nav-wrap .col-xl-10 {
  overflow: hidden;
  flex: 0 0 110%;
  max-width: 110%;
}
.project-area-three .row {
  flex-wrap: nowrap;
}

/* inner-project */
.inner-project-area {
  background: var(--tg-cultured);
  padding: 110px 0 120px;
}
.inner-project-area .section-title .title {
  margin-bottom: 20px;
}
.inner-project-area .section-title p {
  color: var(--tg-silver-foil);
  text-transform: capitalize;
  width: 90%;
  margin: 0 auto;
}
.inner-project-item {
  margin-bottom: 20px;
}
.inner-project-item .inner-project-thumb {
  border-radius: 20px;
  overflow: hidden;
  display: block;
}
.inner-project-item .inner-project-thumb img {
  transform: scale(1);
  transition: 0.3s;
  width: 100%;
}
.inner-project-item:hover .inner-project-thumb img {
  transform: scale(1.1);
}
.inner-project-item-wrap .row {
  margin: 0 -10px;
}
.inner-project-item-wrap .row [class*="col-"] {
  padding: 0 10px;
}
.inner-project-item-wrap .more-btn .btn {
  background: var(--tg-primary-color);
}
.inner-project-item-wrap .more-btn .btn span {
  background: var(--tg-secondary-color);
}

/* inner-project-two */
.inner-projcet-wrap-two .row [class*="col-"] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.inner-projcet-wrap-two .row [class*="col-"]:nth-child(even) {
  flex-direction: column-reverse;
}
.inner-two {
  display: flex !important;
  flex-direction: column !important;
}
.inner-two-even {
  flex-direction: column-reverse !important;
}
.inner-two-odd {
  flex-direction: column !important;
}
.inner-project-active [class*="col-"] {
  padding: 0 15px;
}
.inner-project-item.horizoital-item .inner-project-thumb img {
  width: 410px;
  height: 333px;
  object-fit: cover;
}
.inner-project-item.vertical-item .inner-project-thumb img {
  width: 410px;
  height: 502px;
  object-fit: cover;
}
.inner-project-item {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.inner-project-content {
  position: absolute;
  left: 24px;
  bottom: 24px;
  right: 24px;
  background: var(--tg-black-two);
  padding: 25px 30px;
  box-shadow: 0px 35px 54px rgba(61, 90, 125, 0.13);
  border-radius: 10px;
  opacity: 0;
  transition: 0.3s;
  transform: translateY(100px);
}
.inner-project-item:hover .inner-project-content {
  opacity: 1;
  transform: translateY(0);
}
.inner-project-content .title {
  margin-bottom: 5px;
  color: var(--tg-white);
  font-size: 24px;
}
.inner-project-content p {
  margin-bottom: 0;
  color: var(--tg-gray-four);
  opacity: 0.7;
}
.inner-project-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 60px;
  gap: 10px;
}
.inner-project-nav .slick-arrow {
  border: none;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgb(235 235 235 / 50%);
  color: var(--tg-heading-font-color);
  font-size: 20px;
}
.inner-project-nav .slick-arrow:hover {
  background-color: var(--tg-secondary-color);
  color: var(--tg-white);
}

/* project-details */
.project-details-area {
  position: relative;
  z-index: 1;
  background: linear-gradient(
    0deg,
    rgba(242, 250, 255, 1) 0%,
    rgba(248, 252, 255, 0) 100%,
    rgba(244, 250, 255, 1) 100%
  );
  overflow: hidden;
}
.project-shape-wrap img {
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateX(-50%);
  z-index: -1;
}
.project-details-inner {
  padding: 0 85px;
  text-align: center;
}
.project-details-img {
  margin-bottom: 45px;
}
.project-details-img img {
  border-radius: 20px;
}
.project-details-content p {
  font-size: 18px;
  width: 81%;
  margin: 0 auto;
}
.project-details-content {
  position: relative;
  margin-bottom: 35px;
}
.project-details-content .title {
  margin-bottom: 0;
  background: linear-gradient(
    182.06deg,
    #2f4c65 1.74%,
    rgba(47, 76, 101, 0) 146.53%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: uppercase;
  opacity: 0.06;
  font-size: 120px;
  line-height: 0.8;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -80px;
  z-index: -1;
  width: 100%;
}

/*=============================
	21. Faq
===============================*/
.faq-area {
  position: relative;
}
.faq-shape-wrap img {
  position: absolute;
  z-index: -1;
  left: 46%;
  bottom: 3%;
  animation: ribbonRotate 8s infinite linear;
}
.faq-img {
  position: relative;
  margin-bottom: 25px;
}
.faq-img img:nth-child(2) {
  position: absolute;
  right: 25%;
  top: -25px;
  animation: alltuchtopdown 6s infinite linear;
}
.faq-content .title-two {
  background: linear-gradient(
    92.18deg,
    #6071d9 36.51%,
    #aa676f 63.73%,
    #ccb41a 97.49%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 24px;
  background-clip: text;
}
.faq-content p {
  margin-bottom: 0;
  opacity: 0.7;
  text-transform: capitalize;
  width: 80%;
}
.faq-wrap {
  margin-left: 80px;
}
.faq-wrap .accordion-item {
  background-color: var(--tg-white);
  border: 1px solid var(--tg-gray-eight);
  box-shadow: 0px 15px 30px rgba(61, 90, 125, 0.05);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 15px;
}
.faq-wrap .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-wrap .accordion-button {
  padding: 40px 30px 40px 80px;
  font-weight: 700;
  font-size: 18px;
  color: var(--tg-heading-font-color);
  text-align: left;
  background-color: var(--tg-white);
  border-bottom: 1px solid transparent;
}
.faq-wrap .accordion-button:not(.collapsed) {
  font-weight: 700;
  font-size: 18px;
  background-color: var(--tg-white);
  box-shadow: none;
  border-bottom: 1px solid var(--tg-gray-eight);
}
.faq-wrap .accordion-button:focus {
  border-color: var(--tg-gray-eight);
  box-shadow: none;
}
.faq-wrap .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.faq-wrap .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.faq-wrap .accordion-button::after {
  position: absolute;
  content: "\f067";
  top: 33px;
  left: 25px;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 300;
  color: var(--tg-black);
  border-radius: 50%;
  background: #edf2fa;
  transition: 0.3s linear;
  font-family: "Font Awesome 5 Pro";
}
.faq-wrap .accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: rotate(0);
  content: "\f068";
}
.faq-wrap .accordion-body {
  padding: 17px 50px 30px 80px;
}
.faq-wrap .accordion-body p {
  margin-bottom: 0;
  opacity: 0.7;
  text-transform: capitalize;
}

/*=============================
	22. Testimonial
===============================*/
.testimonial-area {
  background: var(--tg-cultured);
  border-radius: 0 0 150px 0;
}
.testimonial-item {
  background: var(--tg-white);
  border-radius: 20px;
  padding: 50px 38px 38px;
  box-shadow: 0px 15px 30px rgba(61, 90, 125, 0.08);
  position: relative;
  transition: 0.3s linear;
}
.testimonial-item::before {
  content: "\f10d";
  position: absolute;
  left: 38px;
  top: 42px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: var(--tg-heading-font-color);
  opacity: 0.1;
}
.testimonial-content > p {
  color: var(--tg-granite-gray);
  opacity: 0.7;
  margin-bottom: 53px;
  text-transform: capitalize;
}
.testimonial-info {
  display: flex;
  align-items: center;
}
.testimonial-info .thumb {
  width: 41px;
  flex: 0 0 41px;
  margin-right: 18px;
}
.testimonial-info .thumb img {
  border-radius: 50%;
}
.testimonial-info .content .title {
  font-size: 16px;
  margin-bottom: 10px;
}
.testimonial-info .content > p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1;
}
.testimonial-item-wrap .row [class*="col-"]:nth-child(even) .testimonial-item,
.testimonial-item-wrap-item-even {
  margin-top: 40px;
}
.testimonial-active [class*="col-"] {
  padding: 0 10px;
}
.testimonial-active-two .slick-dots,
.testimonial-active .slick-dots {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 65px;
}
.testimonial-active-two .slick-dots li,
.testimonial-active .slick-dots li {
  list-style: none;
  line-height: 0;
}
.testimonial-active-two .slick-dots li button,
.testimonial-active .slick-dots li button {
  border: 2px solid var(--tg-border-color-two);
  padding: 0;
  text-indent: -99999999px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: transparent;
  position: relative;
  transition: 0.3s linear;
}
.testimonial-active-two .slick-dots li.slick-active button,
.testimonial-active .slick-dots li.slick-active button {
  width: 16px;
  height: 16px;
  border-color: var(--tg-primary-color);
}
.testimonial-active-two .slick-dots li button::before,
.testimonial-active .slick-dots li button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tg-primary-color);
  opacity: 0;
  transition: 0.3s linear;
}
.testimonial-active-two .slick-dots li.slick-active button::before,
.testimonial-active .slick-dots li.slick-active button::before {
  opacity: 1;
}

/* testimonial-two */
.testimonial-item-two {
  border-radius: 20px;
  background: var(--tg-black-two);
  text-align: center;
  padding: 40px 30px;
}
.testimonial-content-two .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.testimonial-content-two .rating i {
  color: var(--tg-yellow-two);
  font-size: 24px;
  letter-spacing: 2px;
}
.testimonial-content-two .rating i:last-child {
  color: var(--tg-silver-three);
}
.testimonial-content-two p {
  margin-bottom: 40px;
  color: var(--tg-gray-four);
  text-transform: capitalize;
  line-height: 1.5;
}
.testimonial-info-two .thumb {
  margin-bottom: 10px;
}
.testimonial-info-two .thumb img {
  max-width: 50px;
  border-radius: 50%;
  margin: 0 auto;
}
.testimonial-info-two .content .title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
  color: var(--tg-white);
}
.testimonial-info-two .content span {
  display: block;
  text-transform: capitalize;
  font-size: 14px;
  color: var(--tg-dark-electric);
}
.testimonial-area-two .row {
  margin: 0 -10px;
}
.testimonial-area-two .row [class*="col-"] {
  padding: 0 10px;
}
.testimonial-active-two .slick-dots li button {
  border-color: var(--tg-dark-electric);
}

/* testimonial-three */
.testimonial-area-three {
  background: var(--tg-black-three);
  padding: 110px 0 120px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.testimonial-item-three {
  background: var(--tg-white);
  border-radius: 20px;
  padding: 60px 45px;
  position: relative;
  margin-top: 42px;
}
.testimonial-thumb-three {
  position: absolute;
  left: 45px;
  top: -42px;
}
.testimonial-thumb-three img {
  max-width: 83px;
  border-radius: 50%;
  border: 9px solid var(--tg-white);
}
.testimonial-content-three .title {
  margin-bottom: 10px;
  font-size: 20px;
}
.testimonial-content-three span {
  display: block;
  color: #616c7e;
  opacity: 0.8;
  font-size: 14px;
  margin-bottom: 20px;
}
.testimonial-content-three p {
  margin-bottom: 0;
  color: var(--tg-black-two);
}
.testimonial-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.testimonial-shape-wrap img:nth-child(1) {
  left: 0;
  top: 0;
}
.testimonial-shape-wrap img:nth-child(2) {
  left: 6%;
  bottom: 43%;
  animation: animationFramesOne 20s infinite linear;
}
.testimonial-shape-wrap img:nth-child(3) {
  right: 33.2%;
  top: 15%;
  animation: animationFramesOne 25s infinite linear;
}
.testimonial-shape-wrap img:nth-child(4) {
  bottom: 10%;
  right: 27%;
  animation: rotateme 8s infinite linear;
}
.swiper-container.testimonial-active-three {
  overflow: hidden;
  margin-right: -460px;
}
.testimonial-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 38px;
}
.testimonial-nav .swiper-button-prev,
.testimonial-nav .swiper-button-next {
  background: transparent;
  position: unset;
  top: 0;
  width: auto;
  height: auto;
  margin-top: 0;
  color: #fff;
  padding: 0;
  border: none;
}
.testimonial-nav .swiper-button-prev::before,
.testimonial-nav .swiper-button-next:before {
  content: "\f177";
  display: block;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  font-family: "Font Awesome 5 Pro";
}
.testimonial-nav .swiper-button-next::before {
  content: "\f178";
}
.testimonial-nav .swiper-button-prev:after,
.testimonial-nav .swiper-button-next:after {
  display: none;
}
.testimonial-swiper-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 60px;
}
.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: transparent;
  margin: 0 !important;
  position: relative;
  border: 2px solid #e8d4c4;
  transition: 0.3s ease-in-out;
  opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--tg-primary-color);
}
.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--tg-primary-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}

/* testimonial-four */
.testimonial-area-four {
  background: linear-gradient(
    360deg,
    rgba(242, 250, 255, 0) 3.82%,
    rgba(243, 250, 255, 0.873284) 48.56%,
    #f3faff 63.29%,
    rgba(244, 250, 255, 0.688169) 79.47%,
    rgba(248, 252, 255, 0) 93.09%
  );
}
.testimonial-area-four .testimonial-nav {
  gap: 20px;
  margin-bottom: 40px;
}
.testimonial-area-four .testimonial-nav .swiper-button-prev,
.testimonial-area-four .testimonial-nav .swiper-button-next {
  position: unset;
  top: 0;
  width: 48px;
  height: 48px;
  margin-top: 0;
  color: var(--tg-heading-font-color);
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tg-white);
}
.testimonial-area-four .testimonial-nav .swiper-button-prev:hover,
.testimonial-area-four .testimonial-nav .swiper-button-next:hover {
  background: var(--tg-secondary-color);
  color: var(--tg-white);
}

/* testimonial-five */
.testimonial-img {
  position: relative;
  margin-right: 102px;
}
.testimonial-img img {
  border-radius: 42px;
}
.testimonial-img .play-btn {
  position: absolute;
  right: 45px;
  bottom: 35px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-white);
  border-radius: 50%;
  font-size: 24px;
  color: #fe5a5a;
}
.testimonial-item-five {
  background: var(--tg-white);
  position: relative;
  box-shadow: 0px 15px 30px rgba(61, 90, 125, 0.05);
  border-radius: 20px;
  border: 1px solid transparent;
  padding: 30px 40px;
  background-clip: padding-box;
}
.testimonial-item-five::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #33276b;
  border-radius: 20px;
  margin: -2px;
  z-index: -1;
}
.testimonial-item-five::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: -2px;
  background: linear-gradient(
    90deg,
    rgba(230, 207, 64, 1) 0%,
    rgba(224, 64, 208, 1) 50%,
    rgba(165, 193, 104, 1) 100%
  );
  border-radius: 20px;
  transition: 0.3s linear;
  z-index: -1;
}
.testimonial-item-five .testimonial-info {
  margin-bottom: 28px;
}
.testimonial-item-five .testimonial-info .thumb {
  width: 65px;
  flex: 0 0 65px;
}
.testimonial-item-five .testimonial-info .content .title {
  font-size: 20px;
}
.testimonial-content-five p {
  margin-bottom: 0;
  letter-spacing: 0.163636px;
  color: var(--tg-heading-font-color);
  width: 90%;
}

/*=============================
	23. Consultation
===============================*/
.consultation-area {
  position: relative;
}
.consultation-content .section-title img {
  margin-bottom: 20px;
}
.consultation-content p {
  margin-bottom: 65px;
  width: 80%;
  text-transform: capitalize;
}
.consultation-list ul {
  display: flex;
  align-items: center;
  width: 65%;
}
.consultation-list ul li {
  display: flex;
  align-items: center;
  width: 50%;
  margin-bottom: 30px;
}
.consultation-list ul li .icon {
  position: relative;
  width: 50px;
  flex: 0 0 50px;
  margin-right: 15px;
}
.consultation-list ul li .icon span {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  color: var(--tg-white);
  background: var(--tg-pink);
  display: flex;
  align-items: center;
  justify-content: center;
  right: -5px;
  bottom: -10px;
}
.consultation-list ul li:nth-child(2) .icon span {
  bottom: 0;
  top: -10px;
}
.consultation-list ul li .content .title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}
.consultation-form-wrap {
  background: var(--tg-white);
  box-shadow: 0px 15px 30px rgba(61, 90, 125, 0.08);
  border-radius: 20px;
  border: 1px solid var(--tg-border-color);
  padding: 62px 58px 44px;
}
.consultation-form-wrap .title {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 30px;
}
.consultation-form-wrap .form-grp {
  margin-bottom: 20px;
}
.consultation-form-wrap .form-grp input {
  width: 100%;
  border: 1px solid var(--tg-form-border-color);
  background: var(--tg-gray-two);
  border-radius: 13px;
  padding: 22px 28px;
  font-weight: 400;
  font-size: 16px;
  color: var(--tg-heading-font-color);
  height: 70px;
}
.consultation-form-wrap .form-grp input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: var(--tg-heading-font-color);
}
.consultation-form-wrap .form-grp .form-select {
  padding: 10px 70px 10px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--tg-heading-font-color);
  vertical-align: middle;
  background: url("/public/img/icon/select_down_arrow.png") no-repeat scroll
    97.5% center;
  background-color: var(--tg-gray-two);
  border: 1px solid var(--tg-form-border-color);
  border-radius: 13px;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 70px;
}
.consultation-form-wrap .btn {
  width: 100%;
}
.consultation-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.consultation-shape-wrap .shape-one {
  left: 43.8%;
  top: 21.5%;
}
.consultation-shape-wrap .shape-two {
  right: 7%;
  bottom: 105px;
}

/* consultation-two */
.consultation-area-two {
  background: var(--tg-cultured);
  z-index: 1;
}
.consultation-area-two .consultation-content > p {
  width: 76%;
}
.consultation-area-two .consultation-list ul li {
  display: block;
}
.consultation-area-two .consultation-list ul li .title {
  font-weight: 700;
  font-size: 30px;
  color: var(--tg-red);
  margin-bottom: 5px;
}
.consultation-area-two .consultation-list ul li p {
  width: 100%;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
}
.consultation-area-two .consultation-list ul li p span {
  display: block;
}
.consultation-area-two .consultation-list ul li:nth-child(2) .title {
  color: var(--tg-blue-two);
}
.consultation-area-two .consultation-shape-wrap .shape-one {
  left: 43.8%;
  bottom: 28.5%;
  top: auto;
}

/*=============================
	24. Pricing
===============================*/
.pricing-area .section-title .title {
  margin-bottom: 20px;
}
.pricing-area .section-title p {
  text-transform: capitalize;
  width: 55%;
  margin: 0 auto;
  color: var(--tg-gray-three);
}
.pricing-item-wrap {
  padding: 0 70px;
}
.pricing-item {
  background: var(--tg-black-two);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 45px 50px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pricing-icon {
  position: absolute;
  top: -58px;
  right: -60px;
  width: 182px;
  height: 182px;
  background: #161620;
  border-radius: 50%;
  display: flex;
  align-items: flex-end;
  padding: 28px;
  z-index: -1;
}
.pricing-top {
  width: 75%;
}
.pricing-top .title {
  font-size: 24px;
  margin-bottom: 24px;
  color: var(--tg-white);
}
.pricing-top p {
  margin-bottom: 32px;
  color: var(--tg-silver-two);
}
.pricing-price .price {
  display: flex;
  margin-bottom: 35px;
  font-size: 35px;
  color: var(--tg-white);
  letter-spacing: 2.15px;
  line-height: 1;
}
.pricing-price .price span {
  font-size: 16px;
  color: var(--tg-silver-two);
  font-weight: 400;
}
.pricing-price .price strong {
  font-weight: 400;
  font-size: 16px;
  margin-top: auto;
  color: var(--tg-silver-two);
}
.pricing-list .title {
  color: var(--tg-white);
  margin-bottom: 15px;
  font-size: 16px;
  letter-spacing: 0.145455px;
}
.pricing-list .list-wrap {
  margin-bottom: 25px;
}
.pricing-list .list-wrap li {
  display: flex;
  align-items: baseline;
  font-size: 15px;
  margin-bottom: 5px;
  color: var(--tg-silver-two);
}
.pricing-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.pricing-list .list-wrap li i {
  color: var(--tg-green);
  margin-right: 10px;
}
.pricing-btn .btn {
  display: block;
  font-size: 16px;
  color: var(--tg-heading-font-color);
  font-weight: 700;
  background: var(--tg-white);
  padding: 22px 55px;
}
.pricing-btn .btn:hover {
  color: var(--tg-primary-color);
}
.pricing-item.active {
  background: var(--tg-primary-color);
  border: none;
  padding: 68px 50px;
}
.pricing-item.active .pricing-icon {
  background: #e68839;
}
.pricing-item.active .pricing-list .list-wrap li,
.pricing-item.active .pricing-top p {
  color: var(--tg-white);
}
.pricing-item.active .pricing-price .price strong,
.pricing-item.active .pricing-price .price span {
  color: #deedff;
}
.pricing-item.active .pricing-btn .btn {
  color: var(--tg-primary-color);
}
.pricing-item-wrap .pricing-tab {
  text-align: center;
  margin-bottom: 60px;
}
.pricing-item-wrap .nav-tabs {
  border-bottom: none;
  display: inline-flex;
  background: var(--tg-onyx);
  padding: 11px 14px;
  border-radius: 10px;
}
.pricing-item-wrap .nav-tabs .nav-link {
  margin-bottom: 0;
  background: transparent;
  border: none;
  font-size: 16px;
  border-radius: 10px;
  padding: 10px 27px;
  color: var(--tg-white);
  font-weight: 400;
}
.pricing-item-wrap .nav-tabs .nav-link.active {
  box-shadow: 0px 8px 22px rgba(0, 0, 0, 0.08);
  font-weight: 700;
  background: var(--tg-primary-color);
}

/*=============================
	25. Work
===============================*/
.work-area {
  background: var(--tg-onyx);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.work-content {
  margin-left: 72px;
}
.work-list .list-wrap li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.work-list .list-wrap li:last-child {
  margin-bottom: 0;
}
.work-list .list-wrap .icon {
  width: 60px;
  flex: 0 0 60px;
  margin-right: 23px;
}
.work-list .list-wrap .icon img {
  border-radius: 50%;
}
.work-list .list-wrap .content .title {
  margin-bottom: 15px;
  font-size: 18px;
  color: var(--tg-white);
}
.work-list .list-wrap .content p {
  margin-bottom: 0;
  color: var(--tg-gray-four);
  opacity: 0.7;
  text-transform: capitalize;
  width: 80%;
}
.work-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.work-shape-wrap img:nth-child(1) {
  left: 8%;
  top: 21%;
  animation: animationFramesOne 25s infinite linear;
}
.work-shape-wrap img:nth-child(2) {
  top: 18%;
  left: 28%;
}
.work-shape-wrap img:nth-child(3) {
  left: 16%;
  bottom: 20%;
  animation: ribbonRotate 12s infinite linear;
}
.work-shape-wrap img:nth-child(4) {
  right: 11%;
  top: 21%;
  animation: ribbonRotate 10s infinite linear;
}
.work-shape-wrap img:nth-child(5) {
  left: 48%;
  bottom: 38%;
  animation: animationFramesOne 30s infinite linear;
}

/*=============================
	26. Blog
===============================*/
.blog-area {
  background: var(--tg-cultured);
  padding: 110px 0 90px;
}
.blog-area .section-title .title {
  margin-bottom: 17px;
}
.blog-area .section-title p {
  margin-bottom: 0;
}
.blog-post-item {
  margin-bottom: 30px;
}
.blog-post-thumb {
  border-radius: 20px;
  overflow: hidden;
}
.blog-post-thumb img {
  transform: scale(1);
  transition: 0.3s linear;
}
.blog-post-item:hover .blog-post-thumb img {
  transform: scale(1.1);
}
.blog-post-content {
  background: var(--tg-white);
  border-radius: 0 20px 20px 20px;
  width: 65%;
  padding: 20px 18px 30px 28px;
  margin-top: -148px;
  position: relative;
  z-index: 1;
}
.blog-post-content .tag {
  font-size: 15px;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 16px;
}
.blog-post-content .tag:hover {
  color: var(--tg-secondary-color);
}
.blog-post-content .title {
  font-size: 18px;
  margin-bottom: 13px;
  line-height: 1.44;
}
.blog-meta .list-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.blog-meta .list-wrap li.avatar-img {
  width: 34px;
  flex: 0 0 34px;
}
.blog-meta .list-wrap li.avatar-img a {
  display: block;
}
.blog-meta .list-wrap li.avatar-img img {
  border-radius: 50%;
}
.blog-meta .list-wrap li {
  color: var(--tg-spanish-gray);
  font-size: 15px;
  font-weight: 500;
}
.blog-meta .list-wrap li a {
  color: var(--tg-spanish-gray);
}
.blog-meta .list-wrap li a:hover {
  color: var(--tg-primary-color);
}

/* blog-two */
.blog-item-two {
  margin-bottom: 30px;
}
.blog-thumb-two {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 22px;
}
.blog-thumb-two img {
  transition: 0.5s ease-in-out;
  transform: scale(1);
}
.blog-item-two:hover .blog-thumb-two img {
  transform: scale(1.05);
}
.blog-thumb-two .date {
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tg-primary-color);
  flex-direction: column;
  margin-bottom: 0;
  border-radius: 10px;
  font-size: 18px;
  color: var(--tg-white);
  line-height: 1.1;
}
.blog-thumb-two .date span {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.blog-content-two .tag {
  font-weight: 500;
  font-size: 15px;
  color: var(--tg-primary-color);
  display: inline-block;
  margin-bottom: 16px;
}
.blog-content-two .tag:hover {
  color: var(--tg-white);
}
.blog-content-two .title {
  font-size: 18px;
  width: 85%;
  margin-bottom: 15px;
  color: var(--tg-white);
  line-height: 1.45;
}
.blog-content-two p {
  margin-bottom: 0;
  color: var(--tg-gray-four);
  font-size: 14px;
  width: 90%;
}
.blog-content-two p a {
  color: var(--tg-white);
  text-decoration: underline;
}
.blog-content-two p a:hover {
  color: var(--tg-primary-color);
}

/* blog-three */
.blog-item-three .blog-meta .list-wrap {
  gap: 15px;
  margin-bottom: 15px;
}
.blog-item-three .blog-meta .list-wrap li {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--tg-gray-seven);
}
.blog-item-three .blog-meta .list-wrap li a {
  color: var(--tg-gray-seven);
}
.blog-item-three .blog-meta .list-wrap li a:hover {
  color: var(--tg-primary-color);
}
.blog-item-three .blog-meta .list-wrap li i {
  color: var(--tg-primary-color);
  margin-right: 8px;
}
.blog-item-three .blog-content-two .title {
  color: var(--tg-heading-font-color);
}
.blog-item-three .blog-content-two p {
  color: var(--tg-gray-seven);
}
.blog-item-three .blog-content-two p a {
  color: var(--tg-heading-font-color);
}
.blog-item-three .blog-content-two p a:hover {
  color: var(--tg-primary-color);
}
.blog-area-three .read-more-btn .btn {
  background: var(--tg-primary-color);
}
.blog-area-three .read-more-btn .btn span {
  background: var(--tg-secondary-color);
}

/* inner-blog */
.inner-blog-area .col-70 {
  flex: 0 0 auto;
  width: 69.8%;
}
.inner-blog-area .col-30 {
  flex: 0 0 auto;
  width: 30.2%;
}
.inner-blog-item {
  margin-bottom: 55px;
}
.inner-blog-item:last-child {
  margin-bottom: 0;
}
.inner-blog-thumb img {
  border-radius: 20px;
}
.inner-blog-thumb {
  margin-bottom: 50px;
}
.blog-meta-two .list-wrap {
  display: flex;
  align-items: center;
  gap: 10px 0;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.blog-meta-two .list-wrap li {
  position: relative;
  margin-right: 16px;
  padding-right: 16px;
  line-height: 1.2;
  font-size: 15px;
  letter-spacing: 0.122727px;
  color: #717171;
}
.blog-meta-two .list-wrap li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.blog-meta-two .list-wrap li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background: #f1f1f1;
}
.blog-meta-two .list-wrap li:last-child::before {
  display: none;
}
.blog-meta-two .list-wrap li i {
  color: #f04463;
  margin-right: 6px;
}
.blog-meta-two .list-wrap li a {
  color: #f04463;
}
.blog-meta-two .list-wrap li.tag {
  padding-right: 0;
}
.blog-meta-two .list-wrap li.tag::before {
  display: none;
}
.blog-meta-two .list-wrap li.tag a {
  background: var(--tg-secondary-color);
  color: var(--tg-white);
  font-size: 15px;
  border-radius: 7px;
  padding: 3px 12px;
  display: block;
}
.inner-blog-content .title {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 30px;
}
.inner-blog-content p {
  margin-bottom: 18px;
  width: 94%;
}
.inner-blog-content .rade-more-btn {
  font-weight: 600;
  font-size: 16px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #5a5a5a;
}
.inner-blog-content .rade-more-btn:hover {
  color: var(--tg-primary-color);
}
.inner-blog-item:nth-child(2) .blog-meta-two .list-wrap li.tag a {
  background: #fc1ae5;
}
.inner-blog-item:nth-child(3) .blog-meta-two .list-wrap li.tag a {
  background: #fcbd1a;
}
.blog-sidebar {
  margin-left: 15px;
}
.blog-sidebar .widget {
  margin-bottom: 60px;
}
.blog-sidebar .widget:last-child {
  margin-bottom: 0;
}
.rc-post-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.rc-post-item:last-child {
  margin-bottom: 0;
}
.rc-post-item .thumb {
  width: 159px;
  flex: 0 0 159px;
  margin-right: 15px;
}
.rc-post-item .thumb img {
  border-radius: 15px;
}
.rc-post-item .content .title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
}
.rc-post-item .content .blog-meta-two .list-wrap {
  margin-bottom: 13px;
}
.rc-post-item:nth-child(2) .content .blog-meta-two .list-wrap li.tag a {
  background: #fcbd1a;
}
.rc-post-item:nth-child(3) .content .blog-meta-two .list-wrap li.tag a {
  background: #fc1ae5;
}
.widget-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 20px;
}
.blog-cat-list .list-wrap li {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 10px;
}
.blog-cat-list .list-wrap li a {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  color: var(--tg-paragraph-color);
}
.blog-cat-list .list-wrap li a span {
  margin-left: auto;
  font-weight: 400;
  transition: all 0.3s ease-out 0s;
}
.blog-cat-list .list-wrap li a:hover {
  color: var(--tg-primary-color);
}
.popular-post-item.big-post .thumb {
  margin-bottom: 18px;
}
.popular-post-item.big-post .thumb img {
  border-radius: 15px;
  width: 100%;
}
.popular-post-item.big-post .content .title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
}
.popular-post-item .content span {
  font-size: 14px;
  display: block;
}
.popular-post-item .thumb {
  margin-bottom: 20px;
}
.popular-post-item .thumb img {
  border-radius: 10px;
  width: 100%;
}
.popular-post-item .content .title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}
.popular-post-list .list-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.popular-post-list .list-wrap li {
  width: 50%;
  flex: 0 0 auto;
  padding: 0 10px;
}
.popular-post-list .list-wrap li:first-child {
  width: 100%;
}
.tag-list .list-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.tag-list .list-wrap li a {
  display: block;
  font-size: 14px;
  color: var(--tg-black);
  background: #f5f5f5;
  border-radius: 7px;
  padding: 10px 22px;
  line-height: 1;
}
.tag-list .list-wrap li a:hover {
  color: var(--tg-white);
  background: var(--tg-secondary-color);
}

/* blog-details-area */
.bd-content-top.text-center {
  width: 78%;
  margin: 0 auto 45px;
}
.bd-content-top .blog-meta-two .list-wrap {
  justify-content: center;
}
.bd-content-top .title {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 12px;
}
.bd-content-top p {
  margin-bottom: 30px;
}
.blog-meta-two.bottom .avatar img {
  width: 32px;
  flex: 0 0 32px;
  margin-right: 10px;
}
.blog-meta-two.bottom .list-wrap {
  margin-bottom: 0;
}
.blog-details-img {
  margin-bottom: 45px;
}
.blog-details-img img {
  border-radius: 20px;
}
.bd-content-bottom {
  width: 78%;
}
.bd-content-bottom .title {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 20px;
}
.bd-content-bottom p {
  margin-bottom: 30px;
}
.bd-content-bottom .list-wrap {
  margin-top: 45px;
  margin-bottom: 25px;
}
.bd-content-bottom .list-wrap li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 5px;
}
.bd-content-bottom .list-wrap li:last-child {
  margin-bottom: 0;
}
.bd-content-bottom .list-wrap li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tg-paragraph-color);
}
.bd-content-bottom .list-wrap li span {
  font-weight: 700;
  font-size: 16px;
  margin-right: 10px;
}
.comment-wrap {
  border-top: 1px solid rgb(151 151 151 / 50%);
  border-bottom: 1px solid rgb(151 151 151 / 50%);
  padding-top: 45px;
  margin-top: 65px;
  padding-bottom: 30px;
  margin-bottom: 70px;
}
.comment-wrap > .title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 50px;
}
.comment-wrap .title span {
  color: #969696;
}
.comments-box {
  display: flex;
  align-items: flex-start;
  margin-bottom: 60px;
}
.comments-avatar {
  width: 78px;
  flex: 0 0 78px;
  margin-right: 25px;
}
.comments-avatar img {
  border-radius: 20px;
}
.comment-text .title {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
.comment-text span {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #717171;
  margin-bottom: 15px;
}
.comment-text span i {
  margin-right: 6px;
}
.comment-text p {
  margin-bottom: 25px;
  color: #4a4a4a;
  width: 70%;
}
.comment-text .comment-reply-link {
  display: inline-flex;
  align-items: center;
  color: #8b8989;
}
.comment-text .comment-reply-link i {
  margin-right: 10px;
}
.comment-text .comment-reply-link:hover {
  color: var(--tg-primary-color);
}
.comments-box.children {
  margin-left: 100px;
  border-top: 1px solid rgb(151 151 151 / 50%);
  padding-top: 60px;
}
.comments-box.children .comment-text p {
  width: 78%;
}
.post-comments-form {
  width: 80%;
}
.post-comments-title .title {
  font-weight: 500;
  font-size: 24px;
  opacity: 0.64;
  margin-bottom: 65px;
}
.comment-form .row {
  margin: 0 -10px;
}
.comment-form .row [class*="col-"] {
  padding: 0 10px;
}
.comment-form .form-grp {
  margin-bottom: 22px;
}
.comment-form .form-grp textarea,
.comment-form .form-grp input {
  width: 100%;
  background: transparent;
  border: 1px solid #e3e3e3;
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  border-radius: 15px;
  color: #818080;
  font-size: 16px;
  padding: 22px 30px;
  display: block;
  height: 72px;
}
.comment-form .form-grp textarea::placeholder,
.comment-form .form-grp input::placeholder {
  color: #818080;
  font-size: 16px;
}
.comment-form .form-grp textarea {
  min-height: 180px;
  max-height: 180px;
}
.comment-form .btn {
  background: var(--tg-primary-color);
  margin-top: 22px;
}
.comment-form .btn span {
  background: var(--tg-secondary-color);
}

/*=============================
	27. Pagination
===============================*/
.pagination-wrap .pagination.list-wrap {
  gap: 10px;
}
.pagination-wrap .page-item .page-link {
  z-index: 3;
  color: #aaaaaa;
  font-weight: 400;
  font-size: 15px;
  background: transparent;
  border: 1px solid #aaaaaa;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.pagination-wrap .pagination .page-item.active .page-link,
.pagination-wrap .pagination .page-link:hover {
  background: #f1f1f1;
}
.pagination-wrap .pagination .page-link:focus {
  background: #f1f1f1;
  outline: 0;
  box-shadow: none;
}

/*=============================
	28. Newsletter
===============================*/
.newsletter-area {
  position: relative;
  overflow: hidden;
}
.newsletter-form form {
  display: flex;
  align-items: center;
}
.newsletter-form input {
  box-shadow: 0px 50px 130px rgba(31, 31, 31, 0.15);
  border-radius: 20px;
  border: none;
  flex-grow: 1;
  color: var(--tg-heading-font-color);
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 26px 30px;
  height: 80px;
}
.newsletter-form .btn {
  padding: 28px 39px;
  min-width: 160px;
  background: var(--tg-primary-color);
  margin-left: 24px;
}
.newsletter-form .btn span {
  background: var(--tg-secondary-color);
}
.newsletter-shape-wrap img {
  position: absolute;
  z-index: -1;
}
.newsletter-shape-wrap .bg-shape {
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
}
.newsletter-shape-wrap .shape-one {
  left: 16.2%;
  top: 32%;
  animation: animationFramesOne 20s infinite linear;
}
.newsletter-shape-wrap .shape-two {
  left: 17%;
  bottom: 28%;
  animation: contactSwimmer 20s infinite linear;
}
.newsletter-shape-wrap .shape-three {
  bottom: 10%;
  left: 24.7%;
  animation: animationFramesOne 10s infinite linear;
}
.newsletter-shape-wrap .shape-four {
  right: 21%;
  top: 46%;
  animation: rotateme 10s infinite linear;
}
.newsletter-shape-wrap .shape-five {
  right: 13%;
  top: 27%;
  animation: animationFramesOne 35s infinite linear;
}
.newsletter-shape-wrap .shape-six {
  right: 17%;
  bottom: 24%;
  animation: contactSwimmer 15s infinite linear;
}

/* newsletter-two */
.newsletter-wrap {
  background: var(--tg-black-two);
  padding: 110px 100px 120px;
  position: relative;
  border-radius: 150px 20px 20px 20px;
  z-index: 1;
}
.newsletter-area-two .newsletter-form input {
  border-radius: 20px;
  flex-grow: 1;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 26px 30px;
  height: 72px;
  background: linear-gradient(
    152.97deg,
    rgba(255, 255, 255, 0.185) 0%,
    rgba(255, 255, 255, 0.185) 100%
  );
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  color: var(--tg-white);
  border: none;
  box-shadow: none;
}
.newsletter-area-two .newsletter-form input::placeholder {
  color: #818080;
}
.newsletter-shape-wrap-two img {
  position: absolute;
  z-index: -1;
}
.newsletter-shape-wrap-two img:nth-child(1) {
  right: -54px;
  top: -43px;
}
.newsletter-shape-wrap-two img:nth-child(2) {
  left: 0;
  bottom: 0;
}
.newsletter-shape-wrap-two img:nth-child(3) {
  left: 155px;
  bottom: 103px;
  animation: 10s linear 0s infinite normal none running contactSwimmer;
}
.newsletter-shape-wrap-two img:nth-child(4) {
  top: 180px;
  right: 240px;
  animation: animationFramesOne 25s infinite linear;
}

/*=============================
	29. Contact
===============================*/
.contact-area {
  background: var(--tg-black-two);
  padding: 110px 0 120px;
}
.contact-form-wrap {
  margin-right: 38px;
}
.contact-form-wrap .form-grp {
  margin-bottom: 22px;
}
.contact-form-wrap .row {
  margin: 0 -10px;
}
.contact-form-wrap .row [class*="col-"] {
  padding: 0 10px;
}
.contact-form-wrap .form-grp textarea,
.contact-form-wrap .form-grp input {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(227, 227, 227, 0.2);
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  border-radius: 15px;
  font-weight: 400;
  font-size: 16px;
  padding: 22px 35px;
  color: var(--tg-white);
  height: 72px;
  display: block;
}
.contact-form-wrap .form-grp textarea::placeholder,
.contact-form-wrap .form-grp input::placeholder {
  color: var(--tg-gray-five);
  font-weight: 400;
  font-size: 16px;
}
.contact-form-wrap .form-grp textarea {
  min-height: 180px;
  max-height: 180px;
}
.contact-form-wrap .btn {
  background: var(--tg-primary-color);
  padding: 28px 37px;
}
.contact-form-wrap .btn span {
  background: var(--tg-secondary-color);
}
.contact-info-wrap {
  margin-left: 50px;
}
.contact-info-wrap .list-wrap li {
  margin-bottom: 40px;
}
.contact-info-wrap .list-wrap li:last-child {
  margin-bottom: 0;
}
.contact-info-wrap .list-wrap li {
  display: flex;
  align-items: center;
}
.contact-info-wrap .list-wrap li {
  display: flex;
  align-items: center;
}
.contact-info-wrap .list-wrap li .icon {
  width: 60px;
  flex: 0 0 60px;
  margin-right: 20px;
}
.contact-info-wrap .list-wrap li .icon img {
  border-radius: 50%;
}
.contact-info-wrap .list-wrap li .content .title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 0;
  color: var(--tg-white);
}
.contact-info-wrap .list-wrap li .content span {
  display: block;
  color: var(--tg-dark-electric);
}
.contact-info-wrap .list-wrap li .content a {
  color: var(--tg-dark-electric);
}
.contact-info-wrap .list-wrap li .content a:hover {
  color: var(--tg-primary-color);
}

/* inner-contact */
.inner-contact-area .section-title {
  width: 65%;
}
.inner-contact-wrap {
  position: relative;
}
#contact-map {
  width: 100%;
  height: 840px;
  margin-bottom: 80px;
}
#contact-map iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.inner-contact-info .list-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}
.contact-info-item {
  display: flex;
  align-items: center;
}
.contact-info-item .icon {
  width: 60px;
  margin-right: 20px;
  flex: 0 0 60px;
}
.contact-info-item .content .title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 5px;
}
.contact-info-item .content a,
.contact-info-item .content p {
  margin-bottom: 0;
  color: #605e7a;
  line-height: 1.2;
  display: block;
}
.contact-info-item .content a:hover {
  color: var(--tg-primary-color);
}
.inner-contact-form-wrap {
  border: 1px solid var(--tg-border-color);
  box-shadow: 0px 35px 54px rgba(61, 90, 125, 0.03);
  border-radius: 20px;
  width: 610px;
  padding: 45px 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: var(--tg-white);
}
.inner-contact-form-wrap .form-grp {
  position: relative;
  margin-bottom: 24px;
}
.inner-contact-form-wrap .form-grp textarea,
.inner-contact-form-wrap .form-grp input {
  width: 100%;
  border: 1px solid #e3e3e3;
  -webkit-backdrop-filter: blur(21px);
          backdrop-filter: blur(21px);
  background: transparent;
  border-radius: 15px;
  letter-spacing: 0.0833333px;
  color: #818080;
  font-size: 16px;
  padding: 22px 30px 22px 55px;
  height: 72px;
  display: block;
}
.inner-contact-form-wrap .form-grp textarea::placeholder,
.inner-contact-form-wrap .form-grp input::placeholder {
  color: #818080;
  font-size: 16px;
}
.inner-contact-form-wrap .form-grp textarea {
  min-height: 153px;
  max-height: 153px;
}
.inner-contact-form-wrap .form-grp label {
  position: absolute;
  left: 28px;
  color: #b1aeae;
  font-size: 15px;
  z-index: 2;
  top: 23px;
}
.inner-contact-form-wrap .btn {
  background: var(--tg-primary-color);
  margin-top: 22px;
}
.inner-contact-form-wrap span {
  background: var(--tg-secondary-color);
}

/*=============================
	30. Footer
===============================*/
.footer-area {
  background: var(--tg-section-background-two);
}
.logo img {
  max-width: 126px;
}
.footer-top {
  padding: 120px 0 80px;
}
.footer-widget {
  margin-bottom: 40px;
}
.footer-widget .logo {
  margin-bottom: 15px;
}
.footer-social .list-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 33px;
}
.footer-social .list-wrap li a {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: var(--tg-silver);
  font-size: 14px;
  border: 2px solid #272531;
}
.footer-social .list-wrap li a:hover {
  color: var(--tg-secondary-color);
  border-color: var(--tg-secondary-color);
}
.footer-contact span {
  display: block;
  color: var(--tg-silver);
  margin-bottom: 8px;
}
.footer-contact .title {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--tg-white);
}
.footer-widget .fw-title {
  font-size: 20px;
  margin-bottom: 30px;
  color: var(--tg-white);
}
.fw-link .list-wrap li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.fw-link .list-wrap li:last-child {
  margin-bottom: 0;
}
.fw-link .list-wrap li a {
  color: var(--tg-silver);
  font-size: 15px;
  transition: 0.3s linear;
}
.fw-link .list-wrap li a::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--tg-silver);
  transition: 0.3s linear;
}
.fw-link .list-wrap li a:hover {
  color: var(--tg-primary-color);
}
.fw-link .list-wrap li a:hover::before {
  background: var(--tg-primary-color);
}
.footer-about .list-wrap li {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.footer-about .list-wrap li:last-child {
  margin-bottom: 0;
}
.footer-about .list-wrap li img {
  margin-right: 13px;
  min-width: 20px;
}
.footer-about .list-wrap li span,
.footer-about .list-wrap li a {
  font-size: 15px;
  color: var(--tg-silver);
}
.footer-about .list-wrap li a:hover {
  color: var(--tg-primary-color);
}
.footer-bottom {
  background: var(--tg-white);
}
.footer-bottom p {
  margin-bottom: 0;
  color: var(--tg-white);
  font-size: 14px;
}
.footer-bottom {
  background: #24222e;
  padding: 21px 0;
}

/* footer-two */
.footer-top-two {
  padding: 100px 0 85px;
}
.footer-content-two .logo {
  margin-bottom: 18px;
}
.footer-content-two p {
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--tg-gray-four);
  opacity: 0.7;
}
.footer-bottom-two {
  border-top: 1px solid #46464f;
  padding: 22px 0;
}
.footer-bottom-two .copyright-text p {
  margin-bottom: 0;
  color: var(--tg-white);
  opacity: 0.7;
}
.footer-social-two .list-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer-social-two .list-wrap li.title {
  color: var(--tg-white);
  opacity: 0.7;
  margin-right: 20px;
}

/* footer-three */
.footer-area-three .footer-content-two p {
  color: var(--tg-black-coral);
  opacity: 0.7;
}
.footer-area-three .footer-bottom-two {
  border-top: 1px solid #cfcfcf;
}
.footer-area-three .footer-bottom-two .copyright-text p {
  color: var(--tg-black-coral);
  opacity: 0.7;
}
.footer-area-three .footer-social-two .list-wrap li.title {
  color: var(--tg-black-coral);
  opacity: 0.7;
  margin-right: 20px;
}

/*=============================
	31. Preloader
===============================*/
#preloader {
  background-color: var(--tg-white);
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
}
#preloader .loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border: 3px solid var(--tg-border-color);
  border-radius: 50%;
}
#preloader .loader .loader-container:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border-top: 3px solid #f9cc14;
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
#preloader .loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  text-align: center;
}
#preloader .loader .loader-icon img {
  animation: loaderpulse alternate 900ms infinite;
  width: 100%;
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

/* Custom cursor */
.cursor-outer {
  margin-left: -18px;
  margin-top: -18px;
  width: 35px;
  height: 35px;
  background: var(--tg-primary-color);
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.2;
  transition: all 0.3s ease-out;
}
.mouseCursor {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}
[dir="rtl"] .mouseCursor {
  left: 0;
  right: auto;
}
.cursor-inner {
  margin-left: -4px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 10000001;
  background-color: var(--tg-primary-color);
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
  color: var(--tg-white);
  line-height: 80px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.cursor-inner.cursor-big span {
  opacity: 1;
}
.mouseCursor.cursor-big {
  width: 80px;
  height: 80px;
  -webkit-margin-start: -40px;
          margin-inline-start: -40px;
  margin-top: -40px;
}
.mouseCursor.cursor-big.cursor-outer {
  display: none;
}
.mouseCursor.cursor-big.d-none {
  display: none;
}
.slider-drag .swiper-slide {
  cursor: none;
}
.slick-prev {
  left: 10px !important;
  z-index: 9;
}
.slick-next {
  right: 10px !important;
}
.slick-prev,
.slick-next {
  width: 40px !important;
  height: 40px !important;
}
.slick-prev:before,
.slick-next:before {
  content: none !important;
}
.fleche-exp-metier2555 {
  width: 24.5%;
  height: auto;
  right: 0;
  top: 0;
  z-index: 100;
  transform: translate(-21%, 13%);
}
/* 
***************************************
Template Name: Eduor || Online Education Learning Next JS Template
Version: 1.0
Description: Eduor is a Online Education Next JS Template. It is designed for online education learning you are a you can discover many new awesome features in this template. Best for e-Learning, online courses, Online academy, Online Institute, Online School, College, University, and Online Instructor Websites. It fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE 
03. ABOUT US PAGE
04. BLOG DETAILS PAGE
05. BLOG PAGE
06. CONTACT PAGE
07. COURSES DETAILS PAGE
08. COURSES PAGE
09. ERROR/404 PAGE
10. EVENT DETAILS PAGE
11. EVENT PAGE
12. HOME PAGE 2 
13. HOME PAGE 3 
14. SERVICES PAGE
15. TEAM DETAILS PAGE
16. TEAM PAGE
*/

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

.tf__droap_menu li a {
  color: var(--colorBlack);
  text-transform: capitalize;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  width: 100%;
  padding-left: 20px;
  text-align: left;
  position: relative;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

/*-----BANNER START-----*/
.tf__banner {
  padding: 190px 0 100px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  background-image: url(/images/banner_bg.jpg);
}

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

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

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

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

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

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

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

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

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

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

  to {
    top: 200px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----- ABOUT START-----*/
.tf__about {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  background-image: url(/images/about_bg.png);
}

.tf__about_top {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  top: -150px;
  background-image: url(/images/about_top_bg.jpg);
}

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

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

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

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

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

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

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

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

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

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

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

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

.tf__about_text a {
  width: 190px;
}

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

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

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

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

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

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

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

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

.tf__about_img .text p {
  font-size: 13px;
  font-weight: 500;
  color: var(--colorWhite);
}
.tf__faq {
  background-image: url(/images/faq_bg.png);
}
.tf__banner_3 .tf__banner_text::after,
.tf__faq::after,
.tf__about::after {
  position: absolute;
  content: "";
  background: url(/images/book_shapes.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 170px;
  left: 6%;
  z-index: 1;
  width: 130px;
  height: 80px;
  animation: banner_animi_2 linear 3s infinite alternate;
  -webkit-animation: banner_animi_2 linear 3s infinite alternate;
}

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

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

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

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

/*----- EVENT START-----*/
.tf__single_event {
  background: var(--colorWhite);
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 25px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.tf__single_event_img .event_category {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--paraFont);
  background: var(--colorBlack);
  color: var(--colorWhite);
  padding: 10px 25px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

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

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

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

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

.tf__single_event_text .title {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: var(--colorBlack);
  font-family: var(--headingFont);
  text-transform: capitalize;
  margin-top: 15px;
  margin-bottom: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

.tf__single_event_footer::after {
  position: absolute;
  content: "";
  width: 127%;
  height: 1px;
  background: #ddd;
  top: 0;
  left: -48px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_event_footer span {
  font-weight: 500;
  text-transform: capitalize;
}

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

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

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

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

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

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

.slick-dots li {
  line-height: 0;
}
.slick-dots li {
  width: 8px !important;
  height: 8px !important;
}
.testi_slider_2 .slick-dots li button,
.popular_service_slider .slick-dots li button,
.blog_slider .slick-dots li button,
.testimonial_slider .slick-dots li button,
.work_slider .slick-dots li button,
.event_slider .slick-dots li button {
  font-size: 0;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 30px;
  margin: 0px 2px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.testi_slider_2 .slick-dots li.slick-active button,
.popular_service_slider .slick-dots li.slick-active button,
.blog_slider .slick-dots li.slick-active button,
.testimonial_slider .slick-dots li.slick-active button,
.work_slider .slick-dots li.slick-active button,
.event_slider .slick-dots li.slick-active button {
  background: #f3ba05;
}

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

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

.tf__faq .container {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----- WORK START-----*/
.tf__work {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-image: url(/images/work_bg.jpg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----- TESTIMONIAL START-----*/
.tf___testimonial {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-image: url(/images/testimonial_bg.jpg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__activities_item {
  border: 1px solid #ddd;
  background: var(--colorWhite);
  text-align: center;
  padding: 40px;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  margin-top: 25px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*----- VIDEO START-----*/
.tf__video {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-image: url(/images/video_bg.jpg);
}

.tf__video_overlay {
  background: #32373d9c;
}

.tf__video_text {
  text-align: center;
}

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

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

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

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

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

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

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

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

.tf__single_blog_text {
  padding: 30px 0 25px 0;
}

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

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

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

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

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

.tf__single_blog_text .title {
  font-size: 22px;
  font-weight: 700;
  color: var(--colorBlack);
  margin-top: 20px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_blog_text p {
  margin-bottom: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: Raleway;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 16.44px;
  text-align: left;
  color: #fff;
}

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

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

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

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

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

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

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

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

/*----- FOOTER START-----*/
.tf__footer {
}
.tf__footer.mt_100 {
  margin-top: 0;
}
.tf__footer_overlay {
  background-color: #191e24f5;
}

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

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

.tf__footer_logo_area ul li a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid var(--colorWhite);
  border-radius: 50%;
  color: var(--colorWhite);
  margin-right: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.tf__footer_content ul li a {
  font-size: 16px;
  font-weight: 400;
  color: var(--colorWhite);
  margin-bottom: 15px;
  position: relative;
  padding-left: 0px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.tf__footer_content ul {
  list-style-type: none;
}
.tf__footer_content ul li a::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 1px;
  background-color: var(--colorWhite);
  top: 12px;
  left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

.tf__footer_content p span {
  display: block;
}

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

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

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

.tf__copyright {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px;

  margin-bottom: 20px;
}

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

.tf__copyright ul li a {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--colorWhite);
  margin-left: 0px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

  to {
    bottom: 120px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__about_us_counter {
  background: #e8eeee;
}

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

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

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

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

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

.tf__about_us_counter a {
  padding: 13px 47px;
  background: var(--colorBlack);
  color: var(--colorWhite);
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 500;
  border-radius: 30px;
  font-family: var(--paraFont);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

/* about 2 end */

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

.tf__popular_service_single {
  background: url(/images/popular_ervices_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 40px;
  position: relative;
  text-align: center;
  border-bottom: 2px solid var(--colorBlack);
  border-radius: 5px;
  overflow: hidden;
  margin: 0px 12px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.tf__popular_service_single span {
  position: relative;
  z-index: 1;
  display: block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 40px;
  text-align: center;
  background: #eee;
  color: var(--colorWhite);
  border-radius: 50%;
  margin: 0 auto;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.tf__popular_service_single a {
  display: none;
}

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

.tf__popular_service_single.red:hover span {
  color: #f05c72;
}

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

.tf__popular_service_single.green span {
  background: #1ab69d;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__popular_service_single.green:hover span {
  color: #1ab69d;
}

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

.tf__popular_service_single.blue span {
  background: #6957f7;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__popular_service_single.blue:hover span {
  color: #6957f7;
}

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

.tf__popular_service_single.orange span {
  background: #f89422;
}

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

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

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

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

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

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

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

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

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

/* popular services end */

/* popular courses start */
.tf__single_courses {
  margin-top: 25px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.tf__single_courses_img .categories {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 26px !important;
  background: var(--colorPrimary);
  color: var(--colorWhite);
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--paraFont);
  border-radius: 5px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

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

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

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

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

.tf__single_courses_text .title {
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--colorBlack);
  display: block;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__single_courses_text .description {
  margin: 7px 0px 13px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

/* popular courses end */

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

/* activities slider area start */
.tf__activities_slider_area {
  background-image: url(/images/activities_bg.jpg);
}
.tf__activities_slider_area .tf__heading_area h5,
.tf__activities_slider_area .tf__heading_area h2 {
  color: var(--colorWhite);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__single_comment_text {
  max-width: 87%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__sidebar_search form {
  position: relative;
}

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

.tf__sidebar_search form button {
  position: absolute;
  top: 5px;
  right: 5px;
  background: var(--colorPrimary);
  color: var(--colorWhite);
  padding: 8px 20px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

.tf__sidebar_certificate a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: var(--colorWhite);
  border-radius: 50%;
  color: var(--colorBlue);
  margin-top: 25px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

.tf__sidebar_blog ul li .text a {
  font-size: 16px;
  font-weight: 600;
  color: var(--colorBlack);
  display: block;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.tf__sidebar_category ul li a {
  font-size: 17px;
  font-weight: 400;
  color: var(--paraColor);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*==================================
    COURSES DETAILS START
==================================*/
.tf__courses_details_img {
  margin-bottom: 25px;
}

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

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

.tf__courses_details_header .text {
  width: 92.7%;
}

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

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

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

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

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

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

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

.tf__courses_det_text .nav .nav-item a {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
  color: var(--colorBlack);
  padding: 0;
  background: var(--colorWhite) !important;
  border-radius: 0;
  margin-right: 50px;
  position: relative;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

.tf__courses_det_text .nav .nav-item a.active::after {
  background: var(--colorPrimary);
}

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

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

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

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

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

.tf__course_instructor_img {
  height: 350px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__event_details_text {
  margin-right: 70px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__topbar_left {
  line-height: 50px;
}

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

.tf__topbar_left ul li a {
  font-size: 16px;
  color: var(--colorWhite);
  margin-left: 15px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

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

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

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

.tf__topbar_right .tf__other_language {
  box-shadow: var(--box-shadow);
  width: 140px;
  background: var(--colorWhite);
  position: absolute;
  top: 110%;
  left: -15px;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.tf__topbar_right .tf__other_language li a {
  display: block;
  text-transform: capitalize;
  font-size: 16px;
  color: var(--colorBlack);
  padding: 0px 15px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  border-top: 1px solid var(--colorWhite);
}

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

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

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

/* topbar end */

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

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

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

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

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

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

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

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

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

/* header end */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* menu 2 end */

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

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

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

/* banner 2 end */

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

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

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

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

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

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

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

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

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

/* categories 2 end */

/* about 2 start */
.tf__home_2_about {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-image: url(/images/about_2_bg.jpg);
}

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

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

.tf__skills_bar_single {
  width: 80%;
}

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

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

/* about 2 end */

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

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

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

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

/* popularservices 2 end */

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

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

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

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

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

.tf__upcoming_event .tf__single_event_img {
  overflow: initial;
}

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

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

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

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

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

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

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

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

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

/* upcoming event end */

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

.tf__counter_2 .tf__counter_area {
  padding: 0;
  background-image: url(/images/counter_bg2.jpg);
}

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

/* counter end */

/* testimonial 2 start */
.tf__testimonial_2 {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-image: url(/images/testimonial_bg.jpg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* testimonial 2 end */

/* courses 2 start */

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

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

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

/* courses 2 end */

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

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

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

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

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

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

/* team 2 end */

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

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

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

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

.tf__single_blog_2 {
  padding: 10px;
  border: 1px solid #ddd;
  margin-top: 25px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

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

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

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

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

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

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

.tf__single_blog_text_2 .title {
  font-size: 22px;
  font-weight: 700;
  color: var(--colorBlack);
  margin-top: 20px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

.tf__single_blog_text_2 .read_btn {
  font-size: 16px;
  font-weight: 500;
  color: var(--paraColor);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

/* blog 2 end */

/* footer 2 start */
.tf__footer_2 .tf__footer_apply {
  background-image: url(/images/footer_apply_bg.jpg);
}
.tf__footer_2 .tf__footer_overlay {
  background: #002f6cf5;
}

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

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

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

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

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

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

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

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

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

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

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

/* footer 2 end */

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

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

/* scroll button end */

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

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

/* topbar 2 end */

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

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

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

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

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

.main_menu_3.menu_fix {
  top: 0;
}

/* main menu 3 end */

/* banner 3 start */
.tf__banner_3 {
  position: static;
  margin: 0;
  height: auto;
  background-position: center top !important;
  background-image: url(/images/banner_bg3.jpg);
}

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

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

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

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

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

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

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

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

/* banner 3 end */

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

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

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

/* popular service 3 end */

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

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

/* about 3 end */

/* study contact start */
.tf__study_contact {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding-top: 25px;
  position: relative;
  top: -95px;
  background-image: url(/images/study_contact_bg.jpg);
}

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

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

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

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

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

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

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

/* study contact end */

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

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

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

/* courses 3 end */

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

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

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

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

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

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

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

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

/* counter 3 end */

/* team 3 start */
.tf__team_3 {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  background-image: url(/images/team_3_bg.jpg);
}

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

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

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

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

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

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

/* team 3 end */

/* contact 3 start */
.tf__contact_3_area {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 70px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background-image: url(/images/contact_3_bg.jpg);
}
select.select_js.form-select {
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
  padding: 15px 20px;
}
.tf__contact_3_text h2 {
  color: var(--colorWhite);
  font-weight: 700;
  font-size: 40px;
  text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* contact 3 end */

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

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

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

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

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

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

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

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

/* activities 3 end */

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

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

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

/* blog 3 tend */

/* footer 3 start */

.tf__footer_3 .tf__footer_apply .venobox {
  background: var(--colorGreen);
}
.tf__footer_3 .tf__footer_apply {
  background-image: url(/images/footer_apply_bg2.jpg);
}
.tf__footer_3 .tf__footer_apply .tf__footer_apply_overlay {
  background: #191e24a3;
}

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

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

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

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

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

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

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

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

/* footer 3 end */

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

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

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

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

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

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

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

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

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

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

.tf__single_services a {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__team_details_text ul li a {
  color: var(--colorBlack);
  font-size: 16px;
  margin-left: 20px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tf__single_team {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 25px;
  background: var(--colorWhite);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

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

.tf__single_team_img ul {
  position: absolute;
  top: 20px;
  right: 20px;
  transform: scaleY(0.5);
  transform-origin: top;
  opacity: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
}

.tf__single_team_img ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid var(--colorBlue);
  color: var(--colorBlue);
  margin-bottom: 10px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==================================
    SIGNIN END
=================================== */

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

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

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

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

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

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

/* ==================================
    PRIVACY POLICY END
=================================== */
/* Margin and Padding shortcut */
.mt_95 {
  margin-top: 95px;
}
.mt_250 {
  margin-top: 250px;
}
.mt_100 {
  margin-top: 100px;
}
.pt_95 {
  padding-top: 95px;
}
.pb_100 {
  padding-bottom: 100px;
}
.pt_100 {
  padding-top: 100px;
}
.pt_75 {
  padding-top: 44px;
}
.mb_20 {
  margin-bottom: 20px;
}
.pt_225 {
  padding-top: 225px;
}
.mt_110 {
  margin-top: 110px;
}
.mt_195 {
  margin-top: 195px;
}
.mb_40 {
  margin-bottom: 40px;
}
.mb_45 {
  margin-bottom: 45px;
}
.mt_190 {
  margin-top: 190px;
}
.pt_250 {
  padding-top: 250px;
}
.mb_15 {
  margin-bottom: 15px;
}
.mt_50 {
  margin-top: 50px;
}
.mt_65 {
  margin-top: 65px;
}
.pb_45 {
  padding-bottom: 45px;
}
.mt_60 {
  margin-top: 60px;
}
.mt_35 {
  margin-top: 35px;
}
.mt_55 {
  margin-top: 55px;
}
.pt_190 {
  padding-top: 190px;
}
/* Margin and Padding shortcut */

.tf__counter2_overlay .counter span {
  position: relative;
  font-size: 50px;
  font-weight: 700;
  color: var(--colorWhite);
  display: inline;
  text-align: center;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots {
  bottom: unset !important;
}

section.tf__counter_3 {
  padding-bottom: 80px;
}
.modal-video .modal-content {
  background-color: transparent;
  border: none;
}
.video-modal-iframe {
  width: 100%;
  height: 460px;
}
.vidoe-modal-header.modal-header {
  padding: 0;
  border: 0;
  font-size: 20px;
}
.tf__scroll_btn.style-2 {
  background-color: #4582ff;
}
.tf__scroll_btn.style-3 {
  background-color: #00d6d3;
}
/* Loading Container Styles */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

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

/* Loader Styles */

/* Keyframe Animation for Loader */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Responsive */
@media (min-width: 1400px) and (max-width: 1700px) {
  .tf__about::after {
    top: 250px;
  }

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

  .tf__faq::after {
    top: 0;
  }

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

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

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

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

    to {
      top: 150px;
    }
  }

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

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

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

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

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

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

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

@media (min-width: 1200px) and (max-width: 1399px) {
  /*==================================
        HOME PAGE START
    ==================================*/
  .tf__banner_text p {
    max-width: 80%;
  }

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

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

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

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

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

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

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

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

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

  .tf__about_text a {
    width: 190px;
  }

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

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

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

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

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

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

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

  .tf__about_img {
    height: 580px;
  }

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

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

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

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

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

  .tf__scroll_btn {
    right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .tf__single_comment_text {
    max-width: 82%;
  }

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

  .tf__sidebar_certificate {
    padding: 30px;
  }

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

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

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

  .tf__sidebar_tags {
    padding-bottom: 5px;
  }

  .tf__sidebar_apply {
    height: 400px;
  }

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

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

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

  .tf__contact_form p {
    width: 80%;
  }

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

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

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

  .tf__course_instructor_img {
    height: 300px;
  }

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

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

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

  .tf__team_page::after {
    display: none;
  }

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

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

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

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

    to {
      top: 150px;
    }
  }

  .tf__scroll_btn_2 {
    right: 10px;
  }

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

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

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

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

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

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

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

  .tf__contact_3_area {
    padding: 50px;
  }

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

  .tf__counter_3 p {
    width: 80%;
  }

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

@media (min-width: 992px) and (max-width: 1199px) {
  /*==================================
        HOME PAGE START
    ==================================*/
  .main_menu .navbar-nav .nav-item {
    margin-right: 25px;
  }

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

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

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

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

  .tf__single_category_text {
    padding-left: 70px;
  }

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

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

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

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

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

  .tf__about_img {
    height: 480px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .tf__single_testimonial {
    border-radius: 40px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .tf__single_comment_text {
    max-width: 82%;
  }

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

  .tf__comment_reply {
    padding: 30px;
  }

  .tf__sidebar_certificate {
    padding: 21px;
  }

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

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

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

  .tf__sidebar_tags {
    padding-bottom: 0px;
  }

  .tf__sidebar_apply {
    height: 340px;
  }

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

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

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

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

  .tf__contact_form p {
    width: 100%;
  }

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

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

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

  .tf__course_instructor_img {
    height: 300px;
  }

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

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

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

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

  .tf__single_services {
    padding: 60px 30px 30px 30px;
  }

  /*==================================
        EVENT DETAILS END
    ==================================*/

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 440px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 50%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__team_page::before {
    width: 75px;
    height: 103px;
  }

  .tf__team_page::after {
    display: none;
  }

  /*==================================
        TEAM DETAILS END
    ==================================*/

  /*==================================
        HOME PAGE 2 START
    ==================================*/
  .tf__header_text a {
    max-width: 170px;
    height: 65px;
  }

  .tf__topbar_right .tf__other_language {
    left: auto;
    right: 0;
  }

  .tf__header_text ul li .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 10px;
  }

  .tf__header_text ul li .text h4 {
    font-size: 16px;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 30px;
  }

  .tf__header {
    height: 65px;
  }

  .tf__team_3::before,
  .tf__team_2::before {
    top: 0;
  }

  .tf__team_2::after {
    top: 95%;
  }

  .tf__single_blog_2_img {
    height: 250px;
  }

  .tf__single_blog_text_2 {
    padding: 10px 10px 10px 20px;
  }

  .tf__blog_2 .tf__single_blog_img {
    /* height: 290px; */
  }

  .tf__single_blog_text {
    padding: 15px 15px 15px 15px;
  }

  .tf__footer_apply p {
    width: 40%;
  }

  .tf__footer_logo_area ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .tf__skills_bar_single {
    width: 100%;
  }

  .tf__scroll_btn_2 {
    right: 20px !important;
    bottom: 80px !important;
  }

  @keyframes banner_animi_1 {
    from {
      top: 120px;
    }

    to {
      top: 150px;
    }
  }

  .tf__testimonial_2 .tf__single_counter h4 {
    text-align: center;
    font-size: 22px;
  }

  /*==================================
        HOME PAGE 2 END
    ==================================*/

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .tf__banner_3 .tf__banner_text::before {
    right: 40%;
    width: 85px;
    height: 80px;
  }

  .tf__study_contact_text {
    padding: 160px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 50%;
    padding-right: 0;
  }

  .tf__counter_3 .tf__counter_area ul li.tf__single_counter {
    width: 25%;
    text-align: left;
  }

  .tf__single_counter h4 {
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
  }

  .tf__counter_3_area::before {
    top: -175px;
    right: 190px;
    width: 120px;
    height: 115px;
  }

  .tf__team_3::before {
    top: 300px;
    width: 80px;
    height: 110px;
  }

  .tf__contact_3_area {
    padding: 30px;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 35px;
  }

  /*==================================
        HOME PAGE 3 END
    ==================================*/
}

@media (min-width: 768px) and (max-width: 991px) {
  /*==================================
        HOME PAGE START
    ==================================*/
  /* menu start */
  .main_menu {
    height: 70px;
    background: var(--colorWhite);
  }
  .video-modal-iframe {
    height: 300px;
  }
  .main_menu .container {
    padding: 14px 0;
  }

  .main_menu .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu .navbar-nav .nav-item .common_btn {
    margin-bottom: 25px;
    margin-top: 10px;
  }

  .main_menu .navbar-nav .nav-item {
    margin-right: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link::after,
  .main_menu .navbar-nav .nav-item .nav-link::after {
    bottom: 14px;
  }

  .tf__droap_menu {
    max-height: 250px;
    left: 50%;
    transform: scaleY(0.8) translateX(-50%);
    -webkit-transform: scaleY(0.8) translateX(-50%);
    -moz-transform: scaleY(0.8) translateX(-50%);
    -ms-transform: scaleY(0.8) translateX(-50%);
    -o-transform: scaleY(0.8) translateX(-50%);
  }

  .main_menu_2 .navbar-nav .nav-item:hover .tf__droap_menu,
  .main_menu .navbar-nav .nav-item:hover .tf__droap_menu {
    transform: scaleY(1) translateX(-50%);
    -webkit-transform: scaleY(1) translateX(-50%);
    -moz-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
  }

  .common_btn,
  .common_btn_2,
  .common_btn_3 {
    font-size: 14px !important;
  }

  .navbar-brand {
    max-width: 140px !important;
  }

  .navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 3px !important;
    background: var(--colorBlack);
    color: var(--colorWhite);
  }

  .navbar-toggler.show_close_icon .menu_icon {
    display: none;
  }

  .navbar-toggler.show_close_icon .close_icon {
    display: block;
  }

  /* menu end */

  /* banner start */
  .tf__banner_text p {
    font-size: 16px;
  }

  .tf__banner_text ul li .play_btn {
    margin-left: 30px;
  }

  .tf__banner::after,
  .tf__banner::before {
    display: none;
  }

  /* banner end */

  /* categories start */
  .tf__heading_area h2 {
    font-size: 30px;
  }

  .tf__single_category_text {
    padding: 25px;
    margin-left: 38px;
    padding-left: 50px;
  }

  .tf__single_category_icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  /* categories end */

  /* about start */
  .tf__about {
    margin-top: 195px !important;
  }

  .tf__about_top_img {
    height: 350px;
  }

  .tf__about_top::after {
    top: -205px;
    left: -22px;
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
  }

  .tf__about_top_text_center {
    max-width: 100%;
    padding-right: 0;
    margin-top: 20px;
  }

  .tf__about_top_text_center p {
    margin-bottom: 20px;
  }

  .tf__banner_3 .tf__banner_text::after,
  .tf__faq::after,
  .tf__about::after {
    display: none;
  }

  .tf__faq::before,
  .tf__about::before {
    display: none;
  }

  .tf__about_top {
    top: -95px;
    padding: 20px;
  }

  .tf__about_img {
    height: 540px;
    margin-top: 25px;
  }

  .tf__about_text p {
    max-width: 100%;
  }

  /* about end */

  /* event start */
  .tf__about_img .text {
    bottom: 0;
    right: 20px;
  }

  .tf__single_event_text ul li {
    margin-bottom: 10px;
  }

  .tf__single_event_text .title {
    margin-top: 5px;
  }

  .tf__single_event_text {
    padding: 15px 20px 20px 20px;
  }

  /* event end */

  /* education faq start */
  .tf__faq_img {
    width: 550px;
    height: 550px;
    left: 0;
  }

  .tf__faq_img::after {
    top: -120px;
    left: 0;
  }

  .tf__faq::after {
    display: none;
  }

  .tf__faq_text {
    margin-top: 10px;
    padding-bottom: 5px;
  }

  .tf__faq_accordion .accordion-body {
    padding: 20px;
  }

  /* education faq end */

  /* worl start */
  .work_slider .tf__work_single_text {
    padding-bottom: 53px !important;
    margin-top: 185px;
    padding: 163px 30px 0px 30px;
  }

  .tf__work .md_margin {
    margin-bottom: -15px !important;
  }

  /* worl end */

  /* testimonial start */
  .tf__single_testimonial {
    padding: 40px 20px;
  }

  /* testimonial end */

  /* activities start */
  .tf__activities {
    margin-top: 95px !important;
  }

  .tf__activities_img {
    width: auto;
    height: 460px;
    margin-left: 0;
    margin-top: 25px;
  }

  .tf__activities_item span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .tf__activities_item h3 {
    font-size: 18px;
  }

  .tf__activities .md_margin {
    margin-top: 0 !important;
  }

  /* activities end */

  /* video start */
  .tf__video_text h4 {
    font-size: 30px;
  }

  /* video end */

  /* blog start */
  .tf__single_blog_img {
    /* height: 240px; */
  }

  .tf__single_blog_text {
    padding: 25px 15px 15px 15px;
  }

  /* blog end*/

  /* footer start */
  .tf__footer_logo_area .footer_logo {
    max-width: 160px;
  }

  .tf__footer_content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  /* footer end */

  /* scroll button start */
  .tf__scroll_btn {
    right: -15px;
  }

  /* scroll button end */
  /*==================================
        HOME PAGE END
    ==================================*/

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 45px;
  }

  .tf__breadcrumb {
    padding-top: 145px;
    padding-bottom: 80px;
  }

  .tf__breadcrumb .container::after {
    width: 280px;
    height: 290px;
    top: -20px;
  }

  .tf__about_2_img .tf__about_large {
    width: 500px;
    height: 500px;
  }

  .tf__about_2_text {
    margin-top: 90px;
  }

  .tf__about_2_img p {
    border-radius: 70px;
    bottom: -70px;
    left: 65px;
  }

  .tf__about_2_text ul {
    max-width: 100%;
  }

  .tf__about_2_text ul li .text {
    width: 88%;
  }

  .tf__about_us_counter {
    justify-content: center;
  }

  .tf__about_us_counter a {
    margin-top: 15px;
  }

  .tf__about_2_img .tf__about_large::after {
    right: 190px;
  }

  /*==================================
        ABOUT PAGE END
    ==================================*/

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 350px;
  }

  .tf__single_comment_text {
    max-width: 84%;
  }

  .tf__single_comment.reply .tf__single_comment_text {
    max-width: 82%;
  }

  .tf__comment_reply {
    padding: 30px;
    margin-bottom: 25px;
  }

  .tf__sidebar_certificate {
    padding: 40px;
  }

  .tf__sidebar_blog ul li .text {
    max-width: 70%;
  }

  .tf__sidebar_tags {
    padding-bottom: 10px;
  }

  .tf__sidebar_apply {
    height: 725px;
  }

  /*==================================
        BLOG DETAILS END
    ==================================*/

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_text {
    margin-top: 25px;
  }

  .tf__contact_single .text {
    max-width: 77%;
  }

  .tf__contact_form p {
    width: 75%;
  }

  .tf__contact_map {
    height: 400px;
  }

  /*==================================
        CONTACT END
    ==================================*/

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__courses_details_area {
    margin-bottom: 25px;
  }

  .tf__course_instructor_img {
    height: 400px;
  }

  .tf__courses_details_header .text {
    width: 90.9%;
  }

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        EVENT DETAILS START
    ==================================*/
  .tf__event_details_img,
  .tf__event_det_center_img {
    height: 350px;
  }

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

  /*==================================
        EVENT DETAILS END
    ==================================*/

  /*==================================
        SERVICES START
    ==================================*/
  .tf__single_services {
    padding: 35px;
  }

  .tf__single_services h3 {
    font-size: 20px;
    margin-top: 50px;
  }

  /*==================================
        SERVICES END
    ==================================*/

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 330px;
  }

  .tf__team_details_text h3 {
    margin-top: 25px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__team_description ul li {
    width: 100%;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 50%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__team_page::before {
    width: 85px;
    height: 115px;
  }

  .tf__team_page::after {
    display: none;
  }

  /*==================================
        TEAM DETAILS END
    ==================================*/

  /*==================================
        TEAM HOME PAGE 2 START
    ==================================*/
  .tf__topbar_right .tf__other_language {
    left: auto;
    right: 0;
  }

  .main_menu_2 .navbar-brand {
    width: 120px;
    height: 40px;
    display: block;
    margin: 0 !important;
  }

  .main_menu_2 .navbar-toggler {
    margin-right: 0;
  }

  .main_menu_2 .main_menu_2_area {
    height: auto;
    text-align: center;
  }

  .tf__topbar {
    position: relative;
    z-index: 9999;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .main_menu_2 {
    background: var(--colorWhite);
    padding: 10px 0px;
    position: fixed;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link {
    text-align: center;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link::after {
    display: none;
  }

  .main_menu_2 .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu_2 .common_btn_2 {
    margin-bottom: 15px;
  }

  .tf__banner_text {
    padding-top: 65px;
    padding-bottom: 0;
  }

  .tf__home_2_about_img {
    margin-right: 0;
  }

  .tf__home_2_about_text p {
    width: 80%;
    margin-bottom: 35px;
  }

  .tf__upcoming_event::after {
    display: none;
  }

  .tf__counter2_overlay {
    padding: 25px 0px;
  }

  .tf__team_2::after,
  .tf__team_2::before {
    display: none;
  }

  .tf__single_blog_2_img {
    width: 100%;
    height: 240px !important;
  }

  .tf__blog_2 .tf__single_blog_img,
  .tf__single_blog_2_img {
    height: 400px;
  }

  .tf__single_blog_text_2 {
    width: 100%;
    padding: 25px 20px 15px 15px;
  }

  .tf__footer_apply p {
    width: 60%;
  }

  .tf__footer_apply .tf__footer_apply_overlay {
    padding: 90px 40px 42px 40px;
  }

  .tf__footer_2 .tf__footer_content,
  .tf__footer_2 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__footer_2 .tf__copyright {
    margin-top: -15px;
    padding-bottom: 0;
  }

  .tf__scroll_btn_2 {
    right: 10px !important;
    bottom: 10px !important;
  }

  .tf__home_2_about_text {
    margin-top: 25px;
  }

  .tf__banner_2 {
    margin-top: 0;
    height: auto;
  }

  .tf__banner_2 .tf__banner_text {
    padding-top: 158px;
    padding-bottom: 203px;
  }

  /*==================================
        HOME PAGE 2 END
    ==================================*/

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .main_menu_3 {
    position: fixed;
    top: 50px;
  }

  .main_menu_3 .navbar-nav {
    margin-top: 13px;
  }

  .home_3 .tf__banner_text {
    margin-top: 145px;
    margin-bottom: 260px;
  }

  .tf__banner_3 .tf__banner_text::before {
    display: none;
  }

  .tf__study_contact_text {
    padding: 110px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 100%;
    padding-right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .tf__counter_3_area {
    padding: 40px 40px 15px 40px;
  }

  .home_3 .tf__counter_3_area::before {
    display: none;
  }

  .tf__counter_3_area::after {
    display: none;
  }

  .tf__counter_3 .tf__counter2_overlay {
    padding: 20px 0px 0px 0px;
  }

  .tf__team_3::before {
    display: none;
  }

  .tf__contact_3_area {
    padding: 50px;
    background-position: center left !important;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 34px;
    color: var(--colorWhite);
  }

  .tf__contact_3_text {
    margin-bottom: 25px;
  }

  .home_3 .tf__counter_3 {
    margin-top: -140px;
  }

  .tf__contact_3_text p {
    width: 100%;
  }

  .tf__footer_3 .tf__footer_content,
  .tf__footer_3 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__counter_3 p {
    width: 70%;
  }

  .tf__single_counter h4 {
    font-size: 18px;
  }

  .tf__footer_3 .tf__copyright {
    padding-bottom: 0;
    margin-top: -15px;
  }

  /*==================================
        HOME PAGE 3 END
    ==================================*/

  .tf__pricacy_policy {
    margin-bottom: -25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /*==================================
        HOME PAGE START
    ==================================*/
  /* menu start */
  .main_menu {
    height: 70px;
    background: var(--colorWhite);
  }
  .tf__footer_logo_area {
    margin-bottom: 15px;
  }
  .main_menu .container {
    padding: 14px 0;
  }

  .main_menu .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu .navbar-nav .nav-item .common_btn {
    margin-bottom: 25px;
    margin-top: 10px;
  }

  .main_menu .navbar-nav .nav-item {
    margin-right: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link::after,
  .main_menu .navbar-nav .nav-item .nav-link::after {
    bottom: 14px;
  }

  .tf__droap_menu {
    max-height: 250px;
    left: 50%;
    transform: scaleY(0.8) translateX(-50%);
    -webkit-transform: scaleY(0.8) translateX(-50%);
    -moz-transform: scaleY(0.8) translateX(-50%);
    -ms-transform: scaleY(0.8) translateX(-50%);
    -o-transform: scaleY(0.8) translateX(-50%);
  }

  .main_menu_2 .navbar-nav .nav-item:hover .tf__droap_menu,
  .main_menu .navbar-nav .nav-item:hover .tf__droap_menu {
    transform: scaleY(1) translateX(-50%);
    -webkit-transform: scaleY(1) translateX(-50%);
    -moz-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
  }

  .common_btn,
  .common_btn_2,
  .common_btn_3 {
    font-size: 14px !important;
  }

  .navbar-brand {
    max-width: 140px !important;
  }

  .navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 3px !important;
    background: var(--colorBlack);
    color: var(--colorWhite);
  }

  .navbar-toggler.show_close_icon .menu_icon {
    display: none;
  }

  .navbar-toggler.show_close_icon .close_icon {
    display: block;
  }

  /* menu end */

  /* banner start */
  .tf__banner_text h1,
  .tf__banner_text h1 span {
    font-size: 50px;
  }

  .tf__banner_text p {
    font-size: 16px;
    max-width: 85%;
  }

  .tf__banner {
    height: auto;
    padding: 170px 0px 100px 0px;
    background-position: center left !important;
  }

  .tf__banner_text ul li .play_btn {
    margin-left: 30px;
  }

  .tf__banner::after,
  .tf__banner::before {
    display: none;
  }

  /* banner end */

  /* categories start */
  .tf__heading_area h2 {
    font-size: 30px;
  }

  /* categories end */

  /* about start */
  .tf__about_top_img {
    height: 270px;
  }

  .tf__about_top::after {
    top: -210px;
    left: -70px;
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
  }

  .tf__about_top_text_center {
    max-width: 100%;
    padding-right: 0;
    margin-top: 20px;
  }

  .tf__about_top_text_center p {
    margin-bottom: 20px;
  }

  .tf__banner_3 .tf__banner_text::after,
  .tf__faq::after,
  .tf__about::after {
    display: none;
  }

  .tf__faq::before,
  .tf__about::before {
    display: none;
  }

  .tf__about_top {
    top: -95px;
    padding: 20px;
  }

  .tf__about_img {
    height: 400px;
    margin-top: 25px;
  }

  .tf__about_text p {
    max-width: 90%;
  }

  /* about end */

  /* event start */
  .tf__about_img .text {
    bottom: 0;
    right: 20px;
  }

  /* event end */

  /* education faq start */
  .tf__faq_img {
    width: 450px;
    height: 450px;
    left: 0;
  }

  .tf__faq_img::after {
    top: -120px;
    left: 0;
  }

  .tf__faq::after {
    display: none;
  }

  .tf__faq_text {
    margin-top: 10px;
    padding-bottom: 5px;
  }

  .tf__faq_text .description {
    max-width: 80%;
  }

  .tf__faq_accordion .accordion-body {
    padding: 20px;
  }

  /* education faq end */

  /* testimonial start */
  .tf__single_testimonial {
    padding: 40px;
  }

  /* testimonial end */

  /* activities start */
  .tf__activities_text p {
    max-width: 80%;
  }

  .tf__activities_img {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: 25px;
  }

  .tf__activities_item span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .tf__activities_item h3 {
    font-size: 16px;
  }

  .tf__activities_item {
    padding: 25px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
  }

  .tf__activities_slider_area .tf__activities_item::after {
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
  }

  /* activities end */

  /* video start */
  .tf__video_text h4 {
    font-size: 30px;
  }

  /* video end */

  /* blog start */
  .tf__single_blog_img {
    /* height: 270px; */
  }

  /* blog end*/

  /* footer start */
  .tf__footer_logo_area .footer_logo {
    max-width: 160px;
  }

  .tf__footer_content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .tf__copyright ul li a {
    margin-left: 0;
    margin-right: 20px;
  }

  /* footer end */

  /* scroll button start */
  .tf__scroll_btn {
    right: -15px;
  }

  /* scroll button end */
  /*==================================
        HOME PAGE END
    ==================================*/

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 35px;
  }

  .tf__breadcrumb {
    padding-top: 150px;
    padding-bottom: 80px;
  }

  .tf__breadcrumb .container::after {
    width: 180px;
    height: 185px;
    top: -20px;
  }

  .tf__about_2_img .tf__about_large {
    width: 400px;
    height: 400px;
  }

  .tf__about_2_img .tf__about_small {
    width: 130px;
    height: 130px;
    border: 7px solid var(--colorWhite);
  }

  .tf__about_2_text {
    margin-top: 90px;
  }

  .tf__about_2_img p {
    border-radius: 70px;
    bottom: -70px;
    left: 25px;
  }

  .tf__about_2_text p {
    max-width: 100%;
  }

  .tf__about_2_text ul {
    max-width: 100%;
  }

  .tf__about_2_text ul li .text {
    width: 85%;
  }

  .tf__about_us_counter p span {
    font-size: 20px;
    min-width: 135px;
  }

  .tf__about_us_counter p {
    font-size: 15px;
  }

  .tf__about_us_counter {
    justify-content: center;
    border-radius: 10px;
  }

  .tf__about_us_counter a {
    margin-top: 15px;
  }

  .tf__about_us_counter p span::after {
    font-size: 25px;
    right: 35px;
  }

  .tf__popular_service_single {
    padding: 30px 20px;
  }

  /*==================================
        ABOUT PAGE END
    ==================================*/

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 280px;
  }

  .tf__details_quot_text {
    padding: 30px;
    border-radius: 20px;
  }

  .tf__details_quot_text::after {
    bottom: 15px;
    right: 25px;
    font-size: 40px;
  }

  .tf__single_comment_text {
    max-width: 78%;
  }

  .tf__single_comment.reply .tf__single_comment_text {
    max-width: 78%;
  }

  .tf__single_comment.reply {
    margin-left: 0;
  }

  .tf__comment_reply {
    padding: 30px;
    margin-bottom: 25px;
  }

  .tf__sidebar_certificate {
    padding: 40px;
  }

  .tf__sidebar_blog ul li .text {
    max-width: 76%;
  }

  .tf__sidebar_tags {
    padding-bottom: 10px;
  }

  .tf__sidebar_apply {
    height: 541px;
  }

  .tf__sidebar_apply a {
    padding: 12px 30px;
  }

  /*==================================
        BLOG DETAILS END
    ==================================*/

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_text {
    margin-top: 25px;
  }

  .tf__contact_single .text {
    max-width: 77%;
  }

  .tf__contact_form p {
    width: 100%;
  }

  .tf__contact_map {
    height: 350px;
  }

  /*==================================
        CONTACT END
    ==================================*/

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__courses_details_header .img {
    margin-bottom: 10px;
  }

  .tf__courses_details_header .text li {
    width: 20%;
    text-align: left;
    border: none;
  }

  .tf__courses_details_header .text li h4 {
    font-size: 15px;
  }

  .tf__courses_details_header .text li p {
    font-size: 12px;
  }

  .tf__courses_det_text .nav li {
    width: 33.33%;
  }

  .tf__courses_det_text .nav li button {
    width: 100%;
  }

  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__courses_details_area {
    margin-bottom: 25px;
  }

  .tf__course_instructor_img {
    height: 500px;
  }

  .tf__courses_details_header .text {
    width: 100%;
  }

  .tf__courses_details_header .text li a {
    padding: 10px 20px !important;
    font-size: 13px !important;
  }

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        ERROR PAGE START
    ==================================*/
  .tf__error_text .img {
    width: 280px;
    height: 300px;
  }

  /*==================================
        ERROR PAGE END
    ==================================*/

  /*==================================
        EVENT DETAILS START
    ==================================*/
  .tf__event_details_img,
  .tf__event_det_center_img {
    height: 280px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

  /*==================================
        EVENT DETAILS END
    ==================================*/

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 530px;
  }

  .tf__team_details_text h3 {
    font-size: 20px;
    margin-top: 25px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__team_description ul li {
    width: 100%;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 100%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__team_page::before,
  .tf__team_page::after {
    display: none;
  }

  /*==================================
        TEAM DETAILS END
    ==================================*/

  /*==================================
        TEAM HOME PAGE 2 START
    ==================================*/
  .tf__topbar_right > ul {
    justify-content: center;
  }

  .main_menu_2 .navbar-brand {
    width: 120px;
    height: 40px;
    display: block;
    margin: 0 !important;
  }

  .main_menu_2 .navbar-toggler {
    margin-right: 0;
  }

  .main_menu_2 .main_menu_2_area {
    height: auto;
    text-align: center;
  }

  .tf__topbar {
    position: relative;
    z-index: 9999;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .main_menu_2 {
    background: var(--colorWhite);
    padding: 10px 0px;
    position: fixed;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link {
    text-align: center;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link::after {
    display: none;
  }

  .main_menu_2 .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu_2 .common_btn_2 {
    margin-bottom: 15px;
  }

  .tf__banner_text {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .tf__home_2_about_img {
    height: 350px;
    margin-right: 0;
  }

  .tf__home_2_about_text p {
    width: 100%;
    margin-bottom: 35px;
  }

  .tf__upcoming_event::after {
    display: none;
  }

  .tf__counter2_overlay {
    padding: 25px 0px;
  }

  .tf__team_2::after,
  .tf__team_2::before {
    display: none;
  }

  .tf__single_blog_2_img {
    width: 100%;
    height: 290px !important;
  }

  .tf__blog_2 .tf__single_blog_img,
  .tf__single_blog_2_img {
    height: 290px;
  }

  .tf__single_blog_text_2 {
    width: 100%;
    padding: 25px 20px 15px 15px;
  }

  .tf__footer_apply h3 {
    font-size: 25px;
  }

  .tf__footer_apply p {
    width: 100%;
  }

  .tf__footer_apply .tf__footer_apply_overlay {
    padding: 90px 40px 42px 40px;
  }

  .tf__footer_2 .tf__footer_content,
  .tf__footer_2 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__footer_2 .tf__copyright {
    margin-top: -15px;
  }

  .tf__scroll_btn_2 {
    right: 10px !important;
    bottom: 10px !important;
  }

  .tf__skills_bar_single {
    width: 100%;
  }

  .tf__home_2_about_text {
    margin-top: 25px;
  }

  .tf__banner_2 {
    margin-top: 0;
    height: auto;
  }

  .tf__banner_2 .tf__banner_text {
    padding-top: 158px;
    padding-bottom: 203px;
  }

  /*==================================
        HOME PAGE 2 END
    ==================================*/

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .main_menu_3 {
    position: fixed;
    top: 50px;
  }

  .main_menu_3 .navbar-nav {
    margin-top: 13px;
  }

  .home_3 .tf__banner_text {
    margin-top: 10px;
    margin-bottom: 57px;
  }

  .tf__banner_3 .tf__banner_text::before {
    display: none;
  }

  .tf__study_contact_text {
    padding: 110px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 100%;
    padding-right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .tf__counter_3_area {
    padding: 40px 40px 15px 40px;
  }

  .home_3 .tf__counter_3_area::before {
    display: none;
  }

  .tf__counter_3_area::after {
    display: none;
  }

  .tf__counter_3 .tf__counter_area ul li.tf__single_counter {
    width: 100%;
  }

  .tf__counter_3 .tf__counter2_overlay {
    padding: 20px 0px 0px 0px;
  }

  .tf__team_3::before {
    display: none;
  }

  .tf__contact_3_area {
    padding: 48px;
    background-position: center left !important;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 25px;
    color: var(--colorWhite);
  }
  .video-modal-iframe {
    height: 300px;
  }
  .tf__contact_3_text {
    margin-bottom: 25px;
  }

  .home_3 .tf__counter_3 {
    margin-top: -140px;
  }

  .tf__contact_3_text p {
    width: 100%;
  }

  .tf__footer_3 .tf__footer_content,
  .tf__footer_3 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  /*==================================
        HOME PAGE 3 END
    ==================================*/

  .tf__pricacy_policy {
    margin-bottom: -25px;
  }
}

@media (max-width: 575px) {
  /*==================================
        HOME PAGE START
    ==================================*/
  /* menu start */
  .main_menu {
    height: 90px;
    background: var(--colorWhite);
  }
  section .container {
    padding: 0 20px;
  }
  .tf__banner {
    height: 750px;
  }
  .tf__footer_overlay .container {
    padding: 0 20px;
  }
  .main_menu .container {
    padding: 20px;
  }

  .main_menu .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }
  .video-modal-iframe {
    height: 300px;
  }
  .main_menu .navbar-nav .nav-item .common_btn {
    margin-bottom: 25px;
    margin-top: 10px;
  }
  .tf__about_img::after,
  .tf__about_img::before {
    display: none;
  }
  .main_menu .navbar-nav .nav-item {
    margin-right: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link::after,
  .main_menu .navbar-nav .nav-item .nav-link::after {
    bottom: 14px;
  }

  .tf__droap_menu {
    max-height: 250px;
    left: 50%;
    transform: scaleY(0.8) translateX(-50%);
    -webkit-transform: scaleY(0.8) translateX(-50%);
    -moz-transform: scaleY(0.8) translateX(-50%);
    -ms-transform: scaleY(0.8) translateX(-50%);
    -o-transform: scaleY(0.8) translateX(-50%);
  }

  .main_menu_2 .navbar-nav .nav-item:hover .tf__droap_menu,
  .main_menu .navbar-nav .nav-item:hover .tf__droap_menu {
    transform: scaleY(1) translateX(-50%);
    -webkit-transform: scaleY(1) translateX(-50%);
    -moz-transform: scaleY(1) translateX(-50%);
    -ms-transform: scaleY(1) translateX(-50%);
    -o-transform: scaleY(1) translateX(-50%);
  }

  .common_btn,
  .common_btn_2,
  .common_btn_3 {
    font-size: 14px !important;
  }

  .navbar-brand {
    max-width: 160px !important;
  }
  .tf__footer_logo_area {
    margin-bottom: 25px;
  }
  .navbar-toggler {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 3px !important;
    background: var(--colorBlack);
    color: var(--colorWhite);
  }

  .navbar-toggler.show_close_icon .menu_icon {
    display: none;
  }

  .navbar-toggler.show_close_icon .close_icon {
    display: block;
  }

  /* menu end */

  /* banner start */
  .tf__banner_text h5 {
    font-size: 15px;
  }

  .tf__banner_text h1,
  .tf__banner_text h1 span {
    font-size: 40px;
  }

  .tf__banner_text p {
    font-size: 16px;
    max-width: 100%;
  }

  .tf__banner {
    height: auto;
    padding: 170px 0px 100px 0px;
    background-position: center left !important;
  }

  .tf__banner_text ul li .play_btn {
    margin-left: 30px;
  }

  .tf__banner::after,
  .tf__banner::before {
    display: none;
  }

  /* banner end */

  /* categories start */
  .tf__heading_area h5 {
    font-size: 15px;
  }

  .tf__heading_area h2 {
    font-size: 25px;
  }

  .tf__single_category_icon {
    width: 65px;
    height: 66px;
    line-height: 65px;
    font-size: 25px;
  }

  .tf__single_category_text {
    padding: 30px;
    margin-left: 32px;
    padding-left: 40px;
    max-width: 90%;
  }
  .mt_195 {
    margin-top: 100px;
  }
  .mt_190 {
    margin-top: 100px;
  }
  .tf__single_category_text h3 {
    font-size: 20px;
  }

  /* categories end */

  /* about start */
  .tf__about_top_img {
    height: 200px;
  }

  .tf__about_top::after {
    top: -239px;
    left: -85px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }

  .tf__about_top_text_center {
    max-width: 100%;
    padding-right: 0;
    margin-top: 20px;
  }

  .tf__about_top_text_center p {
    margin-bottom: 20px;
  }

  .tf__banner_3 .tf__banner_text::after,
  .tf__faq::after,
  .tf__about::after {
    display: none;
  }

  .tf__faq::before,
  .tf__about::before {
    display: none;
  }

  .tf__about_top {
    top: -95px;
    padding: 20px;
  }

  .tf__about_img {
    height: 315px;
    margin-top: 25px;
  }

  .tf__about_text p {
    max-width: 100%;
  }

  /* about end */

  /* event start */
  .tf__single_event_img {
    height: 220px;
  }

  .tf__single_event_img .event_category {
    padding: 5px 20px;
    font-size: 14px;
  }

  .tf__single_event_text ul li {
    width: 100%;
    margin-bottom: 10px;
  }

  .tf__single_event_text {
    padding: 15px 20px 15px 20px;
  }

  .tf__single_event_text .title {
    margin-top: 5px;
    font-size: 20px;
  }

  .tf__about_img .text {
    bottom: 0;
    right: 20px;
  }

  .tf__about_img .text h3 {
    font-size: 22px;
  }

  /* event end */

  /* education faq start */
  .tf__faq_img {
    width: 100%;
    height: 280px;
    left: 0;
  }

  .tf__faq_img::after {
    top: -120px;
    left: 0;
  }

  .tf__faq::after {
    display: none;
  }

  .tf__faq_text {
    margin-top: 10px;
    padding-bottom: 5px;
  }

  .tf__faq_text .description {
    max-width: 100%;
  }

  .tf__faq_accordion .accordion-header button {
    font-size: 15px;
  }

  .tf__faq_accordion .accordion-body {
    padding: 20px;
  }

  /* education faq end */

  /* work start */
  .tf__work_single_text {
    padding: 163px 30px 0px 30px;
  }

  .tf__work_single_text h3 {
    font-size: 20px;
  }

  /* work end */

  /* testimonial start */
  .tf__single_testimonial {
    padding: 40px 30px;
  }

  .tf__single_testimonial .title {
    font-size: 20px;
  }

  /* testimonial end */

  /* activities start */
  .tf__activities_text p {
    max-width: 100%;
  }

  .tf__activities_img {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-top: 25px;
  }

  .tf__activities_item span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
  }

  .tf__activities_item h3 {
    font-size: 20px;
  }

  /* activities end */

  /* video start */
  .tf__video_text p {
    max-width: 100%;
  }

  .tf__video_text h4 {
    font-size: 25px;
  }

  /* video end */

  /* blog start */
  .tf__single_blog_text .title {
    font-size: 20px;
  }

  .tf__single_blog_text {
    padding: 25px 15px 15px 15px;
  }

  .tf__single_blog_img {
    /* height: 220px; */
  }

  /* blog end*/

  /* footer start */
  .tf__footer_logo_area .footer_logo {
    max-width: 160px;
  }

  .tf__footer_content h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .tf__copyright p {
    margin-bottom: 10px;
  }

  .tf__copyright ul li a {
    margin-left: 0;
    margin-right: 20px;
  }

  /* footer end */

  /* scroll button start */
  .tf__scroll_btn {
    right: -20px;
    font-size: 13px;
  }

  /* scroll button end */

  .tf__about_top_text_center h4 {
    font-size: 20px;
  }

  .tf__single_blog_text .category {
    padding: 5px 20px !important;
    font-size: 14px;
  }

  /*==================================
        HOME PAGE END
    ==================================*/

  /*==================================
        ABOUT PAGE START
    ==================================*/
  .tf__breadcrumb_text h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }

  .tf__breadcrumb {
    padding-top: 150px;
    padding-bottom: 80px;
  }

  .tf__breadcrumb .container::after {
    width: 100px;
    height: 105px;
    top: 45px;
    right: 15px;
  }

  .tf__about_2_img .tf__about_large {
    width: 300px;
    height: 300px;
  }

  .tf__about_2_img .tf__about_small {
    width: 100px;
    height: 100px;
    border: 5px solid var(--colorWhite);
  }

  .tf__about_2_text {
    margin-top: 90px;
  }

  .tf__about_2_img p {
    border-radius: 70px;
    bottom: -70px;
    left: 0;
  }

  .tf__about_2_text p {
    max-width: 100%;
  }

  .tf__about_2_text ul {
    max-width: 100%;
  }

  .tf__about_2_text ul li .text {
    width: 75%;
  }

  .tf__about_us_counter p span {
    min-width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

  .tf__about_us_counter p {
    text-align: center;
  }

  .tf__about_us_counter {
    justify-content: center;
    border-radius: 10px;
  }

  .tf__about_us_counter a {
    margin-top: 15px;
  }

  .tf__single_courses_text {
    padding: 15px 20px 20px 20px;
  }

  .tf__single_course_header li {
    width: 100%;
    margin-bottom: 5px;
  }

  .tf__single_course_header {
    padding: 8px 20px 10px 20px;
  }

  .tf__single_courses_text .title {
    font-size: 20px;
  }

  .tf__single_courses_img .categories {
    padding: 5px 20px !important;
    font-size: 14px;
  }

  .tf__popular_service_single h3 {
    font-size: 20px;
  }

  .tf__single_courses_img {
    height: 220px;
  }
  .tf__about_us_page.mt_195.xs_mt_100 {
    margin-top: 100px;
  }
  /*==================================
        ABOUT PAGE END
    ==================================*/

  /*==================================
        BLOG DETAILS START
    ==================================*/
  .tf__blog_details_img,
  .tf__courses_details_img,
  .tf__blog_details_center_img {
    height: 220px;
  }

  .tf__blog_details_text h3 {
    font-size: 20px;
  }

  .tf__details_quot_text {
    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .tf__details_quot_text h4 {
    font-size: 20px;
  }

  .tf__details_quot_text::after {
    bottom: 5px;
    right: 20px;
    font-size: 35px;
  }

  .tf__single_comment_text {
    max-width: 100%;
  }

  .tf__single_comment_text span {
    font-size: 14px;
  }

  .tf__single_comment_text span a {
    font-size: 15px;
  }

  .tf__single_comment_img {
    margin-bottom: 10px;
  }

  .tf__single_comment.reply {
    margin-left: 0px;
  }

  .tf__comment_reply {
    padding: 20px;
    margin-bottom: 25px;
  }

  .tf__sidebar_certificate {
    padding: 20px;
  }

  .sidebar_item {
    padding: 20px 20px 0px 20px;
  }

  .tf__sidebar_blog.sidebar_item {
    padding-bottom: 0;
  }

  .tf__sidebar_blog ul li .text {
    max-width: 58%;
  }

  .tf__sidebar_blog ul li .text a {
    font-size: 14px;
  }

  .tf__sidebar_tags {
    padding-bottom: 0;
  }

  .tf__sidebar_apply {
    height: 350px;
  }

  .tf__sidebar_apply a {
    padding: 12px 30px;
  }

  .tf__blog_comment h3 {
    font-size: 20px;
  }

  .tf__comment_reply h3 {
    font-size: 20px;
  }

  .tf__sidebar_certificate h3 {
    font-size: 20px;
  }

  .sidebar_item h3 {
    font-size: 20px;
  }

  /*==================================
        BLOG DETAILS END
    ==================================*/

  /*==================================
        CONTACT START
    ==================================*/
  .tf__contact_text {
    padding: 25px 20px 0px 20px;
    margin-top: 25px;
  }

  .tf__contact_single .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    margin-right: 10px;
  }

  .tf__contact_single .text {
    max-width: 72%;
  }

  .tf__contact_single .text h3 {
    font-size: 18px;
  }

  .tf__contact_single .text a,
  .tf__contact_single .text p {
    font-size: 16px;
  }

  .tf__contact_single {
    margin-bottom: 20px;
  }

  .tf__contact_form p {
    width: 100%;
  }

  .tf__contact_map {
    height: 300px;
  }

  /*==================================
        CONTACT END
    ==================================*/

  /*==================================
        COURSE DETAILS START
    ==================================*/
  .tf__courses_details_header .text li {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    border: none;
  }
  .tf__courses_details_header.d-flex.flex-wrap.align-items-center {
    justify-content: center;
  }
  .tf__courses_details_header {
    padding: 30px;
  }

  .tf__courses_det_text .nav li {
    width: 33.33%;
  }

  .tf__courses_det_text .nav li button {
    font-size: 15px;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }

  .tf__course_overview ul li,
  .tf__course_overview ol li {
    width: 100%;
  }

  .tf__courses_details_area {
    margin-bottom: 25px;
  }

  .tf__course_instructor_img {
    height: 290px;
  }

  .tf__courses_review .tf__single_comment_text h4 span {
    font-size: 12px;
  }

  .tf__courses_review .tf__comment_reply p span {
    display: block;
  }

  .tf__courses_review .tf__comment_reply p i {
    margin-left: 0;
    margin-right: 5px;
  }

  .tf__courses_details_header .text {
    width: 100%;
  }

  /*==================================
        COURSE DETAILS END
    ==================================*/

  /*==================================
        ERROR PAGE START
    ==================================*/
  .tf__error_text .img {
    width: 280px;
    height: 300px;
  }

  .tf__error_text h4 {
    font-size: 25px;
  }

  /*==================================
        ERROR PAGE END
    ==================================*/

  /*==================================
        EVENT DETAILS START
    ==================================*/
  .tf__event_details_img,
  .tf__event_det_center_img {
    height: 270px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }

  .tf__event_details_text {
    margin-right: 0;
  }

  .tf__event_details_text h2,
  .tf__event_details_text h3 {
    font-size: 20px;
  }

  .tf__event_details_text .location li {
    margin-bottom: 10px;
  }

  .tf__event_det_center_text {
    max-width: 100%;
  }

  /*==================================
        EVENT DETAILS END
    ==================================*/

  /*==================================
        SERVICES START
    ==================================*/
  .tf__single_services {
    padding: 35px 60px;
  }

  .tf__single_services h3 {
    font-size: 20px;
    margin-top: 50px;
  }

  /*==================================
        SERVICES END
    ==================================*/

  /*==================================
        TEAM DETAILS START
    ==================================*/
  .tf__team_details_img,
  .tf__single_team_img {
    height: 300px;
  }

  .tf__team_details_text h3 {
    font-size: 20px;
    margin-top: 25px;
  }

  .tf__team_details_text p {
    padding: 20px;
  }

  .tf__team_description ul li {
    width: 100%;
  }

  .tf__counter_area ul li.tf__single_counter {
    width: 100%;
    border-right: 0;
  }

  .tf__counter_area {
    padding: 25px 0px;
  }

  .tf__single_team_text .title {
    font-size: 20px;
  }

  .tf__team_page::before,
  .tf__team_page::after {
    display: none;
  }

  /*==================================
        TEAM DETAILS END
    ==================================*/

  /*==================================
        HOME PAGE 2 START
    ==================================*/
  .tf__topbar_right > ul {
    justify-content: center;
  }

  .tf__topbar_right .tf__other_language {
    left: auto;
    right: 0;
  }

  .main_menu_2 .navbar-brand {
    width: 120px;
    height: 40px;
    display: block;
  }

  .main_menu_2 .navbar-toggler {
    margin-right: 0;
  }

  .main_menu_2 .main_menu_2_area {
    height: auto;
    text-align: center;
  }

  .tf__topbar {
    position: relative;
    z-index: 9999;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .main_menu_2 {
    background: var(--colorWhite);
    padding: 10px 0px;
    position: fixed;
  }

  .main_menu_2 .navbar-nav .nav-item {
    margin-left: 0;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link {
    text-align: center;
  }

  .main_menu_2 .navbar-nav .nav-item .nav-link::after {
    display: none;
  }

  .main_menu_2 .navbar-nav {
    line-height: 55px;
    background: var(--colorWhite);
    border-top: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 5px;
  }

  .main_menu_2 .common_btn_2 {
    margin-bottom: 15px;
  }

  .tf__banner_text {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .tf__home_2_about_img {
    height: 280px;
    margin-right: 0;
  }

  .tf__home_2_about_text p {
    width: 100%;
    margin-bottom: 35px;
  }

  .tf__upcoming_event::after {
    display: none;
  }

  .tf__counter2_overlay {
    padding: 25px 0px;
  }

  .tf__team_2::after,
  .tf__team_2::before {
    display: none;
  }

  .tf__single_blog_2_img {
    width: 100%;
  }

  .tf__blog_2 .tf__single_blog_img,
  .tf__single_blog_2_img {
    height: 220px;
  }

  .tf__single_blog_text_2 {
    width: 100%;
    padding: 25px 20px 15px 15px;
  }

  .tf__footer_apply h3 {
    font-size: 25px;
  }

  .tf__footer_apply p {
    width: 100%;
  }

  .tf__footer_apply .tf__footer_apply_overlay {
    padding: 90px 20px 42px 20px;
  }

  .tf__footer_2 .tf__footer_content,
  .tf__footer_2 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  .tf__footer_2 .tf__copyright {
    margin-top: -15px;
  }

  .tf__scroll_btn_2 {
    right: 10px !important;
    bottom: 10px !important;
  }

  .tf__skills_bar_single {
    width: 100%;
  }

  .tf__home_2_about_text {
    margin-top: 25px;
  }

  .tf__banner_2 {
    margin-top: 0;
    height: auto;
  }

  .tf__banner_2 .tf__banner_text {
    padding-top: 158px;
    padding-bottom: 203px;
  }

  /*==================================
        HOME PAGE 2 END
    ==================================*/

  /*==================================
        HOME PAGE 3 START
    ==================================*/
  .main_menu_3 {
    position: fixed;
    top: 50px;
  }

  .main_menu_3 .navbar-nav {
    margin-top: 7px;
  }

  .home_3 .tf__banner_text {
    margin-top: 10px;
    margin-bottom: 57px;
  }

  .tf__banner_3 .tf__banner_text::before {
    display: none;
  }

  .tf__study_contact_text {
    padding: 110px 0px 30px 0px;
  }

  .tf__study_contact_text .text {
    width: 100%;
    padding-right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .tf__counter_3_area {
    padding: 20px;
  }

  .home_3 .tf__counter_3_area::before {
    display: none;
  }

  .tf__counter_3_area::after {
    display: none;
  }

  .tf__counter_3 .tf__counter_area ul li.tf__single_counter {
    width: 100%;
  }

  .tf__counter_3 .tf__counter2_overlay {
    padding: 20px 0px 0px 0px;
  }

  .tf__team_3::before {
    display: none;
  }

  .tf__contact_3_area {
    padding: 20px;
    background-position: center left !important;
  }

  .tf__contact_3_text h2,
  .tf__contact_3_text h2 span {
    font-size: 25px;
  }

  .tf__contact_3_text {
    margin-bottom: 25px;
  }

  .home_3 .tf__counter_3 {
    margin-top: -140px;
  }

  .tf__contact_3_text p {
    width: 100%;
  }

  .tf__footer_3 .tf__footer_content,
  .tf__footer_3 .tf__footer_logo_area {
    margin-bottom: 50px;
  }

  /*==================================
        HOME PAGE 3 END
    ==================================*/

  /*==================================
        LOGIN START
    ==================================*/
  .tf__login_area {
    padding: 25px;
  }

  .tf__login_area h2 {
    font-size: 23px;
  }

  .tf__login_area .form-check label {
    font-size: 14px;
  }

  .tf__login_imput a {
    font-size: 14px;
  }

  /*==================================
        LOGIN END
    ==================================*/

  .tf__pricacy_policy {
    margin-bottom: -25px;
  }
}
@media (max-width: 400px) {
  .tf__single_category_text {
    max-width: 85%;
  }
  .tf__breadcrumb .container::after {
    top: 105px;
  }
  .tf__courses_det_text .nav .nav-item a {
    margin-right: 20px;
  }
  .tf__banner {
    padding: 130px 0 90px;
  }
  .tf__banner_text h5 {
    font-size: 15px;
  }
  .tf__banner_text h1 {
    font-size: 50px;
  }
  .tf__banner_text p {
    font-size: 15px;
  }
  .tf__heading_area h2 {
    font-size: 30px;
  }
}


/*# sourceMappingURL=14fab94cde5604b2.css.map*/