@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.tm_faq_block {
  background: #fff7ed;
  padding: 70px 65px;
  border-radius: 40px;
  display: flex;
}
@media (max-width: 1023px) {
  .tm_faq_block {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .tm_faq_block {
    display: block;
  }
}
.tm_faq_block .tm_faq_left {
  flex: 0 0 430px;
}
@media (max-width: 1023px) {
  .tm_faq_block .tm_faq_left {
    flex: 0 0 320px;
  }
}
.tm_faq_block .tm_faq_right {
  flex: 1 1 auto;
  display: flex;
}
@media (max-width: 767px) {
  .tm_faq_block .tm_faq_right {
    display: none;
  }
}
.tm_faq_block .tm_faq_title {
  padding: 28px 58px 26px;
  position: relative;
  font-size: 16px;
  color: #626262;
  line-height: 1.235;
  border-radius: 10px 0 0 10px;
  transition: all 0.3s;
  cursor: pointer;
  font-weight: 700;
}
.tm_faq_block .tm_faq_title i {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 38px;
  height: 38px;
  margin: auto;
  box-shadow: 0px 4px 7px 0px rgba(121, 121, 121, 0.15);
  transition: all 0.3s;
  border-radius: 50%;
  background: #fff;
  left: -13px;
}
.tm_faq_block .tm_faq_title i:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' id='Flat' viewBox='0 0 256 256' height='512' width='512'%3E%3Cpath fill='%23cccccc' d='M127.99951,24A104.02776,104.02776,0,0,0,36.811,178.0415L28.26318,207.957a16.00075,16.00075,0,0,0,19.78028,19.7793l29.916-8.54688A104.00718,104.00718,0,1,0,127.99951,24Zm0,192a87.87857,87.87857,0,0,1-44.9082-12.30518,7.99563,7.99563,0,0,0-6.28613-.81591L43.648,212.35156l9.47266-33.15576a7.99974,7.99974,0,0,0-.81641-6.28662A88.011,88.011,0,1,1,127.99951,216Zm40-104a8.00039,8.00039,0,0,1-8,8h-64a8,8,0,1,1,0-16h64A8.00039,8.00039,0,0,1,167.99951,112Zm0,32a8.00039,8.00039,0,0,1-8,8h-64a8,8,0,1,1,0-16h64A8.00039,8.00039,0,0,1,167.99951,144Z'/%3E%3C/svg%3E") 50% no-repeat;
  background-size: 24px;
}
.tm_faq_block .tm_faq_title:after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  background: #dfdfdf;
  height: 1px;
  top: 0;
}
.tm_faq_block .tm_faq_title:first-child:after {
  display: none;
}
.tm_faq_block .tm_faq_title.active {
  background-color: white;
  color: #000;
}
.tm_faq_block .tm_faq_title.active > i {
  background: #3b82f6;
}
.tm_faq_block .tm_faq_title.active > i:before {
  background: url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' viewBox='0 0 24 24' height='512' fill='%23fff' width='512'%3E%3Cpath d='M12.59552,8.1052856c-1.3356934-0.3458862-2.6988525,0.4564819-3.0447388,1.7921753c-0.0690308,0.2675171,0.0918579,0.5403442,0.359375,0.609375s0.5403442-0.0918579,0.609375-0.359375c0.126709-0.4932251,0.4951172-0.8884277,0.9782104-1.0494995c0.7857666-0.2619629,1.6350708,0.1627197,1.8969727,0.9484253c0.2619629,0.7857666-0.1626587,1.6350708-0.9484253,1.8969727c-0.6036377,0.2243042-0.9979858,0.8074341-0.9814453,1.4511719v0.628479c0.0001221,0.276001,0.223999,0.4996338,0.5,0.4994507h0.0005493c0.276001-0.0001831,0.4996338-0.223999,0.4994507-0.5v-0.6279297c-0.0135498-0.2148438,0.1074219-0.4155884,0.3037109-0.5039062c0.7988892-0.2697754,1.4077759-0.9243774,1.6191406-1.7406616C14.7335815,9.8143311,13.9311523,8.4511719,12.59552,8.1052856z M11.9646606,15.3973999c-0.3452148,0-0.625,0.2798462-0.625,0.625s0.2797852,0.625,0.625,0.625c0.3451538,0,0.625-0.2798462,0.625-0.625S12.3098145,15.3973999,11.9646606,15.3973999z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z'/%3E%3C/svg%3E") 50% no-repeat;
  background-size: 30px;
}
.tm_faq_block .tm_faq_title.active:after {
  display: none;
}
.tm_faq_block .tm_faq_title.active + .tm_faq_title:after {
  display: none;
}
@media (max-width: 1023px) {
  .tm_faq_block .tm_faq_title {
    padding: 20px 20px 20px 40px;
  }
}
@media (max-width: 767px) {
  .tm_faq_block .tm_faq_title {
    font-size: 16px;
    border-radius: 20px;
  }
  .tm_faq_block .tm_faq_title:last-child {
    margin-bottom: 0;
  }
  .tm_faq_block .tm_faq_title i {
    bottom: auto;
    top: 10px;
  }
}
.tm_faq_block .tm_faq_title .tm_faq_body {
  padding: 20px 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0 0 0 -20px;
  -webkit-background-size: 180px;
  background-size: 180px;
  background-position: 100% 100%;
}
@media (min-width: 768px) {
  .tm_faq_block .tm_faq_title .tm_faq_body {
    display: none !important;
  }
}
.tm_faq_block .tm_faq_body {
  flex: 1;
  display: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='%23f7f7f7' class='bi bi-check2-circle' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z'/%3E%3C/svg%3E") 90% 90% no-repeat;
  -webkit-background-size: 238px;
  background-size: 238px;
  padding: 38px 63px;
  border-radius: 40px;
  position: relative;
  box-shadow: 12px 12px 18px 0px rgba(118, 118, 118, 0.13);
  font-size: 17px;
  color: #000;
  line-height: 1.471;
  font-weight: 400;
}
.tm_faq_block .tm_faq_body.active {
  display: block;
}
.tm_faq_block .tm_faq_body:first-child {
  border-radius: 0 40px 40px;
}
.tm_faq_block .tm_faq_body:last-child {
  border-radius: 40px 40px 40px 0;
}
.tm_faq_block .tm_faq_body p {
  margin: 0 0 28px;
}
.tm_faq_block .tm_faq_body p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .tm_faq_block .tm_faq_body {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .tm_faq_block .tm_faq_body {
    font-size: 16px;
  }
}
