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

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

.xray300-breadcrumb{
  display:flex;
  gap:8px;
  align-items:center;
}

.xray300-breadcrumb a,
.xray300-breadcrumb span,
.xray300-breadcrumb p{
  color:#fff;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  margin:0;
}

.xray300-detail-section{
  width:100%;
  background:#fff;
  padding:58px 98px 54px;
  font-family:Arial, sans-serif;
  overflow:hidden;
}

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

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

.xray300-desc{
  font-size:16px;
  line-height:1.65;
  color:#6b6b6b;
  margin-bottom:48px;
}

.xray300-desc strong{
  display:block;
  margin-bottom:18px;
}

.xray300-desc ul{
  padding-left:18px;
  margin:0;
}

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

.xray300-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;
}

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

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

.xray300-table td{
  border:1px solid #c9d1da;
  padding:7px 16px;
  vertical-align:middle;
  line-height:1.6;
}

.xray300-table td:first-child{
  width:42px;
  text-align:center;
  font-weight:600;
}

.xray300-table td:nth-child(2){
  width:142px;
}

.xray300-right{
  min-height:690px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:16px;
}

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

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

.xray300Slider img{
  max-width:100%;
  max-height:545px;
  object-fit:contain;
  display:block;
}

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

.xray300-prev{
  left:0;
}

.xray300-next{
  right:0;
}

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

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

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

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

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

@media(max-width:991px){
  .xray300-banner{
    padding:0 30px;
  }

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

  .xray300-table{
    width:100%;
  }

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

@media(max-width:576px){
  .xray300-banner{
    height:105px;
    padding:0 20px;
  }

  .xray300-detail-section{
    padding:35px 18px;
  }

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

  .xray300-btn{
    width:100%;
  }

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

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

  .xray300Slider{
    height:420px;
  }
}