.nfornew_text_item li{margin-bottom: 9px;}

.tab-content { display: none; position: relative;}
.tab-content.active { display: block;}
.slide-right { animation: slide-right 0.5s forwards;}
.slide-left { animation: slide-left 0.5s forwards;}
@keyframes slide-right {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slide-left {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
 
    input[type="text"] { flex: 1; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px;}
    button { padding: 10px 20px; background-color: #267ff5; color: #fff; border: none; border-radius: 4px; cursor: pointer;}
    button:hover { background-color: #0056b3; }
    .tabs { display: flex; justify-content: center; margin-bottom: 20px; }
    .tab-link { padding: 10px 20px; background-color: #f0f0f0; border: none; border-radius: 4px; cursor: pointer; margin: 0 5px; }
    .tab-link.active { background-color: #267ff5; color: #fff; }
    .tab-content { display: none; opacity: 0; transform: translateX(100%) scale(0.9); transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
    .tab-content.active { display: block; opacity: 1; transform: translateX(0) scale(1); }
    @keyframes slideIn {
        from { opacity: 0; transform: translateX(100%) scale(0.9); }
        to { opacity: 1; transform: translateX(0) scale(1); }
    }
    .tab-content.active.slide-in { animation: slideIn 0.5s ease-in-out; }
    @keyframes zoomIn {
        from { opacity: 0; transform: scale(0.9); }
        to { opacity: 1; transform: scale(1); }
    }
    .tab-content.active.zoom-in { animation: zoomIn 0.5s ease-in-out; }
    
    
    .result { display: flex; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 1px solid #ccc; }
    .result:last-child { border-bottom: none; }
    .result .domain { font-weight: bold; }
    .result .status { display: flex; align-items: center; }
    .result .status.taken { color: red; }
    .result .status.available { color: green; }
    .result .price { margin-left: 20px; }
    .result button { padding: 5px 10px; background-color: green; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
    .result button:hover { background-color: darkgreen; }
    
    /****************************************/
    
    .centerbutton { display: flex; justify-content: center; align-items: center; gap: 20px; }
    .centerbutton1 a, .centerbutton2 a {color:#fff;}
    .centerbutton1, .centerbutton2 { padding: 10px 30px; background: #eee; color: #333; text-align: center; border-radius: 10px; cursor: pointer;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background 0.3s, transform 0.3s;}
    .centerbutton1:hover { background: #333; transform: translateY(-2px);} 
    .tab-link.active:hover { background: #267ff5; color:#fff; transform: translateY(-2px);} 
    .centerbutton1:hover { background: #ccc; color:#333; transform: translateY(-2px);} 
    .centerbutton2:hover { background: #ccc; color:#333; transform: translateY(-2px);} 
    .fontbold { font-weight: bold;
    }
    .active_button_color{background: #267ff5;}
    #highperformance{padding-top:100px!important;}
    #standardperformance{padding-top:100px!important;}
    #highperformance, #standardperformance { margin-top: 5px; float: left; display: block; transition: all 0.5s ease; /* Smooth transition effect */ 
    transform: scale(1); }
    body { scroll-behavior: smooth; /* Enables smooth scrolling */ }

.fontbold{font-weight:bold!important;}
#highperformance{text-align:center; width:100%;float: left;display: block; color: #312e2e;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 40px;}
.text_white a{color:#fff!important;font-weight: normal;}

.red-tooltip + .tooltip > .tooltip-inner {background-color: #333; opacity:1; font-size:14px; }
.red-tooltip {font-size:21px!important; }


/***************************  CSS for multiple Pricing dropdown Start   *****************************/

.select-menu .options .option:last-child { border: none;margin-bottom:-0px!important;}
.select-menu .options {margin-top: -1px!important;}
.select-menu.active .select-btn .fa-inr {transform: rotate(0deg);}
.term_price{font-size: 28px;font-weight: 800;}
.term_discount{ color:#097300;font-size: 16px; }
.term_mrp{ color:#333;font-size: 16px; }
.term_mrp i{ color:#333;font-size: 14px!important;margin-right: 4px!important; }
.option-text i{ margin-right: 4px!important; }
.select-menu {  max-width: 330px;  margin: 5px auto;}
.select-menu .select-btn {  display: flex;  height: 82px;  background: #fff;  padding: 18px 20px 20px 20px;  font-size: 16px;  font-weight: 400;  border-radius: 4px;
  align-items: center;  cursor: pointer;  justify-content: space-between; width:86%; margin:0px auto;
  background-color: white; box-shadow: 0px 0px 2px 1px rgba(137, 205, 255, 0.8);color: #333;border: 1px solid #1876bb !important;font-weight: bold;}
.select-menu .options {  position: absolute;width: 83%;margin: 0px 7%;  overflow-y: auto;  max-height: 295px;border: 1px solid #1876bb !important;  padding: 10px;
  /*margin-top: 1px;*/  border-radius: 4px;  background: #fff;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  animation-name: fadeInDown;  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;  animation-fill-mode: both;  -webkit-animation-duration: 0.35s;  -webkit-animation-fill-mode: both;}
.select-menu .options .option {display: flex; height: 73px; cursor: pointer;  padding: 5px 16px!important; align-items: center; background: #fff; border-bottom:1px solid #ccc; /*margin-bottom:5px;*/}
.select-menu .options .option:hover {  background: #f2f2f2;}
.select-menu .options .option i {  font-size: 25px;  margin-right: 12px;}
.select-menu .options .option .option-text {  font-size: 18px;  color: #333;}
.select-btn i {  font-size: 25px;  transition: 0.3s;}
.select-menu.active .select-btn i {  transform: rotate(-180deg);}
.select-menu.active .options { display: block;  opacity: 0;  z-index: 10;  animation-name: fadeInUp;  -webkit-animation-name: fadeInUp;  animation-duration: 0.4s;
  animation-fill-mode: both;  -webkit-animation-duration: 0.4s;  -webkit-animation-fill-mode: both;}

@keyframes fadeInUp {
  from {transform: translate3d(0, 30px, 0); }
  to { transform: translate3d(0, 0, 0); opacity: 1;  }
}
@keyframes fadeInDown {
  from { transform: translate3d(0, 0, 0); opacity: 1;  }
  to { transform: translate3d(0, 20px, 0); opacity: 0;  }
}