/*  Desktop */
@media (min-width: 1921px) {
  .cps-form-section {
    justify-content: flex-start;
  }

  .Reviews-ratings-sec .fc-card-sidebar {
    flex: 1;
    margin-left: 48px;
  }
}

@media all and (min-width: 1601px) and (max-width: 1920px) {}

@media (max-width: 1880px) {
  .coaches-bar-line-left {
    left: -7%;
  }

  .coaches-bar-line-rgt {
    right: -7%;
  }
}

@media (max-width: 1600px) {
  .procoach-txt ul li::before {
    right: -45px;
  }

  .cps-gender-btn {
    min-width: auto;
    max-width: 100%;
  }

  .cps-gender-btn svg {
    min-width: 20px;
  }

  .coaches-bar-line-left,
  .coaches-bar-line-rgt {
    display: none;
  }
}

/* Laptop */
@media (max-width: 1440px) {
  .coaches-bar-line-rgt {
    transform: translate(0%, -50%);
  }

  .coaches-bar-line-left {
    transform: translate(0%, -50%);
  }

  .procoach-txt {
    padding: 10px;
  }

  .procoach-txt ul li::before {
    right: -30px;
  }

  /* .procoach-txt ul li::before{display: none;} */
}

@media (max-width: 1399px) {
  .te-download img {
    max-width: 112px;

  }

  .fcp-bottom {
    align-items: self-start;
    flex-direction: column;
    gap: 10px;
  }

  .company-hero {
    height: 586px;
  }

}

@media (max-width: 1366px) {
  .procoach-txt ul li::before {
    display: none;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
  .coaches-bar {
    max-width: 100%;
    justify-content: center;
    grid-gap: 20px;
  }

  .coaches-bar-line-rgt,
  .coaches-bar-line-left {
    width: 22%;
  }

  .coaches-item span {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
  }

  .coaches-item span svg {
    width: 24px;
    height: 24px;
  }

  .coaches-item h2 {
    font-size: 16px;
  }

  .coachprofile-setup-section {
    padding-top: 70px;
  }

  .coach-img-data {
    bottom: 0;
  }

  .cps-title {
    font-size: 22px;
  }

  .cps-card {
    padding: 25px;
  }

  .cps-step-row {
    margin-bottom: 16px;
  }

  .coachprofile-setup-section .sports-bx {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .sport-item {
    padding: 10px;
  }

  .cps-gender-group {
    flex-wrap: wrap;
  }

  .cps-gender-btn {
    min-width: 120px;
    padding: 10px 15px;
  }

  .PaddingPx {
    padding: 130px 0 60px;
  }

  /* .manageCoachProfile .img_wrapper {
    height: auto;
    min-height: 380px;
  } */

  /* .manageCoachProfile .coach-img-data,
  .manageCoachProfile .premium-sidebar-container .coach-img-data {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    max-height: none;
    overflow: visible;
    padding: 30px 20px;
    transform: none;
  } */

  /* Messages */
  body.message-page main {
    padding-top: 77px !important;
  }
}

@media (max-width: 1199px) {

  .premium-card-main {
    padding: 30px 20px;
  }

  .premium-title-large {
    font-size: 30px;
  }

  .premium-check-circle {
    width: 90px;
    height: 90px;
  }

  .premium-vertical-divider {
    height: 150px;
    margin: 0 15px;
  }

  .premium-card-right {
    width: 130px;
  }

  .te-inner {
    padding: 0 30px 0 30px;
    gap: 15px;
  }

  .te-heading {
    font-size: 26px;
  }

  main {
    padding: 77px 0 0;
  }

  .support-banner {
    padding: 76px 0;
  }

  .support-banner h2 {
    font-size: 28px;
  }

  .support-banner p {
    font-size: 14px;
  }

  .bcf-feat-lbl {
    font-size: 12px;
  }

  .bcf-feat-col {
    gap: 8px;
    padding-right: 12px;
  }

  .bcf-banner-icon {
    width: 42px;
    height: 42px;
  }

  .bcf-banner-icon svg {
    width: 24px;
  }

  .bcf-banner-item {
    font-size: 12px;
  }

  .bcf-card-body {
    padding: 20px 14px;
  }

  .bcf-card-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px 18px;
  }

  .bcf-stats-row {
    padding: 0 0px 14px;
  }

  .bcf-coach-name {
    font-size: 22px;
  }

  .bcf-coach-role {
    font-size: 13px;
  }

  .bcf-coach-loc {
    font-size: 11px;
  }

  .bcf-tag {
    padding: 6px 12px;
    font-size: 10px;
  }

  .bcf-stat-val {
    font-size: 20px;
  }

  .bcf-stat-val svg {
    width: 14px;
  }

  .bcf-stat-lbl {
    font-size: 10px;
  }

  .bcf-dark-banner {
    padding: 14px 12px;
  }

  .bcf-banner-title {
    font-size: 14px;
  }

  .bcf-banner-line {
    width: 60px;
    height: 2px;
    margin: 12px 0;
  }

  .bcf-ribbon-text {
    font-size: 12px;
  }

  .crd-info-title {
    font-size: 28px;
  }

  .crd-feat-item {
    gap: 10px;
  }

  .fcp-meta {
    gap: 8px;
    flex-direction: column;
  }

  .about-dark-item {
    padding: 0 30px;
    gap: 8px;
  }

  .about-dark-item span {
    font-size: 14px;
  }

  .about-dark-item-icon svg {
    width: 32px;
    height: 32px;
  }

  .feature-item {
    padding-right: 8px;
    margin-right: 8px;
  }

  .feature-icon {
    width: 46px;
    height: 46px;
    min-height: 46px;
    min-width: 46px;
  }

  .feature-icon svg {
    width: 28px;
    height: 28px;
  }

  .feature-text h6 {
    font-size: 16px;
  }

  .feature-text p {
    font-size: 14px;
  }

  .company-hero {
    height: 530px;
    padding: 96px 0 60px;
  }

  .growth-banner-card {
    padding: 16px 20px;
    gap: 20px;
  }

  .growth-banner-img {
    max-width: 150px;
  }

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

  .growth-banner-text p {
    font-size: 12px;
  }

  .growth-banner-price .price-amount {
    font-size: 24px;
  }

  .growth-banner-price .price-unit {
    font-size: 12px;
  }

  .growth-banner-price .price-subtext {
    font-size: 12px;
  }

  .growth-banner-guarantee span {
    font-size: 11px;
  }

  .p-feature-list {
    padding: 15px 16px;
  }

  .p-card-header {
    gap: 12px;
    padding: 24px 15px;
  }

  .p-card-title {
    font-size: 18px;
  }

  .p-card-subtitle {
    font-size: 12px;
  }

  .p-price-pill {
    padding: 8px 10px;
  }

  .p-feature-text h6 {
    font-size: 14px;
  }

  .p-icon-box svg {
    width: 24px;
    height: 24px;
  }

  .p-feature-left {
    gap: 10px;
  }

  .p-bottom-banner-light,
  .p-bottom-banner-premium {
    padding: 12px 12px;
    margin-top: 16px;
    gap: 12px;
  }

  .p-bottom-banner-premium .crown-circle-icon,
  .p-bottom-banner-light .gift-icon-wrap {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }

  .p-bottom-banner-premium .crown-circle-icon svg,
  .p-bottom-banner-light .gift-icon-wrap svg {
    width: 24px;
    height: 24px;
  }

  .p-bottom-banner-premium h5 {
    font-size: 15px;
  }

  .p-bottom-banner-light h6 {
    font-size: 15px;
  }

  .benefit-grid-item h6 {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .bc-heading {
    font-size: 28px;
  }

  .bc-img {
    max-width: 360px;
  }

  .te-heading {
    font-size: 26px;
  }

  .te-phone-img {
    width: 130px;
  }

  .fc-layout {
    grid-template-columns: 230px 1fr;
    gap: 24px;
  }

  .fc-heading {
    font-size: 26px;
  }

  .ws-heading {
    font-size: 32px;
  }

  .pg-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cs-grid {
    grid-template-columns: 1fr;
  }

  .cs-card--featured .cs-card__img {
    height: auto;
  }

  .cs-small-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Coach Prodile setup */
  .procoach-txt {
    padding: 0;
  }

  .procoach-txt h3 {
    font-size: 24px;
  }

  .procoach-txt p {
    font-size: 14px;
  }

  .procoach-txt ul li {
    font-size: 14px;
  }

  .procoach-txt ul li span svg {
    width: 18px;
    height: 18px;
  }

  .procoach-txt ul li::before {
    display: none;
  }

  /* Sidebar */
  .profile-sidebar__card {
    padding: 15px;
  }

  .profile-sidebar {
    gap: 15px;
  }

  .profile-sidebar__card-title {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .profile-sidebar__card-desc {
    margin-bottom: 12px;
  }

  .profile-sidebar__cta,
  .profile-sidebar__login {
    padding: 10px 15px;
  }

  /* Meet */
  .cs-small-grid-3 {
    grid-template-columns: repeat(2, 1fr);
    aspect-ratio: 2 / 2;
  }

  .manageCoachProfile .procoach-txt .procoach-list1 li {
    font-size: 12px;
  }

  .manageCoachProfile .procoach-txt h3 {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }

  .manageCoachProfile .procoach-txt .procoach-list2 li h6 {
    font-size: 12px;
  }

  .manageCoachProfile .procoach-txt .procoach-list2 li p {
    font-size: 10px;
  }

  .manageCoachProfile .procoach-txt .procoach-list2 {
    margin-top: 14px;
  }

  .manageCoachProfile .procoach-txt .procoach-list1 {
    gap: 12px;
    margin-bottom: 14px;
  }

  .te-content::after {
    height: 100%;
    margin: 0;
  }

  /* Message */
  .chat-details-panel {
    display: none !important;
  }

  .pps-card-basic {
    transform: translateX(-20px) scale(0.9);
  }

  .pps-card-premium {
    margin-left: -30px;
    width: 320px;
  }

  .StatsBar {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  br {
    display: none;
  }

  main {
    padding: 77px 0 0;
  }

  .pg-section,
  .fc-section,
  .ws-section,
  .tm-section,
  .ws-section,
  .fcp-container,
  .noti-section {
    padding: 30px 0;
  }

  .te-section {
    padding: 70px 0 30px;
  }

  .hero-content h1 {
    font-size: 40px;
  }

  .hero-content p {
    font-size: 20px;
  }

  .icon svg {
    width: 25px;
    height: 25px;
  }

  .search-card {
    justify-content: flex-start;
    gap: 15px;
    padding: 15px;
  }

  .search-card .field {
    flex: 0 0 calc(50% - 7.5px);
    min-width: calc(50% - 7.5px);
    padding: 5px;
  }

  .search-card .field:first-child {
    padding-left: 0;
  }

  .search-card .field+.field {
    border-left: none;
  }

  .search-card .black-btn {
    width: 100%;
    justify-content: center;
    margin-top: 8px;
  }

  .coaches-bar-line-rgt,
  .coaches-bar-line-left {
    display: none;
  }

  .coaches-bar {
    justify-content: space-between;
  }

  .fc-eyebrow,
  .ws-eyebrow {
    font-size: 12px;
  }

  .ws-heading,
  .tm-heading,
  .bc-heading {
    font-size: 22px;
    margin: 0 auto 12px;
    text-align: center;
  }

  .ws-bg-text {
    font-size: 160px;
  }



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

  .modal-bx .modal-footer button,
  .modal-bx .modal-footer a {
    min-width: auto;
  }

  .cancel-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  /* Featured Coaches */
  .inrhero-section,
  .meethero-section {
    padding: 120px 0 50px;
    background-position: top center;
  }

  .sup-title {
    font-size: 14px;
    margin: 0 0 10px;
    display: block;
  }

  .inrhero-txt h1 {
    font-size: 30px;
    margin: 0 0 10px;
  }

  .inrhero-txt p {
    font-size: 15px;
  }

  .fcp-grid {
    grid-template-columns: 1fr;
  }

  .fcp-banner h2 {
    font-size: 26px;
  }

  .fcp-banner p {
    font-size: 15px;
  }


  .fcp-meta {
    gap: 12px;
    flex-direction: row;
  }

  .fcp-bottom {
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }

  .company-hero {
    height: 370px;
    padding: 96px 0 60px;
  }

  .growth-banner-guarantee {
    align-items: center;
  }

  .growth-platform-left h2 {
    font-size: 24px;
  }

  .growth-platform-callout span {
    font-size: 14px;
  }

  .upgrade-reasons-card,
  .roi-calculator-box {
    padding: 24px 16px;
  }
}

@media (max-width:991px) {

  .profile_wrapper,
  .support_wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .profile-info label {
    gap: 15px;
  }

  .profile-info .upload-profile {
    width: 80px;
    height: 80px;
  }

  .modal-bx .modal-header h5 {
    font-size: 20px;
  }

  .manageCoachProfile .cps-form-section {
    height: auto;
  }

  .cps-card {
    margin-bottom: 0;
  }

  .premium-card-main {
    flex-direction: column;
    padding: 30px;
  }

  .premium-vertical-divider {
    width: 100%;
    height: 1px;
    margin: 25px 0;
  }

  .premium-card-left {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .top-banner-sec {
    padding: 120px 0 50px;
  }

  .te-content {
    padding: 10px 20px;
  }

  /* Message */
  .chat-sidebar {
    width: 100% !important;
    display: flex !important;
  }



  .chat-container.show-chat .chat-sidebar {
    display: none !important;
  }

  .chat-container.show-chat .chat-panel {
    display: flex !important;
  }

  .chat-back-btn {
    display: block !important;
  }

  .msg-content-wrapper {
    max-width: 80% !important;
  }

  .chat-messages-area {
    padding: 16px !important;
  }

  .chat-input-area {
    padding: 12px 16px 16px !important;
  }

  .support_SidebAr {
    border-right: none;
    padding-right: 0px;

  }

  /* Coaching Profile */
  .coach-flow {
    overflow: auto;
    height: auto;
  }

  .coachprofile-setup-section .sports-bx {
    max-height: 100%;
    grid-template-columns: repeat(2, 1fr);
  }

  .cps-card {
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    flex-shrink: 0;
    padding: 28px 24px 24px;
  }

  .coachprofile-setup-section .progress {
    position: fixed;
    bottom: 66px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
  }

  .cps-continue-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 12px 20px;
    z-index: 10;
  }

  .cps-form-section {
    height: calc(100dvh - 70px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 24px 20px 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
  }

  /* Find Coaches */
  .fc-main-grid-section .row {
    flex-direction: column;
  }

  .fc-filter-card {
    padding: 16px;
    margin-bottom: 24px;
  }

  .fc-filter-header {
    margin-bottom: 0;
    border-bottom: none;
    cursor: pointer;
    padding-bottom: 0;
  }

  /* Expanded filter sidebar style */
  .fc-filter-card.expanded .fc-filter-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
  }

  /* Collapse other items by default on mobile/tablet */
  .fc-filter-card:not(.expanded)> :not(.fc-filter-header) {
    display: none !important;
  }

  /* Expand/Collapse Chevron Indicator */
  .fc-filter-header::after {
    content: "";
    width: 12px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%230A0A0A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    transition: transform 0.3s;
    margin-left: 10px;
  }

  .fc-filter-card.expanded .fc-filter-header::after {
    transform: rotate(180deg);
  }

  /* Coach Card for Tablet */
  .fc-coach-card {
    flex-direction: column;
    gap: 16px;
  }

  .fc-card-img-wrap {
    width: 100%;
    height: auto;
  }

  .fc-card-body {
    padding: 0;
    margin: 6px 0;
  }

  .fc-card-sidebar {
    width: 100%;
    border-left: none;
    border-top: 1px solid #F0F0F0;
    padding-left: 0;
    padding-top: 16px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
  }

  .fc-price-value {
    margin-bottom: 0;
  }

  .ficoach-section {
    padding: 130px 0 30px;
  }

  .pps-content {
    max-width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }


  .pps-cta-group {
    justify-content: center;
  }

  .pps-visual-wrap {
    min-height: auto;
    margin-bottom: 20px;
  }

  .pps-feat-item:not(.pps-feat-last)::after {
    display: none;
  }

  .bcf-features-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .bcf-feat-col:not(.bcf-feat-last)::after {
    display: none;
  }

  .bcf-banner-features {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .bcf-title {
    font-size: 28px;
  }

  .about-dark-item {
    padding: 0 12px;
  }

  .about-dark-item span {
    font-size: 13px;
  }

  .feature_Grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .feature-item {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
  }

  .about-dark-bar {
    margin-top: 20px;
  }

  .movement-banner-text h4 {
    font-size: 24px;
  }

  .movement-banner-icon svg {
    width: 52px;
  }

  .movement-banner-text p {
    font-size: 14px;
  }

  .timeline-step {
    grid-template-columns: 1fr;
  }

  .step-desc-body {
    gap: 20px;
  }

  .movement-banner {
    padding: 28px 24px;
    gap: 15px;
  }


  .contact-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .map-overlay-card {
    position: relative;
    top: auto;
    left: auto;
    margin: 20px;
  }

  .stats-bar-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pitch-deck-slider-box {
    padding: 16px 0 0;
  }

  .contact_sec .support_wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .contact-map-content {
    padding: 20px 15px;
  }

  .contact-map-content .d-flex {
    flex-direction: column;
    gap: 10px;
  }

  .contact-map-address br {
    display: block;
  }

  .contact-map-address {
    font-size: 12px;
    margin-bottom: 4px;
  }

  .contact-map-title {
    font-size: 16px;
  }

  .contact-map-link {
    font-size: 14px;
    gap: 4px;
  }

  .contact-map-icon {
    width: 34px;
    height: 34px;
    margin-right: 12px;
  }

  .contact-map-icon svg {
    width: 24px;
    height: 24px;
  }

  .contact-map-banner {
    height: 270px;
    border-radius: 12px;
  }

  .contact_icon {
    width: 60px;
    height: 50px;
  }

  .contact_info_txt h6 {
    font-size: 16px;
  }

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

  .contact_info_txt p {
    font-size: 14px;
  }

  .cps-step-badge {
    width: auto;
  }


}


@media (max-width: 768px) {
  .bc-inner {
    flex-direction: column;
    align-items: center;
    gap: 0;
    min-height: auto;
    border-radius: 20px;
    padding: 30px;
  }

  .bc-image {
    width: 100%;
    align-self: auto;
  }

  .te-inner {
    flex-wrap: wrap;
    padding: 24px;
    gap: 15px;
    justify-content: center;
    text-align: center;
  }

  .te-phone-wrap {
    order: -1;
  }

  .te-content {
    padding: 0;
    flex-basis: 100%;
  }

  .te-heading {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .te-desc {
    font-size: 15px;
  }

  .te-content::after {
    display: none;
  }

  .te-download {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .fc-layout {
    grid-template-columns: 1fr;
  }

  .fc-intro {
    text-align: center;
  }

  .fc-all-btn {
    margin: 0 auto;
  }

  .fc-carousel.owl-carousel .owl-nav {
    display: none !important;
  }

  .black-btn {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    font-size: 14px;
    padding: 10px 20px;
  }

  .grenish-btn {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    display: flex;
  }

  .te-phone-img {
    height: auto;
    width: auto;
  }

  /* Coaching profile */
  .cps-card,
  .couch-type {
    max-width: 100%;
  }

  .coachprofile-setup-section .sports-bx {
    max-height: 100%;
    grid-template-columns: repeat(2, 1fr);
  }

  .cps-row {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 14px;
  }

  .cps-card {
    padding: 22px 18px 18px;
    border-radius: 14px;
  }

  .cps-step-row {
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
  }

  .cps-title {
    font-size: 18px;
  }

  .cps-continue-bar {
    padding: 12px 20px;
    width: 100%;
  }

  .cps-continue-btn {
    width: 100%;
    text-align: center;
    padding: 13px 24px;
  }

  .cps-gender-group {
    width: 100%;
  }

  .cps-gender-btn {
    flex: 1;
    justify-content: center;
  }

  .coachprofile-setup-section .progress {
    bottom: 67px;
    ;
  }

  /* Couch Sports Interest */
  .sport-name {
    font-size: 14px;
  }

  .sport-item {
    padding: 10px 15px;
  }

  .review-item {
    padding: 14px;
  }

  .availability-grid {
    grid-template-columns: 1fr;
  }

  .grenish-btn {
    padding: 10px 15px;
    font-size: 15px;
  }

  .bc-desc {
    font-size: 14px;
    text-align: center;
  }

  /* Featured coaches */
  .fcp-card {
    flex-direction: column;
  }

  .fcp-card-img {
    width: 100%;
    max-width: none;
  }

  .fcp-card-info {
    width: 100%;
  }

  .fcp-banner {
    padding: 30px;
  }

  .nike-logo {
    height: auto;
    object-fit: contain;
  }

  .fcp-banner h2 {
    font-size: 20px;
  }

  .fcp-banner p {
    font-size: 14px;
  }

  /* Notification */
  .no-item span {
    min-width: 80px;
    width: 80px;
    height: 80px;
  }

  .no-item span svg {
    width: 40px;
    height: 40px;
  }

  .cancel-btn {
    font-size: 14px;
    padding: 10px 20px;
  }

  .crd-info-title {
    font-size: 30px;
  }

  /*Coach Profile  */
  /* Coach Profile */
  .cp-gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 140px 140px;
  }

  .cp-gallery-item.item-main {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }

  .cp-gallery-item img {
    object-position: top;
  }

  .cp-sidebar-card,
  .cp-user-review-card,
  .cp-review-summary-card,
  .cp-cert-card,
  .cp-lang-pill {
    padding: 15px;
    border-radius: 12px;
  }

  .cp-availability-trigger {
    font-size: 14px;
    padding: 12px;
  }

  .cp-rating-bars {
    padding: 0;
  }

  .cp-rating-bars::before,
  .cp-rating-bars::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .tr-sports-list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }

  .pps-visual-wrap {
    justify-content: center;
    overflow: hidden;
  }

  .pps-card-basic {
    transform: translateX(-20px) scale(0.85);
  }

  .pps-card-premium {
    margin-left: -40px;
    width: 310px;
  }

  .pps-features-bar {
    padding-top: 30px;
  }

  .cp-video-large {
    height: 240px;
  }

  .feature-item-card {
    border-right: none;
    padding-right: 0;
  }

  .premium-cards-wrapper {
    grid-template-columns: 1fr;
  }

  .request-access-banner {
    padding: 30px 24px;
  }

  .request-banner-left {
    flex-direction: column;
    text-align: center;
  }

  .StatsBar {
    grid-template-columns: repeat(2, 1fr);
  }

  .pitch-nav-prev {
    left: 12px;
  }

  .pitch-nav-next {
    right: 12px;
  }

  .pitch-slider-dots-row {
    margin: 8px auto 0;
    width: 80%;
  }

  .company-hero {
    padding: 96px 0 30px;
  }



}

@media (max-width: 575px) {
  .search-card {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
  }

  .search-card .field {
    flex: 0 0 100%;
    min-width: 100%;
    width: 100%;
    border-left: none;
  }

  .search-card .field+.field {
    border-left: none;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
  }

  .search-card .black-btn {
    width: 100%;
    justify-content: center;
    margin-top: 4px;
  }

  .hero-content h1 {
    font-size: 28px;
  }

  .hero-content p {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .coaches-section {
    margin-bottom: 0;
  }

  .coaches-bar {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    grid-gap: 15px;
  }

  .te-download {
    flex-direction: column;
    gap: 10px;
  }

  .te-badges {
    gap: 10px;
  }

  /* couch sports interest */
  .couch-search-bar .form-control {
    padding: 10px 15px 10px 40px;
    font-size: 14px;
  }

  .couch-icon svg {
    width: 18px;
    height: 18px;
  }

  /* Coach publish */
  .upload-area,
  .certificate-item {
    padding: 15px;
    font-size: 15px;
  }

  .certification-bx ul li h6 {
    padding: 10px;
    font-size: 14px;
  }

  .certification-bx ul li a {
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  /* Featured Coaches */
  .fcp-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .fcp-card-img {
    width: 100%;
    height: auto;
  }

  .fcp-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .fcp-banner-content {
    padding-left: 20px;
  }

  /* notification */
  .notification-bx h3 {
    font-size: 20px;
  }

  .no-item h4 {
    font-size: 18px;
  }

  .no-item p {
    font-size: 14px;
  }

  .notification-bx ul li {
    padding: 12px;
  }

  .notification-bx ul li h6 {
    white-space: nowrap;
  }

  .noti-lft {
    flex-direction: column;
    align-items: flex-start;
  }

  .Ac_profile_sec .lG_BTN .auth-btn {
    max-width: 100%;
  }

  .PaddingPx {
    padding: 110px 0 40px;
  }

  .modal-bx .modal-content {
    background: #fff;
    padding: 20px 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }

  .modal-bx .modal-header h5 {
    font-size: 19px;
  }

  .modal-bx .modal-footer {
    grid-gap: 12px;
  }

  .modal-bx .modal-footer button,
  .modal-bx .modal-footer a {
    min-width: 120px;
  }

  .te-section {
    padding: 50px 0 30px;
  }

  .pg-title {
    font-size: 22px;
  }

  .pg-card__overlay {
    padding: 12px;
  }

  .pg-card__icon {
    width: 28px;
    height: 28px;
  }

  .pg-card__icon svg {
    width: 18px;
    height: 18px;
  }

  .pg-card__label {
    font-size: 12px;
  }

  header .navbar .brand img {
    width: 120px;
  }

  .nav-profile img {
    width: 30px;
    height: 30px;
  }

  .top-banner-sec {
    padding: 80px 0 30px;
  }

  .become-lft {
    grid-gap: 8px;
  }

  .coach-txt p {
    font-size: 11px;
  }

  .coach-txt h3 {
    font-size: 13px;
  }

  .progress-wrapper .progress-text {
    font-size: 10px;
  }

  .grow-txt h3 {
    font-size: 13px;
  }

  .grow-txt p {
    font-size: 11px;
  }

  .tr-sports-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .training-preference-sec {
    padding: 15px 0;
  }

  /* Message */
  body.message-page main {
    padding-top: 46px !important;
  }

  .chat-header-avatar {
    width: 38px;
    height: 38px;
  }

  .chat-header {
    padding: 10px;
  }

  .chat-role-tabs {
    margin: 12px 12px 0 12px;
  }

  .chat-search-wrapper {
    padding: 12px;
  }

  .py_60 {
    padding: 40px 0;
  }

  .inviteCoach-card .invite-coach-title {
    font-size: 27px;
  }

  main {
    padding: 46px 0 0;
  }

  .support-banner {
    padding: 40px 0;
  }

  .support-banner h2 {
    font-size: 24px;
  }

  .accordion-button {
    font-size: 14px;
    padding: 15px;
  }

  .support_SidebAr ul li a {
    padding: 16px 12px;
    margin-bottom: 12px;
  }

  .support_SidebAr ul li a h6 {
    font-size: 14px;
  }

  .support_SidebAr ul li a p {
    font-size: 10px;
  }

  .upload_item .custom-upload-icon h6 {
    font-size: 10px;
  }

  .upload_item .custom-upload-icon p {
    font-size: 10px;
  }

  .upload_item .custom-upload-icon svg {
    width: 30px;
    height: 30px;
  }

  /* Find Coaches */
  /* Coach Card for Mobile */
  .fc-coach-card {
    padding: 12px;
  }

  .fc-card-img-wrap {
    width: 100%;
    height: auto;
  }

  .fc-card-sidebar {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .fc-action-btn {
    width: 100%;
    flex: none;
  }

  .fc-results-header {
    align-items: stretch;
  }

  .fc-results-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .fc-search-area-box {
    width: 100%;
  }

  .fc-sort-group {
    width: 100%;
  }

  .fc-sort-btn {
    flex: 1;
    text-align: center;
  }

  .fc-page-num,
  .fc-page-dots,
  .fc-page-arrow {
    width: 35px;
    height: 35px;
  }

  /* Coach Profile */
  .cp-gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 160px 120px 120px;
    gap: 10px;
  }

  .become_banner {
    padding: 100px 0 30px;
  }

  .bcf-icon-circle {
    width: 40px;
    height: 40px;
  }

  .bcf-feat-lbl {
    max-width: 100%;
  }

  .bcf-ribbon-tag {
    padding: 12px 12px;
  }

  .bcf-ribbon-tag::after {
    border-top: 16px solid;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    bottom: -15px;
  }

  .bcf-verified-top {
    font-size: 12px;
    gap: 6px;
  }

  .bcf-verified-top .ICOn {
    width: 32px;
    height: 32px;
  }

  .bcf-verified-top .ICOn svg {
    width: 24px;
    height: 24px;
  }

  .bcf-stat-val {
    font-size: 18px;
  }

  .bcf-banner-features {
    gap: 10px;
  }

  .bcf-banner-icon {
    width: 32px;
    height: 32px;
  }

  .bcf-banner-icon svg {
    width: 18px;
    height: 18px;
  }

  .bcf-cta-wrap {
    gap: 12px;
    flex-direction: column;
    justify-content: center !important;
  }

  .pps-avatar-wrap {
    width: 80px;
    height: 80px;
    margin: 0 0 12px 0;
  }

  .pps-avatar-verified {
    width: 20px;
    height: 20px;
    border: 0px solid #FFFFFF;
  }

  .pps-coach-name {
    font-size: 16px;
    gap: 5px;
  }

  .pps-coach-role {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .pps-rating {
    margin-bottom: 10px;
  }

  .pps-premium-badge {
    font-size: 13px;
    gap: 5px;
  }

  .pps-content {
    margin-bottom: 0px;
  }

  .pps-visual-wrap {
    padding: 0px 0;
  }

  .pps-card {
    padding: 14px 12px 0 12px;
  }

  .pps-card {
    margin-left: -55px;
    width: 280px !important;
  }

  .pps-card:not(.active) {
    left: 50px !important;
  }

  .crd-info-title {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .Writereview-btn {
    max-width: fit-content;
  }

  .review_stars svg {
    width: 20px;
  }

  .modal-sm,
  .modal_md {
    max-width: 320px;
  }

  .feature_Grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about-dark-bar {
    margin-top: 6px;
  }

  .about-dark-bar-inner {
    align-items: self-start;
    flex-direction: column;
  }

  .about-dark-item {
    border-right: none;
  }

  .btn_groups {
    flex-direction: column;
  }

  .movement-banner {
    gap: 12px;
  }

  .movement-banner-icon svg {
    width: 40px;
  }

  .movement-banner-text h4 {
    font-size: 18px;
  }

  .movement-banner-text p {
    font-size: 12px;
  }

  .movement-banner {
    padding: 16px 12px;
    gap: 10px;
  }

  .step_Icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
  }

  .step_Icon svg {
    width: 24px;
    height: 24px;
  }

  .step-number-badge {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    font-size: 13px;
  }

  .step-desc-wrapper h3 {
    font-size: 18px;
  }

  .step-desc-wrapper p {
    font-size: 12px;
  }

  .step-desc-wrapper {
    gap: 8px;
  }

  .step-desc-body {
    gap: 14px;
  }

  .timeline-step {
    gap: 20px;
    grid-template-columns: 1fr;

  }

  .timeline-steps {
    gap: 24px;
  }

  .ForCoaches-card {
    border-radius: 16px;
    padding: 24px 14px;
  }

  .stats-bar-grid {
    grid-template-columns: 1fr;
  }

  .inrhero-txt h1 {
    font-size: 24px;
  }

  .inrhero-txt p {
    font-size: 12px;
  }

  .StatsBar {
    grid-template-columns: repeat(1, 1fr);
  }

  .pitch-nav-btn {
    width: 26px;
    height: 26px;
  }

  .ficoach-section {
    padding: 90px 0 30px;
  }


}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 480px) {
  .cps-form-section {
    padding: 16px 12px 110px;
  }

  .cps-card {
    padding: 18px 14px;
    margin-top: auto;
    margin-bottom: auto;
    flex-shrink: 0;
  }

  .cps-title {
    font-size: 18px;
  }

  .cps-subtitle {
    font-size: 14px;
  }

  .cps-input,
  .cps-select,
  .cps-textarea {
    font-size: 13px;
    padding: 10px 12px;
  }

  .cs-small-grid,
  .cs-small-grid-3 {
    aspect-ratio: auto;
    grid-template-columns: repeat(1, 1fr);
  }

  /* Couch Profile setup */
  .coachprofile-setup-section .sports-bx {
    grid-template-columns: repeat(1, 1fr);
  }

  .company-hero {
    height: 300px;
    padding: 96px 0 30px;
  }


}

@media (max-width: 374px) {
  .pps-card {
    width: 230px !important;
  }

  .modal-sm,
  .modal_md {
    max-width: 300px;
  }

  .fcp-meta {
    flex-direction: column;
  }

}

/* ============================================================
   RESPONSIVE CHAT / CONVERSATIONS PAGE
   ============================================================ */
@media(min-width:1899px) {
  .coaches-bar1 {
    max-width: 930px;

  }
}