.tts-faq-container{
      padding: 10vh 5% 5vh;
}
.tts-faq-main-container{
        background: radial-gradient(circle at 50% 100%, #052b1d, #071a12, #000000);
}
.tts-faq-container h2{
  color: #000;
    font-family: sportize-semibold;
    font-size: 2.2vw;
    padding: 0;
    margin: 0 0 5vh;
    text-align: center;
}
  .tts-about-container {
    padding-top: 8.5vh;
}
  .tts-about-container h1 {
  text-transform: uppercase;
    padding: 0 1.6%;
    font-family: helvatica-bold;
    color: #000;
    font-size: 2.9vw;
    font-family: 'sportize-semibold';
    text-align: center;
    margin: 0 0 8vh 0;
}
  .customer_help_container {
    height: 40vh;
    width: 100%;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    gap: 1vw;
    padding: 1% 1.5%;
  }
  .customer_card {
height: 100%;
    width: 33.33%;
    padding: 0 2%;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2vw;
    background: #f5f5f5;
    border-radius: 10px;
    position: relative;
}
  .customer_card_details h1 {
     font-family: helvatica-regular;
    font-family: 'sportize-semibold';
       color: #1b1b1b;
    font-size: 1.6vw;
    margin-bottom: 1.8vw;
    text-transform: uppercase;
    padding: 0 1.6%;
    margin: 0 0 1vh 0;
}
  .customer_card_details p {
     font-family:helvatica-regular;
        color: #2e2e2e;
    font-size: 0.9vw;
    line-height: normal;
}
  .customer_card .customer_card_btn {
    width: 100%;
    height: 4.5vw;
    background:#fff;
    border-radius:10px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: all .3s linear;
}
  .customer_card .customer_card_btn:hover{
    background:#252525;
  }  .customer_card .customer_card_btn:hover a{
    color:#fff;
  }
  .customer_card .customer_card_btn a {
    color: #000;
    font-size: 0.9vw;
   font-family:helvatica-regular;
     transition: all .3s linear;
}
  .customer_card:after {
    content: "";
    display: block;
    position: absolute;
    left: 10%;
    z-index: -1;
    bottom: 0%;
    height: 10%;
    width: 80%;
    margin: 0 auto;
    box-shadow: 0 0 26px #0000004d;
    border-radius: 50%;
}
.form-section {
       padding: 5% 2.5% 3%;
}
  .tts-about-container .main-form {
    justify-content: center;
    align-items: center;
    height: 40vh;
}
  .main-form {
    height: 35vh;
    width: 100%;
    position: relative;
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 2%;
    background: #f5f5f5;
    border-radius:10px;
}
  .main-form .form-h1 {
     margin-bottom: .5vw;
    font-family: helvatica-regular;
    color:#1b1b1b;
    font-family: 'sportize-semibold';
    font-size: 1.8vw;
}
.main-form .form-p {
 width: 30%;
    font-family: helvatica-regular;
    color: #2e2e2e;
    font-size: 0.9vw;
    line-height: normal;
    text-align: center;
}
 .tts-about-container .main-form .form_btn {
    width: 30%;
    height: 4.5vw;
    background: #fff;
    border-radius:10px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: all .3s linear;
    margin-top: 2vw;
}
   .tts-about-container .main-form .form_btn:hover{
     background:#252525;
   }
   .tts-about-container .main-form .form_btn:hover a{
     color:#fff;
   }
  .tts-about-container .main-form .form_btn a {
    color: #000;
    font-size: 0.9vw;
     transition: all .3s linear;
   font-family:helvatica-regular;
}
.tts_answer_container {
width: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: 0;
    padding: 10vh 0 10vh;
}
.tts_answer_container .tts_answer {
    width: 45%;
    display: flex
;
    /* background: #f5f5f5; */
    border-radius: 10px;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5vh 3% 5vh;
    gap: 2vw;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgb(123 123 123 / 3%);
    border: 2px solid #0f2a1f;
}
  .tts_answer_details {
    text-align: center;
  }

.tts_answer_details h1 {
    color: #41aa5f;
    font-family: 'apercu-pro-medium';
    font-size: 1.5vw;
    padding: 0;
    margin: 0 0 3vh;
}
.tts_answer_details p {
font-family: 'apercu-pro-medium';
    color: #9e9e9e;
    font-size: 0.75vw;
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
}
.tts_answer_btn {
    width: 95%;
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 2vw;
}
  .tts_answer_btn a {
    text-decoration: none;
    font-family: "apercu-pro-medium";
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.7vw;
    width: 30%;
    height: 5.5vh;
    justify-content: center;
    display: flex
;
    align-items: center;
    background: #06271b;
    padding: 0 1.2vw;
    line-height: normal;
    border-radius: 3px;
    border: 1px solid #1e4e3a;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}
.tts_answer_btn a:hover {
    background: #41aa5f;
    color: #fff;
}

.tts-tabs {
display: flex
;
    flex-wrap: wrap;
    background: #000;
    justify-content: center;
    border-radius: 5px;
    padding: 12vh 2% 0;
    background: transparent;
    border-radius: 5px;
}

.tts-tabs input[type="radio"] {
  display: none;
}

.tts-tabs label {
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
    order: 1;
    display: block;
    cursor: pointer;
    color: #000;
    font-size: 1vw;
    width: fit-content;
    text-align: center;
    border-radius: 2px;
    transition: background ease 0.2s;
    position: relative;
    color: #818181;
    height: 5vh;
    padding: 0 1vw;
    font-family: 'apercu-pro-medium';
    transition: background-color .3s linear;
    text-transform: uppercase;
    font-size: 0.85vw;
    display: flex
;
    align-items: center;
    justify-content: start;
    cursor: pointer;
    align-items: center;
    justify-content: start;
    cursor: pointer;
    font-weight: 900;
}
  .tts-tabs input[type="radio"]:checked + label{
   color: #41aa5f;
  }
  .tts-tabs input[type="radio"]:checked + label::after{
content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 30%;
    height: 2px;
    transform: translate(-50%);
    background: #41aa5f;
    z-index: 1;
    font-weight: 600;
  }

.tts-tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    background: transparent;
}
.tts-extradiv {
    height: 3vh;
    width: 100%;
    /* background-color: #252525; */
    background: transparent;
}
  .tts-details-accordion{
border-radius: 7px;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #1e4e3a66;
}
.tts-tabs input[type="radio"]:checked + label + .tts-tab {
  display: block;
}


.tts-accordion-item {
    color: #8b8b8b;
    margin: 0;
    border-bottom: 1px solid #1e4e3a66;
}

.tts-accordion-item-header {
color: #a1a1a1;
    font-family: 'apercu-pro-medium';
    font-size: 0.8vw;
    min-height: 0;
    display: flex
;
    position: relative;
    cursor: pointer;
    /* height: 2.2vw; */
    align-items: center;
    padding: 1% 2% 1% 2%;
}
.tts-accordion-item-header.active{
  color: #41aa5f;
}
  .tts-accordion-item-header:after {
    content: "+";
    font-size: 1.5vw;
    position: absolute;
        font-family: helvatica-regular;
    right: 2%;
    font-weight: 500;
       color: #41aa5f;
}

.tts-accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.tts-accordion-item-body-content p{
  padding:0 2% 1.2vh;
}
.tts-accordion-item-body-content,
  .tts-accordion-item-body-content h3{
     color: #c0c0c0;
    font-size: 0.7vw;
    margin-bottom: 5px;
    padding: 0 3%;
    line-height: 1.5;
    opacity: 70%;
    font-family: 'apercu-pro-medium';
    display: block;
}

.tts-accordion-item-header.active:after {
  content:"-";
} 



@media screen and (max-width: 950px) {
  .tts-faq-container h2 {
    font-size: 3.5rem;
    margin: 0 0 2vh;
}
  .tts-faq-container {
    padding: 10vh 1% 5vh;
}
    .tts-about-container {
        padding-top: 10vh;
    }
    .tts-about-container h1 {
      font-size: 24px;
        margin: 0 0 4vh 0;
    }
    .tts-about-container .customer_help_container {
        margin-top: 10px;
        gap: 10px;
    }
      .customer_help_container {
        height: auto;
        width: 100%;
        align-items: start;
        gap: 6px;
        padding: 1% 2.5vw;
        flex-direction: column;
    }
    .customer_card {
        height: 100%;
        width: 100%;
        padding: 5% 3%;
        flex-direction: row;
        gap: 1.5vw;
    }
    .customer_card_details {
        width: 70%;
    }
    .tts-about-container h1 {
        font-size: 2.5rem;
    }
    .customer_card_details h1 {
               font-size: 14px;
        margin-bottom: 12px;
              text-align: start;
    }
    .tts-about-container .customer_help_container .customer_card .customer_card_details p {
          font-size: 10px;
        line-height: normal;
        padding-left: 2%;
    }
    .customer_card .customer_card_btn {
        width: 30%;
        height: 38px;
        border-radius: 5px;
    }
      .customer_card .customer_card_btn a {
        font-size: 10px;  
    }
    .form-section .main-form {
        margin: 0;
    }
    .tts-about-container .main-form {
        height: auto;
    }
    .form-section .main-form .form-h1 {
        padding-left: 3%;
    }
    .tts-about-container .main-form .form-h1 {
        margin-bottom: 5px;
        font-size: 14px;
       text-align: start;
        width: 100%;
    }
    .form-section .main-form .form-p {
        padding-left: 3%;
    }
    .tts-about-container .main-form .form-p {
        text-align: start;
        margin-top: .5vw;
        width: 100%;
        font-size: 10px;
    }
    .tts-about-container .main-form .form_btn {
        width: 40%;
        height: 38px;
        border-radius: 5px;
    }
    .tts-about-container .main-form .form_btn a {
        font-size: 10px;
    }

    .main-form {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 3% 1.5%;
        margin: 4% 0;
    }

.tts-tabs{
      /* margin: 6vw 1.5%; */
}

.tts-tabs label{
height: 35px;
        /* padding: 1% 1.5%; */
        align-items: center;
        justify-content: center;
        font-size: 9px;
        margin-right: 0;
        margin: 0 0 1.3vh 0;
}
    .tts_answer_container {
        /* margin: 5vw 0; */
         height: auto;
    }
    .tts_answer_container .tts_answer {
        width: 97%;
        padding: 5% 2%;
        gap: 15px;
    }
    .tts_answer_details {
        text-align: start;
    }
    .tts_answer_details h1 {
        font-size: 14px;
       text-align: start;
        margin-bottom: 10px;
        padding: 0 1.6%;
                margin: 0 0 2vh;
    }
    .tts_answer_container .tts_answer .tts_answer_details p {
              padding-left: 5px;
        text-align: start;
                margin: 0 0 1vh;
    }
    .tts_answer_details p {
        font-size: 10px;
    }
      .tts_answer_btn {
        gap: 20px;
                justify-content: start;
            width: 97%;
    }
      .tts_answer_btn a {
        width: 30%;
        height: 38px;
        border-radius: 5px;
        font-size: 10px;
    }
    .tts-extradiv {
        height: 5px;
    }
.tts-accordion-item-header{
          font-size: 10px;
        min-height: 45px;
          padding-right: 5%;
          align-items: center;
}

.tts-accordion-item-body-content,
  .tts-accordion-item-body-content h3{
 font-size: 9px;
        padding: 4% 3% 4% 4%; 
}
.tts-about-container .accordion-item-body-content a {
    text-decoration: none;
    cursor: pointer;
    color: #000;
}
  .tts-accordion-item-header:after {
    font-size: 14px;
}
 
}