@charset "utf-8";
/* CSS Document */
.orange{color:#f47e2b;}
.red{color:#d01111;}
.strikeout, .strikeout2{ 
  position: relative;
}
.strikeout::after, .strikeout2::after{
  border-bottom: 0.09em solid #ff0202;
  content: "";
  left: 0;
  margin-top: calc(0.120em / 2 * -1);
  position: absolute;
  right: 0;
  top: 54%;
  transform:rotate(-10deg);
  -webkit-  transform:rotate(-10deg);
}
.strikeout2::after{border-bottom: 0.09em solid #fff;}
/*-------------Buttons---------------*/
.bnrbtnbx, .s1btnbx, .s4btnbx, .s5btnbx, .s6btnbx, .s7bx4-btnbx, .s7bx1btnbx, .s7btnbx, .s8btnbx, .s9btnbx, .s10btnbx, .s10btnbx2{width:450px;margin:24px 0 0 0;display:block;}
.s1btnbx, .s5btnbx{margin:42px auto 0 auto;}
.s4btnbx{margin:30px 0 0 0;}
.s6btnbx, .s7bx1btnbx{margin:30px auto 0 auto;}
.s7bx4-btnbx{width:100%;margin:30px auto 0 auto;color:#fff;}
.s7btnbx{margin:38px auto 0 auto;}
.s8btnbx{margin:50px auto 0 auto;}
.s9btnbx{margin:10px auto 0 auto;}
.s10btnbx, .s10btnbx2{margin:22px auto 0 auto;}

a.bnrbtn, a.s10btn{
	height:66px;
	width:100%;
	margin:9px auto 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:24px;
	border:1px solid #00ff38;
	outline:none;
	background: linear-gradient(to left, #13db3f, #02b432);
	border-radius:40px;
	font-weight:bold;
	font-size:22px;
	line-height:64px;
	color:#fff;
	text-align:center;
	padding:2px 0 0 0;
	box-shadow:0 5px 8px #c2f1c3;	
}
a.noshadow{box-shadow:none;}
a.s10btn{line-height:32px;padding:15px 15px;gap:10px;height:auto;}
a.s10btn span.span1{
	background:#10b12f;
	padding:2px 20px;
	border-radius:30px;
	font-size:17px;
}
a.s10btn span.span1 span{font-weight:normal;padding:0 5px;}
a.s10btn span.span1 strong{font-weight:bold;}
a.s10btn img{margin-left:10px;}
.btnarw{margin:0 0 -2px 8px;}
.btntxt1{font-weight:600;font-size:13px;line-height:18px;text-align:center;}
.btntxt1::before{
	display: inline-block;
    vertical-align: middle;
    margin: 0 7px 3px 0;
    width: 8px;
    height: 8px;
    background: #00e54c;
    border-radius: 50%;
    content: "";
    animation: fade 1s ease-in-out infinite;
}
@keyframes fade{
	0%{opacity:100%;}
	50%{opacity:30%;}
	70%{opacity:100%;}
	100%{opacity:100%;}
}	
.flag{margin:0 0 -2px 3px;}
.btntxt2{font-weight:500;font-size:13px;line-height:18px;text-align:center;margin-top:8px;}
.dollar{margin:0 4px -2px 0;}
a.v3btn{
	height:66px;
	width:100%;
	background:#f47e2b;
	border-radius:50px;
	margin:12px auto 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	font-weight:800;
	font-size:22px;
	line-height:64px;
	color:#fff;
	text-align:center;
	padding:2px 0 0 0;
	border:none;
	outline:none;
	box-shadow:0 4px 6px #bbafa2;
}
.mbicon{margin:0 3px -1px 0;}
@media only screen and (max-width: 1200px){

}
@media only screen and (max-width: 1030px){
.bnrbtnbx, .s1btnbx, .s4btnbx, .s5btnbx, .s6btnbx, .s9btnbx, .s10btnbx2{width:400px;}
.s10btnbx{width:100%;}

.bnrbtnbx{margin:30px auto 0 auto;}
.s1btnbx{margin:66px auto 0 auto;}
.s4btnbx, .s6btnbx{margin:30px auto 0 auto;}
.s5btnbx{margin:35px auto 0 auto;}
.s7bx1btnbx{width:100%;}
.s7bx4-btnbx{margin:24px auto 0 auto;}
.s8btnbx{margin:44px auto 0 auto;}
.s7bx4-btnbx a.bnrbtn{
	height:50px;
	gap:15px;
	margin:6px auto 0 auto;
	font-size:20px;
	line-height:48px;
}
a.s10btn{padding:10px 15px;}
a.v3btn{height:56px;line-height:56px;font-size:20px;margin:8px auto 0 auto;}
a.v3btn img{width:19px;height:auto;}
}
@media only screen and (max-width: 767px){
.bnrbtnbx, .s1btnbx, .s4btnbx, .s5btnbx, .s6btnbx, .s9btnbx, .s7bx1btnbx, .s7btnbx, .s7bx4-btnbx, .s8btnbx, .s10btnbx, .s10btnbx2{width:350px;}
.s4btnbx, .s6btnbx{margin:26px auto 0 auto;}
.s9btnbx{margin:30px auto 0 auto;}
.s7btnbx, .s8btnbx{margin:32px auto 0 auto;}
a.bnrbtn{
	height:56px;
	gap:15px;
	margin:6px auto 0 auto;
	font-size:20px;
	line-height:54px;
}
a.bnrbtn img{width:18px;height:auto;}
.btntxt2{margin-top:6px;}
a.s10btn{font-size:18px;line-height:28px;padding:10px 15px;gap:10px;}
a.s10btn span.span1{
	padding:2px 12px;
	font-size:15px;
}


}
@media only screen and (max-width: 479px){
.bnrbtnbx, .s1btnbx, .s4btnbx, .s5btnbx, .s6btnbx, .s9btnbx, .s7bx1btnbx, .s7btnbx, .s7bx4-btnbx, .s8btnbx, .s10btnbx, .s10btnbx2{width:100%;}	
a.bnrbtn{font-size:19px;}	
.btntxt1, .btntxt2{font-size:11px;line-height:16px;}
}
/*---------------bar slider----------------*/
.slider-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 34px;
}
/* Header styling */
.slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
.label {
  font-size: 16px;
  line-height:24px;
  text-align:left;
}
.value-display {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.main-val {
  font-size: 30px;
  line-height:38px;
  font-weight: 800;
}
.unit {
  font-weight:400;
  font-size: 16px;
}
/* Custom Range Input */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  background: #eae8e1;
  border-radius: 4px;
  outline: none;
  margin: 0;
}
/* Custom Slider Thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f16d22;
  border: 4px solid #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: transform 0.1s ease;
}
input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f16d22;
  border: 4px solid #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
/* Range Label Limits */
.slider-limits {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 12px;
  line-height:20px;
  color: #898989;
}
@media only screen and (max-width: 1030px){
.slider-container{gap:28px;}
.label {font-size: 14px;line-height: 22px;}
.main-val {
    font-size: 25px;
    line-height: 33px;
    font-weight: 800;
}
.unit{font-size:14px;}
.s7bx2-txtbx1 {padding: 11px 12px 9px 12px;}
.s7bx2-txtbx1-txt1 {font-size: 16px;line-height: 26px;}
.s7bx2-txtbx1-txt2{font-size:25px;line-height:25px;}
.s7bx2-txt2, .s7bx2-txt3 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 22px;
}
.s7bx2-txt3 span{font-size:30px;}
input[type="range"]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
}
input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f16d22;
  border: 4px solid #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
}
/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.show-479, .show-tab, .show-767, .show-400, .show-389, .show-359{display:none;}
@media only screen and (max-width: 1030px){
.show-tab{display:block;}
.hide-tab{display:none;}
}
@media only screen and (max-width: 767px){
.hide-767{display:none;}
.show-767{display:block;}
}
@media only screen and (max-width: 479px){
.show-479{display:block;}
.hide-479{display:none;}
}
@media only screen and (max-width: 400px){
.show-400{display:block;}
.hide-400{display:none;}
}
@media only screen and (max-width: 389px){
.show-389{display:block;}
.hide-389{display:none;}
}
@media only screen and (max-width: 359px){
.show-359{display:block;}
.hide-359{display:none;}
}