.input-group-new{
    margin-bottom:0px !important;
    border:0px !important;
}

.m-2-new{
    position: absolute;
    margin-top: -7px !important;
    margin-left: -10px !important;
   
}
.p-2-new{ width:40px; }


.additionalcostcheckbox{
    color:red;
    padding-left:30px;
}

.fa-search{ padding: 0 !important; } 
.custom-hov-effect{ padding-bottom: 10px; box-sizing:border-box;}
.custom-hov-effect:hover{  border-radius: 14px; box-shadow: 0 0 5px black; /* border:1px solid red; */ }
.btn_cat li:hover{ background:white;}
.btn_cat li:hover a{ color:red;}
.hide_pagination{ display: none; }

ul.btn_cat li {
    text-align: center;
    margin-bottom: 5px;
    float: none;
}
ul.btn_cat { padding-right:30px; }

.modal-body img{
    height: 300px;
    width: auto;
    border-radius: 10px;
}
.modal-body h5{
    text-align:left;
}
.modal-body h6{
    text-align: left;
}
.modal-body a{
    border-radius: 10px;
}
.modal-body a.btn-prd:hover,a.btn-prd:visited{
    color: #000;
}
.modal-body a.btn-prd{
    background-color: #50a1ff;
    color: #fff;
}


.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
}
.tooltip a{
    color: white;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.select_cate{
    width: 100%;
}
.btn_style{
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    margin-left: 13px;
}
.bdrless_btn{ background-color :#ec1f24;}
#header .searchform button i:before{ font-weight:600; }

/*Enterprise Subscription*/
.txt_align{
    text-align: left;
    border: none;
}
.req{   color: red; }
.tbl_align td{
    text-align: left;
    border: none;
}
.service_css{
    text-align:right; 
    display: inline-flex; 
    padding-left: 20px;
}


.tooltip_image {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip_image .tooltiptext {
  opacity: 0;
  transition: opacity 0.5s;
  visibility: hidden;
  width: 300px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}
.tooltip_image .tooltiptext img{ border: 2px solid black; }
.tooltip_image .tooltiptext::after {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;

}
.tooltip_image:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.wfte_payment_summary_table_row.wfte_product_table_fee .wfte_right_column span:nth-of-type(2) {
    display: none !important;
}

.video_container {
    position: relative;
    width: 535px; /* Match video width */
    height: 300px; /* Match video height */
  }

  .video_container video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video fits properly */
  }

  /* Thumbnail Overlay */
  .video_container .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("https://borderlesscommerce.net/wp-content/uploads/thumbnail_logo.webp") center/cover no-repeat;
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* YouTube-Style Play Button */
  .video_container .play_button {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
  }

  /* Triangle Icon */
  .video_container .play_button::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 5px;
  }

  /* Hover Effect */
  .video_container .thumbnail:hover .play_button {
    background: rgba(0, 0, 0, 0.8);
  }