.login-lt-sec-main{
	height: 100vh;
	background: url("../images/login-lft-bg.jpg")no-repeat;
	padding: 6% 8% 0px 10%;
	margin: 0px 0px;
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	position: relative;
	background-size: cover;
}
.login-lt-sec-main h1{
	font-size: 30px;
	font-weight: 600;
	color: #FFC710;
}
.login-lt-sec-main ul{
	list-style: none;
	margin: 30px 0px 40px 0px;
	padding: 0px 0px;
}
.login-lt-sec-main ul li{
	display: flex;
	gap: 20px;
	margin: 0px 0px;
	padding: 5px 0px;
	align-items: center;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
}
.login-lt-sec-main ul li figure{
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:6px;
	background: #2eb1c0;
	border: 5px #1E8F9B solid;
	box-shadow: 0px 2px 8px #0b5261;
	color: #fff;
}
.login-lt-sec-main .fig-icon{
	margin: 0px auto;
    position: absolute;
    bottom: 10px;
    right: 1%;
    width: 190px;
}
.login-lt-sec-main .fig-icon img{
	width: 100%;
}
.close-login-btn{
	background: transparent;
	font-size: 18px;
	font-weight: 300;
	color: #999;
	border: 1px #dcdcdc solid;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	position: relative;
	bottom: 20px;
	right: -20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.view-quater-report{
	color: black;
    background-color: #ffbf00;
    border-color: #ffbf00;
    min-width: 16rem;
}
.disabled-quater-report{
	color: black;
    background-color: #ffbf00;
    border-color: #ffbf00;
    min-width: 16rem;
	pointer-events: none;     
	opacity: 0.5;             
	cursor: not-allowed;
}

.login-rt-sec-main{
	padding: 4% 5%;
	margin: 0px 0px;
}
.login-rt-head-sec{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.login-rt-head-sec h2{
	font-size: 30px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px 20px 0px;
}
.login-wel-tex{
	margin: 0px 0px;
	padding: 0px 0px;
}
.login-wel-tex h5{
	font-size: 24px;
	font-weight: 400;
	color: #dbdbdb;
	margin: 5px 0px 5px 0px;
}
.login-wel-tex h3{
	font-size: 34px;
	font-weight: 400;
	color: #C4C4C4;
	margin: 0px 0px 10px 0px;
}
.login-wel-tex h3 span{
color: #44AAB6;
}
.login-wel-tex p{
	font-size: 14px;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 20px 0px;
}

#mobile-input::-webkit-outer-spin-button,
#mobile-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.login-input-sec{
	margin: 0px 0px;
	padding: 7px 0px;
	position: relative;
}
.login-input-sec label{
	display: block;
	font-size: 14px;
	color: #3c3c3c;
	font-weight: 400;
}
.login-input-sec input{
	border: 1px #dcdcdc solid;
	border-radius: 8px;
	padding: 10px 10px;
	width: 80%;
	font-size: 14px;
	color: #3c3c3c;
	font-weight: 400;
}
.login-input-sec1 label{
	user-select: none;
  }

  .success-icon{
	position: absolute;
	right: 22%;
	font-size: 18px;
	top: 50px;
  }
  .login-input-sec1{
	margin: 20px 0px 0px 0px;
  }
  .login-gender-sec{
	display: inline-block;
	margin-right: 20px;
	text-align: center;
}
  .login-input-sec1 input[type="radio"] {
	display: none;
  }
  
  .login-input-sec1 input[type="radio"] + label {
	z-index: 10;
	margin: 10px 0px;
	position: relative;
	color: #6B7083;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #DEE1E6;
	cursor: pointer;
	transition: all 200ms ease;
	width: 60px;
	height: 45px;
	border-radius: 4px;
	font-size: 20px;
  }
  
  .login-input-sec1 input[type="radio"]:checked + label {
	color: #44AAB6;
	background-color: #e5fafc;
	border: 1px #44AAB6 solid;
  }
  
  .login-input-sec1 input[type="radio"] + label {
	padding: 11px 10px;
	text-align: center;
	border-radius: 4px;
  }
  .save-btn{
	border: 1px #FCCE27 solid;
	padding: 12px 20px;
	background: #FCCE27;
	margin: 0px 0px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 8px;
	color: #fff;
	text-align: center;
  }
  .verify-btn{
	border: 1px #0C9B32 solid;
	padding: 7px 10px;
	background: #0C9B32;
	margin: 0px 0px;
	font-size: 13px;
	font-weight: 400;
	border-radius: 8px;
	color: #fff;
	text-align: center;
  }
  .verify-email-btn{
	border: 1px #0C9B32 solid;
	padding: 7px 10px;
	background: #0C9B32;
	margin: 0px 0px;
	font-size: 13px;
	font-weight: 400;
	border-radius: 8px;
	color: #fff;
	text-align: center;
  }

  .verifyOtpBtn{
	border: 1px #0C9B32 solid;
	padding: 5px 8px;
	background: #0C9B32;
	margin: 0px 0px;
	font-size: 12px;
	font-weight: 400;
	border-radius: 6px;
	color: #fff;
	text-align: center;
  }


  .closeModalBtn{
	border: 1px #dcdcdc solid;
	padding: 5px 8px;
	background: #fff;
	margin: 0px 0px;
	font-size: 12px;
	font-weight: 400;
	border-radius: 6px;
	color: #333;
	text-align: center;
  }

  .cancle-btn{
	border: 1px #dcdcdc solid;
	padding: 12px 20px;
	background: #fff;
	margin: 0px 0px;
	font-size: 16px;
	border-radius: 8px;
	font-weight: 400;
	color: #333;
	text-align: center;
  }
  .edit-input{
	border: 1px #dcdcdc solid;
	padding: 8px 15px;
	border-radius: 8px;
	font-size: 14px;
	color: #000;
	width: 100%;
	margin: 10px 0px 0px 0px;
  }
  .register-login-btn{
	min-height: 52px;
	background: #f5f5f5;
	color: #666;
	font-size: 18px;
	font-weight: 600;
	margin: 0px auto;
	border: 1px #dcdcdc solid;
	border-radius: 8px;
	width: 80%;
  }
  .register-login-btn:hover, .register-login-btn-active{
	min-height: 52px;
	background: #FFE608;
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin: 0px auto;
	border: 1px #FCCE27 solid;
	border-radius: 8px;
	width: 80%;
  }
  .opt-input-set-main{
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	width: 80%;
  }
  .opt-input-set{
	margin: 0px 0px;
    width: 14% !important;
    height: 60px;
  }
.opt-sec-numb{
	font-size: 18px;
	color: #666;
}
.opt-sec-numb b{
	color: #000;
}
.opt-time-set{
	font-size: 18px;
	padding-right: 21%;
}
.login-popup-content{
	margin: 0px 0px;
	padding: 20px 0px;
	text-align: center;
}
.login-popup-content h2{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	text-align: center;
	font-size: 44px;
	color: rgb(2, 169, 2);
	font-weight: 600;
}
.login-popup-content p{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #3c3c3c;
}
.login-popup-content .go-dashboard{
	min-height: 48px;
	background: #FCCE27;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	margin: 0px auto;
	border: 1px #FCCE27 solid;
	border-radius: 8px;
	width: 30%;
}

/********************/

/*Fun begins*/
.tab_container {
	width: 100%;
	margin: 10px 5px;
	position: relative;
}

.tab_container  input, section {
  clear: both;
  padding-top: 0px;
  display: none;
}

.tab_container  .label-tab {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  display: block;
  float: left;
  width: 22%;
  padding: 20px 10px;
  border-radius: 8px 8px 0px 0px;
  margin: 0px 10px 0px 0px;
  color: #333;
  cursor: pointer;
  border: 1px #e4e2e2 solid;
  text-decoration: none;
  background: #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #F5F5F5;
  border-radius: 0px 8px 8px 8px;
  box-shadow: 0px 2px 6px #d8d8d8;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}

.tab_container [id^="tab"]:checked + .label-tab {
	color: #333;
	cursor: pointer;
	text-decoration: none;
	background: #FFE608;
  box-shadow: inset 0 5px #FCCE27;
}

.tab_container [id^="tab"]:checked + .label-tab .fa {
  color: #FCCE27;
}

/*********************/
.ind-mark-data-card{
	background: #fff;
	border: 1px #dcdcdc solid;
	padding: 0px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	
}
.card-rt-cont-sec{
	flex-direction: column;
	display: flex;
	gap: 4px;
	width: 55%;
	align-items: center;
	padding: 10px;
	justify-content: center;	
}
.card-rt-cont-sec h3{
	font-size: 18px;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
}
.card-rt-cont-sec p{
	font-size: 14px;
	font-weight: 300;
	margin: 0px 0px;
	padding: 0px 0px;
}
.ind-mark-data-card aside{
	flex-direction: column;
	display: flex;
	gap: 10px;
	width: 45%;
	align-items: center;
	padding: 10px;
	justify-content: center;
	border-radius: 0px 8px 8px 0px;
	background: #08818f !important;
}
.ind-mark-data-card aside h4{
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	color: #fff;
}
.ind-mark-data-card aside p{
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px;
	padding: 0px 0px;
	color: #fff;
}


.dashboard-cont-head{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	margin: 20px 0px 5px 0px;
	padding: 10px 0px;
}

.dashboard-head-sec{
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0px 0px;
	padding: 0px 0px;
}

.dashboard-head-sec h2{
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px;
	color: #000;
}
.dashboard-head-sec p{
	font-size: 14px;
	font-weight: 400;
	margin: 0px 0px;
	padding: 0px 0px;
	color: #616161;
}

.signal-card-contanier-sec{
	background: #fff;
	border-radius: 8px;
	padding: 20px;
}
.signal-card-main{
	display: flex;
	justify-content: space-between;
	gap: 0px;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 20px 0px;;
	background: #E4F8FF;
	border: 1px #B8E6F6 solid;
	border-radius: 8px;
	align-items: center;
}
.signal-card-top-sec{
	margin: 0px 0px;
	padding: 0px 0px;
}
.signal-card-top-sec figure{
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0px 0px 16px 0px;
}
.signal-card-top-sec figure svg{
	color: #44AAB6;
	font-size: 21px;
}
.signal-card-top-sec p{
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	font-weight: 300;
	color: #333;
}
.signal-card-top-sec h3{
	font-size: 18px;
	font-weight: 600;
	margin: 0px 0px;
	color: #000;
}

.signal-card-main aside{
	flex-direction: column;
	justify-content: space-between;
}
.signal-card-main aside label{
	color: #fff;
	font-size: 11px;
	border-radius: 8px;
	font-weight: 400;
	text-align: center;
}
.signal-card-main aside button{
	background:transparent;
	padding: 6px 10px;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	border: none;
	margin: 10px 0px 0px 0px;
}


.index-signal-card-main .stock-sig-mid-card-sec ul li:nth-child(even) {
	text-align: right;
  }


.global-market-card{
	margin: 0px 0px;
	padding: 20px 20px;
	background: #FAFBFC;
	border: 1px #E2E7EB solid;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;position: relative; /* Creates a positioning context for the card */
    overflow: hidden; /* Ensures content stays within bounds during scaling */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth scaling and shadow transition */
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04), 0px 1px 2px rgba(0, 0, 0, 0.04); /* Initial shadow */
}

.global-market-card:hover {
    transform: scale(1.006); /* Enlarges the entire card slightly */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18), 0px 2px 4px rgba(0, 0, 0, 0.18); /* Enhanced shadow for a 3D effect */
}

.global-market-card .global-rt-sec, 
.global-market-card aside {
    transform: none; /* Prevents child elements from being independently scaled */
}

.global-market-card label{
	background: #333;
	border-radius: 12px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	font-weight: 400;
	padding: 6px 20px;
	margin: 0px 0px 10px 0px;
	display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.global-market-card .global-rt-sec p{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px;
}

.global-market-card .global-rt-sec h5{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px;
	padding: 0px 0px;
}

.global-market-card aside{
	text-align: right;
	font-size: 14px;
	font-weight: 400;
}

.global-market-card aside figure{
	margin: 0px 0px;
}

.global-market-card aside figure img{
	width: 100%;
}
.watch-list-container{
	background: #fff;
    padding: 20px;
    margin: 0 0;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 100%;
	align-items: center;
}

.watch-list-container ul{
	padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    flex-grow: 1;
}

.watch-list-container ul li{
	border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
    margin: 0 0 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}
.watch-list-container ul li:last-child{
	border: none;
}
.watch-list-container ul li p{
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	font-weight: 400;
}
.watch-list-container ul li aside{
	display: flex;
    gap: 25px;
    margin: 0px 0px;
    padding: 0px 0px;
    align-items: center;
    justify-content: space-between;
    width: 70%;
}

.watch-list-container ul li aside .watch-lt-sec{
	display: flex;
	gap: 15px;
	width: 30%;
}
.watch-list-container ul li aside .watch-mid-sec {
    display: flex;
    gap: 25px;
    justify-content: space-between;
    width: 60%;
    align-items: center;
}
.watch-list-container ul li .stock-name{
	display: flex;
	gap: 15px;
	margin: 0px 0px;
	padding: 0px 0px;
	align-items: center;
	width: 18rem;
}
.watch-list-container ul li aside .watch-lt-sec figure{
	margin: 0px 0px;
	border: 1px #f5f5f5 solid;
	width: 55px;
	height: 55px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.watch-list-container ul li aside .watch-lt-sec article h5{
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.watch-list-container ul li aside .watch-lt-sec article p{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
}

.watch-list-container .add-watch-btn{
	border: #44AAB6 1px solid;
	border-radius: 4px;
	font-size: 14px;
	gap: 5px;
	color: #fff;
	background: #44AAB6;
	margin-top: 10px;
	padding: 8px 15px;
}
.watch-list-container .view-btn{
	border: #44AAB6 1px solid;
    border-radius: 4px;
    font-size: 14px;
    gap: 5px;
    color: #44AAB6;
    background: #E4F8FF;
    padding: 8px 15px;
    margin-top: 10px;
}

.login-rt-sec-main{
	padding: 4% 5%;
	margin: 0px 0px;
}
.stock-date {
	width: 10rem;
	text-align: center;
}
/* .stock-name-wrapper{
	width: 12rem;
} */
.watch-list-container ul li .action-btn {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.login-rt-head-sec{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

  .success-icon{
	position: absolute;
	right: 22%;
	font-size: 18px;
	top: 50px;
  }
  .login-input-sec1{
	margin: 20px 0px 0px 0px;
  }
  .login-gender-sec{
	display: inline-block;
	margin-right: 20px;
	text-align: center;
}
  .login-input-sec1 input[type="radio"] {
	display: none;
  }
  
  .login-input-sec1 input[type="radio"] + label {
	z-index: 10;
	margin: 10px 0px;
	position: relative;
	color: #6B7083;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #DEE1E6;
	cursor: pointer;
	transition: all 200ms ease;
	width: 60px;
	height: 45px;
	border-radius: 4px;
	font-size: 20px;
  }
  
  .login-input-sec1 input[type="radio"]:checked + label {
	color: #44AAB6;
	background-color: #e5fafc;
	border: 1px #44AAB6 solid;
  }
  
  .login-input-sec1 input[type="radio"] + label {
	padding: 11px 10px;
	text-align: center;
	border-radius: 4px;
  }

  .opt-input-set-main{
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
	width: 80%;
  }
  .opt-input-set{
	margin: 0px 0px;
    width: 10% !important;
    height: 50px;
  }
.opt-sec-numb{
	font-size: 18px;
	color: #666;
}
.opt-sec-numb b{
	color: #000;
}
.opt-time-set{
	font-size: 18px;
	padding-right: 21%;
}
.login-popup-content{
	margin: 0px 0px;
	padding: 20px 0px;
	text-align: center;
}
.login-popup-content h2{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	text-align: center;
	font-size: 44px;
	color: rgb(2, 169, 2);
	font-weight: 600;
}
.login-popup-content p{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #3c3c3c;
}
.login-popup-content .go-dashboard{
	min-height: 48px;
	background: #FCCE27;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	margin: 0px auto;
	border: 1px #FCCE27 solid;
	border-radius: 8px;
	width: 30%;
}

/********************/

/*Fun begins*/
.tab_container {
	width: calc(100vw - 270px);
	margin: 30px;
	position: relative;
}

.tab_container  input, section {
  clear: both;
  padding-top: 0px;
  display: none;
}

.tab_container  .label-tab {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  display: block;
  float: left;
  width: 22%;
  padding: 20px 10px;
  border-radius: 8px 8px 0px 0px;
  margin: 0px 10px 0px 0px;
  color: #333;
  cursor: pointer;
  border: 1px #e4e2e2 solid;
  text-decoration: none;
  background: #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #fff;
  border-radius: 0px 8px 8px 8px;
  box-shadow: 0px 2px 6px #d8d8d8;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}

.tab_container [id^="tab"]:checked + .label-tab {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	background: #44AAB6;
  box-shadow: inset -3px 3px #2f929d;
}

.tab_container [id^="tab"]:checked + .label-tab .icon-tab {
	filter: invert(1);
}

/*********************/
.ind-mark-data-card{
	position: relative; /* Sets positioning context for the card */
    overflow: hidden; /* Prevents content from spilling out during scaling */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth scaling and shadow transition */
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.02), 0px 1px 2px rgba(0, 0, 0, 0.02); /* Initial shadow */
	background: #fff;
	border: 1px #dcdcdc solid;
	padding: 0px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	transform: scale(0.88);
}

.ind-mark-data-card:hover {
    transform: scale(0.9); /* Enlarges the entire card on hover */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.10), 0px 6px 12px rgba(0, 0, 0, 0.10); /* Enhanced shadow effect */
}

.ind-mark-data-card .card-rt-cont-sec,
.ind-mark-data-card aside {
    transform: none; /* Prevent child elements from being independently scaled */
}

.card-rt-cont-sec{
	flex-direction: column;
	display: flex;
	gap: 4px;
	width: 55%;
	align-items: center;
	padding: 10px;
	justify-content: center;	
}
.card-rt-cont-sec h3{
	font-size: 18px;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
}
.card-rt-cont-sec p{
	font-size: 14px;
	font-weight: 300;
	margin: 0px 0px;
	padding: 0px 0px;
}
.ind-mark-data-card aside{
	flex-direction: column;
	display: flex;
	gap: 10px;
	width: 45%;
	align-items: center;
	padding: 10px;
	justify-content: center;
	border-radius: 0px 8px 8px 0px;
	background: #08818f !important;
}
.ind-mark-data-card aside h4{
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	color: #fff;
}
.ind-mark-data-card aside p{
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px;
	padding: 0px 0px;
	color: #fff;
}


.dashboard-cont-head{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	margin: 20px 0px 5px 0px;
	padding: 10px 0px;
}

.dashboard-head-sec{
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0px 0px;
	padding: 0px 0px;
}
.dashboard-head-sec figure{
	height: 45px;
    width: 45px;
    background: #44AAB6;
    color: #2d2703;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 6px;
    font-size: 20px;
    margin: 0px;
}

.dashboard-head-sec h2{
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px;
	color: #000;
}
.dashboard-head-sec p{
	font-size: 14px;
	font-weight: 400;
	margin: 0px 0px;
	padding: 0px 0px;
	color: #616161;
}

.signal-card-contanier-sec{
	background: none;
	border-radius: 8px;
	padding: 20px;
}
.signal-card-main{
	display: flex;
	justify-content: space-between;
	gap: 0px;
	padding: 10px 0px 0px 6px;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border: 2px #e5edf0 solid;
	border-radius: 8px;
	align-items: center;
	position: relative; 
	min-height: 6rem;
	overflow: hidden; 
	transition: transform 0.3s ease, box-shadow 0.3s ease; 
	box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
	transform: scale(0.9);
}

.signal-card-main:hover {
	transform: scale(0.88); 
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.10), 0px 6px 12px rgba(0, 0, 0, 0.10); 
}

.signal-card-main .signal-card-top-sec, 
.signal-card-main aside {
	transform: none; 
}
.signal-card-top-sec{
	margin: 0px 0px;
	padding: 0px 0px;
}
.signal-card-top-sec figure{
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0px 0px 16px 0px;
}
.signal-card-top-sec figure svg{
	color: #44AAB6;
	font-size: 21px;
}
.signal-card-top-sec p{
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	font-weight: 300;
	color: #333;
}
.signal-card-top-sec h3{
	font-size: 16px;
	font-weight: 600;
	margin: 0px 0px;
	color: #000;
	width: 8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.signal-card-main aside{
	flex-direction: column;
	justify-content: space-between;
}
.signal-card-main aside label{
	background: transparent;
	padding: 0px 8px;
	color: #ffbf00;
	font-size: 11px;
	border-radius: 14px;
	font-weight: 700;
	display: block;
	text-align: center;
	position: absolute;
	border-style: solid;
	top: 6px;
	right: 7px;
	border-width: 1.5px;
	line-height: 15px;
}
.signal-card-main aside button{
	background:transparent;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	border: none;
	position: absolute;
	bottom: 6px;
	right: 8px;
}

/************/


.index-signal-card-main {
	border: 1px #dcdcdc solid;
	margin: 20px 15px 20px 10px;
	padding: 0.5rem;
	position: relative; /* Ensures positioning context */
    overflow: visible; /* Prevent child content from breaking out during scale */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth scaling and shadow effect */
    box-shadow: 0px 0.5px 3px rgba(0, 0, 0, 0.08), 0px 0.5px 3px rgba(0, 0, 0, 0.08); /* Initial shadow */
    border-radius: 10px; /* Optional: for rounded corners */
    background: #fff;
	cursor: pointer;
	flex: 0 0 45%;
}

.index-signal-card-main:hover {
    transform: scale(1.007); /* Slightly increase size on hover */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.18), 0px 3px 6px rgba(0, 0, 0, 0.18); /* Enhanced shadow on hover */
	background: linear-gradient(50deg, #e3f2fd, #ffffff);
}
.exit-btn{
	margin-top: 10px; 
	background-color: transparent; 
	border: 1px solid red; 
	color: red; 
	padding: 5px; 
	border-radius: 5px; cursor: pointer;
}
.exit-btn:hover {
	color: white;
	background: linear-gradient(90deg, rgba(247,3,3,1) 0%, rgba(223,14,14,1) 35%, rgb(255 203 203) 100%);
}
.index-signal-card-main .stock-sig-top-header-sec, 
.index-signal-card-main .stock-sig-mid-card-sec, 
.index-signal-card-main .stock-sig-footer-card {
    transform: none; /* Prevent child elements from scaling individually */
}


.index-signal-card-main .stock-sig-footer-card{
	display: flex;
	gap: 10px;
	justify-content: space-between;
	border-top: 1px #dcdcdc solid;
	justify-content: center;
	padding-top: 0.5rem;
}
/* .index-signal-card-main .stock-sig-footer-card button{
		background: none;
		border: 1px #44AAB6 solid;
		border-radius: 6px;
		margin: 0px 10px;
		padding:4px 15px;
		font-size: 11px;
		font-weight: 700;
		text-align: center;
		display: flex;
		gap: 10px;
		align-items: center;
		width: 80%;
		justify-content: center;
}
.index-signal-card-main .stock-sig-footer-card button:hover {
    background-color: #44AAB6; 
    color: white; 
    transform: scale(1.05); 
} */

.index-signal-card-main .stock-sig-footer-card button {
    background: none;
    border: 1px #44AAB6 solid;
    border-radius: 0.3rem;
	margin: 0px 10px;
    padding: 4px 11px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #44AAB6; /* Default text color */
    overflow: hidden; /* Ensure the gradient doesn't overflow */
    transition: color 0.3s ease; /* Smooth transition for text color */
}
.index-signal-card-main .stock-sig-footer-card aside button{
	border: 1px #df0d0d solid;
	color: red;
}
.index-signal-card-main .stock-sig-footer-card aside button:hover {
    color: white;
	background: linear-gradient(90deg, rgba(247,3,3,1) 0%, rgba(223,14,14,1) 35%, rgb(255 203 203) 100%);
}

.index-signal-card-main .stock-sig-footer-card button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #44AAB6;
    transition: all 0.3s ease;
	z-index: -1;
}

.index-signal-card-main .stock-sig-footer-card button:hover::before {
    left: 0;
}

.index-signal-card-main .stock-sig-footer-card button:hover {
    color: white;
	background: linear-gradient(90deg, rgba(41,164,162,1) 0%, rgba(19,195,188,1) 35%, rgb(206 245 255) 100%);
}

.qty-input{
	display: none;
}
.index-signal-card-main .stock-sig-footer-card span{
	font-size: 11px;
	margin: 0px 0px;
	padding: 8px 7px;
	border-radius: 8px;
	background: #0C9B32;
	color: #fff;
	font-weight:400;
}
.top-header-filter{
	display: flex;
	justify-content: space-between;
}
.stock-sig-mid-card-sec{
	padding: 0px 0.5rem;
	margin-top: 0.4rem;
	
}

.index-signal-card-main .signal-value{
	/* border-radius: 50%; */
	/* width: 20%; */
	/* height: 65px; */
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: 600;
	justify-content: center;
	box-shadow: 0px 1px 4px #f5f5f5;
	color: #333;
	text-align: center;
}
.index-signal-card-main .signal-value .signal-value-img{
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 0.5rem;
	border: 1px solid #eaeaea;
}
.signal-card-con-sec{
	text-align: left;
	margin: 0px 0px;
	margin-left: 0.5rem;
	padding: 0px 0px;
	/* width: 80%; */
}
.signal-card-con-sec h6{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px 0px 0px;
}
.index-signal-card-main .signal-card-con-sec p{
	font-size: 0.6rem;
	font-weight: 400;
	color: #999;
	margin: 0px 0px 6px 0px;
	display: flex;
	gap: 15px;
}
.index-signal-card-main .signal-card-con-sec p span{
	font-size: 12px;
	
	font-weight: 400;
	color: #999;
	margin: 0px 0px 6px 0px;
}
.index-signal-card-main .stock-sig-mid-card-sec ul{
	padding: 0px;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0px;
	margin-bottom: 0;
}

.index-signal-card-main .stock-sig-mid-card-sec ul li h4{
	font-size: 14px;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	letter-spacing: 0.5px;
	text-align: center;
}

.index-signal-card-main .stock-sig-mid-card-sec ul li p{
	font-size: 15px;
	font-weight: 400;
	color: #666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: block;
	text-align: center;
}
.stock-sig-top-header-sec{
	margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    list-style: none;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0rem;
}

.global-market-card{
	margin: 0px 3px;
	padding: 13px 13px;
	background: #FAFBFC;
	border: 1px #E2E7EB solid;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	margin-right: 4px;
}
.global-market-card label{
	background: #333;
	border-radius: 12px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	font-weight: 400;
	padding: 6px 20px;
	margin: 0px 0px 10px 0px;
	display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.global-market-card .global-rt-sec p{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px;
}

.global-market-card .global-rt-sec h5{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px;
	padding: 0px 0px;
}

.global-market-card aside{
	text-align: right;
	font-size: 14px;
	font-weight: 400;
}

.global-market-card aside figure{
	margin: 0px 0px;
}

.global-market-card aside figure img{
	width: 100%;
}

/* Keyframe animation for shimmering effect */
@keyframes shine {
    0% {
        background-position: -100%;
    }
    100% {
        background-position: 100%;
    }
}

/* Style for the shimmering text */
.shiny-text {
    position: relative;
    display: inline-block;
    font-size: 24px; /* Adjust the font size as needed */
    font-weight: bold;
    color: #fff; /* Text color */
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
    background-size: 200% 100%;
    animation: shine 1.5s infinite linear;
    -webkit-background-clip: text;
    background-clip: text;
}



.watch-list-container1{
	background: #fff;
	padding: 20px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px #dcdcdc solid;
	border-radius: 8px;
	box-shadow: 0px 0px 6px #f5f5f5;
	display: flex;
	justify-content: space-between;
	align-items: center;
    gap: 30px;
}

.watch-list-container1 p{
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	font-weight: 400;
}
.watch-list-container1 aside{
	display: flex;
	gap: 15px;
	margin: 0px 0px;
	padding: 0px 0px;
	align-items: center;
}
.watch-list-container1 aside figure{
	margin: 0px 0px;
	border: 1px #f5f5f5 solid;
	width: 55px;
	height: 55px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.watch-list-container1 aside article h5{
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.watch-list-container1 aside article p{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
}

.watch-list-container1 .add-watch-btn{
	border: #44AAB6 1px solid;
    border-radius: 4px;
    font-size: 14px;
    gap: 5px;
    color: #fff;
    background: #44AAB6;
    padding: 8px 15px;
    margin-top: 10px;
}
.watch-list-container1 .view-btn{
	border: #44AAB6 1px solid;
    border-radius: 4px;
    font-size: 14px;
    gap: 5px;
    color: #44AAB6;
    background: #E4F8FF;
    padding: 8px 15px;
    margin-top: 10px;
}
/* .tab-block {
	margin: 1rem;
  } */
  .tab-block .tabs {
	list-style: none;               /* Remove bullet points */
	padding: 0;                     /* Remove padding */
	margin: 0;                      /* Remove margin */
	display: flex;                  /* Use flexbox to align items */
	justify-content: center;        /* Center the items horizontally */
	align-items: center;            /* Vertically center items */
	background-color: #fff;         /* White background for the container */
	border-radius: 8px 8px 0px 0px; /* Rounded corners for the tab container */
	border-bottom: 1px solid #dcdcdc; /* Bottom border for the container */
  }
  
  .tab-block .tabs li {
	padding: 10px 20px;             /* Add padding for clickable area */
	margin: 0 15px;                 /* Add margin between the tabs */
	background-color: #f0f0f0;      /* Light gray background for inactive tabs */
	border-radius: 5px;             /* Rounded corners for each tab */
	cursor: pointer;                /* Change cursor to pointer on hover */
	transition: background-color 0.3s, transform 0.3s; /* Smooth transitions */
	text-align: center;             /* Center text inside each tab */
	box-sizing: border-box;         /* Ensure padding and width are correctly calculated */
  }
  
  .tab-block .tabs li:hover {
	background-color: #50C878;      /* Emerald color on hover */
	color: white;                   /* White text on hover */
	transform: translateY(-3px);    /* Slight lift effect on hover */
  }
  
  .tab-block .tabs li.active {
	background-color: #50C878;      /* Emerald color for active tab */
	color: white;                   /* White text for active tab */
	font-weight: bold;              /* Make active tab bold */
  }
  
  .tab-block .tabs li:not(.active):hover {
	background-color: #45b46d;      /* Darker emerald when hovered on inactive tabs */
  }
  .tab-block .tab-mnu {
	display: block;
	list-style: none;
	margin: 0px 0px;
	border-radius: 8px 8px 0px 0px;
  }
  .tab-block .tab-mnu:after {
	content: "";
	display: table;
	clear: both;
  }
  .tab-block .tab-mnu li {
	box-sizing: border-box;
	float: left;
    background-color: #fff;
    color: #333;
    width: 11vw;
    text-align: center;
    padding: 14px 11px;
    cursor: pointer;
    border: 1px #dcdcdc solid;
  }

  .tab-block .tab-mnu li:first-child{
	border-radius: 8px 0px 0px 0px;
  }
  .tab-block .tab-mnu li:last-child{
	border-radius: 0px 8px 0px 0px;
  }
  .tab-block .tab-mnu li:not(:last-child) {
	border-right: 1px solid #44AAB6;
  }
  .tab-block .tab-mnu li:hover:not(.active) {
	background-color: #c0c7cb;
  }
  .tab-block .tab-mnu .active {
	background-color: #44AAB6;
	color: #fff;
	cursor: default;
  }
  .tab-block .tab-cont {
	box-sizing: border-box;
	border-top: 1px solid white;
	background-color: white;
	color: #292d2f;
	box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .tab-block .tab-cont .tab-pane {
	padding: 20px 25px 20px 25px;
  }
  
  .sub-tab-block .tabs {
	list-style: none;               /* Remove bullet points */
	padding: 0;                     /* Remove padding */
	margin: 0;                      /* Remove margin */
	display: flex;                  /* Use flexbox to align items */
	justify-content: center;        /* Center the items horizontally */
	align-items: center;            /* Vertically center items */
	background-color: #fff;         /* White background for the container */
	border-radius: 8px 8px 0px 0px; /* Rounded corners for the tab container */
	border-bottom: 1px solid #dcdcdc; /* Bottom border for the container */
  }
  
  .sub-tab-block .tabs li {
	padding: 10px 20px;             /* Add padding for clickable area */
	margin: 0 15px;                 /* Add margin between the tabs */
	background-color: #f0f0f0;      /* Light gray background for inactive tabs */
	border-radius: 5px;             /* Rounded corners for each tab */
	cursor: pointer;                /* Change cursor to pointer on hover */
	transition: background-color 0.3s, transform 0.3s; /* Smooth transitions */
	text-align: center;             /* Center text inside each tab */
	box-sizing: border-box;         /* Ensure padding and width are correctly calculated */
  }
  
  .sub-tab-block .tabs li:hover {
	background-color: #50C878;      /* Emerald color on hover */
	color: white;                   /* White text on hover */
	transform: translateY(-3px);    /* Slight lift effect on hover */
  }
  
  .sub-tab-block .tabs li.active {
	background-color: #50C878;      /* Emerald color for active tab */
	color: white;                   /* White text for active tab */
	font-weight: bold;              /* Make active tab bold */
  }
  
  .sub-tab-block .tabs li:not(.active):hover {
	background-color: #45b46d;      /* Darker emerald when hovered on inactive tabs */
  }
  .sub-tab-block .tab-mnu {
	list-style: none;
    margin: 0px 0px;
    border-radius: 1rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #F7F6F9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    position: sticky;
    top: 0;
    padding: 1rem 0;
    z-index: 1000;
  }
  .sub-tab-block .tab-mnu:after {
	content: "";
	display: table;
	clear: both;
  }
  .sub-tab-block .tab-mnu li {
	box-sizing: border-box;
	float: left;
    background-color: #fff;
    color: #333;
    width: 8rem;
    text-align: center;
    padding: 14px 11px;
    cursor: pointer;
    border: 0.5px solid #44AAB6;
  }

  .sub-tab-block .tab-mnu li:first-child{
	border-radius: 0.8rem 0px 0rem 0.8rem;
  }
  .sub-tab-block .tab-mnu li:last-child{
	border-radius: 0rem 0.8rem 0.8rem 0rem;
  }
  .sub-tab-block .tab-mnu li:not(:last-child) {
	border-right: 1px solid #44AAB6;
  }
  .sub-tab-block .tab-mnu li:hover:not(.active) {
	background-color: #c0c7cb;
  }
  .sub-tab-block .tab-mnu .active {
	background-color: #44AAB6;
	color: #fff;
	cursor: default;
  }
  .sub-tab-block .tab-cont {
	box-sizing: border-box;
	border-top: 1px solid white;
	color: #292d2f;
    text-align: center;
	border-radius: 0.8rem;
  }
  .sub-tab-block .tab-cont .tab-pane {
	padding: 0;
  }
  
  .report-tab-block .tabs {
	list-style: none;               /* Remove bullet points */
	padding: 0;                     /* Remove padding */
	margin: 0;                      /* Remove margin */
	display: flex;                  /* Use flexbox to align items */
	justify-content: center;        /* Center the items horizontally */
	align-items: center;            /* Vertically center items */
	background-color: #fff;         /* White background for the container */
	border-radius: 8px 8px 0px 0px; /* Rounded corners for the tab container */
	border-bottom: 1px solid #dcdcdc; /* Bottom border for the container */
  }
  
  .report-tab-block .tabs li {
	padding: 10px 20px;             /* Add padding for clickable area */
	margin: 0 15px;                 /* Add margin between the tabs */
	background-color: #f0f0f0;      /* Light gray background for inactive tabs */
	border-radius: 5px;             /* Rounded corners for each tab */
	cursor: pointer;                /* Change cursor to pointer on hover */
	transition: background-color 0.3s, transform 0.3s; /* Smooth transitions */
	text-align: center;             /* Center text inside each tab */
	box-sizing: border-box;         /* Ensure padding and width are correctly calculated */
  }
  
  .report-tab-block .tabs li:hover {
	background-color: #50C878;      /* Emerald color on hover */
	color: white;                   /* White text on hover */
	transform: translateY(-3px);    /* Slight lift effect on hover */
  }
  
  .report-tab-block .tabs li.active {
	background-color: #50C878;      /* Emerald color for active tab */
	color: white;                   /* White text for active tab */
	font-weight: bold;              /* Make active tab bold */
  }
  
  .report-tab-block .tabs li:not(.active):hover {
	background-color: #45b46d;      /* Darker emerald when hovered on inactive tabs */
  }
  .report-tab-block .report-tab-mnu {
	display: block;
	list-style: none;
	margin: 0px 0px;
	border-radius: 8px 8px 0px 0px;
  }
  .report-tab-block .report-tab-mnu:after {
	content: "";
	display: table;
	clear: both;
  }
  .report-tab-block .report-tab-mnu li {
	box-sizing: border-box;
	float: left;
    background-color: #fff;
    color: #333;
    min-width: 11vw;
    text-align: center;
    padding: 14px 11px;
    cursor: pointer;
    border: 1px #dcdcdc solid;
  }

  .report-tab-block .report-tab-mnu li:first-child{
	border-radius: 8px 0px 0px 0px;
  }
  .report-tab-block .report-tab-mnu li:last-child{
	border-radius: 0px 8px 0px 0px;
  }
  .report-tab-block .report-tab-mnu li:not(:last-child) {
	border-right: 1px solid #44AAB6;
  }
  .report-tab-block .report-tab-mnu li:hover:not(.active) {
	background-color: #c0c7cb;
  }
  .report-tab-block .report-tab-mnu .active {
	background-color: #44AAB6;
	color: #fff;
	cursor: default;
  }
  .report-tab-block .report-tab-cont {
	box-sizing: border-box;
	border-top: 1px solid white;
	background-color: white;
	color: #292d2f;
	box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .report-tab-block .report-tab-cont .report-tab-pane {
	padding: 20px 25px 20px 25px;
  }
  .report-modal-tab-block .tabs {
	list-style: none;               /* Remove bullet points */
	padding: 0;                     /* Remove padding */
	margin: 0;                      /* Remove margin */
	display: flex;                  /* Use flexbox to align items */
	justify-content: center;        /* Center the items horizontally */
	align-items: center;            /* Vertically center items */
	background-color: #fff;         /* White background for the container */
	border-radius: 8px 8px 0px 0px; /* Rounded corners for the tab container */
	border-bottom: 1px solid #dcdcdc; /* Bottom border for the container */
  }
  
  .report-modal-tab-block .tabs li {
	padding: 10px 20px;             /* Add padding for clickable area */
	margin: 0 15px;                 /* Add margin between the tabs */
	background-color: #f0f0f0;      /* Light gray background for inactive tabs */
	border-radius: 5px;             /* Rounded corners for each tab */
	cursor: pointer;                /* Change cursor to pointer on hover */
	transition: background-color 0.3s, transform 0.3s; /* Smooth transitions */
	text-align: center;             /* Center text inside each tab */
	box-sizing: border-box;         /* Ensure padding and width are correctly calculated */
  }
  
  .report-modal-tab-block .tabs li:hover {
	background-color: #50C878;      /* Emerald color on hover */
	color: white;                   /* White text on hover */
	transform: translateY(-3px);    /* Slight lift effect on hover */
  }
  
  .report-modal-tab-block .tabs li.active {
	background-color: #50C878;      /* Emerald color for active tab */
	color: white;                   /* White text for active tab */
	font-weight: bold;              /* Make active tab bold */
  }
  
  .report-modal-tab-block .tabs li:not(.active):hover {
	background-color: #45b46d;      /* Darker emerald when hovered on inactive tabs */
  }
  .report-modal-tab-block .report-modal-tab-mnu {
	display: block;
	list-style: none;
	margin: 0px 0px;
	border-radius: 8px 8px 0px 0px;
  }
  .report-modal-tab-block .report-modal-tab-mnu:after {
	content: "";
	display: table;
	clear: both;
  }
  .report-modal-tab-block .report-modal-tab-mnu li {
	box-sizing: border-box;
	float: left;
    background-color: #fff;
    color: #333;
    width: 6rem;
    text-align: center;
    padding: 14px 11px;
    cursor: pointer;
    border: 1px #dcdcdc solid;
	
	margin-left: 0.5rem;
  }

  .reportmodal-tab-block .report-modal-tab-mnu li:not(:last-child) {
	border-right: 1px solid #44AAB6;
  }
  .report-modal-tab-block .report-modal-tab-mnu li:hover:not(.active) {
	background-color: #c0c7cb;
  }
  .report-modal-tab-block .report-modal-tab-mnu .active {
	background-color: #44AAB6;
	color: #fff;
	cursor: default;
  }
  .report-modal-tab-block .report-modal-tab-cont {
	box-sizing: border-box;
	border-top: 1px solid white;
	background-color: white;
	color: #292d2f;
	box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .report-modal-tab-block .report-modal-tab-cont .report-modal-tab-pane {
	padding: 20px 25px 20px 25px;
  }
  
.stock-market-list{
margin: 0px 0px;
padding: 0px 0px;
}

.head-total-st-text h4{
	margin: 0px 0px;
	padding: 0px 0px;
	font-weight: 600;
	font-size: 15px;
	color: #292d2f;
}
.head-total-st-text p{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px;
	font-weight: 600;
	font-size: 18px;
	color: #0C9B32;
	text-align: center;
}

.stock-market-list ul{
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px;
}

.stock-market-list ul li{
	border-bottom: 1px #dcdcdc solid;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.stock-market-list ul li:last-child{
	border: none;
}
.stock-market-list ul li p{
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	font-weight: 400;
}
.stock-market-list ul li article h5{
	margin: 0px 0px 10px 0px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}
.stock-market-list ul li article p{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: 400;
	color: #999;
}

/*****************/
.cus-pane-set{
	border: 1px #dcdcdc solid;
	padding:  14px 0px!important;
	background: #f5f5f5;
	margin-top: -1px;
	border-radius: 0px 8px 8px 8px;
}
.stock-side-data-list{
	margin: 0px 0px;
	padding: 0px 0px;
}

.stock-side-data-list ul{
	list-style: none;
	margin: 0px 15px;
	padding: 0px 0px;
}
.stock-side-data-list ul li{
	display: inline-block;
	margin: 20px 6px 0px 6px;
	padding: 0px 0px;
	width: 30%;
}
.stock-side-data-list ul li h5{
	font-size: 13px;
	font-weight: 600;
	color: #666;
	margin: 0px 0px 10px 0px;
}
.stock-side-data-list ul li p{
	font-size: 15px;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 10px 0px;
	letter-spacing: 0.7px;
}
/**************************/

/* General Rules For Range Slider */
.custom-rangeslider {
	position: relative;
	margin: 40px 30px 10px 30px;
	padding: 0px 0px;
  }
  
  .custom-rangeInput {
	width: 100%;
	background: transparent;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	box-sizing: border-box;
	cursor: pointer;
	outline: 0;
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
	height: 20px;
  }
  .custom-rangeInput::-webkit-slider-thumb {
	-webkit-appearance: none;
			appearance: none;
	box-sizing: border-box;
	background-color: #21324f;
	outline: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 50%;
	cursor: move;
	/* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -webkit-grab;
	margin-top: -8px;
  }
  .custom-rangeInput::-webkit-slider-thumb:active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
  }
  .custom-rangeInput::-moz-range-thumb {
	-moz-appearance: none;
		 appearance: none;
	box-sizing: border-box;
	background-color: #21324f;
	outline: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 50%;
	cursor: move;
	/* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -webkit-grab;
  }
  .custom-rangeInput::-moz-range-thumb:active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
  }
  .custom-rangeInput::-ms-thumb {
	appearance: none;
	box-sizing: border-box;
	background-color: #21324f;
	outline: 2px solid #ffffff;
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 50%;
	cursor: move;
	/* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -webkit-grab;
	margin: auto;
  }
  .custom-rangeInput::-ms-thumb:active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
  }
  .custom-rangeInput::-webkit-slider-runnable-track {
	-webkit-appearance: none;
			appearance: none;
	box-sizing: border-box;
	height: 5px;
	width: 100%;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
	background: grey;
  }
  .custom-rangeInput::-moz-range-track {
	-moz-appearance: none;
		 appearance: none;
	box-sizing: border-box;
	height: 5px;
	width: 100%;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
	background: grey;
  }
  .custom-rangeInput::-ms-track {
	appearance: none;
	box-sizing: border-box;
	height: 5px;
	width: 100%;
	cursor: pointer;
	border: none;
	padding: 0;
	margin: 0;
	background: grey;
	color: transparent;
	border: none;
	outline: none;
  }
  .custom-rangeInput:focus, .custom-rangeInput:active {
	outline: none;
  }
  .custom-rangeInput::-ms-tooltip {
	display: none;
  }
  
  .custom-rangeslider__tooltip {
	line-height: 20px;
	position: absolute;
	height: 28px;
	width: 40px;
	background-color: #FFF;
	padding: 3px 3px;
	border: 1px #33ccff solid;
	top: -40px;
	left: 0;
	text-align: center;
	transform: translate(-26%, 0);
	border-radius: 3px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	pointer-events: none;
  }
  .custom-rangeslider__tooltip:after {
	display: block;
	content: " ";
	background: #FFF;
	position: absolute;
	border: 1px #33ccff solid;
	border-top: 0;
	border-left: 0;
	width: 10px;
	height: 10px;
	left: calc(50% - 6px);
	bottom: -6px;
	transform: rotate(45deg);
  }
  
  .custom-rangeslider__label {
	width: 100%;
	display: block;
  }
  .custom-rangeslider__label span {
	display: block;
  }
  .custom-rangeslider__label-min {
	float: left;
  }
  .custom-rangeslider__label-max {
	float: right;
  }
  .custom-rangeslider__label:after {
	content: "";
	display: table;
	clear: both;
  }

.chart-heading-sec{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.chart-heading-sec span h2{
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 0px 0px 10px 0px;
}
.chart-heading-sec span p{
	font-size: 14px;
	font-weight: 400;
	color: #999;
	margin: 0px 0px 10px 0px;
}
.chart-heading-sec aside h4{
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 0px 0px 10px 0px;
}
.chart-heading-sec span p{
	font-size: 14px;
	font-weight: 400;
	color: #0C9B32;
	margin: 0px 0px 10px 0px;
}

/*Content Animation*/
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}

.no_wrap {
  text-align:center;
  color: #0ce;
}
.link {
  text-align:center;
}
.view-all-btn{
	background: transparent;
	border: none;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px;
	color: #44AAB6;
	font-size: 16px;
	font-weight: 600;
}

/*************/

 .search {
	width: 400px;
	border-radius: 5px;
	position: relative;
	margin: 0px 0px;
  }
  .search input {
	width: 100%;
	outline: none;
	border: none;
	border-radius: 5px 5px 0 0;
	padding: 10px 0px 10px 40px;
	margin: 12px 0px 0px 0px;
	font-size: 14px;
	border: 1px #c5cedd solid;
	background: #F0F4FA;
  }

  .search .icon {
	position: absolute;
    left: 15px;
    top: 0px;
    text-align: center;
    line-height: 67px;
    font-size: 16px;
	font-weight: 300;
    color: #084C53;
    cursor: pointer;
  }

  .search .autocomp-box {
	background: #fff;
	border-radius: 0px 0px 0px 0px;
	border: 1px #dcdcdc solid;
	box-shadow: 0px 6px 8px #4242424a;
	max-height: 450px;
	overflow-y: auto;
	padding: 20px;
    opacity: 1;
    pointer-events: auto;
    top: 12px;
    position: relative;
    width: 55vw;
    right: 35px;
    border-radius: 0px 0px 8px 8px;
	display: none;
  }
  .search .autocomp-box h2, .search-head-sec h3{
	font-size: 18px;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
  }
  .search-body-sec{
	margin: 0px 0px;
  }
  .search-body-sec ul{
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
	
  }
  .search-body-sec ul li{
	margin: 0px 0px 5px 0px;
	border-bottom: 1px #f5f5f5 solid;
	padding: 10px 0px 15px 0px;
	width: 100%;
	display: flex;
	gap: 30px;
	justify-content: space-between;
  }
  .search-body-sec ul li:last-child{
	border: none;
  }
  
  .search-body-sec ul li aside{
	display: flex;
	justify-content: center;
	gap: 10px;
  }

  .search-body-sec ul li aside figure{
	width: 60px;
	height: 60px;
	border: 1px #dcdcdc solid;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0px 0px;
	padding: 5px;
  }
  .search-body-sec ul li aside figure img{
	width: 100%;
  }
  
  .search-body-sec ul li aside .text-card h4{
	font-size: 18px;
	color: #000;
	font-weight:400;
	margin: 0px 0px;
	padding: 0px;
  }
  .search-body-sec ul li aside .text-card p{
	font-size: 14px;
	color: #666;
	font-weight:400;
	margin: 5px 0px;
	padding: 0px;
  }

  .search-body-sec ul li data{
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-top: 4px;
  }
  .request-ai-btn{
	border: #3dcbab 1px solid;
	border-radius: 4px;
	font-size: 14px;
	gap: 5px;
	color: #000;
	background: #3dcbab;
	padding: 8px 15px;
	margin-top: 10px;
  }
  .add-watch-btn{
	border: #FCCE27 1px solid;
	border-radius: 4px;
	font-size: 14px;
	gap: 5px;
	color: #000;
	background: #FCCE27;
	padding: 8px 15px;
	margin-top: 10px;
  }
  .report-rq-btn{
	border: #44AAB6 1px solid;
	border-radius: 4px;
	font-size: 14px;
	gap: 5px;
	color: #44AAB6;
	background: #F0F4FA;
	padding: 8px 15px;
	margin-left: 10px;
	margin-top: 10px;
  }
  .report-rq-btn-top{
	border: #287a83 1px solid;
	border-radius: 4px;
	font-size: 15px;
	gap: 5px;
	color: #fff;
	background: #44AAB6;
	padding: 10px 20px;
	margin-left: 15px;
  }
  .add-watch-btn span, .report-rq-btn span{
	margin-left: 5px;
  }
  .search-footer-sec{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px #dcdcdc dotted;
  }
  .search-footer-sec .search-head-sec{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
  }
  .search-footer-sec .search-head-sec button{
	font-size: 16px;
	color: #44AAB6;
	font-weight: 500;
	border: none;
	text-decoration: underline;
	background: transparent;
	letter-spacing: 0.8px;
  }
  .search-footer-sec ul{
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px;
	display: flex;
	gap: 30px;
	justify-content: space-between;
  }
  .search-footer-sec ul li{
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: center;
	width: 100%;
  }
  .search-footer-sec ul li figure{
	width: 100%;
	border: 1px #dcdcdc solid;
	height: 90px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0px 0px;
  }
  .search-footer-sec ul li h3{
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin: 10px 0px 0px 0px;
	padding: 0px;
  }
  .search-footer-sec ul li p{
	font-size: 14px;
	color: #44AAB6;
	font-weight:400;
	margin: 5px 0px;
	padding: 0px;
  }
.add-btn-watchlist{
	border: 1px #0C9B32 solid;
	color: #fff;
	padding: 10px 10px;
	background: #0C9B32;
	margin: 0px 0px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 6px;
}
.add-btn-report{
	border: 1px #ffbf00 solid;
	color: #fff;
	padding: 10px 10px;
	background: #ffbf00;
	margin: 0px 0px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 6px;
}
.remove-btn{
	border: 1px #f94619 solid;
	color: #fff;
	padding: 8px 15px;
	background: #f94619;
	margin: 0px 0px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 6px;
	margin-top: 10px;
}

 .screen-bg-1{
	background: rgb(171,72,241);
	background: linear-gradient(167deg, rgba(171,72,241,1) 0%, rgb(55, 2, 93) 100%);
}
.screen-bg-2{
	background: rgb(68,170,182);
background: linear-gradient(167deg, rgba(68,170,182,1) 0%, rgba(24,110,120,1) 100%)
}
.screen-bg-3{
	background: rgb(252,137,73);
background: linear-gradient(167deg, rgba(252,137,73,1) 0%, rgba(191,89,15,1) 100%);
}
.screen-bg-4{
	background: rgb(51,169,62);
background: linear-gradient(167deg, rgba(51,169,62,1) 0%, rgba(27,123,40,1) 100%);
}
.screen-bg-5{
	background: rgb(103,137,224);
background: linear-gradient(167deg, rgba(103,137,224,1) 0%, rgba(26,86,157,1) 100%);
} 

/* Ensure the search box is visible by default on larger screens */
.search-field {
    display: flex;
    align-items: center;
	padding-bottom: 13px;
}

/* Hide the search box by default on small screens */
#search-box {
    display: none;
    transition: all 0.3s ease;
}

/* When the 'open' class is added, show the search box */
#search-box.open {
    display: block;
}

/* Hide the search icon on large screens */
#search-icon {
    display: block; 
	position: absolute;
	left: 15px;
	top: 0px;
	text-align: center;
	line-height: 67px;
	font-size: 16px;
	font-weight: 300;
	color: #084C53;
	cursor: pointer;
}

@media (max-width: 750px) {
    /* Hide search box by default */
    #search-box {
        display: none;
    }

    /* Show close button when search box is visible */
    #search-box.open .close-btn {
        display: block;
    }

    .search .autocomp-box {
        width: 100%;
        right: 0;
        max-height: 300px; /* Adjust the max-height for small screens */
    }

    .search input {
        font-size: 16px; /* Make font slightly larger for easier typing */
    }

    #search-icon {
        display: block; 
		position: absolute;
		left: 5rem;
		top: 0px;
		text-align: center;
		line-height: 67px;
		font-size: 16px;
		font-weight: 300;
		color: #084C53;
		cursor: pointer;
    }

    /* Close button styling */
    .close-btn {
        position: absolute;
        right: 10px;
        top: 10px;
        background: #ff0000;
        color: white;
        padding: 5px 10px;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: none;
    }
}



.screen-card-main{
	border-radius: 8px 8px 8px 8px;
	position: relative;
	padding: 10px 20px;
	margin: 0px 0px 20px 0px;
	color: #fff;
	text-align: center;
	/* box-shadow: 0px 0px 6px #aaaaaa; */
	overflow: hidden; 
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0px 1.5px 3px rgba(0, 0, 0, 0.08), 0px 1.5px 3px rgba(0, 0, 0, 0.08);
	height: 220px;
}

.unlock-screener{
	position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}
.count-stock-screener{
	position: absolute;
    bottom: 0.5rem;
    left: 1rem;
}

.screen-card-main:hover {
	transform: scale(1.017);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.18), 0px 3px 6px rgba(0, 0, 0, 0.18);
}

.screen-card-main label,
.screen-card-main figure,
.screen-card-main h3,
.screen-card-main p {
	transform: none; 
}

.screen-card-main label{
	background: #0404047a;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	min-width: 110px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 6px 20px 6px 10px;
	border-radius: 0px 0px 8px 0px;
}
.screen-card-main figure{
	margin: 32px 0px 10px 0px;
	padding: 0px 0px;
}
.screen-card-main h3{
	font-size: 18px;
	font-weight: 600;
	margin: 0px 0px 10px 0px;
}
.screen-card-main p{
	font-size: 14px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}


/*======================
    404 page
=======================*/

/* Error Page */
.error .clip .shadow
{
	height: 180px;  /*Contrall*/
}
.error .clip:nth-of-type(2) .shadow
{
	width: 130px;   /*Contrall play with javascript*/ 
}
.error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow
{
	width: 250px; /*Contrall*/
}
.error .digit
{
	width: 150px;   /*Contrall*/
	height: 150px;  /*Contrall*/
	line-height: 150px; /*Contrall*/
	font-size: 120px;
	font-weight: bold;
}
.error h2   /*Contrall*/
{
	font-size: 32px;
}
.error .msg /*Contrall*/
{
	top: -190px;
	left: 30%;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 32px;
}
.error span.triangle    /*Contrall*/
{
	top: 70%;
	right: 0%;
	border-left: 20px solid #535353;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}


.error .container-error-404
{
  margin-top: 7%;
	position: relative;
	height: 250px;
	padding-top: 40px;
}
.error .container-error-404 .clip
{
	display: inline-block;
	transform: skew(-45deg);
	background: #287a83;
}
.error .clip .shadow
{
	
	overflow: hidden;
}
.error .clip:nth-of-type(2) .shadow
{
	overflow: hidden;
	position: relative;
	box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150,0.8), 20px 0px 20px -15px rgba(150, 150, 150,0.8);
}

.error .clip:nth-of-type(3) .shadow:after, .error .clip:nth-of-type(1) .shadow:after
{
	content: "";
	position: absolute;
	right: -8px;
	bottom: 0px;
	z-index: 9999;
	height: 100%;
	width: 10px;
	background: linear-gradient(90deg, transparent, rgba(173,173,173, 0.8), transparent);
	border-radius: 50%;
}
.error .clip:nth-of-type(3) .shadow:after
{
	left: -8px;
}
.error .digit
{
	position: relative;
	top: 8%;
	color: white;
	background: #FCCE27;
	border-radius: 50%;
	display: inline-block;
	transform: skew(45deg);
}
.error .clip:nth-of-type(2) .digit
{
	left: -10%;
}
.error .clip:nth-of-type(1) .digit
{
	right: -20%;
}.error .clip:nth-of-type(3) .digit
{
	left: -20%;
}    
.error h2
{
	color: #000;
	font-weight: bold;
	padding-bottom: 20px;
}
.error .msg
{
	position: relative;
	z-index: 9999;
	display: block;
	background: #535353;
	color: #fff;
	border-radius: 50%;
	font-style: italic;
}
.error .triangle
{
	position: absolute;
	z-index: 999;
	transform: rotate(45deg);
	content: "";
	width: 0; 
	height: 0; 
}

.empty-state {
	margin: 20px auto;
	background: #ffffff;
	border-radius: 4px;
  }
  .empty-state__content {
	padding: 48px;
	display: flex;
	align-items: center;
	flex-direction: column;
  }
  .empty-state__content .empty-state__icon {
	width: 200px;
	height: 200px;
	display: flex;
	align-items: center;
	border-radius: 200px;
	justify-content: center;
	background-color: #f7fafc;
	box-shadow: 0px 2px 1px #e1e3ec;
  }
  .empty-state__content .empty-state__icon img {
	width: 170px;
  }
  .empty-state__content .empty-state__message {
	color: #38a169;
	font-size: 1.5rem;
	font-weight: 500;
	margin:20px 0px 10px 0px;
  }
  .empty-state__content .empty-state__help {
	color: #a2a5b9;
	font-size: 0.875rem;
  }
  /****************************/
  
.main-subscription {
    width:100%;
    margin: 10px 0px;
	padding: 0px 1rem;
	border-radius: 8px;
}
.price-table {
    width: 100%;
    border-collapse: collapse;
    border: 0 none;
}
.price-table tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.price-table tr td {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    padding: 12px 24px;
    font-size: 14px;
}
.price-table tr td:first-child {
    border-left: 0 none;
}
.price-table tr td:not(:first-child) {
    text-align: center;
}
.price-table tr:nth-child(even) {
    background-color: #FFFFFF;
}
.price-table tr:hover {
    background-color: #EEEEEE;
}
.price-table .fa-check {
    color: #287a83;
}
.price-table .fa-times {
    color: #999;
}

/* Highlighted column */
.price-table tr:nth-child(2n) td:nth-child(3) {
    background-color: rgba(216, 214, 227, 0.25);
}
.price-table tr td:nth-child(3) {
    background-color: rgba(216, 214, 227, 0.15);
    padding: 8px 48px;
}
.price-table tr td:nth-child(3) .fa-check,
.price-table tr:nth-child(2n) td:nth-child(3) .fa-check {
    /* color: #ffffff; */
}
/**/

.price-table tr.price-table-head td {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
	padding: 10px 0px;
}
.price-table tr.price-table-head {
    background-color: #08818f;
    color: #fff;
}
.price-table td.price {
    color: #000;
    padding: 16px 24px;
    font-size: 20px;
    font-weight: 600;
}
.price-table td.price a {
    background-color: #FCCE27;
    color: #000;
    padding: 12px 32px;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 64px;
}
.price-table td.price-table-popular {
    font-family: "Montserrat";
    border-top: 3px solid #FCCE27;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 48px;
    font-weight: 700;
}
.price-table .price-blank {
    background-color: #fafafa;
    border: 0 none;
}

.price-table svg {
    width: 90px;
    fill: #084C53;
}
.subscribe-head{
	font-size: 28px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px;
	text-align: center;
	text-shadow: 0px 0px 2px #287a83;
}
.subscribe-head b{
	color: #0ce;
	font-size: 34px;
}

/***********************/

.gauge-wrapper {
	display: flex;
	justify-content: center;
	margin: 0px 0px 0px 0px;
	padding: 20px 15px 0px 15px;
  }
  
  .gauge {
	background: #e7e7e7;
	/* box-shadow: 0 -3px 6px 2px rgba(0, 0, 0, 0.50); */
	width: 200px;
	height: 100px;
	border-radius: 100px 100px 0 0!important;
	position: relative;
	overflow: hidden;
  }
  .gauge.min-scaled {
	transform: scale(0.5);
  }
  
  .gauge-center {
	content: '';
	color: #fff;
	width: 60%;
	height: 60%;
	background: #15222E;
	border-radius: 100px 100px 0 0!important;
	position: absolute;
	box-shadow: 0 -13px 15px -10px rgba(0, 0, 0, 0.28);
	right: 21%;
	bottom: 0;
	color: #fff;
	z-index:10;
  }
  
  .gauge-center .label, .gauge-center .number {display:block; width: 100%; text-align: center; border:0!important;}
  .gauge-center .label {font-size:0.75em; opacity:0.6; margin:1.1em 0 0.3em 0; color: white;}
  .gauge-center .number {font-size:1.2em;}
  
  .needle {
	width: 80px;
	height: 7px;
	background: #15222E;
	border-bottom-left-radius: 100%!important;
	border-bottom-right-radius: 5px!important;
	border-top-left-radius: 100%!important;
	border-top-right-radius: 5px!important;
	position: absolute;
	bottom: -2px;
	left: 20px;
	transform-origin: 100% 4px;
	transform: rotate(0deg);
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.38);
	z-index:9;
  }

  .four.rischio .bullish {animation: fourspeed1 2s 1 both; animation-delay: 1s; display:block;}
  .four.rischio .neutral {animation: fourspeed2 2s 1 both; animation-delay: 1s; display:block;}
  .four.rischio .bearish {animation: fourspeed3 2s 1 both; animation-delay: 1s; display:block;}
  .four.rischio .needle4 {animation: fourspeed4 2s 1 both; animation-delay: 1s; display:block;}
  
  .slice-colors {height:100%;}
  
  .slice-colors .st {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
	border: 50px solid transparent;  
  }
  
  
  .four .slice-colors .st.slice-item:nth-child(2) {
	border-top: 50px #f1c40f solid;
	border-right: 50px #f1c40f solid;
	background-color:#1eaa59;
  }
  
  .four .slice-colors .st.slice-item:nth-child(4) {
	left:50%;
	border-bottom: 50px #E84C3D solid;
	border-right: 50px #E84C3D solid;
	background-color:#e67e22;
  }
  
  
  @-webkit-keyframes fourspeed1 {
	  0% {transform: rotate(0);}
	100% {transform: rotate(16deg);}
  }
  
  @-webkit-keyframes fourspeed2 {
	  0% {transform: rotate(0);}
	100% {transform: rotate(90deg);}
  }
  
  @-webkit-keyframes fourspeed3 {
	  0% {transform: rotate(0);}
	100% {transform: rotate(164deg);}
  }
  
  @-webkit-keyframes fourspeed4 {
	  0% {transform: rotate(0);}
	100% {transform: rotate(164deg);}
  }

  .side-popup-mid-head{
	margin: 20px 0px 10px 0px;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	gap: 10px;
}
.side-popup-mid-head svg{
	color: #000;
}
.iframe-sec-main iframe{
	width: 100%;
	height: 300px;
	border: 1px #dcdcdc solid;
	margin: 10px 0px;
}


.chart-head-sec{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0px 10px 0px;
}
.chart-head-sec button{
	background: #f94619;
	border: 1px red solid;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding: 6px 10px;
	border-radius: 8px;
}
.chart-head-sec h6{
	font-size: 14px;
	font-weight: 400;
	margin: 0px;
}
/******************/

.cus-img-stock{
	border: 1px #dcdcdc solid;
	border-radius: 8px;
	margin-right: 10px;
	padding: 5px;
	width: 70px;
	text-align: center;
}

.subscribe-btn-new1{
	background: #08818f;
	border: 1px #084C53 solid;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.7px;
	margin: 0px 0px;
	padding: 10px 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	margin: 0px auto;
}

.subscribe-btn-new{
	background: #FCCE27;
	border: 1px #FCCE27 solid;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.7px;
	margin: 0px 0px;
	padding: 10px 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #000;
	margin: 20px auto;
}
.subscribe-btn-new svg:first-child{
	color: #FFF;
	font-size: 20px;
}
.recommendation-text{
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: center;
}
.recommendation-text p{
	font-size: 14px;
	color: #666;
	margin: 0px 0px 10px 0px;
}
.recommendation-text figure{
	margin: 20px auto;
}

.forecation-data-show{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}
.forecation-data-show h2{
	font-size: 18px;
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}

.forecation-data-show ul{
	list-style: none;
	margin: 0px 0px 30px 0px;
}
.forecation-data-show ul li{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom:1px #dcdcdc solid;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.forecation-data-show ul li h3{
	font-size: 16px;
	color: #000;
	text-align: center;
	margin-bottom: 0px;
}
.forecation-data-show ul li p{
	font-size: 14px;
	color: #666;
	text-align: center;
	margin:10px 0px 10px 0px;
}
.forecation-data-show ul li a{
	font-size: 14px;
	color: #287a83 !important;
	text-align: center;
	margin:0px 0px 0px 0px;
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 10px;
}
.forecation-data-show ul li a svg:first-child{
	font-size: 20px;
	color: #FCCE27;
}

/******************/
.con-items {
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub-items {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	margin-top: 1rem;
}
.item {
	width: 360px;
	background: #fff;
	box-shadow: 0px 5px 30px 0px rgba(0,0,0,.25);
	border-radius: 40px;
	margin: 0px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: all .25s ease;
	position: relative;
}
.item:not(.color):hover{
	transform: scale(1.05);
}
.item:hover .con-img{
	transform: scale(1.15);
}
.item.color:hover {
	transform: scale(1.15);
}
.con-img {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .25s ease;
}
.con-img img {
	width: 130px;
}
.item1 {
	padding-right: 45px;
}
.item2 {
	z-index: 100;
}
.item3 {
	padding-left: 45px;
}
.item.color {
	background: #3dcbab;
	color: #fff;
	transform: scale(1.1);
}
.item.color li {
	color: rgba(255,255,255,.75);
}
.item.color li b {
	color: rgba(255,255,255,1);
}
.item.color li i {
	color: rgba(255,255,255,1);
}
.item header {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	width: 100%;
}
.item header h3 {
	font-size: 2rem;
}
.item header p {
	font-size: 1.2rem;
}
.badge {
	position: absolute;
	top: 10px;
	right: 21px;
	background: #FFE608;
	padding: 5px 10px;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	font-size: .85rem;
}

.badge1 {
	position: absolute;
	top: 10px;
	right: 21px;
	background: rgb(61, 203, 171);
	padding: 5px 10px;
	border-radius: 12px;
	color: #fff;
	font-weight: bold;
	font-size: .85rem;
}

.item ul {
	padding: 20px 0px;
	flex: 1;
	width: 100%;
	list-style: disc;
}
.item ul li {
	width: 100%;
	padding: 20px 10px 20px 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	color: rgb(var(--color), .5);
	border-bottom: 1px #f5f5f5 solid;
}
.item ul li b {
	color: rgb(var(--color), 1)
}
.item ul li svg {
	font-size: 14px;
	margin-right: 15px;
	color: #323232;
}
.item button {
	padding: 14px 20px;
	width: 100%;
	background: rgb(61, 203, 171);
	border: 3px solid transparent;
	border-radius: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1rem;
	box-shadow: 0px 10px 25px 0px rgba(61, 203, 171, .35);
	cursor: pointer;
	transition: all .25s ease;
}
.item button:not(.border):hover {
	transform: translate(0,5px);
	box-shadow: 0px 0px 0px 0px rgba(61, 203, 171, .35);
}
.item button.border {
	border: 3px solid #fff;
}
.item button.border:hover {
	background: #fff;
	color: rgb(61, 203, 171);
}

.sec-title{
	position:relative;
  }
  
  .sec-title .title{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1em;
	color: #ff8a01;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 5px;
  }
  
  .sec-title h3{
	position:relative;
	display: inline-block;
	font-size:2rem;
	color:#1e1f36;
	font-weight:700;
	margin: 0 0.5rem;
  }
  
  .sec-title .text{
	position: relative;
	font-size: 16px;
	line-height: 28px;
	color: #888888;
  }
  
/******************/
.edit-btn{
	background: transparent;
	border: none;
	color: #0ce;
	font-size: 14px;
	
}
.user-profile-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #dcdcdc solid;
}
.avatar-upload {
	position: relative;
	max-width: 205px;
	margin: 30px auto;
  }
  .avatar-upload .avatar-edit {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px;
  }
  .avatar-upload .avatar-edit input {
	display: none;
  }
  .avatar-upload .avatar-edit input + label {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #08818f;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
  }
  .avatar-upload .avatar-edit input + label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
  }
  
  .avatar-upload .avatar-preview {
	width: 192px;
	height: 192px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .avatar-upload .avatar-preview > div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  }
  .user-detail-head{
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: center;
	align-items: center;
    display: flex;
    flex-direction: column;
  }
  .user-detail-head h2{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px 10px 0px;
  }
  .user-detail-head p{
	font-size: 14px;
	font-weight: 600;
	color: #999;
	margin: 0px 0px 10px 0px;
  }
  
.user-profile-main{
	margin: 30px 0px;
}
.user-profile-lt-sec {
	border: 1px #dcdcdc solid;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 0px 6px #ececec;
	border-radius: 8px;
}
.user-profile-rt-sec{
	margin: 0px;
	padding: 0px;
}
.user-profile-rt-sec h2{
	font-size: 24px;
	color: #000;
	margin: 0px;
}
.userpor-cont-sec{
	padding: 20px 0px 0px 0px;
	margin-bottom: 20px;
}
.userpor-cont-sec label{
	font-size: 16px;
	font-weight: 600;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px;
	min-width:110px;
	color: #333;
}
.userpor-cont-sec label span{
	font-size: 14px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	position: relative;
	left: 10px;
	color: #999;
}
.user-setting-sec{
	margin: 0px 0px;
	padding: 0px 0px;
}
.user-setting-sec h4{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin: 0px 0px 10px 0px;
}
.user-setting-sec textarea{
	min-height: 220px;
	width: 100%;
	border: 1px #dcdcdc solid;
	padding: 20px;
	font-size: 14px;
	color: #333;
	margin: 0px 0px 10px 0px;
	text-align: left;
	border-radius: 8px;
}

.delete-btn{
	border: none;
	color: tomato;
	font-size: 16px;
	margin: 20px 0px;
	font-weight: 600;
}
/******************/

/*Media query*/
@media only screen and (max-width: 900px) {
	label span {
	  display: none;
	}
	
	.tab_container {
		width: 100%;
		margin: 1rem 0.2rem;
	}
	.live-row {
		flex-direction: column;
		flex-wrap: wrap;
	}
	.index-signal-card-main{
		width: 100%;
	}
	.dashboard-head-sec h2{
		font-size: 17px;
	}
	.tab_container label span {
		display: block;
		font-size: 12px;
	  }
	.tab_container  .label-tab {
		width: 22%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	  }
  }
  
  @media screen and (max-width: 768px) {

	.login-rt-sec-main {
		padding: 7% 8%;
	}
	.login-input-sec input {
		width: 100%;
	}
	.watch-list-container1{
		overflow-x: scroll;
	}
	.opt-input-set {
	    margin: 0px 0px;
	    width: 14% !important;
	    height: 40px;
	}
	.login-input-sec{
		padding: 4px 0px;
	}
	.register-login-btn {
		width: 100%;
	}
	.login-lt-sec-main h1{
		font-size: 28px;
		text-align: center;
	}
	.mb-p-0{
		padding: 0px!important;
	}
	.mt-m-0{
		margin-top: 0px!important;
	}
	.close-login-btn {
		bottom: 10px;
		right: -10px;
	}
	.login-lt-sec-main {
		height: 55vh;
		padding: 1% 8% 0px 5%;
	}

	.login-text{
		font-size: 14px;
		font-weight: bold;
	}
	.success-icon {
		right: 5%;
	}
	.login-lt-sec-main ul {
		margin: 0;

	}
	.login-lt-sec-main ul li{
		font-size: 13px;
	}
	.login-lt-sec-main ul li figure {
		width: 40px;
    	height: 40px;
	}
	.login-lt-sec-main .fig-icon {
		width: 384px;
		margin: 0px auto;
		display: flex;
		justify-content: center;
	}
	.login-lt-sec-main .fig-icon img {
		width: 45%;
		position: absolute;
        right: 5px;
        bottom: 5px;
	}
	.opt-input-set-main {
		width: 100%;
	}
	.opt-time-set{
		font-size: 18px;
		padding-right: 0%;
	}
  }

    
/* Error Page */
@media(max-width: 767px)
{
/* Error Page */
		.error .clip .shadow
		{
			height: 100px;  /*Contrall*/
		}
		.error .clip:nth-of-type(2) .shadow
		{
			width: 80px;   /*Contrall play with javascript*/ 
		}
		.error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow
		{
			width: 100px; /*Contrall*/
		}
		.error .digit
		{
			width: 80px;   /*Contrall*/
			height: 80px;  /*Contrall*/
			line-height: 80px; /*Contrall*/
			font-size: 52px;
		}
		.error h2   /*Contrall*/
		{
			font-size: 24px;
		}
		.error .msg /*Contrall*/
		{
			top: -110px;
			left: 15%;
			width: 40px;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
		}
		.error span.triangle    /*Contrall*/
		{
			top: 70%;
			right: -3%;
			border-left: 10px solid #535353;
			border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
		}
.error .container-error-404
{
height: 150px;
}
	/* Error Page */
}
@media(max-width: 550px)
{
	.tab-block .tab-mnu li{
		width: 19vw;
        padding: 14px 6px;
        height: 70px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.stock-market-list ul li{
		overflow-x: scroll;
	}
	/* .stock-market-list ul li > *{
		margin-right: 3rem;
	} */
	/* .watch-list-container ul li{
		overflow: auto;
		padding: 10px 0px 10px 28px;
	} */
	/* .watch-list-container ul li > *{
		margin-right: 3rem;
	} */
	.con-items {
		flex-direction: column;
	}
	.item1 {
		margin-bottom: 50px;
	}
	.stock-sig-mid-card-sec{
		padding: 9px;
		
	}
	.index-signal-card-main .stock-sig-footer-card{
		padding: 10px 5px;
	}
	#tab1:checked ~ #content1,
	#tab2:checked ~ #content2,
	#tab3:checked ~ #content3,
	#tab4:checked ~ #content4,
	#tab5:checked ~ #content5 {
	padding: 1px;
	}

}


.search {
	width: 400px;
	border-radius: 5px;
	position: relative;
	margin: 0px 0px;
}

.search input {
	width: 100%;
	outline: none;
	border: none;
	border-radius: 5px 5px 0 0;
	padding: 10px 0px 10px 3px;
	margin: 12px 0px 0px 0px;
	font-size: 14px;
	border: 1px #c5cedd solid;
	background: #F0F4FA;
}

.search .icon {
	position: absolute;
    left: 15px;
    top: 0px;
    text-align: center;
    line-height: 67px;
    font-size: 16px;
	font-weight: 300;
    color: #084C53;
    cursor: pointer;
}

.search .autocomp-box {
	background: #fff;
	border-radius: 0px 0px 0px 0px;
	border: 1px #dcdcdc solid;
	box-shadow: 0px 6px 8px #4242424a;
	max-height: 450px;
	overflow-y: auto;
	padding: 0 20px;
	opacity: 1;
	pointer-events: auto;
	position: absolute;
	top: 52px;
	width: 55vw;
	left: 0;
	right: 0;
	display: none;
	z-index: 9999;
}

.search .autocomp-box h2,
.search-head-sec h3 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}

.search-body-sec {
	margin: 0px 0px;
}

.search-body-sec ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px;
}

.search-body-sec ul li {
	margin: 0px 0px 5px 0px;
	border-bottom: 1px #f5f5f5 solid;
	padding: 10px 0px 15px 0px;
	width: 100%;
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.search-body-sec ul li:last-child {
	border: none;
}

.search-body-sec ul li aside {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.search-body-sec ul li aside figure {
	width: 60px;
	height: 60px;
	border: 1px #dcdcdc solid;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0px 0px;
	padding: 5px;
}

.search-body-sec ul li aside figure img {
	width: 100%;
}

.search-body-sec ul li aside .text-card h4 {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	margin: 0px 0px;
	padding: 0px;
}

.search-body-sec ul li aside .text-card p {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	margin: 5px 0px;
	padding: 0px;
}

.search-body-sec ul li data {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-top: 4px;
}

.request-ai-btn {
	border: #3dcbab 1px solid;
	border-radius: 4px;
	font-size: 14px;
	gap: 5px;
	color: #000;
	background: #3dcbab;
	padding: 8px 15px;
	margin-top: 10px;
}

.add-watch-btn {
	border: #FCCE27 1px solid;
	border-radius: 4px;
	font-size: 14px;
	gap: 5px;
	color: #000;
	background: #FCCE27;
	padding: 8px 15px;
	margin-top: 10px;
}

.report-rq-btn {
	border: #44AAB6 1px solid;
	border-radius: 4px;
	font-size: 14px;
	gap: 5px;
	color: #44AAB6;
	background: #F0F4FA;
	padding: 8px 15px;
	margin-left: 10px;
	margin-top: 10px;
}

.report-rq-btn-top {
	border: #287a83 1px solid;
	border-radius: 4px;
	font-size: 15px;
	gap: 5px;
	color: #fff;
	background: #44AAB6;
	padding: 10px 20px;
	margin-left: 15px;
}

.add-watch-btn span,
.report-rq-btn span {
	margin-left: 5px;
}

.search-footer-sec {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px #dcdcdc dotted;
}

.search-footer-sec .search-head-sec {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
}

.search-footer-sec .search-head-sec button {
	font-size: 16px;
	color: #44AAB6;
	font-weight: 500;
	border: none;
	text-decoration: underline;
	background: transparent;
	letter-spacing: 0.8px;
}

.search-footer-sec ul {
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px;
	display: flex;
	gap: 30px;
	justify-content: space-between;
}

.search-footer-sec ul li {
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: center;
	width: 100%;
}

.search-footer-sec ul li figure {
	width: 100%;
	border: 1px #dcdcdc solid;
	height: 90px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0px 0px;
}

.search-footer-sec ul li h3 {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.search-footer-sec ul li p {
	font-size: 14px;
	color: #44AAB6;
	font-weight: 400;
	margin: 5px 0px;
	padding: 0px;
}

/* Close Button Styling */
.close-btn {
	position: absolute;
	top: 1rem;
	right: 0.2rem;
	background: transparent;
	border: none;
	color: #666;
	font-size: 20px;
	cursor: pointer;
}

/* Responsive Adjustments */
@media (max-width: 750px) {
	.search {
		width: 100%;
	}

	.search .icon {
		display: block;
	}

	.search .autocomp-box {
		width: 75vw;
		max-height: 300px;
	}

	.search .close-btn {
		display: block !important;
	}
	.watch-none {
        display: none;
    }
}

@media (max-width: 450px) {
	.search {
		width: 160px;
	}
}