.pt-80 {
  padding-top: 80px;
}
@media (max-width: 992px) {
  .pt-80 {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .pt-80 {
    padding-top: 32px;
  }
}


@media (max-width: 992px) {
  .pb-80 {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .pb-80 {
    padding-bottom: 32px;
  }
}

/*-------------------------
  Headings
-------------------------*/
.gym-trainers .heading_1 {
  margin-bottom: 40px;
}
.gym-trainers .heading_1 h2 {
  line-height: 1;
  font-weight: 700;
  font-size: 48px;
  color: var(--color-primary);
  padding-left: 64px;
  position: relative;
  z-index: 50;
}
.gym-trainers .heading_1 h2::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  z-index: -5;
  background-color: #d6d8db;
  width: 195px;
  height: 18px;
}
@media (max-width: 992px) {

  .gym-trainers .heading_1 h2::after {
    bottom: 15px;
    width: 165px;
    height: 24px;
  }
}
@media (max-width: 492px) {
  .gym-trainers .heading_1 h2 {
    padding-left: 32px;
    word-wrap: break-word;
  }
  .gym-trainers .heading_1 h2::after {
    bottom: 13px;
    width: 100px;
    height: 20px;
  }
}

.gym-trainers .container {
  position: relative;
  z-index: 15;
}
.gym-trainers .container .content {
  position: relative;
  z-index: 25;
}
.gym-trainers .container .content .row {
  justify-content: center;
}
@media (max-width: 1199px) {
  .gym-trainers .container .content .trainer-box {
    margin-bottom: 30px;
  }
}
.gym-trainers .container .content .trainer-box img {
  border-radius: 25px;
  box-shadow: 42px 42px 24px rgba(0, 0, 0, 0.01),
    24px 24px 20px rgba(0, 0, 0, 0.03), 11px 11px 15px rgba(0, 0, 0, 0.04),
    3px 3px 8px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.gym-trainers .container .content .trainer-box .name {
  margin: 16px 0 8px;
  font-size: 24px;
  color: #333;
}
.gym-trainers .container .content .trainer-box .about {
  display: flex;
  justify-content: space-between;
}
.gym-trainers .container .content .trainer-box .about p {
  font-size: 18px;
  color: #333;
  margin-bottom: 0;
  flex: 1;
}
@media (max-width: 492px) {
  .gym-trainers .container .content .trainer-box .about p {
    font-size: 18px;
  }
}
.gym-trainers .container .content .trainer-box .about .social-icons {
  /* float: right; */
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  max-width: 106px;
}
.gym-trainers .container .content .trainer-box .about .social-icons li {
  text-align: right;
  display: inline;
  margin-right: 12px;
}
@media (max-width: 992px) {
  .gym-trainers .container .content .trainer-box .about .social-icons li {
    margin-right: 10px;
  }
}
.gym-trainers
  .container
  .content
  .trainer-box
  .about
  .social-icons
  li:last-child {
  margin-right: 0;
}
.gym-trainers .container .content .trainer-box .about .social-icons li i {
  color: #afb1b6;
  font-size: 24px;
}
@media (max-width: 992px) {
  .gym-trainers .container .content .trainer-box .about .social-icons li i {
    font-size: 22px;
  }
}
@media (max-width: 492px) {
  .gym-trainers .container .content .trainer-box .about .social-icons li i {
    font-size: 20px;
  }
}
.gym-trainers .container .content .trainer-box .about .social-icons li i:hover {
  color: var(--color-primary);
}



@media screen and (max-width: 1500px) {
  .gym-trainers .heading_1 h2{font-size: 40px;}
}
@media screen and (max-width: 1440px) {
  .gym-trainers .heading_1 h2{font-size: 36px;}
}
@media screen and (max-width: 1281px) {
  .gym-trainers .heading_1 h2{font-size: 34px;}
  .gym-trainers .container .content .trainer-box .name{font-size: 22px;}
  .gym-trainers .container .content .trainer-box .about p {font-size: 16px;}
}
@media screen and (max-width: 1171px) {
  .gym-trainers .heading_1 h2{font-size: 30px;}
}
@media screen and (max-width: 992px) {
  .gym-trainers .heading_1 h2{font-size: 26px;}
  .gym-trainers .container .content .trainer-box .name{font-size: 20px;}
  .gym-trainers .container .content .trainer-box .about p {font-size: 14px;}
}
@media screen and (max-width: 768px) {
  .gym-trainers .heading_1 h2{font-size: 24px;}
  .gym-trainers .container .content .trainer-box .name{font-size: 18px;}
}
@media screen and (max-width: 480px) {
  .gym-trainers .heading_1 h2{font-size: 22px;}
  .gym-trainers .container .content .trainer-box .name{font-size: 16px;}
}