.copy-code-content {
  position: relative;
  border: 0px;
  padding: 10px;
  background: #f9f9f9;
  font-family: monospace;
  padding-left: 20px;
  margin: 25px 0px;
  display: flex;
  flex-direction: column;
}
.copy-code-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 5px;
  background-color: var(--BluePrimary);
}

.copy-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding: 5px;
}

.esb_qna_header .our-work-banner {
  background-color: transparent;
  position: relative;
  z-index: 3;
  padding-top: 50px;
}
.esb_qna_header .our-work-banner svg.svg {
  display: none;
}
.esb_qna_details_section .esb-qna__content *:has( + h2) {
    margin-bottom: 60px;
}
.esb_qna_header .esb-post-inner__columns {
  flex-direction: column;
  align-items: start;
}
.esb_qna_header .esb-post-inner__columns .esb-post__card-info {
  justify-content: flex-start;
}
.esb_qna_header .esb-post-inner__columns .article-metadata {
  display: flex;
  gap: 5px;
}
.esb_qna_header .esb-post-inner__columns a svg {
  height: 18px;
  width: 100%;
  position: relative;
  display: block;
  inset: 0;
}
.esb_qna_header .esb-post-inner__columns .copy-logo svg {
  position: relative;
  display: block;
  inset: 0;
}

.esb_qna_header {
  padding-top: 90px;
  background-color: var(--BlueLight2);
  position: relative;
}
.esb_qna_header::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.2;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='1629' height='1080' viewBox='0 0 1629 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3405_629' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1629' height='1080'%3E%3Cpath d='M0.00012207 1080L1628.16 1080L1628.16 0L0.00012207 0L0.00012207 1080Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3405_629)'%3E%3Cpath d='M1094.96 341.957L778.352 657.086L1386.43 1266.22L1411.51 1273.32L1774.3 1009.31L1094.96 341.957Z' fill='url(%23paint0_linear_3405_629)'/%3E%3Cpath opacity='0.8' d='M324.5 -182.5L-215 213L689.437 1128L719.42 1136.5L1229.93 712.216L324.5 -182.5Z' fill='url(%23paint1_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M74.86 58.4375L33.043 127.385L632.455 712.923L690.316 659.448L433.967 411.654L74.86 58.4375Z' fill='url(%23paint2_linear_3405_629)'/%3E%3Cpath opacity='0.04' d='M1166.98 656.52L1128.47 716.755L1637.14 1247.54L1701.12 1201.34L1478.59 976.66L1166.98 656.52Z' fill='url(%23paint3_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M36.7077 225L28.0117 262.158L593.892 809L615.012 784.847L593.892 763.172L36.7077 225Z' fill='url(%23paint4_linear_3405_629)'/%3E%3Cpath opacity='0.04' d='M1024.49 728.594L1018.06 756.146L1436.34 1161.62L1451.95 1143.71L1436.34 1127.64L1024.49 728.594Z' fill='url(%23paint5_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M242.651 51L233.984 88.0944L797.938 634L818.988 609.889L797.938 588.25L242.651 51Z' fill='url(%23paint6_linear_3405_629)'/%3E%3Cpath opacity='0.04' d='M1238.76 634.082L1232 663.056L1671.82 1089.45L1688.23 1070.62L1671.82 1053.72L1238.76 634.082Z' fill='url(%23paint7_linear_3405_629)'/%3E%3Cpath opacity='0.2' d='M599.677 -51L591.977 -17.9809L1093.08 467.95L1111.79 446.487L1093.08 427.226L599.677 -51Z' fill='url(%23paint8_linear_3405_629)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3405_629' x1='990.142' y1='506.524' x2='1570.39' y2='1094.41' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.425' stop-color='%23F6F7FC'/%3E%3Cstop offset='0.67' stop-color='%23F6F7FC'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0.3'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3405_629' x1='210' y1='120.5' x2='909.04' y2='804.39' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.489857' stop-color='%23F0F3FF'/%3E%3Cstop offset='0.736967' stop-color='%23F0F3FF' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3405_629' x1='124.747' y1='157.328' x2='648.09' y2='649.021' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.391445' stop-color='%230060B4'/%3E%3Cstop offset='0.737187' stop-color='%230060B4' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3405_629' x1='1218.9' y1='643.631' x2='1753.89' y2='1136.81' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_3405_629' x1='146' y1='241.5' x2='650.633' y2='718.911' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.465' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_3405_629' x1='1086.58' y1='719.151' x2='1479.41' y2='1093.63' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_3405_629' x1='326.367' y1='38.2862' x2='855.278' y2='543.226' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.45' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_3405_629' x1='1304.05' y1='624.152' x2='1717.14' y2='1017.91' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_3405_629' x1='674.064' y1='-62.317' x2='1144.82' y2='386.316' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6F7FC' stop-opacity='0'/%3E%3Cstop offset='0.324403' stop-color='%230060B4'/%3E%3Cstop offset='0.7026' stop-color='%230060B4' stop-opacity='0.892673'/%3E%3Cstop offset='1' stop-color='%23F6F7FC' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.esb_qna_header_content {
  padding: 80px 0px;
}
.esb_header_list {
  /* display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 32px; */
  max-width: 70%;
}
.esb_qna_header_content h1 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.25;
  font-family: var(--poppins);
  color: var(--BlueTextColor);
  margin-top: 0;
  margin-bottom: 20px;
}
.esb_qna_header_content .article-metadata p {
  font-weight: 600;
  margin-bottom: 10px;
}
.esb_question_section {
  padding: 50px 0px;
}
.esb_question_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 32px;
}
.esb_question_card {
  background-color: white;
  transition: var(--transition3);
  border-radius: 12px;
}
.esb_question_card:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.esb_question_card:hover .question_img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.esb_question_card .question_img {
  border-radius: 12px;
  max-height: 300px;
  width: 100%;
  object-fit: cover;
  transition: var(--transition3);
}
.esb_question_card_body {
  padding: 1rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.esb_question_card_body h2 {
  font-size: 22px;
  font-family: var(--cv);
  font-weight: 500;
  line-height: normal;
  margin: 0;
  flex: 1;
}
.esb_question_card_arrow {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0060b4;
  transform: scale(1);
  transition: var(--transition3);
}
.esb_question_card_arrow:hover {
  transform: scale(1.2);
}
.esb_question_card_arrow img {
  width: 22px;
  height: 22px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%)
    hue-rotate(238deg) brightness(102%) contrast(104%);
  transform: rotate(-45deg);
  transition: all 0.3s ease-in-out;
}
.esb_question_card_arrow picture {
  width: 22px;
  height: 22px;
}
.esb_question_card_arrow:hover img {
  transform: rotate(0deg);
}

.esb_qna_card_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px;
  margin: 70px 0 0;
}
.esb_qna_card_list a {
  color: black;
  text-decoration: none;
}

.esb_card_item {
  border: 1px solid #e3e3e8;
  background-color: transparent;
  padding: 20px 10px;
  border-radius: 10px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  aspect-ratio: 1;
  gap: 20px;
  transition: var(--transition3);
}
.esb_card_item h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.esb_tech_logo {
  height: 47px;
  width: auto;
  margin-bottom: 8px;
}
.esb_card_item:hover {
  box-shadow: 0px 4px 19.4px 0px #0000001a;
  background-color: #fff;
}

.esb_qna_details_section {
  padding: 40px 0px;
}
.esb_qna_header_content h1 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.25;
  font-family: var(--poppins);
  color: var(--BlueTextColor);
  margin-top: 0;
  margin-bottom: 20px;
}
.esb_tech_stack_title {
  background: var(--BluePrimary);
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding: 8px 18px;
  border-radius: 8px;
}
.esb-qna__content h1 {
  font-size: 36px;
  line-height: normal;
  font-family: var(--poppins);
  background: linear-gradient(135.86deg, #1472b6 1.79%, #8bbf37 100.34%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* display: inline-block; */
  width: fit-content !important;
}
.esb-qna__content h1:first-child {
  margin-top: 0px;
}
.esb-qna__content p:not(:last-child) {
  margin-bottom: 20px;
}
.esb-qna__content h2 {
  font-size: 30px;
  font-family: var(--poppins);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}
.esb-qna__content h2:fist-child {
  margin-top: 0px;
}

.esb-qna__content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0;
}

.esb-qna__content ul li:not(:last-child) {
  margin-bottom: 16px !important;
}
.esb-qna__content > ul > li {
  padding-left: 44px !important;
  position: relative !important;
  font-family: var(--poppins);
  line-height: 1.5;
}
.esb-qna__content > ul > li:before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  left: 15px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  top: 4px;
  filter: invert(56%) sepia(42%) saturate(2784%) hue-rotate(193deg)
    brightness(94%) contrast(101%);
}
.esb-qna__content h3 {
  font-size: 24px;
  position: relative;
  line-height: normal;
  margin: 30px 0px;
  display: block;
  text-decoration: underline;
  text-decoration-style: double;
  text-decoration-color: var(--BluePrimary);
  text-decoration-thickness: from-font;
  font-family: var(--poppins);
}
.esb-qna__content code {
  color: var(--BluePrimary);
  margin-bottom: 20px;
}
.esb-qna__content a {
  color: var(--BluePrimary);
}
.esb-qna__content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0;
}
.esb-qna__content > ul > li {
  padding-left: 44px !important;
  position: relative !important;
  font-family: var(--poppins);
  line-height: 1.5;
}
.esb-qna__content > ul > li::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  left: 15px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e ");
  background-position: center;
  background-repeat: no-repeat;
  top: 4px;
  filter: invert(56%) sepia(42%) saturate(2784%) hue-rotate(193deg)
    brightness(94%) contrast(101%);
}
.esb-qna__content blockquote {
  position: relative;
  z-index: 1;
  margin: 30px 0;
  padding: 24px;
  overflow: hidden;
  border-radius: 12px;
  font-size: 18px;
  font-family: var(--poppins);
  background-color: var(--BlueLight2);
}
.esb-qna__content blockquote a {
  color: var(--BlueTextColor);
}
.esb_qna_details_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 32px;
}
.esb-qna__content table {
  border-spacing: 0;
  margin: 40px auto;
  width: 100%;
  overflow: auto;
  height: fit-content !important;
  position: relative;
}
.esb-qna__content table tr {
  vertical-align: top;
}
.esb-qna__content table thead th {
  font-size: 18px;
  line-height: 28px;
  padding: 9px 20px;
  background-color: var(--quaternary_color);
  color: var(--white);
  vertical-align: middle;
}
.esb-qna__conten table tr td {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  padding: 9px 20px;
  min-width: 110px;
  border-right: 1px solid #dcdee3;
  color: var(--base_color);
}
.esb-qna__content table tr:first-of-type td:first-of-type {
  border-radius: 8px 0 0 0 !important;
}
.esb-qna__content table tr:first-of-type td:last-of-type {
  border-radius: 0 8px 0 0 !important;
}
.esb-qna__content table tr:first-of-type td {
  border-top: 1px solid #dcdee3;
  background-color: var(--LightGrey3);
  font-weight: 600;
}
.esb-qna__content table tr:nth-of-type(2n + 1) td {
  background-color: #eaf3fb !important;
}
.esb-qna__content table tr td:first-of-type {
  border-left: 1px solid #dcdee3;
}
.esb-qna__content table tr:first-of-type td {
  background-color: #0363b1 !important;
  color: #ffffff !important;
}
.esb-qna__content table tr:last-of-type td:first-of-type {
  border-radius: 0 0 0 8px !important;
}
.esb-qna__content table tr:last-of-type td:last-of-type {
  border-radius: 0 0 8px 0 !important;
}
.esb-qna__content table tr:last-of-type td {
  border-bottom: 1px solid #dcdee3;
}
.esb-qna__content table tr td {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.5px;
  padding: 9px 20px;
  min-width: 110px;
  border-top: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  color: var(--base_color);
}

.esb_qna_details_card {
  border: 1px solid #e3e3e8;
  padding: 16px;
  border-radius: 12px;
  position: sticky;
  top: 130px;
  background-color: var(--BlueTextColor);
  color: var(--white);
}
.esb_qna_details_card a {
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.esb_qna_details_card a:hover img {
  margin-left: 10px;
}
.esb_qna_details_card a img,
.esb_qna_details_card a picture {
  height: 20px;
  width: 20px;
  margin-top: -2px;
  transition: var(--transition3);
}
.esb_qna_details_card h3 {
  font-size: 20px;
  font-family: var(--poppins);
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 0px;
  color: var(--white);
}

.esb_qna_details_card p {
  color: var(--white);
  font-size: 14px;
  line-height: 20px;
}

.esb_qna_details_card .btn-green,
.esb_qna_details_card .btn-green a {
  width: 100%;
}

.copy-button .tooltiptext {
  width: 70px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

/* Media Query */
@media (min-width: 576px) {
  .esb_qna_card_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .esb_question_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .esb_qna_card_list {
    grid-template-columns: repeat(4, 1fr);
  }
  .esb-qna__content blockquote {
    margin: 60px 0;
  }
}
@media (min-width: 1024px) {
  .esb_qna_details_list {
    grid-template-columns: 1fr 330px;
  }
}
@media (min-width: 1200px) {
  .esb_question_list {
    grid-template-columns: repeat(3, 1fr);
  }
  .esb_header_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .esb_qna_card_list {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 44px;
  }
}
/* Container */
@media (min-width: 1660px) {
  .esb_qna_tech_section .container,
  .esb_question_section .container,
  .esb_qna_details_section .container,
  .esb_qna_header .container {
    width: 1440px;
  }
}

@media (max-width: 767px) {
  .esb-qna__content h2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .esb-qna__content p:not(:last-child) {
    margin-bottom: 16px;
  }
  .esb-qna__content table {
    display: block !important;
    width: 100% !important;
    margin: 40px 0 !important;
    max-width: 340px;
  }
  .esb-qna__content table::before {
    display: none;
  }

  .esb-qna__content table::-webkit-scrollbar {
    height: 1px;
  }
}