.fs-container {

  padding-top: 20px;

  padding-bottom: 20px;

  padding-left: 9%;

  padding-right: 9%;

}



@media screen and (max-width: 768px) {

  .fs-container {

    padding-left: 3%;

    padding-right: 3%;

  }

}



.fs-center {

  display: flex;

  justify-content: center;

  align-items: center;

}



.fs-container-body {

  padding-top: 100px;

  background: var(--fs-background-1-color) !important;

}



.fs-container-body--description {

  font-size: 21px;

  color: var(--fs-header-text-color) !important;

  background: var(--fs-background-2-color) !important;

}



.fs-contrainer-tag {

  transform: translate(0px, 105px);

  margin-right: -5%;

  margin-left: -5%;

  padding-left: 12%;

  padding-right: 12%;

  padding-top: 2%;

  padding-bottom: 2%;



  font-size: 21px;

  font-weight: bold;

  background: var(--fs-header-color) !important;

  color: var(--fs-header-text-color) !important;

}



.fs-frame--gold {

  border: 4px solid;

  border-image-source: linear-gradient(

    15deg,

    #ffd700,

    #daa520,

    #b8860b,

    #daa520,

    #ffd700

  );

  border-image-slice: 1;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);

  border-radius: 15px;

}



.fs-frame--silver {

  border: 12px solid;

  border-image-source: linear-gradient(45deg, #fff, #bbb, #fff);

  border-image-slice: 1;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);

  border-radius: 15px;

}



.fs-tooltip-item .fs-tooltip-header,

.fs-tooltip-skill .fs-tooltip-header {

  margin-top: -2%;

  padding-top: 4%;

  padding-bottom: 4%;

  font-size: 19px;

  font-weight: bold;

  background: var(--fs-header-color) !important;

  color: var(--fs-header-text-color) !important;

}



.fs-tooltip-item .fs-tooltip-body,

.fs-tooltip-skill .fs-tooltip-body {

  padding-top: 4%;

  padding-bottom: 4%;

  padding-left: 5%;



  font-size: 16px;

  /* font-weight: bold; */

  text-align: left;

  background: var(--fs-background-2-color) !important;

  color: var(--fs-header-text-color) !important;

}



.fs-tooltip-skill .fs-tooltip-body {

  /* Add these lines */

  line-height: 1.5; /* Adjust as needed */

  word-spacing: 0.1em; /* Adjust as needed */

}



.fs-tooltip-body p {

  margin-bottom: 1% !important;

}



.fs-tooltip-body .fs-label {

  font-weight: bold;

  color: var(--fs-label-color); /* Change this to the color you want */

}



.fs-tooltip-item .fs-tooltip-footer,

.fs-tooltip-skill .fs-tooltip-footer {

  padding-top: 4%;

  padding-bottom: 4%;

  padding-left: 5%;



  text-align: left;

  background: var(--fs-background-2-color) !important;

  color: var(--fs-header-text-color) !important;

}