#slide_menu {
  float: right;
}

.swiper-button-next {
  background-image: url(https://www.bncom.kr/upload/arrow_next5.png) !important;
  width: 80px;
  height: 80px;
  background-size: 80px 80px;
  margin-top: -50px;
}


.swiper-button-prev {
  background-image: url(https://www.bncom.kr/upload/arrow_prev5.png) !important;
  width: 80px;
  height: 80px;
  background-size: 80px 80px;
  margin-top: -50px;
}



.navbar {
    position: fixed;
}

#navbar_right_J {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;

}

body {
  padding-top: 90px;
}
header {
  font-size:13px;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 90px;
  /* background: #ffffff; */
  transition: top 0.2s ease-in-out;
  border-bottom:1px solid #8F794D;
  border-color: #efefef !important;
  min-height: 90px;
}
.nav-up { top: -95px;
}

.navbar-nav { /* PC */
  margin-top: 30px;
}

.navbar-left {
  padding: 0 .3em;
  transition: all .3s;
}
/* .navbar-left:hover {
  border: 1px solid #fcdcc0;
} */


.product_div:hover {
  border: 5px solid #ededed;
}

#effect_hov:hover {
  border: 3px solid #ededed;
  /* box-sizing: border-box; */
}
/* 자동완성 백그라운드 색상 투명 */
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-background-clip: text;
  -webkit-text-fill-color: #000;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #fff;
}


a.active {
  font-weight: bold;
  font-size: 22px;
  /* border-radius: 5px; */
  /* background-color: #fcdcc0 !important; */
}

#bs-navbar_2 a:hover {
  /* background-color: rgba(0,0,0,0.1) !important; */
  font-weight: bold;
  /* border: 2px solid white; */
}

.main_slide {
  border-color: transparent !important;
}

.btn-plus_2 {
  position:absolute;
  top:90%;
  left:20%;
  background:rgba(0,0,0,0.5);
  width:400px;
  height:35px;
  align-content: center;
  border-radius: 10px;
  text-align:center;
  /* 추가된 부분 */
  opacity:0;
  transform:scale(1);
  transition:all .2s linear;
}

.btn-plus_2 span {
  font-size:24px;
  color:#ffffff;
  user-select:none;
}




.btn-plus_3 {
  position:absolute;
  top:35%;
  left:25%;
  background:rgba(0,0,0,0.5);
  width:200px;
  height:25px;
  align-content: center;
  border-radius: 10px;
  text-align:center;
  /* 추가된 부분 */
  opacity:0;
  transform:scale(1);
  transition:all .2s linear;
}

.btn-plus_3 span {

  font-size:16px;
  color:#ffffff;
  user-select:none;
}






/* 추가된 부분 */
#bs-navbar_2:hover .btn-plus_2 {
  opacity:1;
  transform:scale(1);
}

/* 추가된 부분 */
#effect_hov:hover .btn-plus_3 {
  opacity:1;
  transform:scale(1);
}

.nohot_icon {
  max-height:25px;
  /* color: black;
  padding: 0px;
  font-size:19px; */
}

#ftsmall { /* 반응형 */
  font-size:30px !important;
}

#jiwongum { /* 반응형 */
  color: gray;
  font-size: 14px;
  font-weight: 500;
}

.sell_data {
  font-size: 14px;
  font-weight: 500;
}

#padzero {
  font-size: 20px;
  font-weight: bold;
}

.model_price { /* 반응형  pc */
  font-size: 14px;
  color:gray;
  margin-bottom: 20px;
  margin-top: 10px;
  font-weight:normal;
}

.product_div{
  margin-top: 10px;
  text-align: center;
  min-width: 250px;
}

#logo01{ /* PC */
  position: fixed;
  /* left:50.7%; */
  width: 200px;
  /* margin-left: -130px; */
  top: 17px;
}

#bar_padding {
  margin-left: 380px;
}


#bs-navbar {
  margin-top: 25px;
}

#swiper_button_rightmargin {
  right: 200px;
}

#swiper_button_leftmargin {
  left: 200px;
}

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



  #slide_menu {
      float: left;
  }



  #navbar_right_J { /* 모바일 */
      font-size: 16px;
      margin-top: 0px;
      text-align: inherit;
      padding-left: 20px;
      padding-top: 0px;
      width:100%;
  }

  header {
      /* height: 91px; */
      min-height: 90px;
  }

  body {
      padding-top: 90px;
  }


  a.active {
      font-size: 15px !important;
      border-radius: 0px;

  }

  #logo01{ /* 모바일 */
      width: 150px;
      top:0.6%;
      position: fixed;
      left: 50%;
      transform:translateX(-50%);
  }
  .activeLogo{
      width: 150px !important;
  }

  #ftsmall { /* 반응형 */
      width:33%;
      font-size:10px;
      font-weight:bold;
  }

  /* #reserve_event_font {
      font-size:12px;
  } */



  #padzero {
      padding: 4px;
  }

  .sell_data { /* 반응형 모바일 */
      font-size: 16px;
      font-weight: 500;
  }

  #jiwongum { /* 반응형 */
      color: gray;
      font-size: 16px;
  }

  .model_price { /* 반응형 */
      font-size: 16px;
      color:gray;
      margin-bottom: 20px;
      margin-top: 10px;
      font-weight:normal;
  }

  .product_div{
      margin-top: 10px;
      text-align: center;
      min-width: 120px;
  }


  #bar_padding {
      margin-left: 0px;
  }


  #bs-navbar {
      margin-top: 0px;
  }


}






@media screen and (min-width:992px) and (max-width:1199px) {
  #logo01{
      width: 180px;
      /* left:15%; */
      top: 25px;
  }




}

@media screen and (min-width:768px) and (max-width:991px) {
  #logo01{ /* 태블릿 */
      width: 200px;
      /* left:5%; */
  }

  .navbar-nav { /* 태블릿 */
      margin-top: 70px;
  }

  #bs-navbar {
      margin-top: 60px;
      font-size: 12px;
  }

  #swiper_button_rightmargin {
      right: 100px;
  }

  #swiper_button_leftmargin {
      left: 100px;
  }

  body { /* 태블릿 */
      padding-top: 120px;
  }


  header {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 125px;
      background: #ffffff;
      transition: top 0.2s ease-in-out;
      border-bottom:1px solid #8F794D;
      border-color: #efefef !important;
      min-height: 90px;
  }
  .nav-up { top: -120px;
  }

  .navbar-nav {
      background: white;
  }

}







@media screen and (min-width:600px) and (max-width:767px) {
  #logo01{
      width: 160px;
      left: 10%;
      top: 3px;
  }

  #bs-navbar {
      margin-top: 60px;
      font-size: 12px;
  }

  #swiper_button_rightmargin {
      right: 100px;
  }

  #swiper_button_leftmargin {
      left: 100px;
  }

  body {
      padding-top: 91px;
  }


  header {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 91px;
      background: #ffffff;
      transition: top 0.2s ease-in-out;
      border-bottom:1px solid #8F794D;
      border-color: #efefef !important;
      min-height: 90px;

  }
  .nav-up { top: -120px;
  }

  .navbar-nav {
      background: white;

  }

  .navbar-header {
      margin-bottom: 40px;
  }
}










.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* adjust body when menu is open */
.navbar-inverse {
  background-color: #fff !important;
}

.icon-bar {
  background-color: lightgray !important;
}

body.slide-active {
  overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
  margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
  position: relative;
  padding-top: 70px;
  left: 0;
}
#page-content.slide-active {
  padding-top: 0
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
  cursor: pointer;
  position: relative;
  line-height: 0;
  float: left;
  margin: 0;
  width: 30px;
  height: 40px;
  padding: 10px 0 0 0;
  border: 0;
  background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
  width: 100%;
  display: block;
  height: 3px;
  margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
  background: orange !important;
}
.navbar-header {
  position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
  position: fixed
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) {
  #slide-nav .container {
      margin: 0;
      padding: 0!important;
  }
  #slide-nav .navbar-header {
      margin: 0 auto;
      padding: 0 15px;
  }
  #slide-nav .navbar.slide-active {
      position: absolute;
      width: 80%;
      top: -1px;
      z-index: 1000;
  }
  #slide-nav #slidemenu {
      background: #f7f7f7;
      left: -100%;
      width: 80%;
      min-width: 0;
      position: fixed;
      padding-left: 0;
      z-index: 2;
      top: -8px;
      margin: 0;
  }
  #slide-nav #slidemenu .navbar-nav {
      min-width: 0;
      width: 100%;
      margin: 0;
      border-right: 1px solid lightgray;
  }
  #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
      min-width: 0;
      width: 80%;
      white-space: normal;
  }
  #slide-nav {
      border-top: 0
  }
  #slide-nav.navbar-inverse #slidemenu {
      background: white !important; /* 나오는 슬라이드메뉴 배경색 */
  }
  /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
  #slide-nav #navbar-height-col {
      position: fixed;
      top: 0;
      height: 100%;
      width: 80%;
      left: -80%;
      background: #eee;
  }
  #slide-nav.navbar-inverse #navbar-height-col {
      background: white !important; /* 헤더  배경색 */
      z-index: 1;
      border-right: 1px solid lightgray;
  }
  #slide-nav .navbar-form {
      width: 100%;
      margin: 8px 0;
      text-align: center;
      overflow: hidden;
      /*fast clearfixer*/
  }
  #slide-nav .navbar-form .form-control {
      text-align: center
  }
  #slide-nav .navbar-form .btn {
      width: 100%
  }
}
@media (min-width:768px) {
  #page-content {
      left: 0!important
  }
  .navbar.navbar-fixed-top.slide-active {
      position: fixed
  }
  .navbar-header {
      left: 0!important
  }
}



h1 {text-align:center;padding:10px; color:#000000;}
h2 {margin:40px 0 0 25px;color:#d54100;}
h4 {text-align:center;color: gray;}
.order {
width:100%;
border:2px solid #c6c6c6;
border-radius: 25px; 
  padding:13px;
  margin-bottom:0;
  margin-top:10px;
}

.order_result {clear:both; width:100%; margin:0; padding:0; border-collapse:collapse; border-bottom:1px solid #c9c9c9;}
.order_result tr {border-bottom: 1px solid #ddd}
.order_result td {padding:5px 0 4px 0; text-align:left;}
.order_result input {
float:left; 
border: none; 
text-align: left; 
padding:6px 5px 3px 8px; 
white-space: nowrap; 
text-overflow: ellipsis;
display:inline-block;
font-size: 15px;
font-weight: 500;
color: #000000;
  outline: none;
}

.month_pay {
float:left;
width: 100%; 
background-color:#ff7f29;
border-radius: 0 0 18px 15px;    
  padding:16px 8px;
margin:8px 0 0 0;
text-align: center;
color: #000; 
font-weight:500;
font-size: 18px;
}

.order2 {
width:100%;
float:left;
border:2px solid #f1974f;
border-radius: 25px; 
  padding:13px 13px 20px 13px;
  margin-bottom:0;
  margin-top:10px;
}

.title_info {
float:left;
width:15%; 
margin:7px 0 0 0; 
padding:10px 0 7px 0; 
display:inline-block;
font-size: 16px;
font-weight: 500;
color: #000000;
text-align: center;
background:#eee;
border-radius: 8px; 
}

.ip_info {
float:left;
width:34%; 
margin:7px 0 0 0; 
padding:0 0 0 10px; 
display:inline-block;
text-align: left;
}

.ip_info2 {
float:left;
width:85%; 
margin:7px 0 0 0; 
padding:0 0 0 10px; 
display:inline-block;
text-align: left;
}

.ip_info2 button {
float:left; 
border:1px solid #eca541;
background:#fbc373;
border-radius: 2px;
box-shadow: none;
text-align: left; 
padding:8px 5px 5px 15px;
display:inline-block;
font-size: 18px;
font-weight: 500;
letter-spacing:0.03em; 
height:40px;
color: #000000;
}

.ip_info2 button:hover {
background: #f89d1b;
  color: #fff;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.ip_info input, .ip_info2 input, .ip_info2 input.mail, .ip_info2 input.mail2, .ip_info2 select {
float:left; 
width:100%;
border:1px solid #ccc;
border-radius: 2px;
text-align: left; 
padding:8px 5px 5px 15px;
display:inline-block;
font-size: 18px;
font-weight: 500;
letter-spacing:0.03em; 
height:40px;
color: #000000;
}

.mail_a {
float:left;
font-weight: bold;
font-size:18px;
text-align:center;
line-height:200%;
padding:0 3px 0 0;
}

.happy_call {
clear:both;
width: 100%;
text-align:center;
}

.happy_call button {
width: 60%;
background-color:#000;
border:1px solid #000;
border-radius: 5px;    
  padding:20px 8px 17px 8px;
color:#ffffff;
line-height:180%;
margin: 50px auto; 	
  font-size:26px !important;
  font-weight:500;
}

.happy_call button:hover{
  background-color: #f03838;
border:1px solid #da1515;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.agreement{
clear:both;
width: 100%;
padding:30px 0 0 0;
text-align:center;
}

/* 첨부파일 업로드 시작 */

.upload-btn-wrapper button {
float:left; 
border:1px solid #6a9ad5;
background:#b0d2fc;
border-radius: 2px;
box-shadow: none;
text-align: left; 
padding:8px 0 5px 0;
display:inline-block;
font-size: 18px;
font-weight: 500;
letter-spacing:0.03em; 
height:40px;
text-align:center;	
color: #000000;
cursor: pointer;
}

.upload-btn-wrapper button:hover {
border:1px solid #345e92;
background: #658cbd;
  color: #fff;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.ip_info2 .upload-btn-wrapper {
  width: 100%;
  text-align:center;
  position: relative;
  overflow: hidden;
  display: inline-block;
}


.ip_info2 .upload-btn-wrapper input[type=file] {
 /* font-size: 100px; */
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;

  border-radius: 8px;
  margin: 0 7px 0 0;
  padding: 8px 0 5px 0;
  display: inline-block;
  background: #eee;
  font-size: 14px;
  font-weight: 500;
  color: #464646;
  text-align: center;
}


.imageNames{
  max-width: 80%;
  position: relative;
  margin-top: 18px;
  margin-left: 18px;
  -webkit-margin-start: 20px;
  padding: 0.5em;

}

.thumb { width:200px; padding:5px; float:left; }
.thumb > img { width:100%; }
.thumb > .closed { position:absolute; background-color:#bfff00; cursor:pointer; }

/* 첨부파일 업로드 종료 */

@media all and (min-width:801px){
/***************** pc *****************/
h1 {font-size:36px;}
h2 {font-size:30px;}
h4 {font-size:18px;}
.order_result .title_pc {
float:left; 
width: 30%; 
border-radius: 8px; 
margin:0 7px 0 0; 
padding:8px 0 5px 0; 
display:inline-block;
background:#eee;
font-size: 14px;
font-weight: 500;
color: #464646;
text-align: center;
}
.order_result input {width: 65%; }
.line_info {float:left;width:2%;margin:0;padding:0; }
.ip_info2 input,.ip_info2 input.mail, .ip_info2 input.mail2 {margin-right:5px; width:30% !important;}
.ip_info2 select {width:34% !important;}
.ip_info2 .adress1, .ip_info2 button {text-align:center; padding-left:0 ;padding-right:0; width:20% !important;}
.ip_info2 input.adress2 {margin-top:7px; width:49% !important;}
.ip_info2 input.memo {width:100% !important;}

.fileDragDesc {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0;
  text-align: center;
  vertical-align:middle;
  font-size: 20px;
}

}

@media all and (max-width:800px){ 
/*************** 테블릿,모바일 ******************/
h1 {font-size:28px;}
h2 {font-size:24px;}
h4 {font-size:16px;}
.order_result .title_pc {display:none}
.order_result input {width: 97%;}
.title_info {clear:both; width:30%;}
.ip_info, .ip_info2 {width:70%;}
.line_info {display:none}
.ip_info2 input.mail {margin:7px 0; width:100% !important;}
.ip_info2 input.mail2 {width:88% !important;}
.ip_info2 select {width:100% !important;}
.ip_info2 .adress1, .ip_info2 button {text-align:center; padding-left:0 ;padding-right:0; width:49% !important;}
.ip_info2 input.adress2 {margin-top:7px;width:100% !important;}
.mail_a {width:12%;}
.happy_call button {width: 100%; margin: 50px 0 0 0;}

.fileDragDesc {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 5px;
  text-align: center;
  vertical-align:middle;
  font-size: 15px;
}

}


/* 팝업 부분  시작 */
.modal-btn-box{
  width:100%;
  text-align:center;
}
.modal-btn-box button{
  display:inline-block;
  width:150px;
  height:50px;
  background-color:#ffffff;
  border:1px solid #e1e1e1;
  cursor:pointer;
  padding-top:8px;
}
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px;
  z-index: 1;
}
.popup{
  width:100%;
  max-width:400px;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  background-color:#fbc373;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.head-title {
  font-size: 20px;
  /* letter-spacing: -3px; */
  text-align: center;
}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:30px;
}
.body-titlebox{
  text-align:center;
  width:100%;
  height:40px;
  margin-bottom:10px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  min-height:100px;
  max-height:200px;
}
.popup-foot{
  width:100%;
  height:50px;
}
.pop-btn{
  display:inline-flex;
  width:100%;
  height:100%;
  float:left;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn.pop_confirm{
  color:#000;
  border-right:1px solid #3b5fbf;
}
.pop-btn.pop_close{
  color:#000;
  border-right:1px solid #3b5fbf;
}
body-contentbox.p{
  margin-top:10px;
}
/* 팝업 부분  종료 */

/* 설명 이미지  시작 */
.product-title {
  text-align:center;
  display:table;
  border:1px solid #cecece;
  width:100%;
  height:100%;
}

.product-img-div {
  margin: 0 auto;
  text-align: center;
  display:table-cell;
  vertical-align:middle;
  display: flex;
  justify-content: center;
}

.product-img {
  margin: 0 auto;
  width: 70%;
  height: 70%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border:1px solid black;
}
/* 설명 이미지  종료 */




h1 {
    color: #333;
    margin-bottom: 20px;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
	border-top: 1px solid #d1d1d1;
}
th, td {
    padding: 14px 12px 11px 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
th {
    background-color: #f5f5f5;
    font-weight: bold;
}
tr:hover {
    background-color: #f0fbff;
}
.status-pending {
    color: #ffa500;
}
.status-completed {
    color: #008000;
}
.status-cancelled {
    color: #ff0000;
}




.select-basic {
    width: 100px;
    padding: 4px 5px;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    background-color: white;
    font-size: 12px;
    color: #1a202c;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px auto;
  }
  
  .select-basic:hover {
    border-color: #cbd5e0;
  }
  
  .select-basic:focus {
    outline: none;
    border-color: #4299e1;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }
  
  /* Modern styled select */
  .select-modern {
    width: 200px;
    padding: 12px 16px;
    border: none;
    border-radius: 8px;
    background-color: #f7fafc;
    font-size: 16px;
    color: #2d3748;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234A5568%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 14px auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
  }
  
  .select-modern:hover {
    background-color: #edf2f7;
  }
  
  .select-modern:focus {
    outline: none;
    background-color: white;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }
  
  /* Custom select wrapper */
  .select-wrapper {
    position: relative;
    width: 200px;
  }
  
  .select-custom {
    width: 100%;
    padding: 10px 14px;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    background-color: white;
    font-size: 16px;
    color: #2d3748;
    cursor: pointer;
    appearance: none;
  }
  
  .select-wrapper::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4a5568;
    pointer-events: none;
  }
  
  .select-custom:focus {
    outline: none;
    border-color: #4299e1;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }