/* =========================
   BREADCRUMB SECTION
========================= */

.hf-xray-banner{
  width:100%;
  height:118px;
  background:
  linear-gradient(rgba(86,148,194,.88), rgba(86,148,194,.88)),
  url("assets/images/breadcrumb-bg.jpg");
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  padding:0 105px;
  font-family:Arial, sans-serif;
}

.hf-xray-banner-content h2{
  font-size:20px;
  font-weight:700;
  color:#000;
  margin-bottom:12px;
}

.hf-xray-breadcrumb{
  display:flex;
  align-items:center;
  gap:10px;
}

.hf-xray-breadcrumb a{
  text-decoration:none;
  color:#fff;
  font-size:15px;
  font-weight:700;
}

.hf-xray-breadcrumb span{
  color:#fff;
  font-size:15px;
  font-weight:700;
}

.hf-xray-breadcrumb p{
  margin:0;
  color:#fff;
  font-size:15px;
  font-weight:700;
}
   
   
   /* =========================
       MAIN SECTION
    ========================= */

    .spica-detail-section{
      width:100%;
      background:#fff;
      padding:28px 99px 45px;
    }

    .spica-detail-wrap{
      display:grid;
      grid-template-columns:50% 50%;
      gap:25px;
      align-items:start;
    }

    /* LEFT */

    .spica-left h2{
      font-size:24px;
      font-weight:700;
      color:#5b97c6;
      margin:0 0 22px;
    }

    .spica-desc{
      font-size:16px;
      line-height:1.65;
      color:#6b6b6b;
      margin:0 0 30px;
    }

    /* BUTTONS */

    .spica-buttons{
      display:flex;
      gap:90px;
      margin:0 0 30px 10px;
    }

    .spica-btn{
      width:185px;
      height:39px;
      background:#5b97c6;
      color:#fff;
      border-radius:3px;
      text-decoration:none;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-size:14px;
      font-weight:700;
    }

    /* TABLE */

    .spica-table{
      width:550px;
      border-collapse:collapse;
      color:#1a2a44;
      font-size:16px;
    }

    .spica-table th{
      background:#5b97c6;
      color:#fff;
      font-weight:700;
      height:34px;
      border:1px solid #c9d1da;
    }

    .spica-table td{
      border:1px solid #c9d1da;
      padding:8px 16px;
      vertical-align:middle;
      line-height:1.45;
    }

    .spica-table td:first-child{
      width:42px;
      text-align:center;
    }

    .spica-table td:nth-child(2){
      width:187px;
    }

    .spica-table ul{
      margin:0;
      padding-left:18px;
    }

    .spica-table li{
      margin:6px 0;
    }

    /* RIGHT */

    .spica-right{
      min-height:760px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding-top:160px;
    }

    /* SLIDER */

    .spicaImageSlider{
      width:100%;
      height:540px;
      position:relative;
      padding-bottom:45px;
    }

    .spicaImageSlider .swiper-slide{
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .spicaImageSlider img{
      max-width:92%;
      max-height:470px;
      object-fit:contain;
      display:block;
    }

    /* ARROWS */

    .spica-prev,
    .spica-next{
      position:absolute;
      top:46%;
      width:34px;
      height:34px;
      z-index:5;
      cursor:pointer;
      color:#e3e3e3;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .spica-prev{
      left:0;
    }

    .spica-next{
      right:0;
    }

    .spica-prev::before{
      content:"‹";
      font-size:52px;
      font-weight:300;
      line-height:1;
    }

    .spica-next::before{
      content:"›";
      font-size:52px;
      font-weight:300;
      line-height:1;
    }

    /* DOTS */

    .spica-pagination{
      position:absolute;
      bottom:0 !important;
      text-align:center;
    }

    .spica-pagination .swiper-pagination-bullet{
      width:7px;
      height:7px;
      background:#d0d0d0;
      opacity:1;
      margin:0 5px !important;
    }

    .spica-pagination .swiper-pagination-bullet-active{
      background:#111;
    }

    /* RESPONSIVE */

    @media(max-width:991px){

      .spica-detail-wrap{
        grid-template-columns:1fr;
      }

      .spica-table{
        width:100%;
      }

      .spica-right{
        min-height:auto;
        padding-top:20px;
      }

    }

    @media(max-width:576px){

      .spica-detail-section{
        padding:25px 18px;
      }

      .spica-left h2{
        font-size:22px;
      }

      .spica-desc{
        font-size:14px;
      }

      .spica-buttons{
        flex-direction:column;
        gap:15px;
        margin-left:0;
      }

      .spica-btn{
        width:100%;
      }

      .spica-table{
        font-size:13px;
      }

      .spica-table td{
        padding:7px;
      }

      .spicaImageSlider{
        height:420px;
      }

    }