/*==================================================
 Global CSS Reset
 ==================================================*/
 main.pawan {
  padding-bottom: 0 !important;
}
/* qustion font */
.design12 .radio-field label {
 
  font-size: 18px !important;
 
}

.i-anchor {
  height: 0;
  overflow: hidden;
  position: relative;
  top: -100px;
  width: 1px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	    line-height: 1.5;
		font-family: 'gilroy-mediumuploaded_file';
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	    width: 100%;
}
a {
	text-decoration: none;
	color:#333;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    outline:none!important;
	    text-decoration:none;
}
a:hover{text-decoration:none; color:#000;}

img{max-width:100%;height:auto;}
object, iframe {max-width: 100%; display:block;}
html {-webkit-text-size-adjust:100%;width: 100%;height: 100%;}
body {font-family: 'gilroy-mediumuploaded_file'; position: relative;width: 100%;height: 100%; color: #000;line-height:1.5;text-align:left;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {font-weight: 700;margin:0;padding:0;}
h2 {
    font-weight: 500 !important;
    font-size:34px !important;
    text-align: center;
     font-family: 'gilroy-mediumuploaded_file' !important;
    line-height:34px !important;
    text-transform: uppercase;
    color: #16096D;
	
    display: inline-block;
   margin-bottom: 60px !important;
}
 h2 strong {
    font-weight: 600;
}
h2.heading {font-size: 32px;font-weight: 300;position: relative;width: 100%;margin-bottom: 20px;}
h2.heading:before {content: "";width: 100%;background-color: #dfdfdf;height: 1px;left:0;top: 56%;position: absolute;}
h2.heading span {margin: 0 auto;display: table;position: relative;background: #fff;z-index: 1;padding: 0 50px;}
h3 {font-size:26px}
h4 {font-size:21px}
h5{font-size:16px;line-height:1.6}
p { line-height: 190% !important;
    text-align: justify;
    display: inline-block; color:#000000;     width: 100%; 	    font-family: 'gilroy-mediumuploaded_file' !important;}
ul{list-style:none;margin:0;padding:0;}
ul li{list-style:none;margin:0;padding:0;}
a {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;color: #000; }
a:focus, a:hover {text-decoration: none;}



img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }
.form-group{position:relative;}






@font-face {
    font-family: 'gilroy-mediumuploaded_file';
    src: url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-heavyuploaded_file';
    src: url('../fonts/gilroy-heavy-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-bolduploaded_file';
    src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'gilroy-blackuploaded_file';
  src: url('../fonts/gilroy-black-webfont.woff2') format('woff2'),
       url('../fonts/gilroy-black-webfont.woff') format('woff'),
       url('../fonts/Gilroy-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  

}

@font-face {
  font-family: 'gilroy-regularuploaded_file';
  src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
       url('../fonts/gilroy-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'gilroy-regularitauploadedfile';
  src: url('../fonts/gilroy-regularitalic-webfont.woff2') format('woff2'),
       url('../fonts/gilroy-regularitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


.login-count.signup-count .login p {
  font-family: 'gilroy-regularitauploadedfile' !important;
  font-size: 12px;
  line-height: 18px !important;
  text-align: left;
  margin-bottom: 0px;
}

.links a {
  font-family: 'gilroy-blackuploaded_file' !important;
}
p.counter-count {
	  font-family: 'gilroy-heavyuploaded_file' !important;
}
/*==================================================
 Global CSS Reset
 ==================================================*/
 
 
 
 /*roket css */
 
 /* latin-ext */
@font-face {
  font-family: 'Bowlby One SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bowlbyonesc/v25/DtVlJxerQqQm37tzN3wMug9P_gH2ojhN.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bowlby One SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bowlbyonesc/v25/DtVlJxerQqQm37tzN3wMug9P_g_2og.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  --color: #40407a;
  --font-color: #f1c40f;
  --rocket-main: white;
  --rocket-highlight: #e74c3c;
  --rocket-glass: #9AECDB;
  --rocket-smoke: #f1f2f6;
  --rocket-fire: #f0932b;
  --rocket-fire-highlight: #f1c40f;
}



#frame {
  display: flex;
 /* width: 100%;
  height: 100%;*/
  align-items: center;
  justify-content: right;
  Background:#ffebe0;
  margin-top:-100px;
  
}

.shadow {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  background: rgba(100, 100, 100, 0.1);
  z-index: 1;
}

.shadow--full {
  width: 100%;
}

.rocket {
  position: relative;
  width: 55px;
  height: 100px;
  top: 70px;
  right: 300px;
  
  
}
.rocket__body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
}
.rocket__body__window {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 30px;
  left: 13.5px;
  border-radius: 50%;
 /* background: var(--rocket-glass);*/
    background: url(https://sttar.in/nso/images/ok.png) center top no-repeat;
  z-index: 1;
 /* border: 3px solid var(--rocket-highlight);*/
  border: 3px solid #0d5097;
  
  
}
.rocket__body__inner {
  position: relative;
  width: 55px;
  height: 125px;
  border-radius: 80%;
  background: var(--rocket-main);
  overflow: hidden;
}
.rocket__body__inner:before, .rocket__body__inner:after {
  content: "";
  position: absolute;
  /*background: var(--rocket-highlight);*/
      background: #0d5097;
  border-radius: 50%;
}
.rocket__body__inner:before {
  width: 100%;
  height: 50px;
  top: -30px;
}
.rocket__body__inner:after {
  width: 100%;
  height: 10px;
  bottom: 22.5px;
}
.rocket__wing {
  position: absolute;
 /* background: var(--rocket-highlight);*/
   background: #0d5097;
  bottom: 0px;
  z-index: 5;
}
.rocket__wing--left {
  left: -29px;
  width: 44px;
  height: 20px;
  border-radius: 100% 0 0 0;
  transform: rotate(-50deg);
}
.rocket__wing--right {
  right: -29px;
  width: 44px;
  height: 20px;
  border-radius: 0 100% 0 0;
  transform: rotate(50deg);
}
/*.rocket__label {
  width: 250px;
  position: absolute;
  top: -80px;
  left: -80px;
}*/
.rocket__label {
  width: 250px;
  position: absolute;
  top: -94px;
  left: -183px;
}
.rocket__label p {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Bowlby One SC", cursive;
  font-size: 80px;
  line-height: 80px;
  margin: 0;
  text-transform: uppercase;
  color: var(--font-color);
  transform: rotate(-25deg);
}
.rocket__smoke {
  position: absolute;
  width: 50px;
  height: 10px;
  bottom: 5px;
  opacity: 0;
  z-index: 15;
}
.rocket__smoke__inner {
  position: relative;
  margin: 30px 0 0 0;
  width: 100%;
  height: 100%;
  background: var(--rocket-smoke);
}
.rocket__smoke__inner div {
  position: absolute;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  left: -5px;
  bottom: 0;
  box-shadow: inset -2px -3px 0 0 var(--rocket-smoke);
  background: #fff;
  z-index: 10;
}
.rocket__smoke__inner div:nth-child(1) {
  transform: scale(1.5);
  left: 10%;
  bottom: 30%;
  z-index: 9;
}
.rocket__smoke__inner div:nth-child(2) {
  transform: scale(2.5);
  left: 50%;
  bottom: 90%;
  z-index: 8;
}
.rocket__smoke__inner div:nth-child(3) {
  transform: scale(1.1);
  left: 84%;
  bottom: 4.5%;
  z-index: 7;
}
.rocket__smoke--right {
  right: -50px;
}
.rocket__smoke--left {
  left: -50px;
  transform: rotateY(180deg);
}
.rocket__fire {
  position: absolute;
  width: 13.75px;
  height: 13.75px;
  bottom: -15.75px;
  left: 20.75px;
  background: var(--rocket-fire);
  border-radius: 80% 0 55% 50%/55% 0 80% 50%;
  margin-top: 20px;
  transform: rotate(135deg);
}
.rocket__fire:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 1px;
  width: 10.3125px;
  height: 10.3125px;
  background: var(--rocket-fire-highlight);
  border-radius: 80% 0 55% 50%/55% 0 80% 50%;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

body {
 
font-family: 'gilroy-mediumuploaded_file';
box-sizing: border-box;
    padding-top: 0px;  
}


.myheader{  width:100%;}
header{background:#ffffff;}
section.banner {
        position: relative;
    width: 100%;
    display: inline-block;
    margin-top: -1px;
	padding:0px 0px;
	
}


/* section.banner::after {
  background: url(https://sttar.in/nso/images/HeroBanner.png) center 0px no-repeat;
  content: "";
  height: 20rem;
  opacity: 0;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
} */

.banner {
  background: url(https://sttar.in/nso/images/banner.png) center 0px no-repeat; 
   background-size: cover; 
  /* height: 507px; */
  /* background-color: #d2e6e4; */
  /* margin-top: -4px !important; */
  margin-top: 47px !important;
  
}

.uniqu-bg p{
  font-size: 19px;
    text-align: center;
}
.center {
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-top:30px;
  position: relative;
}
.middle {
  text-align: center;
  width: 100%;
}

.p_bold{
  font-size: 19px;
   
}

.banner_hero {
  background: url(https://sttar.in/nso/images/HeroBanner.png) center 0px no-repeat;
  background-size: cover;
  height:78px;
  /* background-color: #78320b; */
  position: relative;
  top: 20px;
 
}

/* .banner{   background: url('https://sttar.in/nso/images/banner.png') center 0px no-repeat;    background-size: cover;     height: 715px; background-color: #ffebe0;} */


.header .myheader ul li a{  color:#0B7077 !important;
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
    font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal; }

.header .myheader ul li a:hover {
    color: #ffc603 !important;
}
.footer ul li a:hover {
    color: #ffc603 !important;
}


.header {
    background: #d2e6e4;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1270px;
}
.myheader {
    margin: 26px 0px;
}

p.striptext{color: var(--white, #FFF);
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;}

.sec10 p {
    text-align: center;
    color: #000;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 151.5% !important;
}

.register{color: var(--black-new, #090909); margin-top:40px;

/* Heading Bold */
font-family: 'gilroy-mediumuploaded_file';
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 138.8%; /* 36.088px */     text-align: center;}
.now{color: var(--black-new, #090909);

/* Heading Light */
font-family: 'gilroy-mediumuploaded_file';
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 138.8%;}


span.myboader {
    position: absolute;
    top: 33px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    text-align: center;
}

form.myform {
    margin-top:30px;
}
footer.footer {
   background: url(https://sttar.in/nso/images/footerbg.png) center top 0px no-repeat;
    color: #ffffff;
    padding: 30px 0;
    background-color: #d2e6e4;
}

.copywright a {
    color: #464646;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
}

.copywright {
flex-shrink: 0;}


.image-2-icon {
    position: relative;
    top: 0;
    left: 0;
  
    width: 80%;
    
    object-fit: cover;
}
.saamarthya-teachers-training1 {
  
    line-height: 190%;
    text-align: justify;
    display: inline-block;
  
  
}

.dob-placeholder::before {
  content: 'DOB';
  color: #999; /* Adjust the color as needed */
}

.register .mark-the-big {
    font-weight: 600;
}
.mark-the-big-container {
    position: relative;
    top: 0;
    left: 0;
    font-size: var(--font-size-7xl);
    line-height: inherit;
    color: var(--black-new); text-align: center;     margin-bottom:0px;
}
.mark-the-big-container span{color: var(--black-new, #090909);
/* Heading Light */
font-family: 'gilroy-mediumuploaded_file';
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 138.8%;     }

.register span {
    color: #16096D;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 138.8%;
}


.layer-1-icon19 {
    position: absolute;
    top: 6px;
    left: 7px;
    width: 34px;
    height: 35px;
    overflow: hidden;
}
.group-child2 {
    position: relative;
    top: 0;
    left: 0;
    border-radius: var(--br-5xs);
    background-color: var(--new-dark-tarquish);
    width: 50px;
    height: 50px;
}


.test-date {
    top: 60px;
    font-size: var(--paragraph-text-size);
    line-height: 190%;
    width: 188.4px;
  
}

.december-9-container {
    top: 89px;
    line-height: 146%;
    font-weight: 600;
    width: 194px;
   
}


.box-count {
    width: 100%;
      max-width: 286px;
      margin-right: 40px;
    padding: 0;
}

.box-count.last-count {
    margin-right: 0;
}



a-participant-can, .rectangle-parent1 {
    position: relative;
    color: var(--black-new);
}
.a-participant-can {
  
    font-size: var(--font-size-mini);
    line-height: 146%;
    display: inline-block;
    width: 100%;
    height: 25.95px;
	    text-align: center;
		    margin-top: 25px;
}

.join-today-button1 {
    background-color: #ffffff;
    border: #FFB800 2px solid !important;
}
.home {
    position: relative;
}
.join-today-button1 {
  /* display: none !important; */
    position: relative;
    border-radius: var(--br-mini);
    display: flex;
    flex-direction: row;
            padding: 5px 20px;
    align-items: center;
    justify-content: center;
    font-size: var(--top-menu-selected-size);
	/* color: var(--light); */
	    border: none;
      color: #16096D;
text-align: center;
/* buttoneText */
font-family: 'gilroy-mediumuploaded_file';
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
/* width: 250px; */
}

.join-today-button4 {
  position: relative;
  border-radius: var(--br-mini);
  display: flex;
  flex-direction: row;
          padding: 5px 20px;
  align-items: center;
  justify-content: center;
  font-size: var(--top-menu-selected-size);
/* color: var(--light); */
    border: none;
    color: #16096D;
text-align: center;
/* buttoneText */
font-family: 'gilroy-mediumuploaded_file';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
/* width: 250px; */
}
button.join-today-button2.dbbutton {
  width: auto;
  float: left;
  margin-right: 20px;
}
button.join-today-button4.dbbutton {
  width: auto;
}

.join-today-button2 {
  position: relative;
  border-radius: var(--br-mini);
  display: flex;
  flex-direction: row;
          padding: 5px 20px;
  align-items: center;
  justify-content: center;
  font-size: var(--top-menu-selected-size);
/* color: var(--light); */
    border: none;
    color: #16096D;
text-align: center;
/* buttoneText */
font-family: 'gilroy-mediumuploaded_file';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
/* width: 250px; */
}
.mymodal.signupform-3 {
  margin-top: 216px;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -0.5rem -1rem -1rem auto !important;
}



section.sec1 {
    margin-top: 0;
    margin-bottom: 0px;
    background:#ffece1;
          padding: 80px 0 80px 0;
}

section.sec2 {
  
    background: #ffebe0;
    padding-bottom: 40px;
    padding-top: 40px;
}
.sec4bg{ background:#063D54;}

.submit {
    height: 60%;
    top: 20%;
    letter-spacing: -0.01em;
    line-height: 24px;
    display: inline-block;
	    color: #ffffff;
}

section.sec4 {
    width: 100%;
    position: relative;
	   
		       padding:0px 0 0px 0;    background: #ffece1;
}

p.top-20-all b {
    color:#16096D;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 91.5%;
}

.btn-count {
    text-align: center;
   width: 190px;
    margin: 0 auto;
	    padding-top: 30px;
}

.sec4 .mark-the-big-container {
    left: -119px;
    width: 125px;
    text-align: center;
    margin: 0 auto;
}
.sec3 .mark-the-big-container {
    left: 66px;
    width: 139px;
    text-align: center;
    margin: 0 auto;
}
.sec6 .mark-the-big-container {
      left: 154px;
    width: 139px;
    text-align: center;
    margin: 0 auto;
}

.sec7 .mark-the-big-container {
    left: -124px;
    width: 139px;
    text-align: center;
    margin: 0 auto;
}

.sec8 .mark-the-big-container {
      left: 124px;
    width: 139px;
    text-align: center;
    margin: 0 auto;
}
.row.sec8row {
    margin-top: 40px;
}
.row.sec6row {
    margin-top: 40px;
}


img.icon1 {
    display: inherit;
}
p.date {
    width: 100%;
    margin-bottom: 0;
}

.ranking-01-3-icon {
  
    width: 88px;
    height: 88px;
    object-fit: cover;
}

/* h5.MuiTypography-root.MuiTypography-h5.css-1ighx87-MuiTypography-root {
  font-weight: 800;
} */
.sec4-count p {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--darkblue, #144684);
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 91.5% !important;
	    
    padding-bottom: 7px;
}

.sec4-count p:last-child {
 border-bottom:none;
}


i.rsicon {
    font-weight: 400;
	line-height: 91.5%;
}
.span10 {
    color: var(--darkblue, #144684);
    font-family: 'gilroy-mediumuploaded_file';
       font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: 91.5%;
}

.nav-link.smoothScroll.signup-btn {
  border-radius: 15px;
  background-color:#ffffff;
    color:#0B7077 !important;
	
	display: flex;
/* width: 99px; */
height: 36px;
    padding: 0px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
	
}
.nav-link.smoothScroll.signup-btn:hover{  background-color: #ffffff;
    border: #FFB800 2px solid !important; }
.btn-count .join-today-button1:hover{
       background:#ffb800 !important;
    
}
.middle .btn-count .join-today-button1:hover {
  background: #ffb800 !important;
}

.btn-count .join-today-button1:hover .regicon{
      margin-left:25px; background-color:#ffffff;
}
.sec2 .join-today-button1:hover{
     background-color: var(--orange) !important; 
}
.signup-count{ 
  display: flex;
    width: auto;


justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;}
.sec8 h3{ color: var(--black-new, #090909);
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.btn-count-side.only-mobile {
  display: none;
}
.count-up p {
    color:#0B7077;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 138.8%;
}

.count-up h3 {
    color:#0B7077;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 138.8%;
}
span.plush {
    color:#0B7077;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 138.8%;
	position: absolute;
	    right: 0;
    top: 13px;
}
.count-up {
    position: relative;
}
.counter-count {
    font-size: 50px;
    font-weight: bold;
    position: relative;
    text-align: center;
    display: inline-block;
}

span.plush.plush4 {
      right: 88px;
}
span.plush.plush3 {
   right: 55px;
}

span.plush.plush2 {
      right: 38px;
}

span.plush.plush1 {
    right: 27px;
}

img.phpneicone {
    margin-right: 5px;
}
img.messageicone {
    margin-right: 6px;
}
img.webicone {
    margin-right: 5px;
}

 






















:root {
  /* fonts */
  --paragraph-text: "Noto Sans";
  --font-rupee-foradian: "Rupee Foradian";
  --font-work-sans: "Work Sans";

  /* font sizes */
  --paragraph-text-size: 16px;
  --font-size-lg: 18px;
  --font-size-7xl: 26px;
  --font-size-6xl: 25px;
  --top-menu-selected-size: 12px;
  --font-size-11xl: 30px;
  --font-size-26xl: 45px;
  --font-size-xl: 20px;
  --font-size-19xl: 38px;
  --font-size-mini: 15px;

  /* Colors */
  --white: #fff;
  --color-black: #000;
  --dark-blue: #144684;
  --grey: #646464;
  --black: #131514;
  --black-new: #090909;
  --orange: #fb6238;
  --new-dark-tarquish: #2a87ae;
  --light-green: #a6cf4a;
  --dark-pink: #ff60a8;
  --yellow-ligh: #ffd05a;
  --light-blue: #97d5ec;
  --lighttorquish-bg: #e5f3f4;

  /* Paddings */
  --padding-3xl: 22px;
  --padding-3xs: 10px;
  --padding-sm: 14px;
  --padding-15xl: 34px;

  /* border radiuses */
  --br-8xs: 5px;
  --br-lg: 18px;
  --br-mini: 15px;
  --br-19xl: 38px;
  --br-5xs: 8px;
  --br-xl: 20px;
  --br-9xs: 4px;
}



























.blink-soft {
  animation: blinker 1.5s linear infinite;
}

/* -- CTA bar top -- */
.cta-bar {
 position: relative;
 z-index: 99;
 font-weight: 700;
 padding: 15px;
 color: #fff;
 background: #0b7077;
 text-align: center;
}

.cta-bar p {
 margin-bottom: 0 !important;
     padding: 0;
}
/* -- cta button -- */


/* -- close button -- */
.xit {
    position: absolute;
       top: 13px;
    right: 17%;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
}

.mdb {
    min-width: 88px;
    padding: 10px 14px;
}
.green, .dropdown-toggle.green {
    background-color: #259b24;
}

a.mdb.purple, a.mdb.green, a.mdb.orange, a.mdb.blue {
    color: #fff!important;
}

.mdb {
    outline: 0;
    outline-offset: 0;
    border: 0;
    border-radius: 2px;
    transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}

.mdb {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: inherit;
    color: rgba(255,255,255,.87);
}
.br {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
}
.lev {
    transition: .3s all;
}
section.ts-home-topsec {
  margin-top: 76px;
}
.lev:hover {
    transform: translateY(-5px);
    transition: .3s all;
}
.re {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); /* Trigger hardware acceleration */
  transform: translate3d(0, 0, 0); /* Add the standard property for compatibility */
}

.sec3{  padding:80px 0;  background-image: url("../images/bg.png"); /* The image used */
 
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */}
 .sec3 .register span {
      color: #090909;
  }
.sec3 p{ color: var(--black-new, #090909);
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150% !important; /* 24px */}
.sec3 img.cicon:hover {
    opacity: 0.6;
}
.row.sec3-row {
    margin-top: 40px;
}

.c-count {
    max-width: 12%;
    text-align: center;
    width: 100%;
}

.sttar-national-teachers-container1 {
   
    font-size: var(--font-size-19xl);
    line-height: 120.5%;
    text-transform: uppercase;
    display: flex;
    color: var(--yellow-ligh);
    text-align: left;
    align-items: center;
    width: 673px;
    height: 91px;
}
.txt {
    line-break: anywhere;
    width: 100%;
}

.markDaYSpan{

  font-family: 'gilroy-mediumuploaded_file' !important;
    font-size: 20px !important;
    font-weight: 700;
    color: #000;
    line-height: 25px;
}



.sttar-national {
    color: #16096D;
    font-family: 'gilroy-mediumuploaded_file' !important;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px !important;
    /* text-transform: uppercase; */
}
.sttar-national-teachers-container1 .get {
    margin: 0;
	    color: var(--yellow-ligh, #FFD05A);
font-family: 'gilroy-mediumuploaded_file';
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 120.5% !important; /* 45.79px */
text-transform: uppercase;
}

.the-first-national-container {
   
    font-size: 23px;
       margin-top: 20px;
}

.test-date-december-container, .text, .the-first-national-container {
  
    text-align: left;
    display: flex;
    align-items: center;
}
.test-date-december-container {
 
    font-size: var(--font-size-lg);
   
}

.txt span{
color: var(--white, #FFF);
font-family: 'gilroy-mediumuploaded_file';
font-size: 23px;
font-style: normal;
font-weight: 400;
line-height: 216.5%; /* 49.795px */

	}

  .banner-right {
    position: relative;
}
.banner-count {
  position: relative;
    top: 40px;
       width: 75%;
  
}

.banner-count .join-today-button1 {
   
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
	    position: relative;
      /* z-index: 99; */
}

.banner-count .mark-the-big {
    font-weight: 600;
}


.boxProfile{
  box-shadow: 2px 4px 20px 8px rgba(0, 0, 0, 0.2);
  border-radius: 30px !important;
}

.description-new{
  text-align: center;
}


.box1 .get {
    margin: 0;
    color: #2F327D;
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: normal !important;
	    font-weight: 600;
}
.test-your-competence-container {
    text-align: center;
}

.box1 {
    border-radius: var(--br-5xs);
    background-color:#fff;
    box-shadow: 2px 4px 20px 8px rgba(0, 0, 0, 0.2);
  
}


.box1 {
    text-align: center;
    width: 100%;
    max-width: 286px;
    padding: 20px;
	    border-radius: 30px;
      height: 100%;

}

p.strong-profile {
   color: var(--black-new, #090909);
font-family: 'gilroy-mediumuploaded_file';
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: normal;
    text-align: center;
}
img.box1-icon {
       width: 130px;
    height: 130px;
    overflow: hidden;
	    margin-bottom:20px;
		 margin-top:30px;
     transition: all 2s ease;
}



img.ranking-01-1-icon {
	    width: 88px;
    height: 88px;
    object-fit: cover;
}

.span3 {
 color:#16096D;
 font-family: 'gilroy-heavyuploaded_file';
font-size: 45px;
font-style: normal;
font-weight: 900;
line-height: 91.5%;
}

.sec4-count{
  border-radius: 20px;
border: 1px solid var(--darkblue, #144684);

    background: #D2E6E4;
    box-sizing: border-box;
      margin-bottom: 30px;
    height: 212px;
	text-align: center;
	    padding:16px 20px;
}
p.top-20-all {
    width: 100%;
    text-align: center;
	    margin: 0;

}
section.sec5 {
    width: 100%;
    position: relative;
     padding:80px 0;
	     background: #ffece1;
}

section.sec6 {
    width: 100%;
    position: relative;
   
       padding: 100px 0 100px 0;
	text-align: center;
}
.sec6 p{     font-size: var(--font-size-lg);
    line-height: 150%;
    color: var(--color-black);     text-align: center;}
	
	img.submit-btn {
    margin-top: 40px;
}

.copywright {
    margin-top: 35px;
	text-align: center;
}

.submit-btn {
   
    width: 100%;
    color: #ffffff;
	    letter-spacing: -0.01em;
    
	    text-transform: uppercase;
		height: 70%;
}
.row.sec2-row {
    margin-top: 20px;
}
.sec2 .mark-the-big-container {
    position: relative;
    left: -111px;
}

input.submit-btn {
    border-radius: var(--br-mini);
    display: flex;
    flex-direction: row;
    padding: var(--padding-sm) var(--padding-15xl);
    align-items: center;
    justify-content: center;
    font-size: var(--top-menu-selected-size);
    color: var(--light);
    border: none;
    background-color: var(--orange);
	
	color: var(--white, #FFF);

font-family: Work Sans;
font-size: 15px;
font-style: normal;
font-weight: 400;

letter-spacing: -0.225px;
}
input {
    color: var(--grey, #646464);
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.225px;
}
.stsearch-box input {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #ffffff !important;
  border-radius: 5px;
}
.stsearch-box input :focus-visible {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid #ffffff !important;
  border-radius: 5px;
}


input.submit-btn:hover {
    background: var(--darkblue, #144684) !important;
}



.the-first-national-container span.txt {
    position: relative;
}
img.myboader-banner1 {
    position: relative;
   left: 0px;
	top: -14px;
}

.boader-style{     background: url(../images/Layer_1.png) center top 26px no-repeat;}
.row.row-3 {
    margin-top: 50px;
}
img.banner {
    height: 591px;
}
.sec1-count {
    margin-top: 40px;
}
.blue-bg {
    border-radius: 20px;
  background:#0B7077;
	  padding: 1px 15px;
		    margin-top: 40px;
}

.blue-bg p {
  color: var(--white, #FFF);
  text-align: center;
  font-family: 'gilroy-mediumuploaded_file' !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 190% !important;
  padding-bottom: 20px;
}
.blue-bg .register span {
  color: var(--white, #FFF);
  font-family: 'gilroy-bolduploaded_file';
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 138.8%;
}
.blue-bg img.frame-icon4 {
    border-radius: var(--br-8xs);
    background-color: #787878;
    width: 50px;
    height: 50px;
    padding: 5px;
}

.blue-bg img.frame-icon3 {
    border-radius: var(--br-8xs);
        background-color: var(--new-dark-tarquish);
        width: 50px;
        height: 50px;
    padding: 5px;
}

.blue-bg img.frame-icon2 {
    border-radius: var(--br-8xs);
   background-color: var(--light-green);
   width: 50px;
    height: 50px;
    padding: 5px;
}

.blue-bg img.frame-icon1 {
  border-radius: var(--br-8xs);
  background-color: #e99e32;
  width: 50px;
  height: 50px;
  padding: 5px;
}

.blue-bg img.frame-icon {
    border-radius: var(--br-8xs);
   background-color: var(--orange);
   width: 50px;
   height: 50px;
    padding: 5px;
}


/* footer css */

.footer h4 {
    color:#16096D;
    font-family: 'gilroy-heavyuploaded_file';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
    letter-spacing: 0.48px;
	
	    margin-bottom: 10px;
		    padding-top: 30px;
}


.footer ul li a{ color: #0B7077;
 font-family: 'gilroy-bolduploaded_file';
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 190%;
letter-spacing: 0.39px;}
footer.footer p {
    color: #464646;
    font-size: 14px;
}
.counter {
    padding-bottom: 40px;
}
.form-content{ max-width: 948.704px; width:100%; margin: 0 auto;}
.form-content p{
   
	
    text-align: center !important;
	color: var(--black-new, #090909);
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 146%; /* 26.28px */
}
.sofor {
       border-radius: 0px 0px 30px 30px;
    background: var(--orange, #FB6238);
    box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.25);
    width: 174.64px;
    height: 64.524px;
    flex-shrink: 0;
    position: absolute;
           right: 245px;
}

.sofor p {
    color: #FFF;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px !important;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.sofor p b {
    color: #FFF;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 17px;
	    width: 100%;
    display: inline-block;
	    padding-top: 10px;
}

.a-participant-can p {
    text-align: center;
}













.blue-bg-bot {
    margin-top: 15px;
    margin-bottom: 15px;
	    text-align: center;
		    padding: 0 55px;
}

.blue-bg-bot p {
  text-align: center;
  color: #090909;
  font-family: 'gilroy-mediumuploaded_file' !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 131% !important;
}
.blue-bg h4 {
   color: var(--white, #FFF);
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 190%; /* 30.4px */
text-decoration-line: underline;
text-transform: uppercase;
padding-top: 20px;
}
.sec8 ul{
list-style-image: url('images/bullet.png');
}
.sec8 ul li::before {
    content: "";
    background-image: url(../images/bullet.png);
    background-size: contain;
    display: inline-block;
    width: 5px;
    height: 5px;
    position: relative;
    top: -6px;
    margin-right: 6px;
}
.sec8 ul li {
  
   color: var(--black-new, #090909);
font-family: 'gilroy-mediumuploaded_file';
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 161.2%; /* 32.24px */
letter-spacing: -0.9px;
    text-align: left;
    padding: 0 26px;
   
}
section.sec8 {
  padding: 100px 0 0px 0;
}

.repot ul li{     border-radius: var(--br-lg);
   background: #FFD05A;
   
    flex-direction: row;
    padding: var(--padding-3xl);
    box-sizing: border-box;       text-align: center;
    font-size: var(--paragraph-text-size);
    color: var(--white);
       font-size: var(--font-size-lg);
	    width: 18%;
    float: left;
    margin-right:30px;
	
	}
	
	.repot ul li {color: var(--black-new, #090909);
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 131%; /* 23.58px */ padding-top: 30px;}
	
	.repot ul li:nth-child(1){  position: relative;
    line-height: 131%;
    font-weight: 600;
       width: 165px;
    flex-shrink: 0;}
	.repot ul li:nth-child(2){    position: relative;
    line-height: 131%;
    font-weight: 600;
    width:216px;
    flex-shrink: 0;}
	.repot ul li:nth-child(3){    position: relative;
    line-height: 131%;
    font-weight: 600;
    width:243px;
    flex-shrink: 0;}
	.repot ul li:nth-child(4){position: relative;
    line-height: 131%;
    font-weight: 600;
    width:177px;
    flex-shrink: 0;}
	.repot ul li:nth-child(5){    position: relative;
    line-height: 131%;
    font-weight: 600;
    width:243px;
    flex-shrink: 0;}
	
	.repot {
    width: 100%;
        margin-bottom: -116px;
    display: inline-block;
	    margin-top: 60px;
}

.vector-icon1 {
    position: absolute;
    top: -27px;
    left: 55px;
    width: 52px;
    height: 52px;
    background: #ffffff;
    border-radius: 50%;
    padding:8px;
}

.vector-icon2 {
    position: absolute;
    top: -27px;
       left: 85px;
    width: 52px;
    height: 52px;
    background: #ffffff;
    border-radius: 50%;
    padding:8px;
}

.vector-icon3 {
    position: absolute;
    top: -27px;
       left: 96px;
    width: 52px;
    height: 52px;
    background: #ffffff;
    border-radius: 50%;
    padding:8px;
}

.vector-icon4 {
    position: absolute;
    top: -27px;
   left: 66px;
    width: 52px;
    height: 52px;
    background: #ffffff;
    border-radius: 50%;
    padding:8px;
}

section.sec9 {
    background: #FB6238;
	padding-top: 50px;
	    padding-bottom: 50px;
}
.sec9 .register span {
    color:#ffffff;
  
}
.sec9 p {
    color:#ffffff;
	text-align: center;
  
}
.vector-icon5 {
    position: absolute;
    top: -27px;
      left: 100px;
    width: 52px;
    height: 52px;
    background: #ffffff;
    border-radius: 50%;
    padding:8px;
}

section.sec10 {
       background-color: var(--yellow-ligh);
	padding-top: 50px;
    padding-bottom: 50px;
}

.for-partnership2 {
    text-transform: uppercase;
    font-weight: 900;
	    color: var(--dark-blue);
}
.mr-darpan-tejesvi {
    margin: 0;
    color: var(--color-black);
	    line-height: 190%;
}
.darpantejesvisttarin2{
    text-align: center;
    font-size: var(--paragraph-text-size);
   color: var(--dark-blue);
    font-family: var(--paragraph-text);
	line-height: 151.5%;
}
.sec10 h4{    color: var(--white, #FFF);
text-align: center;
font-family: 'gilroy-mediumuploaded_file';
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: 190%; /* 30.4px */
text-transform: uppercase;
    }
	
	.sec10 b {
    color: #000;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 190%;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
}
	
	.lines-on-sides {
    display: table;
    text-align: center;
    white-space: nowrap;

    &:after,
    &:before {
        content: '';
        display: table-cell;
        width: 50%;
        background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
        background-clip: padding;
    }

    &:after {
        border-left: 1em solid transparent;
    }

    &:before {
        border-right: 1em solid transparent;
    }
}























































.btn-toggle {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 12px;
  background-color: transparent;
  border-color: transparent;
  outline: none;
  transform: translateZ(0);
  transition: transform 0.1s ease-out;
}
.btn-toggle:active {
  transform: translateY(4px);
}
.btn-toggle:focus .line:after {
  background-color: black;
}

.line {
    display: block;
    width: 40px;
    padding: 2px;
}
.line:after {
  content: "";
  display: block;
  width: 100%;
    height: 3.5px;
    background-color: #000000;
  border-radius: 2px;
  transform: translateZ(0) rotate(0);
  transition: background-color 0.2s ease-out;
}
.open .line:nth-child(1) {
  -webkit-animation: jump-1 0.9s forwards ease;
          animation: jump-1 0.9s forwards ease;
}
.open .line:nth-child(1):after {
  -webkit-animation: line-1 0.9s forwards ease-in-out;
          animation: line-1 0.9s forwards ease-in-out;
}
.open .line:nth-child(2) {
  -webkit-animation: jump-2 0.9s forwards ease;
          animation: jump-2 0.9s forwards ease;
}
.open .line:nth-child(2):after {
  -webkit-animation: line-2 0.9s forwards ease-in-out;
          animation: line-2 0.9s forwards ease-in-out;
}
.close .line:nth-child(1) {
  animation: jump-1 0.9s reverse ease;
}
.close .line:nth-child(1):after {
  animation: line-1 0.9s reverse ease-in-out;
}
.close .line:nth-child(2) {
  animation: jump-2 0.9s reverse ease;
}
.close .line:nth-child(2):after {
  animation: line-2 0.9s reverse ease-in-out;
}
.open .line:nth-child(3), .close .line:nth-child(3) {
  -webkit-animation: jump-3 0.9s forwards ease-out;
          animation: jump-3 0.9s forwards ease-out;
}

@-webkit-keyframes line-1 {
  10% {
    transform: translateZ(0) rotate(0);
  }
  80% {
    transform: translateZ(0) rotate(395deg);
  }
  90%, 100% {
    transform: translateZ(0) rotate(405deg);
  }
}

@keyframes line-1 {
  10% {
    transform: translateZ(0) rotate(0);
  }
  80% {
    transform: translateZ(0) rotate(395deg);
  }
  90%, 100% {
    transform: translateZ(0) rotate(405deg);
  }
}
@-webkit-keyframes line-2 {
  10% {
    transform: translateZ(0) rotate(0);
  }
  20% {
    transform: translateZ(0) rotate(10deg);
  }
  90%, 100% {
    transform: translateZ(0) rotate(-405deg);
  }
}
@keyframes line-2 {
  10% {
    transform: translateZ(0) rotate(0);
  }
  20% {
    transform: translateZ(0) rotate(10deg);
  }
  90%, 100% {
    transform: translateZ(0) rotate(-405deg);
  }
}
@-webkit-keyframes jump-1 {
  10% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-90px);
  }
  90%, 100% {
    transform: translateY(-7.5px);
  }
}
@keyframes jump-1 {
  10% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-90px);
  }
  90%, 100% {
    transform: translateY(-7.5px);
  }
}
@-webkit-keyframes jump-2 {
  10% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-75px);
  }
  85%, 100% {
    transform: translateY(-22.5px);
  }
}
@keyframes jump-2 {
  10% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-75px);
  }
  85%, 100% {
    transform: translateY(-22.5px);
  }
}
@-webkit-keyframes jump-3 {
  10% {
    transform: translateY(-7.5px) rotate(15deg);
  }
  30% {
    transform: translateY(-30px) rotate(-10deg);
  }
  50% {
    transform: translateY(7.5px) rotate(5deg);
  }
  80% {
    transform: translateY(0);
  }
}
@keyframes jump-3 {
  10% {
    transform: translateY(-7.5px) rotate(15deg);
  }
  30% {
    transform: translateY(-30px) rotate(-10deg);
  }
  50% {
    transform: translateY(7.5px) rotate(5deg);
  }
  80% {
    transform: translateY(0);
  }
}
@-webkit-keyframes glow {
  50% {
    box-shadow: rgba(131, 131, 131, 0.4) 0 0 2px 2px;
  }
}
@keyframes glow {
  50% {
    box-shadow: rgba(131, 131, 131, 0.4) 0 0 2px 2px;
  }
}



.btn-secondary {
  color: #fff;
  background-color: #0d5097;
  border-color: #0d5097;
}
.btn-secondary:hover {
background-color: #ffc603;
border-color: #ffc603;
}

.btn-count-side {
  display: none;
  position: fixed;
  right: -93px;
  top: 279px;
  z-index: 9978;
  rotate: 270deg;
    font-family: 'gilroy-mediumuploaded_file';
    font-weight: 700 !important;
}
button.join-today-button1.sidebtn {
    font-weight: 700;
	    background: #FB6238;
}
button.join-today-button1.sidebtn:hover{ background: var(--darkblue, #144684) !important; }
img.top-button-style {
    position: absolute;
    right:15%;
}
span.mark-the-big.date-color{ 
color: var(--black-new, #090909);
font-family: 'gilroy-mediumuploaded_file';
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 216.5%;
text-decoration-line: underline;
background: var(--yellow-ligh, #FFD05A);
padding: 2px 10px;
}
.topper-boader {
    margin-left: 232px;
}
.table-bordered td, .table-bordered th {
     border-bottom: 1px solid #FFB800!important;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #FFB800;
}
.report .table thead th {
  color: #000000;
    vertical-align: bottom;
      border-bottom: 1px solid var(--orange, #FB6238);
    background:#FFB800;
     text-align: left;
	
     font-family: 'gilroy-bolduploaded_file' !important;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 144%; /* 25.92px */
text-transform: uppercase;
}
.mytbl .rsicon{   font-size: 25px;
font-style: normal;
font-weight: 800;}
.table-bordered td, .table-bordered th {
    border-bottom: 1px solid var(--orange, #FB6238);
    background: var(--white, #FFF);
}

.table-bordered td:nth-child(2) {
	color: var(--orange, #FB6238);
font-family: 'gilroy-mediumuploaded_file';
font-size: 25px;
font-style: normal;
font-weight: 800;
line-height: 144%;
       width: 18%;
}
table.table.table-bordered.mytbl {
    width:100%;
	max-width: 700px;
}

.table tfoot th {
    vertical-align: bottom;
    border-bottom: 1px solid var(--orange, #FFB800);
    background: #FFB800;
    text-align: left;
    color: var(--white, #FFF);
   
    font-style: normal;
    font-weight: 700;
  
    text-transform: uppercase;
	color: var(--white, #FFF);
font-family: 'gilroy-mediumuploaded_file';
font-size: 25px;
font-style: normal;
font-weight: 800;
line-height: 144%;
}
.table tfoot th:nth-child(1) {
  color: #000000;
font-family: '';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 144%; /* 25.92px */
text-transform: uppercase;
text-align: center;
font-family: 'gilroy-bolduploaded_file';
}

.table-bordered td, .table-bordered th {
     border-bottom: 1px solid var(--orange, #FB6238);
    color: var(--black-new, #090909);
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 144%;
    text-align: center;
	
	

}
.sec5 .mark-the-big-container {
    position: absolute;
    left: 32%;
    width: 136px;
    top: 98%;
}

img.mask-group-icon {
margin-top:0px;
}
.row.topic-count {
    background: var(--white, #FFF);
}
.gda p {
    background: #FB6238;
    padding: 5px 20px;
   
	color: var(--white, #FFF);
text-align: right;
font-family: 'gilroy-mediumuploaded_file';
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 138.8%; /* 36.088px */
text-transform: uppercase;
}
.gda {
    margin: 0 auto;
}
.row.row-4 {
    margin-top: 20px;
}

section.sec7 {
    background:#ffece1;
	    padding-bottom: 40px;
}

section.sec11 {
    padding: 100px 0;
}

.row.all-india {
    margin-top: 0px;
    position: relative;
}
.cercle-box {
    position: relative;
	    text-align: center;
}

.cercle-count {
    position: absolute;
    top: 31%;
    left: 37px;
    width: 81%;
}

section.sec12 {
    width: 100%;
    position: relative;
    padding:0px 0 0px 0; Background:#ffece1;
}



















.demopadding {
    margin: 0px auto;
    width: 100%;
    text-align: center;
    display: inline-block;
	padding-top: 10px;
}
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding: 16px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px; 
  border-radius: 20px; 
	color:#FFFFFF;
}
.icon i {
	font-size: 14px;
	position:absolute;
	left:9px;
	top:10px;
}
.icon.social {
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	background: transparent;
	color:#ffffff;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
    border: #ffffff 2px solid;	
}
.icon.social:hover {
	background:#262626 ;
	color:#6d6e71;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}
.icon.social.fb i {
	left: 11px;
    top: 9px;
}
.icon.social.tw i {
	left:11px;
}
.icon.social.in i {
	left:11px;
}

.foot-nav li a {
    color: #ffffff;
}

section.sec5 .register {
    margin-bottom: 60px;
}





































.searchbox-wrap{
  display     : flex; 
     width: 100%; 
  margin-top  : 8%;
  margin-left : auto;
  margin-right: auto;
}
  
.searchbox-wrap input {
    flex: 1;
       padding: 0 0 0 15px;
    font-size: 1.1em;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: none;
    border: none;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.19);
    border-radius: 15px 0px 0px 15px;
    background: #ffffff;
       height: 60px;
	
	
	    color: #0b7077;
font-family: 'gilroy-mediumuploaded_file';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 190%; /* 26.6px */
 outline: 2px solid #ffffff;
    
}
  
  .searchbox-wrap button{
    padding-right: 15px;
    
    background-color                  : #fff;
    -webkit-border-top-right-radius   : 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topright       : 25px;
    -moz-border-radius-bottomright    : 25px;
    border-top-right-radius           : 25px;
    border-bottom-right-radius        : 25px;
    box-shadow                        : 5px 4px 6px rgba(0, 0, 0, 0.19);
    border                            : none;
    cursor                            : pointer; 
    cursor                            : hand;
	    border-radius: 0px 15px 15px 0px;
    background: #ffffff;
	 outline: 2px solid #ffffff;
  }
  
  .searchbox-wrap   span{
      margin-left:0px;
    padding: 14px 45px;
	    height: 47px;
      
      font-size       : 0.9em;
   
  
      
     background:#0B7077;
      
      border-radius   : 20px;
    
	
font-family: 'gilroy-mediumuploaded_file';

font-style: normal;
font-weight: 400;
line-height: 190%; /* 26.6px */



color: #ffffff;
text-align: center;
/* Top Menu Selected */
font-family: 'gilroy-mediumuploaded_file';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }
  
      .searchbox-wrap   span:hover{
          background:#FFB800 !important;
		  color:#ffffff !important;
        box-shadow      : 2px 2px 4px rgba(0, 0, 0, 0.19);
      }
	  
	  p.newslator-botoom {
    color: var(--white, #FFF);
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 190%;
}
      
  
  .inpshow {
    display: none;
}

/*pop up css */
.onload-popup .modal-body {
    background: url(../images/Background.jpg) center top 0px no-repeat;
      height: 261px;
}


input.btn.reg-btn.submit-btn.gen-btn {
    line-height: 0;
    height: 46px;
    position: absolute;
    left: 82px;
}
.onload-form h2 {
     color: #ffffff;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 38px;
    font-style: normal;
    font-weight: 300;
    line-height: 120.5% !important;
    text-transform: uppercase;
    margin-top: 47px;
}
.onload-form h2 b{font-weight: 600;}
.field-count {
   
	    padding: 0 80px;
}

img.logoNewPRo {
  width: 110px;
  /* height: 94px; */
  margin-top: -12px;
}

/*nso css*/
img.logoNew {
  width: 110px;

    /* height: 94px; */
    /* margin-top: 50px; */
    margin-top: -12px;
}
section.hpimaginator {
  padding: 32px 0px;
  background: #e1e5e2;
  width: 100%;}

img.logo {
  width: 106px;

    /* height: 94px; */
    margin-top: 12px;
}

img.doodles {
  width: 50%;
  position: absolute;
  right: -148px;
  top: -112px;
}
img.bannerbg {
    /* position: relative;
    top: 112px;
    right:115px;  */
    position: absolute;
     
    right: 115px; 
    top: 34px;

}

p.nso-bannar-count {
    font-size: 18px;
       line-height: 160% !important;
       color: #464646;
}
.forage{ font-size:16px; color:#16096D;}
p.forage strong {
    font-weight: 600;
}
.myheader ul li {
    padding: 0 7px;
}
section.banner-botom {
    background:#FFEBE0;
	    padding: 100px 0;
		position:relative;
}
p.get {
  color: #16096D;
  font-size: 25px;
  line-height: 35px !important;
  margin-top: 40px;
}
p.get strong {
  font-weight: 900;
  font-family: 'gilroy-bolduploaded_file' !important;
}
img.leftdot {
    position: absolute;
    left: 0;
    bottom: 0;
}
img.rightdot {
    position: absolute;
    right: 0;
    top: 0;
}
.aim-count-bg {
    background: #FFB800;
    border-radius: 25px;
    padding: 5px 10px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: -44px;
}
.aim-count-bg p{
 
    color:#ffffff;
    font-size: 18px;
      line-height: 35px !important;
        text-align: center;
}
.nsounique {
    text-align: center;
	    background: #ffece1;
		   padding-top: 15px;
}
.our-aim {
      width: 97%;
    float: none;
    margin: 0 auto;
	    margin-top: -100px;
}
.uniqu-bg {
    Background: #f4f7ff;
    padding: 100px;
    border-radius: 40px;
}
img.our-aim-01 {
    width: 100%;
}
img.our-aim-02 {
    width: 100%;
}
section.our-aim-box-count {
	    background: #FFEBE0;
}
h2.ouraim-heading {
    margin-top: 40px;
    margin-bottom: 20px !important;
}
img.registration {
    margin-top: 40px;
    width: 100%;
}
p.who-can-count {
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 75px;
    margin-left: 75px;
    font-weight: 600;
}
p.who-can-count strong {
    font-weight: 600;
	font-size:36px;
  color: #16096D;
}

.all-india-can {
    width: 90%;
    margin: 0 auto;
}
.signicon {
    height: 24px;
    width: 24px;
    background: url(https://sttar.in/nso/images/Add-User.png) center top 0px no-repeat;
}
.loginicon {
    height: 24px;
    width: 24px;
    background: url('https://sttar.in/nso/images/Login.png') center top 0px no-repeat;
}
.regicon {
    height: 40px;
    width: 40px;
    background: url(https://sttar.in/nso/images/arrow.png) center top 10px no-repeat;
    background-color: #ffc603;
    border-radius: 50%;
	    margin-left: 10px;
      transition: all 2s ease;
}

  .btn-count {
    text-align: left;
               width: auto;
    margin:0px 0 0 0;
	    display: inline-block;
}

.modal-backdrop.show {
  opacity: 0 !important;
  position: inherit;
}
.joinqueze.ok.card {
  background: transparent;
}
.Achive-card.card {
  background: transparent;
}
.boader-right {
  border-right: #c1c1c1 1px solid;
}


.regicon-dw {
    height: 40px;
    width: 40px;
    background: url(https://sttar.in/nso/images/arrow-dw.png) center top 10px no-repeat;
    background-color: #ffc603;
    border-radius: 50%;
	    margin-left: 10px;
      transform: rotate(90deg);
}
.btn-count-side .join-today-button1:hover .regicon-dw{
      margin-left:10px; background-color:#ffffff;
}
.btn-count-side .join-today-button1:hover {
    background: #ffb800 !important;
}

.all-india-can .btn-count{ margin-left:75px;}
.green1{color:#106b66; font-weight: 600;}
section.sec4 .register {
    margin-bottom: 30px;
}
.cashaward-sec {
    margin-top: 60px;
}

.toptenranker {
    width: 100%;
    position: relative;
       padding: 80px 0;
    background: #d4e7e5;
}
.toptenranker .register {
    margin-bottom: 30px;
}
img.box1-icon-reward {
  width: 70px;
    height:auto;
    overflow: hidden;
    /* margin-bottom: 20px; */
    margin-top: 30px;
}

.box1-rank {
  text-align: center;
  width: 100%;
  max-width: 387px;
  padding: 18px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 2px 4px 20px 8px rgba(0, 0, 0, 0.2);
  min-height: 308px;
}

.box-count-rank {
    width: 100%;
          max-width: 395px;
    margin-right: 42px;
    padding: 0;
}
.box-count-rank.last-count {
    margin-right: 0;
}
.box1-rank .get {
    margin: 0;
    color: #464646;
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 30px !important;
    font-weight: 500;
}
.box1-rank .get strong {
    font-weight: 600;
}



.bigbonanza {
    width: 100%;
    position: relative;
       padding: 80px 0 0px 0;
    background: #ffece1;
}
.bigbonanza .repot ul li {
    border-radius: var(--br-lg);
    background: #ffffff;
    flex-direction: row;
    padding: var(--padding-3xl);
    box-sizing: border-box;
    text-align: center;
    font-size: var(--paragraph-text-size);
    color: var(--white);
    font-size: var(--font-size-lg);
       width: 30%;
    float: left;
    margin-right: 30px;
}
.bigbonanza .repot ul li {
  color: #0B7077;
  text-align: center;
  font-family: 'gilroy-mediumuploaded_file';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 153%;
  padding-top: 113px;
  margin-bottom: 140px;
  min-height: 216px;
}
.bigbonanza .vector-icon1 {
    position: absolute;
    top: -100px;
    left: 80px;
    width: 215px;
    height: 215px;
    background: #60141400;
    border-radius: 50%;
    padding: 8px;
}
.bigbonanza .vector-icon2 {
  position: absolute;
    top: -100px;
    left: 80px;
    width: 215px;
    height: 215px;
    background: #60141400;
    border-radius: 50%;
    padding: 8px;
}
.bigbonanza .vector-icon3 {
    position: absolute;
    top: -100px;
    left: 80px;
    width: 215px;
    height: 215px;
    background: #60141400;
    border-radius: 50%;
    padding: 8px;
}

.bigbonanza .vector-icon4 {
    position: absolute;
    top: -100px;
    left: 80px;
    width: 215px;
    height: 215px;
    background: #60141400;
    border-radius: 50%;
    padding: 8px;
}

.bigbonanza .vector-icon5 {
    position: absolute;
    top: -100px;
    left: 80px;
    width: 215px;
    height: 215px;
    background: #60141400;
    border-radius: 50%;
    padding: 8px;
}
.bigbonanza .register {
    margin-bottom: 0px;
}

p.reward_tagline {
    text-align: center;
    margin-bottom: 80px;
}

.mytbl tbody  tr:nth-child(even) {
    background-color: orange;
}

table.table.table-bordered.mytbl tbody tr:nth-child(odd) td {
    background:#ffe1b3 !important;
}
table.table.table-bordered.mytbl tbody tr:nth-child(even) td {
    background:#ffece1 !important;
}
.sec7 .gp {
    text-align: center;
    width: 100%;
	Background:#0a7178;
  margin-top: 14px;
  padding-bottom: 30px;
}

.topic-count h4 {
    color: #0B7077;
    text-align: center;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 190%;
    text-decoration-line: underline;
    text-transform: uppercase;
    padding-top: 20px;
}

.btn-count.free-test-btn {
    text-align: center;
    margin: 0 auto;
    float: none;
    position: absolute;
    left: 246px;
    right: 0;
    top: -55px;
    bottom: 0;
}

.btn-count.free-material-btn {
    position: relative;
    bottom: 13px;
    right: -48px;
    top: -55px;
}

.free-material-btn .join-today-button1:hover .regicon-dw {
    margin-left: 10px;
    background-color: #ffffff;
}
.green-text {
    color: #0B7077;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

section.reportsec {
    margin-top: 0;
    margin-bottom: 0px;
    background: #ffece1;
    padding:0px 0 0px 0;
}
.sec1-count p strong {
    font-weight: 600;
	color:#16096D;
}
.sec1-count p {
    font-size: 19px;
}

footer.footer li {
    color: #0B7077;
    font-family: 'gilroy-bolduploaded_file';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 190%;
    letter-spacing: 0.39px;
}

.footer p.newslator-botoom {
    font-size: 12px;
	    margin-top: 10px;
}
.row.foot-logo-count {
    margin-top: 50px;
}

.searchbox-wrap input:focus-visible {
  outline: 2px solid #ffffff;
  border-radius: 3px; color:#0b7077;
  border-radius: 15px 0px 0px 15px;
}

.searchbox-wrap button:focus-visible {
  outline: 2px solid #0b7077;
  border-radius: 3px; color:#0b7077;
  border-radius: 15px 0px 0px 15px;
}
.bigbonanza .repot ul li:nth-child(4) {
    margin-left: 203px;
}
.reportsec .row-3{ margin-top:30px;}
img.lefttopdot {
    position: absolute;
    left: -152px;
    top: -137px;
}



















 /* cloud code */


 

 #clouds {
  padding: 0;
  position: absolute;
  right: 243px;
  top: 64px;
  z-index: 99;
}

/*Time to finalise the cloud shape*/
.cloud {
	width: 200px; height: 60px;
	background: #fff;
	
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	
	position: relative; 
}

.cloud:before, .cloud:after {
	content: '';
	position: absolute; 
	background: #fff;
	width: 100px; height: 80px;
	position: absolute; top: -15px; left: 10px;
	
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}

.cloud:after {
	width: 120px; height: 120px;
	top: -55px; left: auto; right: 15px;
}

/*Time to animate*/
/* .x1 {
	
} */

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
  left: 168px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 1;
  top: -50px;
  z-index: 99;
}

.x3 {
	left: -250px; top: -200px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	/* -webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite; */
}

.x4 {
	left: 470px; top: -250px;
	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75; /*opacity proportional to the size*/
	
	/* -webkit-animation: moveclouds 18s linear infinite;
	-moz-animation: moveclouds 18s linear infinite;
	-o-animation: moveclouds 18s linear infinite; */
}

.x5 {
	left: -150px; top: -150px;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.8; /*opacity proportional to the size*/
	
	/* -webkit-animation: moveclouds 20s linear infinite;
	-moz-animation: moveclouds 20s linear infinite;
	-o-animation: moveclouds 20s linear infinite; */
}

/* @-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
} */

.wave-new
{
  /* position: absolute;
  top: 0;
  left: 50%;
  width: 800px;
  height: 800px;
  margin-top: -600px;
  margin-left: -400px; */
  


    position: absolute;
    top: 0;
    left: 49%;
    width: 72%;
    height: 25%;
    margin-top: 223px;
    margin-left: -434px;
  background: #252E45;
  border-radius: 40%;
  animation: shift 20s infinite linear;
  z-index: 0;
}

@keyframes shift{
  from{
    transform: rotate(360deg);
  }
}
/* .headerr{
  padding: 48px;
  @media (max-width: 440px){
      padding: 48px 24px;
  }
  >h3{
      font-size: 44px;
      font-weight: 700;
      margin-bottom: 8px;
  }
  >h4{
      font-size: 22px;
      font-weight: 400;
      letter-spacing: 1px;
  }
} */















.login-count.thanks-count.thankyouhp {
  margin-top: 0;
}
.login-count {
  background: #D2E6E4;
  width: 100%;
  display: inline-block;
  margin-top: 48px;
}
form.signup {
  margin-top: 66px;
}
.signup {
  margin: 20px auto;
  padding: 40px;
  max-width: 500px;
  border-radius: 25px;
  background: #dfedec;
  box-shadow: none;
}

input.form-control.inp {
  font-size: 14px;
  color: #94989C;
  height: 40px;
}
img.signimg {
  position: absolute;
  bottom: 0;
}

form.login {
  margin-top: 28px;
}
img.loginimg {
  margin-top: 53px;
  position: absolute;
  bottom: 0;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30), 0 3px 0px #0b7077;
}
.login-count {
  background: #D2E6E4;
  width: 100%;
  display: inline-block;
 
  margin-top: 47px;
}
.best-of-luck {
  font-size: 24px;
}
.registerschool-page.login-count {
  background: #D2E6E4;
  width: 100%;
  display: inline-block;
  /* margin-top: 70px; */
  margin-top:70px;
}
img.hp-logo {
  width: 50px;
  position: relative;
  top: 13px;
}
.login {
  margin: 20px auto;
  padding: 0px 40px 10px 40px;
  max-width: 500px;
  border-radius: 25px;
  background: #dfedec;
  box-shadow: none;
}

.newClass{

  font-size: 18px;
    color: #02073f;
    font-weight: 700;
}

.login-new{

  margin: 20px auto;
  padding: 40px;
  max-width: 872px;
  border-radius: 25px;
  background: #dfedec;
  box-shadow: none;

}
    .login input {
      width: 100% !important;
      display: block;
      box-sizing: border-box;
      margin: 6px 0 6px 0;
      padding: 14px 12px;
      font-size: 16px;
      border-radius: 2px; 
      font-family:'gilroy-regularuploaded_file';
    }
  
  .login input[type=text],
  .login input[type=password] {
    border: 1px solid #c0c0c0;
    transition: .2s;
  }
  
  .login input[type=text]:hover {
    background: #ffffff;
    outline: none;
    transition: all .2s ease-in-out;
  } 
  
  .login input[type=submit] {
    border: none;
    background: #16096D;
    color: white;
    font-weight: bold;  
    transition: 0.2s;
    margin: 20px 0px;
    font-family: 'gilroy-bolduploaded_file';
    height: 45px;
  }
  
  .login input[type=submit]:hover {
    background: #16096D; 
  }
  
  .login h2 {
    margin: 20px 0 0;
    color: #02073F;
    font-size: 26px !important;
    font-weight: 800 !important;
    margin-bottom: 0px !important;
    font-family: 'gilroy-blackuploaded_file' !important;
}

.login-new h2 {
  margin: 20px 0 0;
  color: #02073F;
  font-size: 28px !important;
  font-weight: 800 !important;
  margin-bottom: 0px !important;
  font-family: 'gilroy-blackuploaded_file' !important;
}
  
  .login p {
    margin-bottom: 40px;
  }
  
  .links {
    display: table;
    width: 100%;  
    box-sizing: border-box;
    border-top: 1px solid #c0c0c0;
    margin-bottom: 10px;
  }
  
  .links a {
    display: table-cell;
    padding-top: 10px;
  }
  
  .links a:first-child {
    text-align: left;
  }
  
  .links a:last-child {
    text-align: right;
  }
  
    .login h2,
    .login p,
    .login a {
      text-align: center;    
    }
  
  .login a {
    text-decoration: none;  
    font-size: 14px;
  }
  
  .login a:visited {
    color: inherit;
  }
  
  .login a:hover {
    text-decoration: underline;
  }
  

  button.submit-btn.join-today-button1 {
    background-color: #ffffff;
    border: #FFB800 2px solid !important;
    color: #000000 !important;
    padding: 5px 20px !important;
}

header {

  z-index: 2 !important;
}
.row.two-btn-count {
  height: 0;
}

.bigbonanza img:hover {
  transform: scale(1.2);
  transition: 0.3s;
}
.bigbonanza img:hover {
 
  transition: 0.3s;
}
.login-count.signup-count .login {
  max-width: 606px;
  width: 100%;
}
p.isro {
  position: absolute;
  z-index: 9999;
  top: 60px;
  left: 11px;
  color: #0d5097;
  font-weight: 800;
}

.square {
	
	transform: rotateY(45deg);
	animation: rotateAnimation 1s linear infinite;
}

@keyframes rotateAnimation {
	from {transform: rotateY(45deg);}
	to {transform: rotateY(225deg);}
}


.homesignuppopup  input.btn.reg-btn.submit-btn.gen-btn {
  line-height: normal;
  height: 46px;
  position: inherit;
  left: 0;
}
.signupform .modal-body {
  /* background: url(https://sttar.in/nso/popupbg.png) center top 0px no-repeat; */
  height: auto;
}
.signupform.dashboard-home-poup .modal-body {
  background: url(https://sttar.in/nso/popupbg.png) center top 0px no-repeat !important;
  height: 100%;
  width: 100%;
  padding: 30px 60px;
  background-size: cover !important;
}

.signupform.dashboard-home-poup .description-new {
  text-align: center;
  padding-right: 223px;
}

.mycountry {
  border: none;
  width: 100% !important;
  padding: 0 !important;
}
.dd{
  margin-top: 6px;
    height: 40px;
}


.btn-count.signup-poup-button {
  width: 100%;
  padding-top: 0px;
}
.mycountry span {
  position: relative !important;
  top: 37px;
  left: 12px;
  color: #6c757d;
}
#message {
  color: white;
  text-transform: uppercase;
  margin: 0 auto;
  text-align: center;
  font-family: "lucida handwriting", "arial";
  font-size: 10em;
  z-index: 1000;
}
.mycountry input:focus{      box-shadow: inherit !important;  outline: 0 !important; }
.mycountry:focus{     box-shadow: inherit !important;  outline: 0 !important;  background: #ffffff !important; }



.thankyou-page h1 {
  color: #EEE;
  text-shadow: -1px -2px 3px rgba(243, 238, 238, 0.3);
  text-align: center;
  font-family: "Monsterrat", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 80px;
  margin-bottom: -5px;
}
.thankyou-page h1 underline {
  border-top: 5px solid rgb(13 80 151);
  border-bottom: 5px solid rgb(13 80 151);
  color: #ffffff;
}
.thankyou-page {
  margin-top: 100px;
}
div#largeModal1 {
  margin-top: 94px;
  z-index: 9999;
}
.fade.mymodel.signupform.modal.show {
  margin-top: 200px;
}
.signupform .modal-dialog {
  max-width: 662px;
  margin: 271px auto;
}

.header .navbar-expand-md .navbar-nav .nav-link {
  padding-left: inherit;
  padding-right: inherit;
}

.inpcity {
  margin-top:5px;
}

.css-1g4e03w {
  background-color: #d2e6e4 !important;
  min-height: 10vh;
}
.btn-count.free-material-btn .join-today-button1 {
  font-size: 14px;
}



form.Manage-Profile {
  padding:0px;
}
.css-9d4wr9 {
  /* margin-top:0px !important; */
  background: #d4e7e5 !important;
}
.scrollbar-container {
  position: relative;
  height: 100%;
  margin-top: 38px;
}
p.after-roket {
  color: red;
  font-family: 'gilroy-mediumuploaded_file' !important;
  font-size:14px;
  font-style: normal;
  font-weight: 700;

  /* text-transform: uppercase; */
  width: 100%;
  margin-left: 0;
  margin-top: 10%;
}
.zoomtext-count {
  width: auto;
  position: absolute;
  right: 245px;
  z-index: 99;
  top: 43px;
}

.custom-btn {

  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  /* box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); */
  outline: none;
}
h2.result {
  width: 100%;
  margin-top: 40px;
}
.thanks-count span.mark-the-big {
  margin-bottom: 10px;
  display: inline-block;
  margin-top: 10px;
}
.thanks-count .textlogin {
  margin: 10px 0;
}
@keyframes like-gif {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
  }
  .like {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/349115/like_animation.png) 0 0 no-repeat;
    background-size: 3000%;
    animation: like-gif steps(28) 1s infinite both;
    position: absolute;
    right: 0;
    top: 0;
  }
.likeNEw {
  display: block;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  /* background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/349115/like_animation.png) 0 0 no-repeat; */
  background-size: 3000%;
  animation: like-gif steps(28) 1s infinite both;
  position: absolute;
  right: 0;
  top: 0;
}

.submit-btn-new {
  width: 100%;
  color: #ffffff;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  height: 43%;
}


.card {
  width: 100%;
  border: none;
  border-radius: 15px;
  padding: 0px 0 20px 0;
  background-color: #fff;
  position: relative;
  height: auto;
  margin-bottom: 40px;
}

 .upper{

  height: 100px;
  /* background: #0d5097; */
  background:#89bdb9;

 }
.income-customers {
  margin-top: 20px;
  background: white;
}
.income-customers .table-responsive h4 {
  padding: 15px;
}

 .upper img{

  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

 }

 .user{
  position: relative;
 }

 .profile img{

  
  height: 50px;
  width: 50px;
  margin-top:2px;

 
 }

 .profile {
  position: absolute;
  top: -76px;
  left: 0;
  height: 90px;
  width: 90px;
  /* border: 3px solid #fff; */
  border-radius: 50%;
}

 .follow{

  border-radius: 15px;
  padding-left: 20px;
  padding-right: 20px;
  height: 35px;
 }

 .stats span{

  font-size: 29px;
 }
 .css-18bgii4 {
  background-color: #d2e6e4 !important;
  
}













































.pyro > .before, .pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-moz-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-o-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-ms-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0; } }
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%; }

  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%; }

  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%; }

  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%; }

  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%; } }


    .zoom, .small{
      overflow: hidden;
      padding: 0;
      width: 300px;
      height: 300px;
      border:1px solid #000;
      float:left;
      margin:10px;
  }
  .zoom img {
      transition-duration: 4s;
      margin: 0 auto;
      display: block;
  }
  .zoom img:hover {
      transform: scale(5.2);
      -webkit-transform: scale(5.2);
      -moz-transform: scale(5.2);
      z-index: 0;
  }
  .small img{
    transition-duration: 4s;
      margin: 0 auto;
      display: block;
    transform: scale(5.2);
      -webkit-transform: scale(5.2);
      -moz-transform: scale(5.2);
  }
  .small img:hover {
      transform: scale(0.5);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      z-index: 0;
  }




  .box {
    position: absolute;
    top: calc(50% - 125px);
    top: -webkit-calc(50% - 125px);
    left: calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
  }
  
  .ticket {
    width: 600px;
    height: 250px;
    background: #ffb300;
    border-radius: 3px;
    box-shadow: 0 0 100px #aaa;
    border-top: 1px solid #e89f3d;
    border-bottom: 1px solid #e89f3d;
  }
  
  .left {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0px;
    left: -5px;
  }
  
  .left li {
    width: 0px;
    height: 0px;
  }
  
  .left li:nth-child(-n + 2) {
    margin-top: 8px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffb300;
  }
  
  .left li:nth-child(3),
  .left li:nth-child(6) {
    margin-top: 8px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #eeeeee;
  }
  
  .left li:nth-child(4) {
    margin-top: 8px;
    margin-left: 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #eeeeee;
  }
  
  .left li:nth-child(5) {
    margin-top: 8px;
    margin-left: -1px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #eeeeee;
  }
  
  .left li:nth-child(7),
  .left li:nth-child(9),
  .left li:nth-child(11),
  .left li:nth-child(12) {
    margin-top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #e5e5e5;
  }
  
  .left li:nth-child(8) {
    margin-top: 7px;
    margin-left: 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #e5e5e5;
  }
  
  .left li:nth-child(10) {
    margin-top: 7px;
    margin-left: 1px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #e5e5e5;
  }
  
  .left li:nth-child(13) {
    margin-top: 7px;
    margin-left: 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffb300;
  }
  
  .left li:nth-child(14) {
    margin-top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffb300;
  }
  
  .right {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0px;
    right: -5px;
  }
  
  .right li:nth-child(-n + 2) {
    margin-top: 8px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ffb300;
  }
  
  .right li:nth-child(3),
  .right li:nth-child(4),
  .right li:nth-child(6) {
    margin-top: 8px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #eeeeee;
  }
  
  .right li:nth-child(5) {
    margin-top: 8px;
    margin-left: -2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #eeeeee;
  }
  
  .right li:nth-child(8),
  .right li:nth-child(9),
  .right li:nth-child(11) {
    margin-top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #e5e5e5;
  }
  
  .right li:nth-child(7) {
    margin-top: 7px;
    margin-left: -3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #e5e5e5;
  }
  
  .right li:nth-child(10) {
    margin-top: 7px;
    margin-left: -2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #e5e5e5;
  }
  
  .right li:nth-child(12) {
    margin-top: 7px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #e5e5e5;
  }
  
  .right li:nth-child(13),
  .right li:nth-child(14) {
    margin-top: 7px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ffb300;
  }
  
  .ticket:after {
    content: "";
    position: absolute;
    right: 200px;
    top: 0px;
    width: 2px;
    height: 250px;
    box-shadow: inset 0 0 0 #ffb300, inset 0 -10px 0 #b56e0a,
      inset 0 -20px 0 #ffb300, inset 0 -30px 0 #b56e0a, inset 0 -40px 0 #ffb300,
      inset 0 -50px 0 #999999, inset 0 -60px 0 #e5e5e5, inset 0 -70px 0 #999999,
      inset 0 -80px 0 #e5e5e5, inset 0 -90px 0 #999999, inset 0 -100px 0 #e5e5e5,
      inset 0 -110px 0 #999999, inset 0 -120px 0 #e5e5e5, inset 0 -130px 0 #999999,
      inset 0 -140px 0 #e5e5e5, inset 0 -150px 0 #b0b0b0, inset 0 -160px 0 #eeeeee,
      inset 0 -170px 0 #b0b0b0, inset 0 -180px 0 #eeeeee, inset 0 -190px 0 #b0b0b0,
      inset 0 -200px 0 #eeeeee, inset 0 -210px 0 #b0b0b0, inset 0 -220px 0 #ffb300,
      inset 0 -230px 0 #b56e0a, inset 0 -240px 0 #ffb300, inset 0 -250px 0 #b56e0a;
  }
  
  .ticket:before {
    content: "";
    position: absolute;
    z-index: 5;
    right: 199px;
    top: 0px;
    width: 1px;
    height: 250px;
    box-shadow: inset 0 0 0 #ffb300, inset 0 -10px 0 #f4d483,
      inset 0 -20px 0 #ffb300, inset 0 -30px 0 #f4d483, inset 0 -40px 0 #ffb300,
      inset 0 -50px 0 #ffffff, inset 0 -60px 0 #e5e5e5, inset 0 -70px 0 #ffffff,
      inset 0 -80px 0 #e5e5e5, inset 0 -90px 0 #ffffff, inset 0 -100px 0 #e5e5e5,
      inset 0 -110px 0 #ffffff, inset 0 -120px 0 #e5e5e5, inset 0 -130px 0 #ffffff,
      inset 0 -140px 0 #e5e5e5, inset 0 -150px 0 #ffffff, inset 0 -160px 0 #eeeeee,
      inset 0 -170px 0 #ffffff, inset 0 -180px 0 #eeeeee, inset 0 -190px 0 #ffffff,
      inset 0 -200px 0 #eeeeee, inset 0 -210px 0 #ffffff, inset 0 -220px 0 #ffb300,
      inset 0 -230px 0 #f4d483, inset 0 -240px 0 #ffb300, inset 0 -250px 0 #f4d483;
  }
  
  .content {
    position: absolute;
    top: 40px;
    width: 100%;
    height: 170px;
    background: #eee;
  }
  
  .airline {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: rgba(0, 0, 102, 1);
  }
  
  .boarding {
    position: absolute;
    top: 10px;
    right: 220px;
    font-family: Arial;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
  }
  
  .jfk {
    position: absolute;
    top: 10px;
    left: 20px;
    font-family: Arial;
    font-size: 38px;
    color: #222;
  }
  
  .sfo {
    position: absolute;
    top: 10px;
    left: 180px;
    font-family: Arial;
    font-size: 38px;
    color: #222;
  }
  
  .plane {
    position: absolute;
    left: 105px;
    top: 0px;
  }
  
  .sub-content {
    background: #e5e5e5;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 70px;
  }
  
  .watermark {
    position: absolute;
    left: 5px;
    top: -10px;
    font-family: Arial;
    font-size: 110px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.2);
  }
  
  .name {
    /* position: absolute; */
    top: 10px;
    left: 10px;
    font-family: Arial Narrow, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #999;
  }
  
  .name span {
    color: #555;
    font-size: 17px;
  }
  
  .flight {
    position: absolute;
    top: 10px;
    left: 180px;
    font-family: Arial Narrow, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #999;
  }
  
  .flight span {
    color: #555;
    font-size: 17px;
  }
  
  .gate {
    position: absolute;
    top: 10px;
    left: 280px;
    font-family: Arial Narrow, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #999;
  }
  
  .gate span {
    color: #555;
    font-size: 17px;
  }
  
  .seat {
    position: absolute;
    top: 10px;
    left: 350px;
    font-family: Arial Narrow, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #999;
  }
  
  .seat span {
    color: #555;
    font-size: 17px;
  }
  
  .boardingtime {
    position: absolute;
    top: 60px;
    left: 10px;
    font-family: Arial Narrow, Arial;
    font-weight: bold;
    font-size: 14px;
    color: #999;
  }
  
  .boardingtime span {
    color: #555;
    font-size: 17px;
  }
  
  .barcode {
    position: absolute;
    left: 8px;
    bottom: 6px;
    height: 30px;
    width: 90px;
    background: #222;
    box-shadow: inset 0 1px 0 #ffb300, inset -2px 0 0 #ffb300, inset -4px 0 0 #222,
      inset -5px 0 0 #ffb300, inset -6px 0 0 #222, inset -9px 0 0 #ffb300,
      inset -12px 0 0 #222, inset -13px 0 0 #ffb300, inset -14px 0 0 #222,
      inset -15px 0 0 #ffb300, inset -16px 0 0 #222, inset -17px 0 0 #ffb300,
      inset -19px 0 0 #222, inset -20px 0 0 #ffb300, inset -23px 0 0 #222,
      inset -25px 0 0 #ffb300, inset -26px 0 0 #222, inset -26px 0 0 #ffb300,
      inset -27px 0 0 #222, inset -30px 0 0 #ffb300, inset -31px 0 0 #222,
      inset -33px 0 0 #ffb300, inset -35px 0 0 #222, inset -37px 0 0 #ffb300,
      inset -40px 0 0 #222, inset -43px 0 0 #ffb300, inset -44px 0 0 #222,
      inset -45px 0 0 #ffb300, inset -46px 0 0 #222, inset -48px 0 0 #ffb300,
      inset -49px 0 0 #222, inset -50px 0 0 #ffb300, inset -52px 0 0 #222,
      inset -54px 0 0 #ffb300, inset -55px 0 0 #222, inset -57px 0 0 #ffb300,
      inset -59px 0 0 #222, inset -61px 0 0 #ffb300, inset -64px 0 0 #222,
      inset -66px 0 0 #ffb300, inset -67px 0 0 #222, inset -68px 0 0 #ffb300,
      inset -69px 0 0 #222, inset -71px 0 0 #ffb300, inset -72px 0 0 #222,
      inset -73px 0 0 #ffb300, inset -75px 0 0 #222, inset -77px 0 0 #ffb300,
      inset -80px 0 0 #222, inset -82px 0 0 #ffb300, inset -83px 0 0 #222,
      inset -84px 0 0 #ffb300, inset -86px 0 0 #222, inset -88px 0 0 #ffb300,
      inset -89px 0 0 #222, inset -90px 0 0 #ffb300;
  }
  
  .slip {
    left: 455px;
  }
  
  .nameslip {
    top: 60px;
    left: 410px;
  }
  
  .flightslip {
    left: 410px;
  }
  
  .seatslip {
    left: 540px;
  }
  
  .jfkslip {
    font-size: 30px;
    top: 20px;
    left: 410px;
  }
  
  .sfoslip {
    font-size: 30px;
    top: 20px;
    left: 530px;
  }
  
  .planeslip {
    top: 10px;
    left: 475px;
  }
  
  .airlineslip {
    left: 455px;
  }
  /* header.mui-fixed {
    z-index: 9999 !important;
} */

.dailyquiz-bg {
  margin-bottom: 40px;
}
.joinqueze.card {
  margin-bottom: 40px;
}
.message-body-nso h2 img {
  width: 80px;
}
.topheadingbg1 {
  background: #ffc107 !important;
  min-height: 100px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  padding-top: 24px;
}

.dbbutton {
  position: relative;
  border-radius: var(--br-mini);
  display: flex;
  flex-direction: row;
  padding: 5px 20px;
  align-items: center;
  justify-content: center;
  font-size: var(--top-menu-selected-size);
  /* color: var(--light); */
  border: none;
  color: #16096D;
  text-align: center;
  font-family: 'gilroy-mediumuploaded_file';
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
}

.dbbutton {
  background-color: #ffffff;
  border: #FFB800 2px solid !important;
  margin-top:10px;
}
.dbbutton:hover {
  background: #ffb800 !important;
}
.joinqueze .card-title {
  margin-bottom: 0;
  position: relative;
  
  font-size: 12px;
  font-weight: 800;
}

.Achive-card .card-title {
  margin-bottom: 0;
  position: relative;
 
  font-size: 12px;
  font-weight: 800;
}
.dailyquze-card .card-title {
  margin-bottom: 0;
  position: relative;
 
  font-size: 12px;
  font-weight: 800;
}


.dailyquze-card .card-title {
    margin-bottom: 0;
    position: relative;
    top: 0;
    font-size: 28px;
    font-weight: 800;
}

.topheadingbg {
  background: #0d5097 !important;
  min-height: 100px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  padding-top: 24px;
}

.Achive-card .card-title {
  margin-bottom: 0;
  position: relative;
 
  font-size: 12px;
  font-weight: 800;
}

.speech-bubble {
  width: 100%;
  background: #fff;
  margin: 1em auto;
  border-radius: 5px;
  font-size: 1.2em;
  line-height: 1.5;
  font-weight:400;		
  font-family: 'Lato', sans-serif; 
  border: 0.4em solid #ccc;
  padding: 1.1em 2.5em;
  position: relative;
}
.speech-bubble:after {
  content: '\25bc';
  position: absolute;
  bottom: -55px;
  font-size: 3em;
  right: 18px;
  color: #fff;
  text-shadow: 0px 10px 0 #ccc, -0px 10px #ccc;
}

.testclass header {
  z-index: 9999 !important;
}

.form-pading {
  padding: 20px;
}
img.quizicon.table-icon {
  margin-top: 0;
  display: inline-block;
  position: relative;
  top: 5px;
}
img.quizicon {
  position: relative;
  top: 6px;
}
.message-body-nso h2 {
  margin-bottom: 20px !important;
  color: #cf8410;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: left;
}
.inner-heading {
  margin-top:0px;
  margin-bottom: 20px;
}

.zoom1 {transition: transform 2s; /* Animation */ margin: 0 auto;}
.zoom1:hover {transform: scale(1.1); }
.joinqueze.ok.card .card-body {
  
  padding: 0;
}
.Achive-card.card .card-body {
  
  padding: 0;
}
.clickhere-btn.btn.btn-secondary {
  border-radius: 50%;
}
.fade.mymodal.signupform.modal.show .modal-header {
  display: flow !important;
  border-bottom:none;
  height: 0;
}
.clickhere-btn.btn.btn-secondary {
  
  float: right;
}
a.join-today-button1.downloadfree {
  position: relative;
  left: 62px;
}
.downloadfree {
  position: relative;
  left: 62px;
}
/* .hcss{

 font-size:14px !important;

} */


.cell {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  min-width: 300px;
  font-weight: 600;
  /* min-width: 163px; */
}
.divTable {
  margin-left: 15px;
}

button.close {
  color: #0d5097;
  border: #0d5097 2px solid !important;
  border-radius: 50%;
  width: 40px;
  position: relative;
  top: -19px;
  right: -19px;
  z-index: 9999;
  background: #ffffff;
  height: 40px;
}
.modal-dialog button span {
  margin-left: 0;
  position: absolute;
  top: 8px;
  left: 11px;
}

.btn-count.smallfeebtn {
  position: absolute;
  right: 10%;
  top: 38%;
}
.take-exam-button {
  margin-top: 20px;
}

span.stepnum {
  position: absolute;
  right: 128px;
}
span.stepnum p {
  text-align: center;
  margin: 6px 0 0 0;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px !important;
}
span.stepnum b {
  text-align: center;
  margin: -30px 0 0 21px;
  font-weight: 900;
  color: #0055b4;
  font-size: 14px;
  line-height: 14px !important;
}
p.pcount {
  margin-left: 40px;
  width: 61%;
  text-align: left;
  font-size: 12px;
  line-height: 18px !important;
}
.step-section {
  width: 100%;
  margin: 0 auto;
  text-align: center;
 
  padding-top: 0;
  margin-bottom:0px;
}

.step-section h2 {
  margin: 43px 0 0;
  color: #0955a0;
  font-size: 28px !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  font-family: 'gilroy-blackuploaded_file' !important;
} 
span.stepnum img {
  width: 70%;
}

.signupform.modal.show {
  z-index: 99;
}
.modal-header {

  border-bottom: none;
  
}
span.stepnum.stepnum2 {
  right: 212px;
}
span.stepnum.stepnum5 {
  right: 215px;
}
.step-section .col-md-2 {
  margin: 0;
  padding: 0;
}

.btn-count-side.only-mobile-btn {
  display: none;
}

.inp .stdropdown-container {
  text-align: left;
  border: inherit;
  position: relative;
  border-radius: 5px;
}
.stdropdown-tool {
  padding-right: 5px;
}
.inp .stsearch-box {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c0c0c0;
  padding-left: 12px;
}
.inp .stsearch-box input {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #ffffff !important;
}
.inp .stsearch-box input:focus-visible {

 border: none !important;
}
.fade.modelclosebtn.modal.show {
  margin-top: 111px;
}

.shadow{    background-image: linear-gradient(to right, #092272 0%, #00acbf 51%, #092272 100%);}

.tearm-condition h1 {
  font-weight: 400;
  font-size: 18px;
  color: #16096D;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 600;
}

.tearm-condition ul li{
  line-height: 190% !important;
    text-align: justify;
    display: inline-block;
    color: #000000;
    width: 100%;
    font-family: 'gilroy-mediumuploaded_file' !important;
    font-size: 16px;

}

.Privacy-Policy h2 {
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #000000;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
  text-transform: capitalize;
}

.rtp.tearm-condition h2 {
 
    font-size: 18px;
    color: #16096D;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 600;


}
.faq  h2 {
  font-weight: 400;
  font-size: 18px !important;
  color: #000000;
  margin-bottom: 10px !important;
  margin-top:0px !important;
  text-transform: capitalize;


}
.tearm-condition .sttar-national {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 43px;
  color: #16096D;
}
.tearm-condition {
  margin-bottom: 80px;
}
.tearm-condition p {
  line-height: 190% !important;
  text-align: justify;
  display: inline-block;
  color: #000000;
  width: 100%;
  font-family: 'gilroy-mediumuploaded_file' !important;
  font-size: 16px;
}
.faq.tearm-condition {
  margin-bottom: 10px;
}
.rewars-page {
  margin-top: 40px;
}
.ycount {
  text-align: center;
  padding: 0 20px;
}
.ycount p {
  text-align: center;
  color: #0B7077;
  font-weight: 600;
  font-size: 19px;
  line-height: 23px !important;
 
}

.ycount p::after{
  content:'';
  position: absolute;
  background-color: #464646;
  width: 1px;
  height: 60%;
  bottom: 0;
  right: 0;
 
}
.step-count .span {
  font-size: 19px;
}
.step-count{ 
  background:#0b7077; 
  color: #ffffff;   
    padding: 8px;
     border-bottom-left-radius: 40px;
        border-bottom-right-radius:40px;
      }
.step-count .step-count {
  font-size: 19px;
}

.white-bg{
   background:#ffffff;   
    border-top-left-radius: 40px; 
      border-top-right-radius:40px;  
         /* min-height: 136px; */
         margin-top: 21px;
         height: 100px !important;
         }
p.right-count {
  padding: 15px 20px 15px 0px;
  text-align: left;
}
img.left-img {
  /* position: relative;
  top: 24px; */
  position: relative;
    top: 26px;
    left: 10px;
}
.step-count span {
  font-size: 22px;
  text-transform: uppercase;
}
h4.howitworks {
  text-align: left;
  color: #353535;
  font-size: 26px;
  margin-bottom: 30px;
}

.colorName{
  color:#16096d !important

}



.hideboder::after {
  display: none !important;
}
h2.congratulation {
  width: 100%;
}
.thankyou-school .yourheading {
  text-align: center;
  font-size: 22px !important;
  width: 100%;
  color: #16096D;
  font-weight: 100 !important;
  font-family: 'gilroy-mediumuploaded_file' !important;
 
  margin: 5px 0 0 0;
}
p.newClass-school {
  text-align: center;
  margin-top: 10px;
  line-height: 30px !important;
  font-size: 18px;
}

.login-new-school {
  margin: 20px auto;
  padding:0px;
  max-width: 872px;
  border-radius: 25px;
  background: #ffffff;
  box-shadow: none;
}
img.school-thankyou-img {
  position: absolute;
  bottom: -59px;
  left: -87px;
  width: 100%;
}
.sharemessage{ font-size:21px; color:#16096D;}
strong.name-thankyou {
  color: #16096D;
  font-size: 18px;
  margin-top: 10px;
  display: inline-block;
}
.school-heading{  color: #16096D;
  font-size: 18px;
  margin-top: 10px;
  display: inline-block;}
  .register-heading{  color: #16096D;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;}

    .login-new-top h2 {
      margin: 40px 0 0;
      color: #16096D;
      font-size: 28px !important;
      font-weight: bolder !important;
      margin-bottom: 0px !important;
      font-family: 'gilroy-mediumuploaded_file' !important;
  }



























.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
  align-items: center;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  color: var(--bs-accordion-btn-color);
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  transition: var(--bs-accordion-transition);
  width: 100%
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
      transition: none
  }
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
  color: var(--bs-accordion-active-color)
}

.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  content: "";
  flex-shrink: 0;
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  transition: var(--bs-accordion-btn-icon-transition);
  width: var(--bs-accordion-btn-icon-width)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button:after {
      transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  border-color: var(--bs-accordion-btn-focus-border-color);
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  outline: 0;
  z-index: 3
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  color: var(--bs-accordion-color)
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 var(--bs-accordion-border-color);
  color: var(--bs-accordion-active-color);
}
.accordion-header {
  margin-bottom: 0 !important;
  width: 100%;
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E);
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E);
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #0d6efd40;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

[data-bs-theme=dark] {
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  color-scheme: dark;
}
.accordion-button {
  align-items: center;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  color: var(--bs-accordion-btn-color);
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  transition: var(--bs-accordion-transition);
  width: 100%;
}
.accordion-item {
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  color: var(--bs-accordion-color);
}
[data-bs-theme=dark] {
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  color-scheme: dark;
}
.accordion-button {
  align-items: center;
  background-color: #0d5097 !important;
  border: 0;
  border-radius: 0;
  color: #ffffff !important;
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  transition: var(--bs-accordion-transition);
  width: 100%;
}

.speech-bubble-school p {
  font-size: 14px;
  line-height: 30px !important;
  margin-bottom: 10px;
}
.heading-strip {
  background: #0B7077;
  color: #ffffff;
  padding: 5px 0;
  z-index: 999;
  position: relative;
}
.heading-strip p {
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  line-height: 128% !important;
}
.ttt{
  height: 12px;


}

.regmar{
  margin-bottom: 10px;
}
.newCss{
  margin-top: 6px !important;
  color:#9b9999;
  font-family: 'gilroy-mediumuploaded_file';
}

.btn-count-side-benefit {
  position: fixed;
  right: -72px;
  top: 276px;
  z-index: 9978;
  rotate: 270deg;
  font-family: 'gilroy-mediumuploaded_file';
  font-weight: 700 !important;
}

div#largeModal2 {
  margin-top: 78px;
  z-index: 9999;
}

/* .benefit-btn.join-today-button1 {
 
  display: flex !important;
} */
.benefits.onload-popup .modal-body {
  background: url(https://sttar.in/nso/Popup.jpg) center top 0px no-repeat;
  height: 477px !important;
  background-size: contain;
  width: 78%;
  margin: 0 auto;
}

.student-hide .nso-img.signupimg {
  display: block;
}
button.btn-close {
  display: none;
}   






















/* quiz result style */

.result_page .loadingresult
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(226, 226, 226, 0.8);
    z-index: 100000;
    transition: 0.5s;
    display: grid;
    place-content: center;
    text-align: center;
    display: none;
}
.result_page .loadingresult img
{
    margin: 0 auto;
}
.result_page
{
    clip-path: circle(0.0% at 50% 50%);
    background-image: url(../images/result.jpg);
    pointer-events: none;
    visibility: hidden;
    transition: 1s;
  /*  position: absolute; */
    left: 0;
    top: 0;
    z-index: -9999999999;
    width: 100%;
      height: auto;

}
.result_page_show
{
    pointer-events: all;
    clip-path: circle(70.7% at 50% 50%);
    visibility: visible;
    z-index: 999999999;

}


.result_page .result_inner
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: rgb(255,255,255);

}

.result_page .resultheader
{
    background-color: var(--secondary-color);
    border-radius: 4px;
    height: 150px;
    width: 80%;
    margin: 0 auto;
    font-size: 40px;
    color: rgb(255,255,255);
    font-family: "Sen";
    font-weight: 700;
    text-align: center;
    display: grid;
    align-content: center;
    padding: 20px 160px;
    position: relative;
    top: 80px;
    overflow: hidden;
}
.result_page .resultheader::before
{
    content: "";
    background: rgb(13 80 151);
    width: 80px;
    height: 80px;
    border-radius: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    clip-path: polygon(0 0, 50% 50%, 100% 100%, 0% 100%);
}
.result_page .resultheader::after
{
    content: "";
    background: rgb(13 80 151);
    width: 150px;
    height: 100%;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
}
.result_page .h-border
{
    position: absolute;
    background: rgb(212,11,33);
    clip-path: polygon(0 15%, 10% 15%, 10% 90%, 100% 90%, 100% 100%, 0 100%, 0 50%);
    width: 150px;
    height: 100%;
    top: -10px;
    right: -40px;
    transform: rotate(45deg);
    z-index: 10;
    border: solid 2px red;
}
.result_page .flex-1
{
    flex: 1;
}

.result_page .result_content
{
    flex: 1;
    border-radius: 20px;
    width: 100%;
    border: 4px solid var(--primary-color);
    padding: 120px 90px 50px 90px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.result_page .result_msg
{
    /* font-size: 42px;
    font-family: "Jost";
    color: rgb(39, 194, 15);
    font-weight: bold;
    display: flex;
    align-items: center; */

    color: #16096D;
    font-family: 'gilroy-mediumuploaded_file' !important;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px !important;

}
.result_page .result_msg img
{
    max-width: 50px;
    margin-right: 15px;
}
.result_page .result_content span
{
  margin-bottom: 20px;
    font-size: 20px;
    font-family: 'gilroy-mediumuploaded_file' !important;
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
}

.result_page .u_prcnt {
  font-size: 28px;
    font-family: 'gilroy-mediumuploaded_file' !important;
    color: rgb(13 80 151) !important;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 10px;
}
.result_page .result_content p {
    text-align: center;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    margin-left: 30px;
    font-family: 'gilroy-mediumuploaded_file' !important;
}
.result_page .result_content p {
    text-align: center;
}
.result_page .prcnt_bar
{
    background-color: rgb(232, 232, 232);
    width: 333px;
    height: 12px;
    border-radius: 20px;
}
.result_page .prcnt_bar .fill
{
    width: 0;
    border-radius: inherit;
    height: 100%;
}
.result_page .prcnt_bar_lvl
{
    font-size: 30px;
    font-family: 'gilroy-mediumuploaded_file' !important;
    color: rgb(255, 89, 0);
    font-weight: bold;
    margin-top: 10px;
}

.result_page .lvl_overview
{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    margin-top: 30px;
    justify-content: center;

}
.result_page .lvl-single
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 33.3333%;
}
.result_page .lvl-single .lvl-color
{
    border-radius: 50%;
    min-width: 53px;
    height: 53px;
}
.result_page .lvl-single .low
{
    background-color: rgb(229, 0, 26);
}
.result_page .lvl-single .medium
{
    background-color: rgb(255, 89, 0);
}
.result_page .lvl-single .high
{
    background-color: rgb(60, 196, 52);
}
.result_page .lvl-single .lvl-name
{
    font-size: 30px;
    font-family: 'gilroy-mediumuploaded_file' !important;
    color: rgb(0, 0, 0);
    font-weight: bold; 
    margin-left: 30px;
}
.result_page .lvl-single .lvl-line
{
    background-color: rgb(232, 232, 232);
    min-width: 114px;
    height: 6px;
    border-radius: 5px;
    margin: 0 auto;
}

.result_page .resultfooter
{
    width: 50%;
    margin: 60px auto 53px auto;
    height: auto;
}


 :root {
  --primary-gradiant: linear-gradient(0deg, rgb(84, 76, 249) 0%, rgb(144, 49, 141) 0%, rgb(204, 22, 32) 0%, rgb(207, 20, 31) 100%);
  --primary-color: rgb(185, 10, 19);
  --secondary-color: rgb(22, 35, 43);
  --text-color: rgb(39, 39, 39);
  --field-color: rgb(255, 255, 255);
}
.stdropdown-item {
 
  font-size: 14px !important;
}
h1.inner-heading.main-heading {
  margin: 0;
  font-size: 2.125rem;
  color: #121926;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  line-height: 1.167;
  text-align: center;
  margin-bottom: 0.35em;
  font-size: 35px;
}

.result_page.LiveQuizResult {
  clip-path: inherit;
 
  pointer-events: none;
  visibility: visible;
  transition: 1s;
  position: inherit;
  left: 0;
  top: 0;
  z-index: -9999999999;
  width: 100%;
  height: 100%;
}

.profile-new.upper.card-new.teacher-card-new {
  padding-top: 20px;
}
.username {
  padding: 40px 0;
  display: inline-block;
  text-align: left;
  /* float:left; */
  font-size: 24px;
  color: #ffffff;
}
.cquiz {
  padding:20px 0;
  display: inline-block;
  text-align: left;

  font-size: 18px;
  color: #0d5097;
}
.upper1 {
  height: 100px;
  /* background: #0d5097; */
  background: #ffffff;
}
.upper1 img {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.profile-new.upper1.card-new.teacher-card-new {
  padding-top: 20px;
}
/* responsive */

 .boxProfile .all-india {
  background: #e5f4fb !important;
  padding: 14px 15px;
  font-size: 18px;
} 
.relative{ position:relative;}
.usershare {
  position: absolute;
  top: 35px;
  left: 42px;
  width: 150px !important;
  height: 150px !important;
}
p.shareyour {
  color: #10346e;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.socialshare {
  background: #ffffff;
  margin-top: 20px;
}
p.welcome-text {
  color: #0c54a0;
}
img.trophy {
  margin-left: 25px;
  margin-top: 7px;
}
.socialshare tr td {
  margin-right: 5px;
  display: inline-block;
}
img.nsologo {
  position: absolute;
  left: 57px;
  bottom: 31px;
  width: 26%;
  z-index: 9;
}
img.trophy.newuser {
  width: auto;
  margin-top: 0;
}
.mycard {
  background: #fff1e8;
  min-height: 83px;
}


.join-today-button1.take-exam-button:hover {
  background: #ffb800 !important;
}

.refer-count{ background:#fff9dc;}
.refer-sec-bg {
  background: #fff9dc;
  border-radius: 12px;
}
.refer-count p {
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 600;
  padding: 30px 0;
  line-height: 28px !important;
  text-align: center;
}
a.knowmore.join-today-button1.take-exam-button {
  margin: 29px 0;
  width: auto;
}
img.giftimg {
  margin-top: 21px;
  width:100%;
  margin-left: 16px;
}
.refer-sec-bg a.knowmore.refrnowbtn {
  margin: 0;
  position: relative;
  top: 32px;
}
a.knowmore.refrnowbtn img {
  width: 161px;
  margin-top: 9px;
  height: auto;
}
.labelClassHead{
  font-size: 35px;
    color: #0b7077;
    font-weight: 700;
}

.labelClass{
  font-size: 20px;
    color: #0b7077;
    font-weight:100;
}
.refer-sec {
  margin-bottom: 20px;
}
b.hello {
  color: #0c54a0;
  font-size:24px;
}
p.welcome-text {
  color: #2b2a29;
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}
.live-count p {
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: 600;
  padding: 30px 0;
  line-height: 28px !important;
}
img.live {
  margin-top: 30px;
}
.refer-sec .boxProfile .card {
  margin: 0;
}
a.knowmore.refrnowbtn {
  width: 100%;
  display: inline-block;
}
.container0 .card.teacher-card {
  margin: 0;
  padding: 0;
}
p.threeminut {
  text-align: center;
}
img.takemocktest {
  margin-top: 40px;
  width: 70%;
}
b.tenques {
  font-size: 24px;
  padding-top: 20px;
  display: inline-block;
  font-weight: 500;
  color: #000000;
}
p.yourbanner {
  background: #0a79a3;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 800;
  border-radius: 12px;
  margin-bottom: 10px !important;
  width: 405px;
  margin: 0 auto;
  float: none;
}
img.user {
  width: 156px;
  position: absolute;
  right: 45px;
  top: 76px;
  border-radius: 12px;
}
img.user2 {
  width: 170px;
  height: 171px;
  position: absolute;
  right: 74px;
  top: 41px;
  border-radius: 12px;
  border: 3px solid #0c5197;
}
.pa1 .col-md-4 div {
  float: left;
  width: 50px;
}

i.fa.fa-copy {
  color: #0c5197;
  font-size: 37px;
  margin-left: -7px;
}
.badge-successNew {
  color: #fff;
  background-color: #135399;
  border: 2px solid #0d5097;
  width: 50px;
  height: 36px;
  font-size: 21px;
}
.pa1 {
  margin-left: 13px;
  margin-top: 10px;
  width: 100%;
}
.description-new .refer-count {
  background: none;
}

p.threeminut {
  text-align: center;
  font-size: 24px;
  padding-top: 0px;
  display: inline-block;
  font-weight: 500;
}

p.usernamenew {
  position: absolute;
  left: 69%;
  top: 41%;
  font-weight: 600;
  color: #0c5197;
   word-break: break-all; 
  width: auto !important;
 
}
.bannerImage{

  background-image: url(../images/SocialMediaBanner.png);
}
p.usernamenew2 {
  position: absolute;
  left: 56%;
  top: 45%;
  font-weight: 600;
  color: #000000;
 
  word-break: break-all;
  width: auto !important;
    padding-right: 20px;
}

.row.card-count {
  padding: 0px 60px 40px 60px;
}
.mycard.css-1hqeloq {
  padding: 8px;
}
.my-form-count .react-dropdown-select{

  font: inherit;
  letter-spacing: inherit;



  box-sizing: content-box;
  background: none;
  height: 1.4375em;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  display: block;
  min-width: 0;




  font-weight: 500;
  background: #f8fafc;

  border-radius: 12px;
      font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4375em;
    font-family: 'Roboto', sans-serif;
    color: #364152;
    box-sizing: border-box;
    position: relative;
    cursor: text;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;

    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #ccc;
    height: 1.4375em;
    padding: 24px !important;

}
.pselect{
 
  height: 50px;
 
}

.first-row {
  padding-top: 0 !important;
}
.second-row {
  padding-top: 0 !important;
}

 /* ::placeholder {
  color: red;
  opacity: 1; 
} */



.cont {
  width: 300px;
  background-image: url(https://d3iw72m71ie81c.cloudfront.net/female-86.jpg);
  height: 300px;
  justify-content: center;
  display: flex;
  position: absolute;
  background-position: center;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 200px;
}

.cont:before {
  content: "";
  height: 300px;
  width: 300px;
  background: #0c5197;
  position: absolute;
  opacity: 1;
  border-radius: 200px;

}

 .border {


  padding: 8px 0 6px;
  border: 1px solid #fff;
  width: 125px;
  text-align: center;
  color: #fff;
  margin: auto;
  position: relative;
  z-index: 999;
}
/* .border {
  background-image: url(https://sttar.in/nso/button.png);
  padding: 8px 0 6px;
  border: none !important;
  width: 29%;
  text-align: center;
  color: #fff;
  margin: auto;
  position: relative;
  z-index: 999;
  background-size: contain;
  background-repeat: no-repeat;
} */
img.handgif {
  width: 130px;
  display: inherit;
  text-align: center;
}

.light.blink {
  width: 13px;
  height: 13px;
  background: red;
  border-radius: 10px;
  margin: 0px 2px -1px 0;
  display: inline-block;
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

.blink {
  -webkit-animation: blink 0.7s alternate infinite;
  -moz-animation: blink 0.7s alternate infinite;
  -ms-animation: blink 0.7s alternate infinite;
  animation: blink 0.7s alternate infinite;
}
.dashboard-home-poup .modal-header {
  height: auto;
  display: none;
  padding: 0;
  margin: 0;
}

.dashboard-home-poup  .modal-footer {
  height: auto;
  display: none;
  padding: 0;
  margin: 0;
}

img.resegif {
  position: absolute;
  width: 213px;
  left: 78px;
  right: 0;
  top: 189px;
  transform: rotate(6deg);
}

.dashboard-home-poup.signupform .modal-dialog {
  max-width: 662px;
  margin: 200px auto;
}
/* share-poup css start */
.signupform.share-poup .modal-body {
  background: url(https://sttar.in/nso/popupbg.png) center top 0px no-repeat !important;
  height: 100%;
  width: 100%;
  padding: 30px 60px;
  background-size: cover !important;
}

.share-poup.signupform .modal-dialog {
  max-width: 662px;
  margin: 200px auto;
}
.signupform.share-poup .description-new {
  text-align: center;
  padding-right: 223px;
}
.share-poup .modal-header {
  height: auto;
  display: flow !important;
  padding: 0;
  margin: 0;
}
.share-poup .modal-footer {
  height: auto;
  display: none;
  padding: 0;
  margin: 0;
}
.modal-open .share-poup  .modal {
  overflow-x: hidden;
  overflow-y: auto;
  background: #000000 !important;
  z-index: 9999 !important;
}

/* share-poup css end */

/* p.numbg {
  background: url(https://sttar.in/nso/gold-medal.png) center top -9px no-repeat !important;
  width: 84px;
  height: 84px;
  z-index: 99999999;
  position: relative;
} */

img.dashbanner-mob {
  display: none;
}

img.dashbanner {
  margin-top: 20px;
}

.LandingPageMainLayout .step-section {
  margin-top: 50px;
}
.social-media-share-buttons {
  background: #d4e7e5;
}
.doughnut-container.boxpie {
  width:240px;
}
.hptech-img-bom{ display: none;}

.banner-dash {
  width: 100%;
}
img.dashbanner {
  width: 100%;
}
.labelSchool {
  font-size: 20px;
  color: #0b7077;
  font-weight: 100;
}
.btn-count a.join-today-button1.hp-button {
  background: #0a71a1 !important;
  color: #ffffff;
  border: #0b5d9b 2px solid !important;
}
.btn-count a.join-today-button1.hp-button:hover{ background:#000000 !important;  border: #000000 2px solid !important;}
.btn-count a.join-today-button1.hp-button .regicon {
 
  background-color: #ffffff;
 
}
.thankyouhp .login p {
  margin-bottom:0px;
}
.thankyouhp form.login {
  margin-top: 0;
}
.HpLayout .card.exam-card {
  text-align: center !important;
}
.thankyouhp .login {
  max-width: inherit;
  text-align: center;
  padding: 40px 40px 40px 40px;
}

.thankyouhp img.dashbanner {
  margin-top: 0;
}
.thankyouhp .labelClassHead {
  font-size: 35px;
  color: #0b7077;
  font-weight: 700;
}
.HpLayout .design12 .step-count {
 
  background: #000000;
 
}
.HpLayout .main-bg {
 
  position: relative;
  /* background: #50afe4; */
  background: #0d5097;
  
}
 .show-section {
  position: relative;
  top: -75px !important;
}
.HpLayout .design12 .next-prev button {
 
  background-color: #000000;
  width: auto !important;
  padding: 10px 50px;

 
}
.HpLayout .design12 .timer {
 
  background: #000000;
 
}
.conferm-hp {
  border: 2px solid #83c926 !important;
  margin-top: 278px !important;
  max-width: 600px;
  height: 193px !important;
  width: 100% !important;
}
.HpLayout h1.headingn:before {
  content: attr(data-text);
  position: absolute;
  background: linear-gradient(90deg, #d630f2, #ff002f, #e4ff00, #e3a9f4, #d630f2);
  background-size: 80%;
  overflow: hidden;
  transition: width 2s;
  animation: animate 5s linear infinite;
  width: 0;
  
  -webkit-text-fill-color: transparent;
}
.HpLayout h1.headingn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  margin: 0;
  padding-left: 5px;
  font-size: 5em;
  
}



.HpLayout  .design12 .step-bar {
 
  background-color: #000000;

}

.HpLayout .design12 .radio-field input {
  appearance: none;
  position: absolute;
  top: 0px;
  left: 0;
  border: solid 4px rgb(0 0 0);
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: 0.5s;
}
/* .HpLayout .design12 .radio-field input:checked:after
{
   
  content: "";
  position: absolute;
  background-image: url(../images/chek-black.png);
  width: 40px;
  height: 36px;
  top:5px;
  right: 15px;
  

} */

@keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.blink {
  text-decoration: blink; /* Fallback for older browsers */
  text-decoration: blink;
  animation-name: blinker;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.fullscreen-content {
  padding: 0 15px;
}
.Hp-layout .right-count {
  margin-left: 0px !important;
}

p.best {
  font-size: 22px !important;
}
.handcount {
  width: 135px;
  text-align: center;
  margin: 0 auto;
}
.login-count.thanks-count.thankyouhp .login h2 {
  font-size: 28px !important;
}
.thankyouhp .login p {
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 17px;
}
.thankyouhp .refer-count {
  background: #fff9dc;
  margin-top: 37px;
}
.thankyouhp .login {
 
  background: #ffffff;
 
}
.thankyouhp .refer-sec-bg a.knowmore.refrnowbtn {
  margin: 0;
  position: relative;
  top: 53px;
}
.thankyouhp  .login-count {
 
  margin-top: 0 !important;
}
.examstart {
  text-align: center;
  margin-top:20px;
}




/* The device with borders */
.smartphone {
  position: relative;
  width: 360px;
  height: 640px;
  margin: auto;
  border: 16px black solid;
  border-top-width: 60px;
  border-bottom-width: 60px;
  border-radius: 36px;
}

/* The horizontal line on the top of the device */
.smartphone:before {
  content: '';
  display: block;
  width: 60px;
  height: 5px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #333;
  border-radius: 10px;
}

/* The circle on the bottom of the device */
.smartphone:after {
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: -65px;
 transform: translate(-50%, -50%);
  background: #333;
  border-radius: 50%;
}

/* The screen (or content) of the device */
.smartphone  {
  width: 360px;
  height: 640px;
  background: white;
}
.smartphone .content {
  width: 330px;
  height: 482px;
  background: white;
}
.smartphone iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.card.exam-card{ text-align:center;}














.exambutton-bg {
  background-color: #ffffff;
  color: #364152;
  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: none;
  background-image: none;
  border-radius: 12px;
  overflow: hidden !important;
  border: none;
  border-color: #90caf925;
  position: relative;
  height:100%;
}




.exambutton {
  background-color: #004A7F;
  font-family: 'Roboto', sans-serif;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF !important;
  cursor: pointer;
  display: inline-block;
 
  font-size: 20px;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% {background-color: #0d5097;box-shadow: 0 0 3px #0d5097;}
  50% {background-color: #007bff;box-shadow: 0 0 40px #007bff;}
  100% {background-color: #0d5097;box-shadow: 0 0 3px #0d5097;}
}

@-moz-keyframes glowing {
  0% {background-color: #0d5097;box-shadow: 0 0 3px #0d5097;}
  50% {background-color: #007bff;box-shadow: 0 0 40px #007bff;}
  100% {background-color: #0d5097;box-shadow: 0 0 3px #0d5097;}
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% {background-color: #0d5097;box-shadow: 0 0 3px #0d5097;}
  50% {background-color: #007bff;box-shadow: 0 0 40px #007bff;}
  100% {background-color: #0d5097;box-shadow: 0 0 3px #0d5097;}
}

.best {
  font-family: 'Courier New', Courier, monospace; /* A creative font choice */
  font-size: 24px; /* Adjust the size as needed */
  font-weight: bold;
  color: #ffca28;
  /* text-shadow: 2px 2px 4px #000000;  */
  position: relative; /* Needed for the animation */
  /* animation: shimmer 2s infinite;  */
}

@keyframes shimmer {
  0% {
    color:#0b7077; /* Starting color */
    text-shadow: 2px 2px 4px #000000;
  }
  50% {
    color:#0b7077; /* Midway color */
    text-shadow: 2px 2px 8px #000000;
  }
  100% {
    color:#0b7077; /* Ending color */
    text-shadow: 2px 2px 4px #000000;
  }
}

/* large screens */
@media (min-width: 1600px)
{

}


@media (max-width: 1500px)
{

}


/* Desktops/Laptops */
@media (max-width: 1200px)
{
    .lvl-line
    {
        display: none;
    }
}

/* Laptops */
@media (max-width: 1024px)
{
    .result_msg
    {
        font-size: 30px;
    }
    .result_msg img
    {
        width: 35px;
    }
    .u_prcnt 
    {
        font-size: 150px;
    }
    .result_content
    {
        padding: 120px 50px 50px 50px;
    }
    header
    {
        font-size: 25px;
    }
}

/* Tablets */
@media (max-width: 768px)
{
    .result_content
    {
        flex: none;
    }
}

/* mobile */
@media (max-width: 480px)
{
    .result_content
    {
        flex: none;
    }
}




.main-bg {
  /* height: 100vh; */
  position: relative;
  background: #02041c;
  /* background: #A1D4D1; */
}
.hp-btn{ width:50% !important;}

.bg-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.dots::after{
  position: absolute;
  content: "";
}

.dots-1.dots:after  {
  animation: animate 50s infinite;
}

.dots-1.dots:after  {
  width: 2px;
  height: 2px;
  background-position: 0 0;
  box-shadow: 1359px 1518px #fff, 1736px 358px #fff, 238px 1063px #fff, 370px 1495px #fff, 1094px 1433px #fff, 922px 1019px #fff, 1906px 646px #fff, 974px 1000px #fff, 1173px 1498px #fff, 731px 45px #fff, 1601px 976px #fff, 813px 704px #fff, 1121px 788px #fff, 1030px 1664px #fff, 554px 1216px #fff, 1903px 1694px #fff, 767px 833px #fff, 1470px 1456px #fff, 457px 1057px #fff, 1117px 1317px #fff, 746px 427px #fff, 556px 676px #fff, 1122px 852px #fff, 528px 1963px #fff, 973px 1102px #fff, 1980px 116px #fff, 821px 711px #fff, 1617px 1697px #fff, 1094px 1846px #fff, 672px 280px #fff, 1856px 499px #fff, 1500px 1561px #fff, 675px 1554px #fff, 1713px 238px #fff, 1845px 744px #fff, 1726px 1346px #fff, 878px 1063px #fff, 1481px 563px #fff, 282px 1584px #fff, 812px 288px #fff, 13px 1300px #fff, 389px 276px #fff, 1749px 229px #fff, 373px 922px #fff, 917px 550px #fff, 744px 1259px #fff, 1628px 878px #fff, 638px 1333px #fff, 821px 1555px #fff, 1114px 1443px #fff, 220px 672px #fff, 1817px 1075px #fff, 819px 737px #fff, 49px 633px #fff, 829px 1645px #fff, 67px 365px #fff, 187px 1868px #fff, 1798px 1199px #fff, 36px 460px #fff, 1689px 148px #fff, 768px 1536px #fff, 1329px 1158px #fff, 162px 510px #fff, 1098px 723px #fff, 1990px 1866px #fff, 1904px 277px #fff, 599px 1236px #fff, 231px 1518px #fff, 101px 1401px #fff, 65px 572px #fff, 1000px 1271px #fff, 1314px 186px #fff, 218px 1460px #fff, 154px 702px #fff, 1662px 146px #fff, 1508px 484px #fff, 513px 797px #fff, 199px 510px #fff, 1790px 266px #fff, 1487px 491px #fff, 7px 1846px #fff, 1981px 973px #fff, 1829px 1089px #fff, 713px 1556px #fff, 296px 567px #fff, 1532px 687px #fff, 729px 1940px #fff, 888px 1426px #fff, 1411px 1654px #fff, 1342px 1416px #fff, 928px 414px #fff, 618px 1977px #fff, 288px 583px #fff, 1303px 1562px #fff, 238px 657px #fff, 1304px 1483px #fff, 1182px 1502px #fff, 451px 112px #fff, 1177px 993px #fff, 506px 152px #fff, 1215px 1102px #fff, 1471px 817px #fff, 1398px 90px #fff, 1939px 1697px #fff, 798px 1748px #fff, 1746px 439px #fff, 675px 1780px #fff, 135px 414px #fff, 1348px 9px #fff, 1604px 880px #fff, 589px 1885px #fff, 344px 344px #fff, 1697px 368px #fff, 70px 1442px #fff, 1019px 297px #fff, 1383px 608px #fff, 1613px 447px #fff, 736px 836px #fff, 493px 926px #fff, 1786px 1323px #fff, 750px 429px #fff, 179px 1577px #fff, 989px 1502px #fff, 857px 1033px #fff, 350px 743px #fff, 87px 816px #fff, 98px 1078px #fff, 583px 17px #fff, 699px 282px #fff, 1889px 1165px #fff, 1599px 1273px #fff, 423px 266px #fff, 1311px 1913px #fff, 747px 759px #fff, 1220px 422px #fff, 1993px 1724px #fff, 680px 1474px #fff, 1649px 19px #fff, 1392px 1344px #fff, 1152px 1230px #fff, 1913px 144px #fff, 348px 1739px #fff, 448px 1193px #fff, 1160px 624px #fff, 462px 1060px #fff, 542px 1198px #fff, 754px 1836px #fff, 1368px 1025px #fff, 1117px 1353px #fff, 705px 1685px #fff, 1505px 1082px #fff, 930px 720px #fff, 828px 760px #fff, 1023px 945px #fff, 662px 1475px #fff, 102px 1362px #fff, 815px 1919px #fff, 654px 1079px #fff, 1837px 1576px #fff, 1636px 802px #fff, 77px 985px #fff, 383px 1557px #fff, 266px 638px #fff, 770px 1558px #fff, 986px 1213px #fff, 1123px 1548px #fff, 359px 1688px #fff, 57px 1159px #fff, 83px 1741px #fff, 1306px 1497px #fff, 1650px 707px #fff, 1890px 1654px #fff, 1892px 1898px #fff, 1162px 1510px #fff, 994px 1232px #fff, 1625px 1174px #fff, 1912px 1832px #fff, 803px 1259px #fff, 1644px 485px #fff, 582px 1936px #fff, 1828px 502px #fff, 376px 1366px #fff, 319px 907px #fff, 188px 1839px #fff, 195px 1055px #fff, 1193px 802px #fff, 349px 409px #fff, 1013px 813px #fff, 272px 474px #fff, 87px 1459px #fff, 309px 1246px #fff, 1619px 1637px #fff, 588px 1256px #fff, 103px 1046px #fff, 1576px 1279px #fff, 81px 1524px #fff, 609px 1023px #fff, 808px 1821px #fff, 1865px 859px #fff, 1057px 1319px #fff, 157px 2px #fff, 627px 649px #fff, 7px 1239px #fff, 1794px 1254px #fff, 1818px 17px #fff, 728px 1247px #fff, 1336px 1478px #fff, 972px 1396px #fff, 782px 1825px #fff, 1759px 639px #fff, 1159px 1024px #fff, 383px 22px #fff, 659px 1747px #fff, 1773px 1569px #fff, 1211px 1319px #fff, 1911px 1450px #fff, 1774px 557px #fff, 597px 1425px #fff, 495px 184px #fff, 1481px 810px #fff, 775px 403px #fff, 485px 591px #fff, 648px 1975px #fff, 661px 618px #fff, 1425px 353px #fff, 166px 1848px #fff, 1142px 535px #fff, 1289px 739px #fff, 1056px 1146px #fff, 70px 613px #fff, 486px 1283px #fff, 1877px 1401px #fff, 1889px 1895px #fff, 1664px 1953px #fff, 70px 1109px #fff, 1754px 487px #fff, 764px 1306px #fff, 1409px 263px #fff, 618px 1577px #fff, 197px 1142px #fff, 1196px 342px #fff, 275px 1673px #fff, 896px 669px #fff, 827px 1771px #fff, 1962px 1331px #fff, 300px 1921px #fff, 1366px 674px #fff, 639px 971px #fff, 337px 1660px #fff, 44px 832px #fff, 602px 1412px #fff, 1006px 1975px #fff, 1375px 229px #fff, 648px 1377px #fff, 819px 1427px #fff, 1871px 1520px #fff, 1560px 1152px #fff, 418px 1933px #fff, 15px 1963px #fff, 487px 1086px #fff, 727px 1916px #fff, 1057px 1923px #fff, 799px 1956px #fff, 1367px 68px #fff, 910px 1698px #fff, 1741px 198px #fff, 782px 432px #fff, 1687px 725px #fff, 1099px 1500px #fff, 1051px 1422px #fff, 246px 73px #fff, 1474px 1372px #fff, 826px 1992px #fff, 20px 1004px #fff, 369px 239px #fff, 290px 1031px #fff, 1433px 1363px #fff, 1971px 328px #fff, 1838px 1745px #fff, 1565px 836px #fff, 459px 1098px #fff, 1810px 1742px #fff, 1868px 291px #fff, 1653px 1705px #fff, 1409px 663px #fff, 282px 156px #fff, 1593px 984px #fff, 1223px 236px #fff, 1007px 1090px #fff, 492px 1025px #fff, 866px 1301px #fff, 1970px 66px #fff, 76px 696px #fff, 782px 1776px #fff, 885px 77px #fff, 1506px 785px #fff, 547px 1180px #fff, 1993px 334px #fff, 914px 861px #fff, 1251px 1594px #fff, 514px 1671px #fff, 175px 1203px #fff, 1440px 1022px #fff, 1750px 1300px #fff, 375px 396px #fff, 1481px 1118px #fff, 937px 641px #fff, 1375px 88px #fff, 1228px 230px #fff, 445px 1251px #fff, 1305px 673px #fff, 368px 382px #fff, 1644px 180px #fff, 132px 1606px #fff, 1103px 52px #fff, 719px 662px #fff, 827px 1602px #fff, 1718px 653px #fff, 618px 969px #fff, 155px 570px #fff, 63px 1939px #fff, 154px 343px #fff, 1844px 1228px #fff, 1049px 596px #fff, 1403px 1578px #fff, 1059px 308px #fff, 1438px 323px #fff, 458px 478px #fff, 798px 300px #fff, 1706px 1511px #fff, 1433px 966px #fff, 1397px 1640px #fff, 473px 138px #fff, 1692px 1516px #fff, 1979px 970px #fff, 743px 1326px #fff, 55px 1091px #fff, 1881px 1516px #fff, 1614px 1263px #fff, 43px 632px #fff, 290px 409px #fff, 1306px 60px #fff, 634px 1285px #fff, 1210px 1896px #fff, 1505px 1649px #fff, 581px 739px #fff, 1484px 1602px #fff, 1662px 750px #fff, 553px 1852px #fff, 868px 801px #fff, 297px 1286px #fff, 1289px 370px #fff, 850px 271px #fff, 1616px 677px #fff, 26px 1641px #fff, 700px 1148px #fff, 1386px 443px #fff, 121px 788px #fff, 145px 1188px #fff, 1210px 749px #fff, 1774px 672px #fff, 524px 107px #fff, 1959px 813px #fff, 721px 503px #fff, 1399px 334px #fff, 892px 1641px #fff, 1448px 242px #fff, 436px 849px #fff, 1171px 1960px #fff, 1634px 1100px #fff, 1231px 1777px #fff, 679px 1868px #fff, 1324px 616px #fff, 334px 1287px #fff, 1569px 1968px #fff, 424px 65px #fff, 1743px 558px #fff, 40px 430px #fff, 1110px 813px #fff, 1671px 832px #fff, 131px 497px #fff, 1995px 1755px #fff, 1275px 1681px #fff, 781px 219px #fff, 1110px 639px #fff, 1741px 226px #fff, 1974px 210px #fff, 765px 870px #fff, 1960px 1260px #fff, 1869px 556px #fff, 1627px 1406px #fff, 19px 809px #fff, 204px 574px #fff, 1619px 454px #fff, 773px 741px #fff, 1020px 1337px #fff, 556px 1140px #fff, 775px 1008px #fff, 506px 1987px #fff, 64px 711px #fff, 1261px 301px #fff, 1287px 1669px #fff, 1898px 1353px #fff, 224px 1816px #fff, 1887px 42px #fff, 395px 1556px #fff, 589px 441px #fff, 992px 1166px #fff, 1901px 1734px #fff, 1778px 1341px #fff, 1308px 502px #fff, 984px 26px #fff, 1732px 1653px #fff, 259px 735px #fff, 1797px 868px #fff, 79px 873px #fff, 258px 1030px #fff, 1443px 146px #fff, 719px 469px #fff, 1411px 971px #fff, 1307px 394px #fff, 1083px 712px #fff, 1920px 1472px #fff, 696px 1399px #fff, 968px 1955px #fff, 338px 1792px #fff, 1406px 1598px #fff, 1567px 1858px #fff, 1184px 37px #fff, 525px 885px #fff, 862px 441px #fff, 335px 553px #fff, 441px 225px #fff, 1471px 1825px #fff, 1876px 1698px #fff, 658px 947px #fff, 387px 192px #fff, 728px 1387px #fff, 220px 1905px #fff, 1865px 1986px #fff, 173px 63px #fff, 1257px 1240px #fff, 801px 971px #fff, 409px 1697px #fff, 639px 619px #fff, 1628px 1094px #fff, 534px 1275px #fff, 1117px 340px #fff, 1535px 820px #fff, 630px 1410px #fff, 1771px 1361px #fff, 324px 1772px #fff, 650px 1259px #fff, 1046px 1754px #fff, 847px 862px #fff, 335px 238px #fff, 285px 271px #fff, 307px 1496px #fff, 1759px 1833px #fff, 1727px 1471px #fff, 1790px 1263px #fff, 257px 221px #fff, 1378px 1406px #fff, 241px 88px #fff, 955px 1865px #fff, 55px 1837px #fff, 1404px 814px #fff, 61px 692px #fff, 999px 1073px #fff, 1234px 1829px #fff, 1638px 433px #fff, 1937px 1555px #fff, 1109px 1781px #fff, 1567px 1576px #fff, 522px 1288px #fff, 1842px 933px #fff, 1918px 1764px #fff, 52px 1971px #fff, 780px 735px #fff, 812px 742px #fff, 203px 617px #fff, 244px 1809px #fff, 1375px 1537px #fff, 1993px 11px #fff, 1825px 1271px #fff, 438px 1715px #fff, 968px 1001px #fff, 1574px 1518px #fff, 817px 638px #fff, 686px 724px #fff, 1073px 1513px #fff, 986px 1409px #fff, 335px 1975px #fff, 1595px 1323px #fff, 524px 222px #fff, 1602px 161px #fff, 1019px 1026px #fff, 436px 41px #fff, 514px 546px #fff, 1221px 1040px #fff, 281px 1660px #fff, 1386px 762px #fff, 309px 1155px #fff, 139px 1886px #fff, 1784px 1863px #fff, 517px 183px #fff, 1810px 1994px #fff, 607px 1884px #fff, 1647px 244px #fff, 571px 1487px #fff, 1270px 938px #fff, 1047px 1516px #fff, 1548px 470px #fff, 653px 51px #fff, 1974px 927px #fff, 314px 928px #fff, 1469px 901px #fff, 372px 486px #fff, 1795px 249px #fff, 12px 1683px #fff, 596px 940px #fff, 410px 1235px #fff, 1922px 1267px #fff, 1353px 968px #fff, 1914px 601px #fff, 1020px 1936px #fff, 1139px 1344px #fff, 443px 1943px #fff, 273px 1368px #fff, 1254px 13px #fff, 1700px 1301px #fff, 471px 840px #fff, 832px 1369px #fff, 639px 122px #fff, 873px 1678px #fff, 1623px 1733px #fff, 338px 1599px #fff, 1504px 8px #fff, 229px 69px #fff, 569px 1682px #fff, 229px 568px #fff, 949px 52px #fff, 528px 334px #fff, 1883px 1141px #fff, 1051px 125px #fff, 468px 1529px #fff, 7px 1748px #fff, 1627px 530px #fff, 108px 1302px #fff, 494px 4px #fff, 532px 1201px #fff, 1963px 163px #fff, 1141px 1458px #fff, 1265px 1200px #fff, 682px 1109px #fff, 1663px 161px #fff, 1254px 1038px #fff, 873px 1044px #fff, 201px 488px #fff, 23px 302px #fff, 692px 572px #fff, 328px 1825px #fff, 1576px 526px #fff, 466px 1718px #fff, 725px 604px #fff, 784px 1166px #fff, 1938px 1730px #fff, 1598px 1763px #fff, 1538px 836px #fff, 1978px 629px #fff, 1724px 1157px #fff, 1984px 832px #fff, 1613px 982px #fff, 1088px 1504px #fff, 1142px 1024px #fff, 951px 1521px #fff, 1160px 800px #fff, 165px 1173px #fff, 1151px 1966px #fff, 1830px 723px #fff, 1813px 1901px #fff, 463px 1932px #fff, 827px 974px #fff, 1247px 352px #fff, 118px 1863px #fff, 330px 635px #fff, 744px 1147px #fff, 174px 647px #fff, 824px 965px #fff, 548px 413px #fff, 1316px 1526px #fff, 1720px 1180px #fff, 164px 227px #fff, 32px 1323px #fff, 148px 778px #fff, 1068px 1682px #fff, 838px 214px #fff, 1268px 1693px #fff, 957px 1439px #fff, 1730px 765px #fff, 472px 1960px #fff, 26px 77px #fff, 1995px 1731px #fff, 1647px 1715px #fff, 82px 23px #fff, 1156px 1223px #fff, 352px 987px #fff, 203px 1866px #fff, 629px 454px #fff, 1482px 1590px #fff, 952px 218px #fff, 593px 1524px #fff, 658px 939px #fff, 1643px 1212px #fff, 1079px 124px #fff, 617px 550px #fff, 1762px 883px #fff, 1561px 475px #fff, 1358px 1913px #fff, 1856px 1255px #fff, 1181px 819px #fff, 98px 897px #fff, 1298px 1740px #fff, 1503px 1764px #fff, 1918px 1240px #fff, 996px 74px #fff, 1627px 1784px #fff, 233px 1729px #fff, 1151px 199px #fff, 32px 1972px #fff, 1954px 1816px #fff, 1641px 1249px #fff, 811px 588px #fff, 920px 1670px #fff, 51px 1554px #fff, 442px 610px #fff, 1615px 257px #fff, 862px 638px #fff, 1365px 344px #fff, 1672px 1009px #fff, 1219px 336px #fff, 1969px 1067px #fff, 1945px 1606px #fff, 1939px 1873px #fff, 491px 65px #fff, 775px 683px #fff, 1519px 104px #fff, 1178px 671px #fff, 1711px 1238px #fff, 1811px 725px #fff, 1782px 197px #fff, 1064px 444px #fff, 1549px 1974px #fff, 445px 1512px #fff, 288px 699px #fff, 1167px 348px #fff, 1140px 1089px #fff, 3px 1814px #fff, 1559px 1440px #fff, 1895px 465px #fff, 105px 1029px #fff, 1381px 692px #fff, 1872px 595px #fff, 690px 963px #fff, 382px 558px #fff, 151px 927px #fff, 1538px 1491px #fff, 1255px 1009px #fff, 697px 908px #fff, 732px 1968px #fff, 509px 960px #fff, 495px 228px #fff, 362px 234px #fff, 565px 1930px #fff, 935px 304px #fff, 1204px 372px #fff, 1918px 1145px #fff, 991px 8px #fff, 758px 566px #fff, 1462px 30px #fff, 283px 1916px #fff, 621px 1323px #fff, 387px 659px #fff, 745px 1172px #fff, 1705px 1197px #fff, 1059px 497px #fff, 1239px 712px #fff, 673px 1228px #fff, 575px 641px #fff, 1277px 210px #fff, 1870px 651px #fff, 942px 1090px #fff, 1275px 586px #fff, 1189px 1178px #fff, 962px 746px #fff, 2000px 1691px #fff, 1352px 1241px #fff, 554px 905px #fff, 206px 1878px #fff, 1858px 322px #fff, 2214px 322px #fff, 2304px 522px #fff;
}

.dots-2.dots:after {  
  animation: animate 75s infinite;
}

.dots-2.dots:after{
  width: 3px;
  height: 3px;
  background-position: 0 0;
  box-shadow: 68px 605px #fff, 547px 979px #fff, 347px 1251px #fff, 698px 32px #fff, 1465px 67px #fff, 213px 895px #fff, 665px 1943px #fff, 562px 1855px #fff, 366px 1187px #fff, 517px 877px #fff, 1174px 195px #fff, 639px 6px #fff, 1939px 1994px #fff, 1400px 1392px #fff, 501px 389px #fff, 1395px 826px #fff, 1126px 1345px #fff, 869px 515px #fff, 143px 1508px #fff, 890px 163px #fff, 1052px 137px #fff, 1099px 955px #fff, 766px 751px #fff, 1027px 1671px #fff, 1078px 1428px #fff, 1434px 1778px #fff, 611px 1635px #fff, 838px 1845px #fff, 1548px 499px #fff, 1742px 1545px #fff, 1606px 524px #fff, 780px 1818px #fff, 1465px 1016px #fff, 290px 568px #fff, 1717px 1324px #fff, 1123px 962px #fff, 1812px 1900px #fff, 769px 748px #fff, 1767px 1191px #fff, 1676px 1295px #fff, 683px 1033px #fff, 1664px 1835px #fff, 1219px 770px #fff, 255px 1105px #fff, 880px 858px #fff, 975px 76px #fff, 1537px 1794px #fff, 1983px 1173px #fff, 1449px 1833px #fff, 1114px 1761px #fff, 1080px 356px #fff, 1312px 515px #fff, 1262px 889px #fff, 652px 1438px #fff, 16px 343px #fff, 1732px 1203px #fff, 439px 1257px #fff, 428px 584px #fff, 1075px 1579px #fff, 1638px 1695px #fff, 1824px 526px #fff, 1320px 782px #fff, 439px 1431px #fff, 853px 1155px #fff, 1042px 1952px #fff, 1452px 880px #fff, 535px 1610px #fff, 1520px 1567px #fff, 1271px 433px #fff, 1293px 9px #fff, 1922px 1513px #fff, 1007px 289px #fff, 1926px 92px #fff, 843px 200px #fff, 544px 1504px #fff, 61px 895px #fff, 1978px 749px #fff, 729px 1831px #fff, 603px 1729px #fff, 1382px 1538px #fff, 771px 1957px #fff, 1769px 1957px #fff, 196px 75px #fff, 1317px 930px #fff, 1752px 1265px #fff, 845px 1674px #fff, 1317px 1642px #fff, 575px 803px #fff, 1841px 578px #fff, 1873px 1368px #fff, 1781px 771px #fff, 1920px 107px #fff, 99px 809px #fff, 965px 1290px #fff, 288px 443px #fff, 1927px 1303px #fff, 415px 1381px #fff, 167px 564px #fff, 493px 347px #fff, 540px 1811px #fff, 1089px 1925px #fff, 1329px 1308px #fff, 906px 1184px #fff, 1833px 924px #fff, 784px 917px #fff, 88px 1063px #fff, 1233px 1030px #fff, 1756px 320px #fff, 326px 25px #fff, 1359px 476px #fff, 880px 1906px #fff, 1120px 1281px #fff, 1434px 832px #fff, 1988px 232px #fff, 1037px 202px #fff, 594px 1284px #fff, 1227px 1145px #fff, 636px 1825px #fff, 1253px 1556px #fff, 308px 1408px #fff, 1366px 987px #fff, 4px 1083px #fff, 258px 1082px #fff, 272px 640px #fff, 1796px 1114px #fff, 1397px 391px #fff, 662px 44px #fff, 1087px 1128px #fff, 1905px 1616px #fff, 1623px 1938px #fff, 993px 1902px #fff, 348px 345px #fff, 422px 269px #fff, 966px 1743px #fff, 106px 1346px #fff, 1114px 838px #fff, 1px 664px #fff, 650px 546px #fff, 1736px 1294px #fff, 695px 190px #fff, 300px 59px #fff, 1971px 1045px #fff, 320px 477px #fff, 1195px 217px #fff, 729px 204px #fff, 1176px 229px #fff, 187px 1602px #fff, 146px 1891px #fff, 1137px 340px #fff, 1833px 1510px #fff, 1227px 1467px #fff, 232px 1851px #fff, 1940px 274px #fff, 549px 1317px #fff, 732px 469px #fff, 1549px 403px #fff, 832px 1815px #fff, 1052px 1020px #fff, 273px 1519px #fff, 384px 627px #fff, 46px 428px #fff, 920px 968px #fff, 1298px 779px #fff, 1480px 380px #fff, 1862px 534px #fff, 438px 1491px #fff, 555px 1432px #fff, 1813px 1825px #fff, 1248px 270px #fff, 907px 928px #fff, 1162px 845px #fff, 1332px 1903px #fff, 1487px 1187px #fff, 411px 1927px #fff, 872px 710px #fff, 924px 534px #fff, 1250px 31px #fff, 178px 1019px #fff, 386px 161px #fff, 1250px 724px #fff, 1535px 674px #fff, 1308px 1812px #fff, 177px 300px #fff, 1446px 571px #fff, 605px 1916px #fff, 1625px 1983px #fff, 1557px 1925px #fff, 1387px 1980px #fff, 1507px 1422px #fff, 149px 461px #fff, 937px 1046px #fff, 1797px 348px #fff, 1223px 777px #fff, 351px 1849px #fff, 104px 1353px #fff, 1652px 1635px #fff, 1687px 1420px #fff, 923px 1921px #fff, 1771px 1978px #fff, 828px 922px #fff, 2214px 322px #fff, 2304px 522px #fff;
}

.dots-3.dots:after {
  animation: animate 100s infinite;
}

.dots-3.dots:after {
  width: 4px;
  height: 4px;
  background-position: 0 0;
  box-shadow: 854px 654px #fff, 1175px 1395px #fff, 1004px 348px #fff, 1000px 1258px #fff, 30px 683px #fff, 1244px 1826px #fff, 1406px 1193px #fff, 1775px 1242px #fff, 1309px 739px #fff, 136px 741px #fff, 1883px 1733px #fff, 1455px 1105px #fff, 1214px 126px #fff, 1387px 1936px #fff, 1312px 1476px #fff, 1156px 1375px #fff, 1562px 526px #fff, 1534px 1116px #fff, 756px 1202px #fff, 1989px 204px #fff, 904px 567px #fff, 934px 1989px #fff, 974px 1739px #fff, 1316px 102px #fff, 23px 98px #fff, 295px 982px #fff, 1640px 916px #fff, 915px 426px #fff, 1717px 1095px #fff, 202px 345px #fff, 629px 1634px #fff, 1676px 781px #fff, 1988px 1144px #fff, 1121px 131px #fff, 1973px 54px #fff, 104px 1878px #fff, 1341px 510px #fff, 833px 359px #fff, 1847px 982px #fff, 1685px 1839px #fff, 523px 446px #fff, 1072px 1946px #fff, 1132px 646px #fff, 193px 1146px #fff, 1116px 919px #fff, 326px 1815px #fff, 179px 1679px #fff, 480px 784px #fff, 1743px 1653px #fff, 1627px 758px #fff, 761px 694px #fff, 1470px 1271px #fff, 1655px 1780px #fff, 441px 1471px #fff, 1996px 489px #fff, 1555px 238px #fff, 1841px 875px #fff, 1338px 1986px #fff, 589px 1873px #fff, 428px 1142px #fff, 1428px 1078px #fff, 1034px 849px #fff, 1182px 457px #fff, 1620px 1362px #fff, 1367px 746px #fff, 1128px 1135px #fff, 1704px 767px #fff, 1245px 597px #fff, 1167px 983px #fff, 1574px 167px #fff, 1675px 849px #fff, 1807px 35px #fff, 1988px 1417px #fff, 128px 1728px #fff, 1419px 688px #fff, 334px 1797px #fff, 1156px 822px #fff, 1912px 1210px #fff, 812px 399px #fff, 1284px 664px #fff, 439px 1055px #fff, 751px 111px #fff, 369px 1664px #fff, 1757px 839px #fff, 425px 1745px #fff, 1864px 1495px #fff, 781px 1295px #fff, 1336px 171px #fff, 294px 1278px #fff, 1422px 1841px #fff, 1846px 1267px #fff, 1364px 1686px #fff, 1259px 1168px #fff, 8px 216px #fff, 1993px 1192px #fff, 1092px 563px #fff, 455px 805px #fff, 904px 1402px #fff, 1477px 207px #fff, 1352px 738px #fff;
}

@keyframes animate {
  0% {top: 0}
  100% {top: -100%;}
}

.ts-home-page {
  margin-top:0px;
}
img.HelplineNumber {
  width: auto;
}
.HelplineNumber-count {
  text-align: center;
}
.ts-home-page p.welcome-text {
  font-size: 14px;
}
.shadow-bottom {
  box-shadow: 0 5px 5px -5px #333;
}

h1.quiz-question.questionColor {
  text-align: center;
}

/* color green */

.HpLayout .design12.pexam .step-count {
  background:#0b7077;
}
.HpLayout .design12.pexam .step-bar {
  background-color: #0b7077;
}
.HpLayout .design12.pexam .next-prev button {
  background-color: #0b7077;
 
}
.HpLayout .design12.pexam .radio-field input {

  border: solid 4px #0b7077;
  
}
.HpLayout .design12.pexam .timer {
  background:#0b7077;
}
.navbar-brand {
 
  width: 76%;
}
/* .hexagon-2 {    width: 30px !important;    height: 30px !important;    clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);    background: #d7cac1 !important;    border: 0 !important; color: #ffffff;} */

/* color green */

.mob-login {
  display: none;
}

.thnakmsg {
  margin-top: 10px;
}
.heading-upcoming2 {
  margin-bottom: 20px !important;
}
.heading-upcoming1 {
  line-height: 30px;
}
.thnakmsg {
  margin-top: 10px;
  font-size: 20px;
  color: #000000;
}
p.ai {
  position: absolute;
  top: 8px;
  color: yellow;
  margin-left: 15px;
}
.ts-home-page.container{ margin-top:100px;}
.cashcount {
  text-align: center;
}
.clickhere-btn {
  margin: 0 auto;
}
.signupform-3.resultpopup .modal-dialog {
  width: 100%;
  max-width: 800px;
}
.signupform-3.resultpopup .modal-header {
  border-bottom: none;
  padding: 0;
}

/* p.pcs {
  font-size: 35px !important;
  font-family: "Noto Sans";
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  color: rgb(13, 69, 133);
} */
p.pcs.rankname {
  font-size: 35px !important;
  font-family: "Noto Sans" !important;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  color: rgb(13, 69, 133);
}


.mainheading {
margin: 0;
font-size: 2.125rem;
color: #0b7077;
font-weight: 700;
font-family: 'Roboto', sans-serif;
line-height: 1.167;
text-align: center;
margin-bottom: 0.35em;
font-size: 35px;
}
.exambutton-bg1 {
  background-color: #ffffff;
  color: #364152;
  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: none;
  background-image: none;
  border-radius: 12px;
  overflow: hidden !important;
  border: none;
  border-color: #90caf925;
  position: relative;
  height: 90px;
}

.container0 {
  margin-top: 88px;
}
.nso-result-tbl.table .thead-dark th {
  color: #fff;
  background-color: #0d5097;
  border-color: #0d5097;
} 
.nso-result-tbl.table .table-mark td b {
  /* font-size: 10px !important; */
  padding: 5px !important;
  color: #0d5097 !important;
}
h4.datecert.rankdate {
  position: absolute;
  top: 198px !important;
  left: 0px;
}
.rank-certificate h4.datecert.rankdate {
  position: absolute;
  top: 334px !important;
  left: 87px;
  font-weight: 700;
}
h2.nsoresult {
  text-align: center;
  width: 100%;
}

.seven h1 {
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: #222;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 27px 0;
  grid-gap: 20px;
  align-items: center;
}
.seven h1:after, .seven h1:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #c50000;
  border-top: 1px solid #c50000;
  height: 5px;
  background-color: #f8f8f8;
}
.seven h1:after, .seven h1:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #c50000;
  border-top: 1px solid #c50000;
  height: 5px;
  background-color: #f8f8f8;
}
.vc_custom_1703234882373 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #ffc107 !important;
  border-radius: 3px !important;
}
.wpb_text_column.wpb_content_element.vc_custom_1703234882373 strong {
  font-size: 18px;
  color: #000000;
  text-align: center;
  width: 100%;
}
.wpb_wrapper p {
  text-align: center;
}
.wpb_wrapper span a {
  color: rgb(0, 88, 169);
  cursor: pointer;
}
.footer_logo_whatsapp {
  position: fixed;
  bottom: 68px;
  right: 15px;
  z-index: 2;
}
/* .resultpopup{ display: none !important;} */



.eoiform {
  max-width: 1240px;
  margin: auto;
}

.eoiform .form-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.eoiform .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.eoiform .form-group label {
  margin-bottom: 5px;
  font-family: 'gilroy-mediumuploaded_file';
}

.eoiform .form-group input {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.interestform {
  background: #0B7078;
  padding-bottom: 80px;
  margin-top:0px;
  padding-top: 65px;
}
.interestform h2 {
  color: #ffffff;
  text-align: center;
  width: 100%;
  padding-top: 40px;
}
h3.eif-heading {
  color: #fdbf01;
  font-size: 32px !important;
  text-align: center;
  width: 100%;
  line-height: 36px !important;
  padding-bottom: 0px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'gilroy-mediumuploaded_file' !important;
}

h2.eif-heading {
  color: #ffffff;
  font-size: 30px !important;
  text-align: center;
  width: 100%;
  /* line-height:23px !important; */
  padding-bottom: 0px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: unset;
  font-family: 'gilroy-mediumuploaded_file' !important;
}
.flex.items-center.justify-center.logo-count.h-screen {
  margin: 0 auto;
  text-align: center;
}
img.logo2025 {
  width: 30%;
}
.free-test-btn-new .join-today-button1 {
  padding: 13px 20px;
  background: #fdbf01;
  color: #ffffff;
}

.free-test-btn-new .join-today-button1:hover {
  padding: 13px 20px;
  background: #ffffff;
  color:#fdbf01;
}
.free-test-btn-new {
  margin-top: 40px;
}
main.pawan.LandingPageMainLayout {
  margin-top: 0 !important;
}
.login-count.thanks-count {
  margin-top: 258px;
  height: 100%;
  width: 100%;
}