/*
   
TemplateMo 548 Training Studio

https://templatemo.com/tm-548-training-studio

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

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

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16.2px; /* <-- Изменено */
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14.2px; /* <-- Изменено */
  line-height: 25px;
  color: #7f7f7f; /* <-- Изменено */
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

::selection {
  background: #3e3bed; /* <-- Изменено */
  color: #fff;
}

::-moz-selection {
  background: #3e3bed; /* <-- Изменено */
  color: #fff;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.section-heading {
  text-align: center;
  margin-top: 140px;
  margin-bottom: 80px;
}

.section-heading h2 {
  font-size: 28px; /* <-- Изменено */
  font-weight: 800;
  color: #2a3440; /* <-- Изменено */
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-heading h2 em {
  font-style: normal;
  color: #3e3bed; /* <-- Изменено */
}

.section-heading img {
  margin: 20px auto;
}

.dark-bg h2 {
  color: #fff;
}

.dark-bg p {
  color: #fff;
}

.main-button a {
  display: inline-block;
  font-size: 15px; /* <-- Изменено */
  padding: 12px 20px;
  background-color: #3e3bed; /* <-- Изменено */
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button a:hover {
  background-color: #f05d44; /* <-- Изменено */
}


/* 
---------------------------------------------
header
--------------------------------------------- 
*/

.background-header {
  background: rgba(250,250,250,0.98) !important;
  height: 80px!important;
  position: fixed!important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.15)!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #2a3440!important; /* <-- Изменено */
}

.background-header .main-nav .nav li:hover a {
  color: #3e3bed!important; /* <-- Изменено */
}

.background-header .nav li a.active {
  color: #3e3bed!important; /* <-- Изменено */
}

.header-area {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 80px;
  background: rgba(250,250,250,0.1);
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  line-height: 80px;
  color: #131313;
  font-size: 32px; /* <-- Изменено */
  font-weight: 800;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo em {
  font-style: normal;
  color: #3e3bed; /* <-- Изменено */
  font-weight: 900;
}

.header-area .main-nav .logo img {
  max-width: 220px;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-area .main-nav .logo span {
  color: #00008B; /* Dark Blue */
}

.background-header .main-nav .logo img {
  margin-top: 10px;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 27px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 13.2px; /* <-- Изменено */
  color: #7f7f7f; /* <-- Изменено */
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li a {
  color: #fff;
}


.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #3e3bed!important; /* <-- Изменено */
  opacity: 1;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #3e3bed!important; /* <-- Изменено */
  opacity: 1;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 23px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #1e1e1e;
}

.header-area.header-sticky {
  min-height: 80px;
}

.header-area.header-sticky .nav {
  margin-top: 20px !important;
}

.header-area.header-sticky .nav li a.active {
  color: #3e3bed; /* <-- Изменено */
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .header-area .main-nav .logo {
    color: #1e1e1e;
  }
  .header-area.header-sticky .nav li a:hover,
  .header-area.header-sticky .nav li a.active {
    color: #3e3bed!important; /* <-- Изменено */
    opacity: 1;
  }
  .header-area {
    background-color: #f7f7f7;
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-left: 30px;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eee;
  }
  .header-area .main-nav .nav li:last-child {
    width: 100%;
    background-color: #3e3bed; /* <-- Изменено */
    color: #fff;
  }

  .header-area.header-sticky .nav {
    margin-top: 80px !important;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #2a3440 !important; /* <-- Изменено */
  }

  .header-area .main-nav .nav li a:hover {
    background: #eee !important;
    color: #3e3bed!important; /* <-- Изменено */
  }
  .header-area .main-nav .nav li.submenu ul {
    position: relative;
    visibility: inherit;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    top: 0px;
    width: 100%;
    box-shadow: none;
    height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
    font-size: 12.2px; /* <-- Изменено */
    font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
    height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
    color: #3B566E;
    right: 25px;
    font-size: 14.2px; /* <-- Изменено */
    top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
    height: 0px;
  }
}

@media (min-width: 767px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}

/* 
---------------------------------------------
banner
--------------------------------------------- 
*/

.main-banner {
  position: relative;
  background-image: url(../images/homepage.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay {
    position: absolute;
    background-color: rgba(35,45,57,0.84); /* <-- Изменено */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-banner .caption {
  text-align: center;
  position: relative;
  width: 80%;
  z-index: 2;
}

.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 18.2px; /* <-- Изменено */
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.5px;
}

.main-banner .caption h1 {
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 44px; /* <-- Изменено */
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

.main-banner .caption h1 em {
  font-style: normal;
  color: #3e3bed; /* <-- Изменено */
  font-weight: 900;
}

/*
---------------------------------------------
features
---------------------------------------------
*/

#features {
  margin-bottom: 80px;
}

.feature-item {
  display: inline-block;
  margin-bottom: 60px;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.feature-item .left-icon img {
  float: left;
  margin-right: 30px;
}

.feature-item .right-content {
  display: inline;
}

.feature-item .right-content h4 {
  margin-top: 0px;
  margin-bottom:  7px;
  letter-spacing: 0.25px;
  color: #2a3440; /* <-- Изменено */
  font-size: 19.2px; /* <-- Изменено */
  font-weight: 600;
  text-transform: capitalize;
}

.feature-item .right-content a.text-button {
  margin-top: 7px;
  display: inline-block;
  font-size: 13.2px; /* <-- Изменено */
  text-transform: uppercase;
  color: #3e3bed; /* <-- Изменено */
  font-weight: 500;
}

/*
---------------------------------------------
subscribe
---------------------------------------------
*/

#call-to-action {
  padding: 120px 0px;
  background-image: url(../images/cta-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.cta-content h2 {
  font-size: 36px; /* <-- Изменено */
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  letter-spacing: 1px;
}

.cta-content h2 em {
  font-style: normal;
  color: #3e3bed; /* <-- Изменено */
}

.cta-content p {
  font-size: 16.2px; /* <-- Изменено */
  color: #fff;
  margin: 15px 0px 25px 0px;
}



/*
--------------------------------------------
Our Classes
--------------------------------------------
*/

#our-classes {
  margin-bottom: 140px;
}

#tabs ul {
  margin: 0;
  padding: 0;
}
#tabs ul li {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
#tabs ul li:last-child {
  margin-bottom: 0px;
}
#tabs ul li a {
  text-transform: capitalize;
  width: 100%;
  padding: 30px 30px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  border-radius: 8px;
  font-size: 19.2px; /* <-- Изменено */
  color: #2a3440; /* <-- Изменено */
  letter-spacing: 0.5px;
  font-weight: 600;
  transition: all 0.3s;
}
#tabs .main-rounded-button a {
  text-align: center;
  padding: 20px 30px;
  width: 100%;
  border-radius: 8px;
  display: inline-block;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  color: #fff;
  font-size: 19.2px; /* <-- Изменено */
  letter-spacing: 0.5px;
  font-weight: 600;
  background-color: #3e3bed; /* <-- Изменено */
}
#tabs .main-rounded-button a:hover {
  background-color: #f05d44; /* <-- Изменено */
}
#tabs ul li a img {
  max-width: 100%;
  margin-right: 20px;
}
#tabs ul .ui-tabs-active span {
  background: #faf5b2;
  border: #faf5b2;
  line-height: 90px;
  border-bottom: none;
}
#tabs ul .ui-tabs-active a {
  color: #3e3bed; /* <-- Изменено */
}
#tabs ul .ui-tabs-active span {
  color: #1e1e1e;
}
.tabs-content {
  margin-left: 30px;
  text-align: left;
  display: inline-block;
  transition: all 0.3s;
}
.tabs-content img {
  max-width: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.tabs-content h4 {
  font-size: 23px; /* <-- Изменено */
  font-weight: 700;
  color: #2a3440; /* <-- Изменено */
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.tabs-content p {
  font-size: 14.2px; /* <-- Изменено */
  color: #7f7f7f; /* <-- Изменено */
  margin-bottom: 28px;
}


/* 
---------------------------------------------
schedule
--------------------------------------------- 
*/

#schedule {
  padding: 0px 0px 140px 0px;
  background-image: url(../images/schedule-bg.avif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#schedule table {
  width: 100%;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2); /* <-- Изменено */
  border-collapse: collapse;
}

#schedule table thead {
  background-color: rgba(237, 86, 59, 0.4); /* <-- Изменено */
}

#schedule table th {
  padding: 20px 10px; /* <-- Изменено */
  color: #fff;
  font-size: 14.2px; /* <-- Изменено */
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  border: 1px solid rgba(255, 255, 255, 0.2); /* <-- Изменено */
}

#schedule table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* <-- Изменено */
}

#schedule table tbody tr td {
  border: 1px solid rgba(255, 255, 255, 0.2); /* <-- Изменено */
  padding: 20px 10px; /* <-- Изменено */
  color: #fff;
  font-size: 13.2px; /* <-- Изменено */
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0.25px;
  transition: all 0.3s;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* <-- Добавлено */
}

#schedule table tbody tr:hover td {
  background-color: rgba(255, 255, 255, 0.15); /* <-- Изменено */
}

#schedule table tbody tr td:first-child {
  font-weight: 600;
  color: #3e3bed; /* <-- Изменено */
}


/* 
---------------------------------------------
trainers
--------------------------------------------- 
*/

#trainers .trainer-item {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  padding: 40px;
}

#trainers .trainer-item img {
  width: 100%;
  border-radius: 5px;
}

#trainers .trainer-item span {
  font-size: 13.2px; /* <-- Изменено */
  font-weight: 500;
  color: #3e3bed; /* <-- Изменено */
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 10px;
}

#trainers .trainer-item h4 {
  font-size: 19.2px; /* <-- Изменено */
  font-weight: 600;
  color: #2a3440; /* <-- Изменено */
  letter-spacing: 0.5px;
  margin-bottom: 18px;
}

#trainers .trainer-item p {
  margin-bottom: 20px;
}

#trainers .trainer-item ul.social-icons li {
  display: inline-block;
  margin-right: 12px;
}

#trainers .trainer-item ul.social-icons li:last-child {
  margin-right: 0px;
}

#trainers .trainer-item ul.social-icons li a {
  color: #2a3440; /* <-- Изменено */
  transition: all .3s;
}

#trainers .trainer-item ul.social-icons li a:hover {
  color: #3e3bed; /* <-- Изменено */
}


/* 
---------------------------------------------
contact
--------------------------------------------- 
*/

#contact-us {
  margin-top: 140px;
}

#contact-us .container-fluid .col-lg-6 {
  padding: 0px;
}

#contact-us .contact-form {
  padding: 80px;
  background-image: url(../images/contact-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#contact-us .contact-form #contact {
  background-color: #fff;
  padding: 40px;
  border-radius: 5px;
}

.contact-form input,
.contact-form textarea {
  color: #7f7f7f; /* <-- Изменено */
  font-size: 13.2px; /* <-- Изменено */
  border: 1px solid #ddd;
  background-color: #fff;
  width: 100%;
  height: 40px;
  outline: none;
  line-height: 40px;
  padding: 0px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 30px;
}

.contact-form textarea {
  height: 150px;
  resize: none;
}

.contact-form ::-webkit-input-placeholder { /* Edge */
  color: #7f7f7f; /* <-- Изменено */
}

.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #7f7f7f; /* <-- Изменено */
}

.contact-form ::placeholder {
  color: #7f7f7f; /* <-- Изменено */
}

.contact-form button {
  display: inline-block;
  font-size: 13.2px; /* <-- Изменено */
  padding: 11px 17px;
  background-color: #3e3bed; /* <-- Изменено */
  color: #fff;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
  outline: none;
  margin-top: -8px;
}

.contact-form button:hover {
  background-color: #f05d44; /* <-- Изменено */
}




/* 
---------------------------------------------
footer
--------------------------------------------- 
*/
footer {
  text-align: center;
  padding: 30px 0px;
}

footer p {
  color: #2a3440; /* <-- Изменено */
  font-size: 13.2px; /* <-- Изменено */
}

footer p a {
  cursor: pointer;
  color: #3e3bed; /* <-- Изменено */
}

footer p a:hover {
  color: #3e3bed; /* <-- Изменено */
}

/* 
---------------------------------------------
About Us / SEO Content
---------------------------------------------
*/

#about-us {
  margin-top: 80px;
  margin-bottom: 80px;
}

.about-content {
  text-align: left;
}

.about-content .text-block {
  margin-bottom: 50px;
}

.about-content .text-block:last-child {
  margin-bottom: 0;
}

.about-content h3 {
  font-size: 22.2px; /* <-- Изменено */
  font-weight: 700;
  color: #2a3440; /* <-- Изменено */
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  position: relative;
  padding-bottom: 10px;
}

.about-content h3::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 3px;
  background-color: #3e3bed; /* <-- Изменено */
}

.about-content p {
  font-size: 15.2px; /* <-- Изменено */
  line-height: 1.8;
  color: #5a5a5a;
  margin-bottom: 20px;
}


/* 
---------------------------------------------
responsive
--------------------------------------------- 
*/


@media (max-width: 992px) {

  .main-banner .caption h2 {
    font-size: 64px; /* <-- Изменено */
  }
  #features {
    margin-bottom: 110px;
  }
  #features .feature-item {
    margin-bottom: 30px;
  }
  #our-classes .tabs-content {
    margin-left: 0px;
    margin-top: 30px;
  }
  .trainer-item {
    margin-bottom: 30px;
  }
  #contact-us #map {
    margin-bottom: -7px;
  }
  #contact-us .contact-form {
    padding: 30px;
  }
  #contact-us .contact-form #contact {
    padding: 30px;
  }

}

@media (max-width: 450px) {
  .feature-item .right-content a.text-button {
    margin-left: 130px;
  }
}


/* 
---------------------------------------------
Articles / Guide Page
---------------------------------------------
*/

#articles {
  margin-top: 80px;
  margin-bottom: 80px;
}

.article-item {
  margin-bottom: 40px;
}

.article-link {
  display: block;
  text-decoration: none !important;
  color: inherit;
  height: 100%;
}

.article-link:hover {
  color: inherit;
  text-decoration: none;
}

.article-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 25px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  height: 100%;
  cursor: pointer;
  border: 1px solid #f0f0f0;
  position: relative;
}

.article-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3e3bed, #f05d44); /* <-- Изменено */
  z-index: 2;
}

.article-link:hover .article-card {
  transform: translateY(-8px);
  box-shadow: 0px 15px 40px rgba(0,0,0,0.15);
  border-color: #e0e0e0;
}

.article-image {
  overflow: hidden;
  height: 200px;
  position: relative;
}

.article-image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #3e3bed, #f05d44); /* <-- Изменено */
  z-index: 1;
}

.article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.article-link:hover .article-image img {
  transform: scale(1.08);
}

.article-content {
  padding: 30px 25px 25px 25px;
  display: flex;
  flex-direction: column;
  height: 280px;
  background: #fff;
  position: relative;
  z-index: 1;
}

.article-category {
  font-size: 12.2px; /* <-- Изменено */
  font-weight: 700;
  color: #3e3bed; /* <-- Изменено */
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: inline-block;
  margin-bottom: 12px;
  background: rgba(237, 86, 59, 0.1);
  padding: 4px 12px;
  border-radius: 20px;
}

.article-content h4 {
  font-size: 18.2px; /* <-- Изменено */
  font-weight: 700;
  color: #2a3440; /* <-- Изменено */
  margin-bottom: 15px;
  line-height: 1.4;
  min-height: 50px;
}

.article-content p {
  font-size: 14.2px; /* <-- Изменено */
  line-height: 1.7;
  color: #5a5a5a;
  margin-bottom: 20px;
  flex-grow: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.article-meta {
  margin-top: auto;
  padding-top: 18px;
  border-top: 2px solid #f5f5f5;
  position: relative;
}

.article-meta::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 40px;
  height: 2px;
  background: #3e3bed; /* <-- Изменено */
}

.article-meta .text-button {
  font-size: 13.2px; /* <-- Изменено */
  font-weight: 600;
  color: #3e3bed; /* <-- Изменено */
  text-transform: uppercase;
  transition: all 0.3s;
  letter-spacing: 0.5px;
}

.article-meta .text-button:hover {
  color: #2a3440; /* <-- Изменено */
  transform: translateX(5px);
}

/* Добавляем отступы между карточками на мобильных */
@media (max-width: 767px) {
  .article-item {
    margin-bottom: 30px;
  }
  
  .article-content {
    padding: 25px 20px 20px 20px;
    height: auto;
    min-height: 280px;
  }
}

/* Article Page */
#article-content {
  margin-top: 80px;
  margin-bottom: 80px;
}

#article-content h1 {
  font-size: 36px; /* <-- Изменено */
  font-weight: 800;
  color: #2a3440; /* <-- Изменено */
  margin-bottom: 30px;
  text-align: center;
}

.article-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 40px;
  box-shadow: 0px 5px 25px rgba(0,0,0,0.08);
}

.article-text {
  font-size: 16.2px; /* <-- Изменено */
  line-height: 1.7;
  color: #5a5a5a;
}

.article-text h2 {
  font-size: 24px; /* <-- Изменено */
  font-weight: 700;
  color: #2a3440; /* <-- Изменено */
  margin: 40px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.article-text h3 {
  font-size: 20.2px; /* <-- Изменено */
  font-weight: 600;
  color: #2a3440; /* <-- Изменено */
  margin: 30px 0 15px 0;
}

.article-text h4 {
  font-size: 18.2px; /* <-- Изменено */
  font-weight: 600;
  color: #2a3440; /* <-- Изменено */
  margin: 25px 0 15px 0;
}

.article-text p {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  #article-content h1 {
    font-size: 28px; /* <-- Изменено */
  }
  
  .article-text h2 {
    font-size: 22.2px; /* <-- Изменено */
  }
  
  .article-text h3 {
    font-size: 18.2px; /* <-- Изменено */
  }
}

/* 
---------------------------------------------
FAQ Section
---------------------------------------------
*/

#faq {
  margin-bottom: 80px;
}

.faq-content {
  background: #fdfdfd; /* <-- Изменено */
  border-radius: 10px;
  box-shadow: 0px 5px 25px rgba(0,0,0,0.07); /* <-- Изменено */
  padding: 50px;
  border: 1px solid #f9f9f9; /* <-- Добавлено */
}

.faq-item {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f1f1f1; /* <-- Изменено */
}

.faq-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.faq-item h4 {
  font-size: 20px; /* <-- Изменено */
  font-weight: 700;
  color: #2a3440; /* <-- Изменено */
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
}

.faq-item h4::before {
  content: 'Q:';
  position: absolute;
  left: 0;
  color: #3e3bed; /* <-- Изменено */
  font-weight: 800;
  font-size: 18.2px; /* <-- Изменено */
}

.faq-item p {
  font-size: 15.2px; /* <-- Изменено */
  line-height: 1.7;
  color: #5a5a5a;
  margin-bottom: 0;
  padding-left: 25px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .faq-content {
    padding: 30px 20px;
  }
  
  .faq-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  
  .faq-item h4 {
    font-size: 18.2px; /* <-- Изменено */
    padding-left: 20px;
  }
  
  .faq-item p {
    padding-left: 20px;
  }
}

/* 
---------------------------------------------
Footer Styles
---------------------------------------------
*/

.footer-content {
    text-align: center;
    padding: 30px 0;
}

.social-icons {
    margin-bottom: 20px;
}

.social-icons a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #3e3bed; /* <-- Изменено */
    color: #fff;
    border-radius: 50%;
    margin: 0 10px;
    text-align: center;
    line-height: 40px;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    background-color: #2a3440; /* <-- Изменено */
    transform: translateY(-3px);
}

.footer-info {
    margin-bottom: 15px;
}

.footer-info p {
    display: inline-block;
    margin: 0 15px;
    font-size: 14.2px; /* <-- Изменено */
}

.footer-info a {
    color: #3e3bed; /* <-- Изменено */
    transition: all 0.3s;
}

.footer-info a:hover {
    color: #2a3440; /* <-- Изменено */
}

.copyright p {
  font-size: 13.2px; /* <-- Изменено */
  color: #7f7f7f; /* <-- Изменено */
  margin-bottom: 0;
}

/* Responsive footer */
@media (max-width: 768px) {
    .footer-info p {
        display: block;
        margin: 5px 0;
    }
    
    .social-icons {
        margin-bottom: 15px;
    }
    
    .social-icons a {
        margin: 0 5px;
    }
}

.testimonials-slider {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.testimonial-card {
    background: linear-gradient(135deg, #ffffff 0%, #f9fafe 100%); /* <-- Изменено */
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); /* <-- Изменено */
    border: 1px solid rgba(0, 0, 0, 0.02); /* <-- Изменено */
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.testimonial-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4a90e2, #6ab3f0); /* <-- Изменено */
}

.testimonial-card:hover {
    transform: translateY(-8px); /* <-- Изменено */
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.12); /* <-- Изменено */
}

.card-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.user-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    border: 3px solid #eef2f7; /* <-- Изменено */
}

.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-info h4 {
    margin: 0;
    font-size: 18.2px; /* <-- Изменено */
    font-weight: 600;
    color: #2d3748;
}

.user-info span {
    color: #718096;
    font-size: 14.2px; /* <-- Изменено */
}

.card-body p {
    color: #4a5568;
    line-height: 1.6;
    margin-bottom: 20px;
    font-style: italic;
    position: relative;
    padding-left: 20px;
}

.card-body p::before {
    content: '"';
    position: absolute;
    left: 0;
    top: -10px;
    font-size: 40px; /* <-- Изменено */
    color: #6ab3f0; /* <-- Изменено */
    font-family: Georgia, serif;
}

.card-footer {
    border-top: 1px solid #eef2f7; /* <-- Изменено */
    padding-top: 15px;
}

.rating {
    color: #fbbd24; /* <-- Изменено */
}

.rating .fa {
    margin-right: 2px;
}

.testimonials-stats {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.stat-item {
    text-align: center;
}

.stat-item h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #4a90e2;
    margin-bottom: 5px;
    background: linear-gradient(135deg, #4a90e2, #6ab3f0); /* <-- Изменено */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stat-item p {
    color: #718096;
    font-size: 14.2px; /* <-- Изменено */
    font-weight: 500;
}

@media (max-width: 768px) {
    .testimonials-slider {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .testimonials-stats {
        gap: 30px;
    }
    
    .stat-item h3 {
        font-size: 2.1rem;
    }
}

.privacy-content {
  line-height: 1.6;
  color: #333;
}

.privacy-title {
  text-align: center;
  margin-bottom: 2rem;
  color: #2a3440; /* <-- Изменено */
  font-weight: 700;
}

.privacy-section {
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #ecf0f1;
}

.privacy-section:last-of-type {
  border-bottom: none;
}

.privacy-subtitle {
  color: #2a3440; /* <-- Изменено */
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.35rem;
}

.privacy-intro {
  font-size: 1.15rem;
  color: #555;
  text-align: center;
  margin-bottom: 2rem;
  font-weight: 500;
}

.privacy-list {
  padding-left: 1.5rem;
  margin: 1rem 0;
}

.privacy-list li {
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.contact-info {
  background: #f8f9fa;
  padding: 1.5rem;
  border-radius: 8px;
  margin: 1rem 0;
}

.contact-info p {
  margin-bottom: 0.5rem;
}

.privacy-effective {
  text-align: center;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 2px solid #bdc3c7;
  font-style: italic;
  color: #7f8c8d;
}

@media (max-width: 768px) {
  .privacy-section {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }
  
  .privacy-subtitle {
    font-size: 1.25rem;
  }
  
  .contact-info {
    padding: 1rem;
  }
}