.details-arrow-inout {
  position: relative;
  width: 162px;
  height: 18px;
  cursor: pointer; }
  .details-arrow-inout .details-arrow-2, .details-arrow-inout .details-arrow-1 {
    position: absolute;
    top: 0;
    width: 162px;
    overflow: hidden; }
  .details-arrow-inout .details-arrow-1 {
    clip-path: inset(0 0 0 0); }
  .details-arrow-inout .details-arrow-2 {
    clip-path: inset(0 100% 0 0); }
  .details-arrow-inout .details-arrow-1 {
    clip-path: inset(0 0 0 0); }
  .details-arrow-inout .details-arrow-2 {
    clip-path: inset(0 100% 0 0); }
  .details-arrow-inout .details-arrow-hover-out {
    animation: out 0.4s;
    -webkit-animation: out 0.4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }

@keyframes inout {
  0% {
    clip-path: inset(0 100% 0 0); }
  50% {
    clip-path: inset(0 0 0 0); }
  100% {
    clip-path: inset(0 0 0 100%); } }

@keyframes in {
  from {
    clip-path: inset(0 100% 0 0); }
  to {
    clip-path: inset(0 0 0 0); } }

@keyframes out {
  from {
    clip-path: inset(0 0 0 0); }
  to {
    clip-path: inset(0 0 0 100%); } }

@media only screen and (max-width: 1024px) {
  .details-arrow-inout {
    width: 100px; }
    .details-arrow-inout .details-arrow-1 {
      width: 100px; }
    .details-arrow-inout .details-arrow-2 {
      display: none; } }

.common-pagination {
  margin-top: 80px; }
  .common-pagination ul {
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none; }
    .common-pagination ul li {
      margin-right: 2px; }
      .common-pagination ul li:first-child {
        cursor: auto; }
      .common-pagination ul li:last-child {
        cursor: auto;
        margin-right: 0; }
      .common-pagination ul li a {
        width: 56px;
        height: 56px;
        color: #000;
        font-size: 40px;
        font-family: "Gentium Book Basic Bold", sans-serif;
        border: none;
        justify-content: center;
        align-items: center;
        display: flex;
        border-radius: 0; }
        .common-pagination ul li a:hover {
          background: #F1F1F1; }
        .common-pagination ul li a.pointer-none {
          pointer-events: none;
          cursor: none; }
        .common-pagination ul li a.active {
          background: #f54441 !important;
          color: #fff !important; }
        .common-pagination ul li a .transform-180 {
          transform: rotate(180deg); }

@media (max-width: 1024px) {
  .common-pagination {
    margin-top: 40px; }
    .common-pagination ul li a {
      width: 23px;
      height: 23px;
      font-size: 20px; }
      .common-pagination ul li a img {
        height: 11px; } }