@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
--color-primary: #0072FF;
--color-red: #FF0000;
--color-darkred: #A50438;
--color-white: #FFFFFF;
--color-black: #0C2225;
--color-yellow: #E9E22A;
--color-darkorange: #BF5010;
--color-darkblue: #1C0F68;
--color-skyblue: #2AC3EA;
--color-green: #2BA59D;
}
body { 
background:#dde6fa !important;
font-family: Arial, Helvetica, sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-weight:700 !important;
}
.sec-md{
padding:60px 0px;
}
/*==============================================*/
@media screen and (max-width:968px) {
.h2, h2 {
font-size: 1.5rem;
}
.h3, h3 {
font-size: 1.25rem;
}
}
/*==============================================*/
.menu-nav{
display:flex;
align-items:Center;
margin:0;
padding:0;
list-style:none;
gap:10px;
}
.menu-nav li{
width:100%;
}
.menu-nav li a{
background: #030D24;
background: linear-gradient(90deg,rgba(3, 13, 36, 1) 0%, rgba(8, 25, 64, 1) 50%, rgba(3, 13, 36, 1) 100%);
text-align: center;
color: #ffffff;
height: 55px;
text-transform: uppercase;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.menu-nav li a:hover{
background: #3c3275;
background: linear-gradient(90deg,rgba(60, 50, 117, 1) 0%, rgba(17, 17, 207, 1) 50%, rgba(60, 50, 117, 1) 100%);
color: #ffffff;
}
@media screen and (max-width:968px) {
.menu-nav{
gap:5px;
}
.menu-nav li a{
font-size: 11px;
padding: 0px 5px;
height: 45px;
border-radius: 7px;
}
}
/*==============================================*/
.header{
width:100%;
position:relative;
}
.header .header-bottom, .header .header-top, .header .header-middle{
padding:10px 10px;
}
/*==============================================*/
.bg-text{
background: #000000;
background: radial-gradient(circle,rgba(0, 0, 0, 1) 0%, rgba(9, 9, 121, 1) 100%);
}
.bg-text-01{
background: #BD7613;
background: linear-gradient(90deg,rgba(189, 118, 19, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(189, 118, 19, 1) 100%);
}
.bg-text-02{
background: #030D24;
background: radial-gradient(circle, rgba(3, 13, 36, 1) 0%, rgba(78, 96, 150, 1) 50%, rgba(3, 13, 36, 1) 100%);
}
.bg-text-03{
background: #833AB4;
background: linear-gradient(90deg,rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}
/*==============================================*/
.live-result{
padding:25px;
width:100%;
position:relative;
text-align:center;
color:#fff;
background: #030D24;
background: radial-gradient(circle, rgba(3, 13, 36, 1) 0%, rgba(78, 96, 150, 1) 50%, rgba(3, 13, 36, 1) 100%);
}
/*==============================================*/
.logo{
width:300px;
height:120px;
}
/*==============================================*/
.section-gap-md{
	padding:60px 0px;
}
/*==============================================*/
.tablebox{
width:100%;
position:relative;
overflow:hidden;
border-radius:10px;
background:#ffffff;
border: 1px solid #030D24;
}
.tablebox .tablebox-header{
padding:20px 15px;
background: #030D24;
background: radial-gradient(circle, rgba(3, 13, 36, 1) 0%, rgba(78, 96, 150, 1) 50%, rgba(3, 13, 36, 1) 100%);
}
.tablebox-table{
width:100%;
border-collapse: collapse;
}
.tablebox-table td, .tablebox-table th {
border: 1px solid #030D24;
padding: 8px;
}
.tablebox-table th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #030D24 !important;
color: white;
}

/*==============================================*/
.second-text{
background: radial-gradient(circle, rgba(3, 13, 36, 1) 0%, rgba(78, 96, 150, 1) 50%, rgba(3, 13, 36, 1) 100%);
width:100%;
position:relative;
padding:25px;
border-radius:15px;
text-align:center;
overflow: hidden;
}
.second-text .bounce-text{
transform: translateX(50%);
animation: bouncing-text 10s linear infinite alternate;
color:#fff;
font-size:16px;
font-weight:600;
}
/*==============================================*/
.edu-blog {
  position: relative;
  width:100%;
}
.edu-blog .thumbnail {
  position: relative;
}
.edu-blog .thumbnail a {
  display: block;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  height:200px;
}
.edu-blog .thumbnail a img {
  width: 100%;
  height:100%;
  object-fit:cover;
  border-radius: 10px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}
.edu-blog .content {
  padding:10px 0 0 0;
  box-shadow: none;
}
.edu-blog .content .title {
  margin-bottom: 10px;
  font-size:18px;
}
.edu-blog .content .title a{
	color:#000;
}
/*==============================================*/
.footer{
background: #020024;
background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(7, 7, 54, 1) 50%, rgba(3, 13, 36, 1) 100%);
padding:80px 0px;
color:#fff;
width:100%;
position:relative;
}
.footer-list{
	margin:0;
	padding:0;
	list-style:none;
}
/*==============================================*/
.copyright{
	background: #020024;
background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(7, 7, 54, 1) 50%, rgba(3, 13, 36, 1) 100%);
padding:20px 0px;
color:#fff;
width:100%;
position:relative;	
text-align:center;
}
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/




/*==============================================*/
.notice{
background:#000;
width:100%;
position:relative;
padding:0px 0px 25px;
color:var(--color-white);
}
.amimate-title{
text-transform: uppercase;
animation: stroke 5s infinite alternate;
stroke-width: 4px;
stroke: #ffffff;
font-size: 100px;
font-weight: 600;
}
@keyframes stroke {
0% {
fill: rgba(72, 138, 20, 0);
stroke: rgb(255, 255, 255);
stroke-dashoffset: 25%;
stroke-dasharray: 0 50%;
stroke-width: 2;
}

70% {
fill: rgba(72, 138, 20, 0);
stroke: rgb(255, 255, 255);
}

80% {
fill: rgba(72, 138, 20, 0);
stroke: rgb(255, 255, 255);
stroke-width: 3;
}

100% {
fill: rgb(255, 255, 255);
stroke: rgba(54, 95, 160, 0);
stroke-dashoffset: -25%;
stroke-dasharray: 50% 0;
stroke-width: 0;
}
}
.strokeme{
color: #fff800;
margin-top: -50px;
}
/*==============================================*/
.animate-charcter{
font-weight:bold;
}
.livenumberbox{
display: flex;
align-items: center;
justify-content: center;
}
.livenumberbox-charcter{
color:#fff;
font-size: 75px;
font-weight:bold;
}
.livenumber-time{
font-size:25px;
font-weight:bold;
}
.animate-charcter span{
text-transform: uppercase;
background-image: linear-gradient(
-225deg,
#00e3ff 0%,
#fb00ff 29%,
#ff5600 67%,
#fff800 100%
);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
font-size: 75px;
}

@keyframes textclip {
to {
background-position: 200% center;
}
}
/*==============================================*/
.Satta-box {
background-image: linear-gradient(to right top, #142a42, #163453, #193e64, #1c4877, #205289);
color: white;
width: 100%;
padding:20px 0px;
font-size:32px;
font-weight:bold;
}
@media only screen and (max-width: 768px) {
.Satta-box h{
font-size:18px;
}	
}
.sattaBox {
background-image: linear-gradient(to left, #e83e8c, #dd337b, #d1296a, #c41f5a, #b7144b, #b7144b, #b7144b, #b7144b, #c41f5a, #d1296a, #dd337b, #e83e8c);
width:100%;
position: relative;
text-align: center;
padding: 16px 10px;
}
.sattaBox .bounce{
transform: translateX(50%);
animation: bouncing-text 10s ease-in-out infinite alternate;
color:#fff;
font-size:18px;
font-weight:bold;
}
@keyframes bouncing-text {
0% {
transform: translateX(20%);
}

100% {
transform: translateX(-20%);
}
}
@media only screen and (max-width: 768px) {
.sattaBox .bounce{
transform: translateX(209%);
animation: bouncing-text 10s ease-in-out infinite alternate;
color:#fff;
font-size:16px;
font-weight:bold;
}	
}
.sattaBoxgamelist{
background-image: linear-gradient(to bottom, #051937, #00253a, #002e31, #0a3422, #2e3719);
width:100%;
position:relative;
}
.resulttable {
border-collapse: collapse;
width: 100%;
}
.resulttable td, .resulttable th {
border-bottom: 1px solid #051937;
padding: 8px;

}
.resulttable thead {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-image: linear-gradient(to right, #1188FF, #80A6EF, #317CC8, #80A6EF, #1188FF, #80A6EF, #317CC8, #80A6EF, #1188FF, #80A6EF, #317CC8, #80A6EF);
color: white;
}
/*==============================================*/
.resulttable tr.white{
background:#fff;
}
.resulttable tr.many{
background-image: linear-gradient(to right, #DBF66B, #EFFB97, #DBF66B, #EFFB97,#DBF66B, #EFFB97, #DBF66B, #EFFB97, #DBF66B, #EFFB97, #DBF66B, #EFFB97);
}
@media only screen and (max-width: 768px) {
.sattaBoxgamelist .container{
padding-left:0px;
padding-right:0px;
}
}
/*==============================================*/
.topnotice{
background-image: linear-gradient(to right, #d2758f, #dc726e, #d6794a, #c08626, #9b9500, #9c9300, #9d9100, #9e8f00, #c27b23, #d6674a, #d85d71, #c56096);
width:100%;
position:relative;
padding:25px 0px;
color:var(--color-white);
}
.topnotice .bounce-second{
transform: translateX(50%);
animation: bouncing-text 10s linear infinite alternate;
color:#fff;
font-size:18px;
font-weight:bold;
}
@keyframes bouncing-text {
0% {
transform: translateX(30%);
}

100% {
transform: translateX(-30%);
}
}
@media only screen and (max-width: 768px) {
.topnotice .bounce-second{
font-size:12px;
}
}
@media only screen and (max-width: px) {
.topnotice .bounce-second{
font-size:12px;
}
}
/*==============================================*/
.cardtbox{
width: 100%;
padding: 20px;
position: relative;
margin-bottom:20px;
}
.cardtbox .cardtbox-inner{
background: #01545f;
border-radius: 3px;
padding:120px 25px 50px;
}
.ribbon {
width: 100%;
height: 70px;
margin-left: -10px;
margin-right: -10px;
background: #37b7c7;
position: absolute;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-top:10px;
top: 20px;
left: 10px;
}
.ribbon::before {
content: "";
position: absolute;
height: 0;
width: 0;
border-width: 25px 20px;
border-style: solid;
border-color: #31a5b3 #31a5b3 #31a5b3 transparent;
top: 30px;
left: -30px;
bottom: -10px;
}

/* Media query for mobile screens */
@media only screen and (max-width: 600px) {
.ribbon::before {
border-width: 15px 12px; /* Adjust border size for smaller screens */
top: 20px; /* Adjust position from the top */
left: -20px; /* Adjust position from the left */
bottom: -6px; /* Adjust position from the bottom */
}
}

.ribbon::after {
content: "";
position: absolute;
height: 0;
width: 0;
border-width: 25px 20px;
border-style: solid;
border-color: #31a5b3 transparent #31a5b3 #31a5b3;
top: 30px;
right: -30px;
bottom: -10px;
}

/* Media query for mobile screens */
@media only screen and (max-width: 600px) {
.ribbon::after {
border-width: 15px 12px; /* Adjust border size for smaller screens */
top: 20px; /* Adjust position from the top */
right: -20px; /* Adjust position from the right */
bottom: -6px; /* Adjust position from the bottom */
}
}


.ribbon-content {
height: inherit;
margin-bottom: 0;
background: #37b7c7;
z-index: 100;
width: 100%;
display:flex;
align-items:center;
justify-content:center;
}
.crajodbox{
width:100%;
position:relative;
padding:20px;
background-image: linear-gradient(to right, #585858, #4f4f4f, #454647, #3b3d3e, #323535, #323535, #323535, #323535, #3b3d3e, #454647, #4f4f4f, #585858);
color: #fff;
border-radius: 50px;
text-align: center;
font-weight: bold;
border:2px solid #000;
margin-bottom:15px;
}

/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*==============================================*/























/* Responsive Background Colors */
@media screen and (max-width: 768px) {
.bg-primary,
.bg-secondary,
.bg-black,
.bg-yellow,
.bg-darkorange,
.bg-darkblue,
.bg-skyblue,
.bg-green {
background: var(--color-white) !important;
}
}

/* Other Styles */
/* Add your additional styles here */

/*===============================================================*/
.bg-primary{
background:var(--color-primary) !important;
}
.bg-secondary {
background-color:var(--color-Red) !important;
}
.bg-black{
background:var(--color-black) !important;

}
.bg-yellow{
background:var(--color-yellow) !important;

}
.bg---color-darkorange{
background:var(--color-darkorange) !important;
}
.bg---color-darkblue{
background:var(--color-darkblue) !important;
}
.bg---color-skyblue{
background:var(--color-skyblue) !important;
}
.bg---color-green{
background:var(--color-green) !important;
}
/*===============================================================*/


/*===============================================================*/
.img-container {
width: 100%; 
display: flex;
justify-content: center;
}

.img {
max-width: 170px; 
height: auto; 
image-orientation: none;
position: relative;
}


.top{
background:var(--color-yellow);
width:100%;
height:47;
position:relative;
padding:15px 0px;
color:var(--color-black);
}
.box {
background: var(--color-white);
border: solid rgb(20 50 73);
width: 100%;
/* height: 214px; */
position: relative;
padding: -34px 0px;
/* color: var(--color-black); */
}
.mb-1{
font-size: bold;
height:35px;
font-family: "Gill Sans Extrabold", sans-serif;
}
.mb-2{
font-size: bold;
height:35px;
font-family: "Gill Sans Extrabold", sans-serif;
}
.OFFER{
text-align:center;
height:46;
font-style: bold;
margin: 20px, 0px;
}
/*===============================================================*/


/* Shape */
.shape {
width: 100%;
height: auto;
image-orientation: none;
position: relative;
padding: 20px 0px;
text-align: center;
color: white;
}

/* Box2 */
.box2 {
background: var(--color-darkblue);
height: 70px;
font-size: 24px;
width: 80%;
position: relative;
text-align: center;
margin: 0 auto;
padding: 10px 5px;
color: white;
}



/* Responsive Styles */
@media screen and (max-width: 768px) {

.box1,
.col-lg-8,
.box2,
.many,
.white {
width: 100%;
}
}

.img {
max-width: 100%;
height: auto;
image-orientation: none;
position: relative;
}


.text-overlay {
position: absolute;
text-align: center;
color: black;
padding: 18px;
font-size: 20px;
}
.orange{
background: var(--color-darkorange);
color:white;
width: 100%;
height: 100px;
font-size:15px;
position: relative;
margin: 6px;
FONT-WEIGHT: 400;	
}
/*===============================================================*/

.blue {
background: var(--color-white);
border: 3px solid #418dda;
color: Black;
width: 100%;
height: 200px;
font-size: 14px;
position: relative;
margin: 0px;
FONT-WEIGHT: 600;
}
.green {
text-align: center;
justify-content: center;
position: relative;
margin: 40px 0px;
/* padding: 0px 10px; */
background: var(--color-green);
color: white;
width: 100%;
height: 150px;
font-size: 20px;
font-weight: 400; /* Corrected font-weight to lowercase */
bottom: 40px;
}

/* Media query for mobile screens */
@media only screen and (max-width: 600px) {
.green {
font-size: 16px; /* Adjust font size for smaller screens */
height: auto; /* Allow height to adjust based on content */
margin: 20px 0; /* Adjust margin for smaller screens */
bottom: auto; /* Remove bottom positioning for smaller screens */
}
}

/*===============================================================*/


.little-box {
position: relative;
margin: 6px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap; 
align-items: center;
justify-content: center;
gap: 20px;
}

/* Responsive Styles for .little-box li */
.little-box li {
flex: 0 0 calc(25% - 20px); 
max-width: calc(25% - 20px); 
display: flex;
align-items: center;
justify-content: center;
background: #ff0000;
height: 60px;
text-transform: uppercase;
color: var(--color-black);
margin-bottom: 20px; /
}
/*===================================================================================*/



.gallery {
width: 100%;
height: auto;
image-orientation: none;
position: relative;
padding: 10px 0px;
text-align: center;
color: white;
}

.bottom-left,
.bottom-centre,
.bottom-right,
.top-left,
.top-centre,
.top-right {
color: white;
position: relative;
}

.bottom-left,
.bottom-centre,
.bottom-right {
right: 100px; /* Adjusted for better responsiveness */
bottom: 50px;
}

.top-left,
.top-centre,
.top-right {
bottom: 75px;
left: 92px;
}

@media only screen and (max-width: 767px) {
.bottom-left,
.bottom-centre,
.bottom-right,
.top-left,
.top-centre,
.top-right {
left: auto;
right: 10px; /* Adjusted for better responsiveness */
}
}

.blog {
text-align: center;
color: red;
}

@media only screen and (max-width: 600px) {
.blog {
text-align: center;
}

.top-left,
.top-centre,
.top-right,
.bottom-left,
.bottom-centre,
.bottom-right {
left: auto;
right: 10px; /* Adjusted for better responsiveness */
}
}

.custom-box {
width: 100%;
max-width: 100%;
height: auto;
background-color: white;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin: 22px 10px;
}
.col-md-4{
color:red;
}

.card-body {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background: #805e4a;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}

.text {
position: relative;
/* size: auto; */
font-size: larger;
color: white;
margin: 0px 20px;
margin-top: -30px;
/* padding: 20px; */
}

/*=================================================================*/

/* Responsive Background Colors */
@media screen and (max-width: 768px) {
.bg-primary,
.bg-secondary,
.bg-black,
.bg-yellow,
.bg-darkorange,
.bg-darkblue,
.bg-skyblue,
.bg-green ,
.bg-red
{
background: var(--color-white) !important;
}
}

/* Other Styles */
/* Add your additional styles here */

/*===============================================================*/
.bg-primary {
background: var(--color-primary) !important;
}
.bg-red{
background: var( --color-red) !important;
}
.bg-secondary {
background-color: var(--color-red) !important;
}

.bg-black {
background: var(--color-black) !important;
}

.bg-yellow {
background: var(--color-yellow) !important;
}

.bg-darkorange {
background: var(--color-darkorange) !important;
}

.bg-darkblue {
background: var(--color-darkblue) !important;
}

.bg-skyblue {
background: var(--color-skyblue) !important;
}

.bg-green {
background: var(--color-green) !important;
}
/*===============================================================*/

.Heading {
height: 70px;
border: 2px solid black;
font-size: x-large;
display: flex;
padding: 10px 5%; /* Adjusted padding for better responsiveness */
}

.Heading span {

font-size: x-large;

margin: 0 9px;
}
/* Responsive styles for screens with a maximum width of 768 pixels */
@media (max-width: 768px) {
.Heading span {
margin: 0 5px; /* Adjust the margin for smaller screens */
}
}

.rectangle {
text-align: left;
min-height: 180px;
background: #F5F5F5;
width: 100%;
font-size: 20px;
padding: 20px 5px;
box-sizing: border-box;
}

.rectangle span {
margin: 0 5px;
/* Add some spacing between the Home and Blog */
}

.text {
position: relative;
color: #fff;
margin: 2px 3px;
}

.text1 {
font-size: 2px;
position: relative;
font-size: 24px;
font-size: 24px;
margin: 25px 70px;
}

.detail {
width: 100%;
padding-right: 5%; /* Adjusted padding for better responsiveness */
padding-left: 0; /* Removed negative padding */
margin-right: auto;
margin-left: auto;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
.box {
height: auto; /* Adjust height to accommodate content */
padding: 20px 5%; /* Adjusted padding for better responsiveness */
}
}
.UltimateGuide {
display: flex;
align-items: center;
justify-content: center;
min-height: auto;
max-width: auto;
height: auto;
image-orientation: none;
position: relative;
margin: -38px 0px; 
}

.UltimateGuide img {
/*max-width: 100%;*/
width: 1000px; /* Ensure the image fills its container */
max-width: 837px; /* Set the maximum width of the image */
height: 655px; /* Maintain the aspect ratio */
padding: 66px 10px;
}

.entry-content {
position: relative;
padding: 10px; /* Adjust padding as needed */
max-width: 80%;
margin: 0 auto;
text-align: center;

}

.entry-content p {
font-size: 16px;
line-height: 1.5;
padding: 170px 60px;
margin-top: -150px;
}

/* Media Query for tablets and larger devices */
@media (min-width: 768px) {
.entry-content {
padding: 20px; /* Adjust padding as needed */
}
}

/* Media Query for desktops and larger devices */
@media (min-width: 992px) {
.entry-content {
padding: 40px; /* Adjust padding as needed */
}

.entry-content p {
font-size: 18px; /* Adjust font size as needed */
}
}
/*===============================================================*/

/*===============================================================*/
/*===============================================================*/
/*===============================================================*/

.jumbo {
background: rgb(34,195,119);
background: -moz-linear-gradient(0deg, rgba(34,195,119,0.4244514700411415) 0%, rgba(0,2,10,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(34,195,119,0.4244514700411415) 0%, rgba(0,2,10,1) 100%);
background: linear-gradient(0deg, rgba(34,195,119,0.4244514700411415) 0%, rgba(0,2,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#22c377",endColorstr="#00020a",GradientType=1);
padding:20px;

margin-top: -300px 


}

.container9 {
text-align: center;
color:white;

position: relative;
width: 100%;
min-height: 20px;
padding-right: -150px;
padding-left: 150px;

}

.col-sm-3 {
margin-bottom: 10px;
}

.col-sm-3 h3 {
padding: 10px;
border-bottom: 2px solid #007bff;
}

.col-sm-3 p {
margin-bottom: 10px;
}

/* Style the Follow With Us section */
.col-sm-3 h3:contains("Follow With Us") {
color: #FFFFFF;
}

/* Style the Main Results section */
.col-sm-3 h3:contains("Main Results") {
color: #FFFFFF;
}

/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
/*===============================================================*/
.numbersection table{
border: 1px solid #000000;
}
.numbersection table th{
border-left: 1px solid #0000;
text-align: center;
}
.numbersection table td{
text-align: center;
border-left: 1px solid #000000;
}

.td-bg-color{
padding: 34px 20px 34px 20px!important;
background-color: #2AC3EA !important;
font-size: 20px;
}

.nav-pills .nav-link {
margin: 7px 10px;
padding: 10px 10px;
color: white;
background: #0D6EFD;
border-radius: 0.25rem;
}

.nav-link {
display: block;
padding: 0.5rem 1rem;
color: #0D6EFD;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #FFFFFF;
border-radius: 0.75rem;
width: 100%;
height: 53px;
border: 2px solid black;
font-size: x-large;
padding: -2px 5%;
padding: 5px 20px;
margin: -2px 16px;
}
}
.section-gaps{
color: black;
border-style:solid;
border-color: #2C64D1 #6582B9 #619CE4 ;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
.box-info{
color:white;
border-style:solid;
border-color: #2C64D1 #6582B9 #619CE4 ;
Background: #0072FF;
position:relative;
padding:20px;
}
.box-7 {
background: #BF5010;
color:white;
width: 100%;
/* height: 214px; */
position: relative;
padding: 20px 10px;
/* color: var(--color-black); */
}
.box-8 {
background: #0072FF;
color:white;
width: 100%;
/* height: 214px; */
position: relative;
padding: 20px 10px;
/* color: var(--color-black); */
}
.box-9 {
background: #BF5010;
color: white;
width: 100%;
/* height: 214px; */
position: relative;
padding: 17px 0px;
margin: 1px 5px;
font-size: small;
/* color: var(--color-black); */
}
.section-gaps {
position: relative;
margin: 20px;
color: black;
border-style: solid;
border-color: #2c64d1 #6582b9 #619ce4;
}
ul {
list-style-type: none;
}
.p-2 {
list-style-type: none;
padding: 0.5rem !important;
}


.d-flex {
justify-content: center;
display: -ms-flexbox !important;
display: flex !important;
}

.Correct {
border: 2px solid black;
font-size: x-large;
height: 70px;
display: flex;
justify-content: center;
text-align: center;
padding: 0 10px; /* Adjust padding for smaller screens */
}

/* Media query for responsiveness */
@media only screen and (min-width: 768px) {
.Correct {
padding: 0 270px; /* Adjust padding for larger screens */
}
}
.Correct-Details {
margin: 24px auto; /* Center the element horizontally */
border: 2px solid black;
font-size: 16px;
height: 70px;
display: flex;
justify-content: center;
align-items: center; /* Center the content vertically */
text-align: center;
padding: 0 21px; /* Adjust padding */
}

/* Media query for responsiveness */
@media only screen and (max-width: 768px) {
.Correct-Details {
padding: 0 10px; /* Adjust padding for smaller screens */
}
}



.bg-theme {
background-color: #212121;
}
.livenumberbox {
display: flex;
align-items: center;
justify-content: center;
}

.animate-charcter  {
text-transform: uppercase;
background-image: linear-gradient(-225deg, #00e3ff 0%, #fb00ff 29%, #ff5600 67%, #fff800 100%);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
color: #fff;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
display: inline-block;
font-size: 75px;
}

.hand {
top: -20px;
position: relative;
vertical-align: middle;
border-style: none;
}

.DT{
color: #fff800;
margin-top: 0px;
font-size: 2rem;
}






/*contact form*/
/*contact form*/
/*contact form*/
/*contact form*/

body {
font-family: Poppins, sans-serif;

margin: 0;
padding: 0;
}

.contact-container {
max-width: 800px;
margin: 0 auto;
padding: 0 15px;
}

.section-header {
text-align: center;
margin-bottom: 30px;
}

.section-header h2 {
font-size: 36px;
color: #000;
}

.section-header p {
font-size: 16px;
color: #fff;
line-height: 1.6;
}

/* Contact Info section */
.contact-info {
display: flex;
justify-content: space-around;
margin-bottom: 30px;
}

.contact-info-item {
text-align: center;
}

.contact-info-icon {
font-size: 24px;
color: #333;
}

.contact-info-content h4 {
font-size: 18px;
color: #333;
margin-bottom: 5px;
}

.contact-info-content p {
font-size: 16px;
color: #666;
}

/* Contact Form section */
.contact-form {


background-color: #ffffff;
border: 2px solid #000000;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}

.contact-form h2 {
text-align: center;
color: #333;
margin-bottom: 40px;
}

.input-box {
position: relative;
margin-bottom: 20px;
}

.input-box input,
.input-box textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}

.input-box input:focus,
.input-box textarea:focus {
outline: none;
border-color: #5e9ed6; /* Light blue focus color */
}

.input-box span {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: #888;
font-size: 16px;
}

.input-box textarea {
height: 120px; /* Adjust textarea height */
}

.input-box input[type="submit"] {
background-color: #4a90e2; /* Blue background color */
color: #fff;
border: none;
padding: 12px 20px;
font-size: 18px;
cursor: pointer;
border-radius: 5px;
}

.input-box input[type="submit"]:hover {
opacity: 0.8;
}