@charset "utf-8";
/* CSS Document */
@font-face { font-family: Gotham; src: url("fonts/Gotham-Book.woff") format("woff"), url("font/Gotham-Book.woff2") format("woff2"), url("fonts/Gotham-Book.ttf") format("truetype"); font-weight: normal; }
@font-face { font-family: GothamBold; src: url("fonts/Gotham-Bold.ttf") format("truetype"); }
@font-face { font-family: GothamMedium; src: url("fonts/Gotham-Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'Gotham Condensed Medium';
  src: url('fonts/GothamCondensed-Medium.woff2') format('woff2'),
  url('fonts/gotham-condensed-medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamBook';
  src: url('fonts/Gotham-Book.woff2') format('woff2'),
       url('fonts/Gotham-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
		
  /* You can also specify other font formats (e.g., woff, woff2) for better browser compatibility */
.no-border
{border:1 px solid #fff!important;
padding:0px 5px!important;
}
::-webkit-scrollbar {
  display: none; /* Hide scrollbar in webkit browsers (Chrome, Safari) */
  
}

body
{background-color:#fec470;font-family: 'GothamBook', sans-serif;!important;}
.menu-icon {
      cursor: pointer;
      display: inline-block;
      padding: 10px;
      position: absolute;
      right:10px;
        }

    .menu-icon div {
      width: 40px;
      height: 4px;
      background-color: #fff;
      margin: 7px 0;
      transition: 0.4s;
    }

    .dropdown {
      display: none;
      background-color: #f9f9f9;
      position: absolute;
      top: 50px;
      right:20px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 1;
      text-align: left;
      width: 180px;
    }

    .dropdown a {
      display: block;
      padding: 5px 10px;
      text-decoration: none;
      color: #333;
      font-size: 20px;
    }

   /* .dropdown a:hover {
      background-color: #ddd;
    }*/
    .show {
      display: block;
    }
.area
{
width:26%;
}
.tbl-content {
    height: 253px;
    overflow-x: auto;
    margin-top: 0px;
    font-weight: 600;
}
.space {
position: relative;
color: white;
}
.logo_position {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.logo_position1 {
position: absolute;
top: 10%;
left:10%;
transform: translate(-10%, -10%);
}
.reg{
background-color:#0973b7;
color:#fff;
line-height:30px;
font-size:18px;
}
.fbot{
background-color:#0973b7;
padding:2px 25px;
color:#fff;
}
.small_text{
font-size: 10px;
}
.form-group{
  position:relative;
}
.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width:50px!important;
    height:50px!important;
    line-height:50px!important;
    text-align: center;
    pointer-events: none;
    color: #c5c5c5;
    right:0;
    top: 0px;
}
.form-group .form-control-icon1 {
    position: absolute;
    z-index: 2;
    display: block;
    width:50px!important;
    height:50px!important;
    line-height:50px!important;
    text-align: center;
    pointer-events: none;
    color: #cbcbcb;
    left:0;
    top: 0px;
}
.form-control {
 border-radius:0px!important;
}.form-check-input
{
	background-color:transparent!important;
	border:1px solid #000!important;
}
.form-check-input[type=checkbox] {
    border-radius:0px!important;
}
.form-control,
.form-select {
  background-color: #fff;
  border-color: #E9E9E9;
  border-radius: 0px;
  padding: 0.65rem 1rem;
  font-weight:400!important;
  font-family: Gotham!important;
  font-size:18px;
  opacity: 1 !important;
}
.form-control:focus,
.form-select:focus {
  box-shadow: none;
  border-color: #08c1e0 !important;
}

.form-check-input {
  border-color: #E9E9E9;
  box-shadow: none !important;
  background-color: #fff;
}
.form-check-input:checked {
  background-color: #08c1e0;
  border-color: #08c1e0;
  box-shadow: none;
}
.bot_login
{background-color:#39b54a;color:#FFF;font-size:30px;font-weight:bold;height:50px;border:none;
}
::placeholder {
  color: #cbcbcb!important;
  opacity: 1; /* Firefox */
  font-size:20px;
  font-weight:200;
}
.modal-open {
    overflow: hidden !important;
}
.h-60
{height:55px!important;}
.icon_space
{width:24px;margin-top:0px;}
.size3 {
   
    border: none;
    font-size: 22px;
    color: #cbcbcb;
    font-family: GothamMedium;}
.eye_box
{width:70px;}
.line_h
{line-height:56px;}
.copy1 {font-size:12px;}

.top-left {
    position: absolute;
    top: 5%;
    left: 4%;
}
.top-right
{position: absolute;
    top:5%;
    right: 4%;}
.top-left-w {
position: absolute;
top:16%;
left: 4%;
}
.top-right-w
{position: absolute;
top:16%;
right: 4%;}
.bottom-left-w{
    position: absolute;
    top:38%;
    left:7%;
}

.bottom-left{
    position: absolute;
    top:13%;
    left: 4%;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered1 {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered2 {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text5
{color:#857a6c!important;background-color:#fff!important;}
.text5:hover
{color:#ffac00!important;background-color:#fff!important;}
.hidden_text
{padding:10px 0px;border-bottom: 1px solid #e92a28;text-transform: uppercase;color:#e92a28;text-align:center;
}
.txt23{color:#F00;text-decoration:none;font-size:22px;}
.txt23:hover{color:#ffac00;text-decoration:none;font-size:22px;}
.tb_text
{border:1px solid #000;background-color:#e1235a;color:#fff;text-align:center;line-height:16px;padding:10px 0px;}

	.tbl_header1
		{border:1px solid #000;background-color:#e1235a!imporatnat;color:#fff;
		}
		.text_yellow
		{margin-left:70px;font-size: 26px;font-weight:bold;line-height:30px;padding:10px;background-color:#ffac00;
		}
		.text_red
		{margin-left:70px;font-size: 26px;font-weight:bold;line-height:30px;padding:10px;background-color:#e92a28;
		}
	.conf
	{font-family:Gotham Condensed!important;font-weight:bold;color:#000!important;font-size:15px;margin-bottom:10px;
	}
	.confo
	{font-family:Gotham Condensed!important;font-weight:500;}
	.copy1 {
    color: rgb(255, 255, 255);
    font-size: 10px;
    padding-bottom: 10px;}
	.tbl-content {
    height: 253px;
    overflow-x: auto;
    margin-top: 0px;
    font-weight: 600;
}
.score-point3 {
    margin-top: -170px;
    font-size: 120px;
    color: #fff;
    text-align:center;
}
.how
{margin-top:50px;padding-bottom:10px;}
.bigf
{font-weight:bold;line-height:120px;margin-top:-25px;
}
.tabs {
  display: flex;
 
}

.tab-button {
  padding:2px 15px;
  margin-left:3px;
  cursor: pointer;
  background-color: #ccc;
  transition: background-color 0.3s ease;
  font-family: Gotham Condensed !important;
  font-weight:bold;
  color:#666;
}

.tab-button:hover {
  background-color: #bbb;
}

.tab-button.active {
  background-color: #ffac00;
  color: white;
}

/* Styling for Tab Content */
.tab-content {
  margin-top: 10px;
  
}

.tab-pane {
  display: none;
  background-color: #fff;
}

/* Show active tab content */
.tab-pane.active {
  display: block;
}
.top1
{margin-top:-30%;
}

@media (min-width: 980px) and (max-width: 1200px) {
	.score-point3 {
    margin-top: -170px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
.area{width:60%;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.area{width:60%;}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.score-point3 {
margin-top: -155px;
}

}
@media only screen and (max-width: 360px) {
  /* Styles for small high-res devices like 1080x2640 screens */
  .top1{margin-top:-30%;}
  .area{width:100%;}
}
@media only screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 3) {
    .top1{margin-top:-30%;}
	.area{width:100%;}
}
@media only screen and (device-width: 360px) and (device-height: 800px) and (-webkit-device-pixel-ratio: 3) {
    .top1{margin-top:-30%;}
	.area{width:100%;}
}
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
.score-point3 {
margin-top: -160px;
}
.top1{margin-top:-30%;}
.area{width:100%;}
}

@media only screen and (device-width: 412px) and (device-height: 914px) and (-webkit-min-device-pixel-ratio: 2.625) {
.score-point3 {margin-top: -175px;}
.how
{margin-top:60px;padding-bottom:10px;}
.top1{margin-top:-30%;}
.area{width:100%;}
}
@media only screen and (device-width: 412px) and (device-height: 915px) and (-webkit-min-device-pixel-ratio: 2.625) {
		.score-point3 {
margin-top: -175px;
}
.how
{margin-top:60px;padding-bottom:10px;}
.top1{margin-top:-30%;}
.area{width:100%;}
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
.top1{margin-top:-120px;}
}
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
	.score-point3 {
margin-top: -175px;
}
.how
{margin-top:60px;padding-bottom:10px;}
.top1{margin-top:-30%;}
.area{width:100%;}
}
@media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
	.score-point3 {
margin-top: -175px;
}
.how
{margin-top:60px;padding-bottom:10px;}
.top1{margin-top:-30%;}
.area{width:100%;}
}
@media only screen and (max-width:900px) {
.area
{
width:60%;
}
.h-60
{height:60px!important;}
.icon_space
{width:24px;margin-top:5px;}

}
@media only screen and (max-width:600px) {
.area
{
width:100%;
}
.h-60
{height:60px!important;}
.icon_space
{width:24px;margin-top:5px;}

}