body {
	font-family: "Cambria",Calibri,sans-serif;
	margin: 0;
	padding: 0;	
}
#wrapper {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding:0px;    
} 
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
#header {
	width:100%;
	display: block;	
}
#logo_div {
	width:25%;
	float:left;
	background-color: white;
	padding-left: 10px;
	padding-bottom: 6px;
}
.extra_div {
	width:74%; 
	float:left;	
}
#wholecontent {
    float: left;
    width: 100%;
}
.left_sec_div {
    width: 100%;
    max-width: 1200px;
    background-color: white;
    margin: 0px auto;	
}
#sidebar {
    width: 30%;
	float: left;
	margin-top: 20px;
}
.menuad_div {
	width:100%;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom: 150px;
}
#content {
    width: 66%;
	float: left;
	padding: 0px 20px 20px 20px;
	margin-top: 20px;
}
.box_head {
    width: 100%;
    max-width: 920px;
}
h1 {
    width: 100%;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    font-family: "Cambria",Calibri,sans-serif;
    font-size: 1.4em;
    color: #0d2235;
}
.cnt_main_div {
    width: 100%;
    max-width: 875px;
    float: left;
    padding: 2px 12px 2px 12px;    
}
.cnt_topad_div {
	width:100%;
	max-width:336px;
	height:280px;
	float:left;	
}
.cnt_intro_div {
	width: 100%;
	max-width: 485px;
	float: left;
	padding: 12px;	
	box-shadow: 0 5px 10px #a7a6a8;
}
.topad_img_div {
	width:100%;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.cnt_nxtpart_div {
	float: left;	
	width: 100%;
	max-width: 850px;
}
.hor_addiv {
	width:100%;
	max-width:940px;
	float: left;
	margin-top: 100px;
}
#cssmenu {
    width: 90%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
}
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
    padding: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;    
    font-size: 14px;
}
#cssmenu > ul > li > a {
    font-size: 20px;
    display: block;
    color: #f2f3f4;    
    border-top: none;
    border-bottom: none;
    background: linear-gradient(#2a3c4d 0%, #031424 100%);
}
#cssmenu > ul > li > a > span {
    display: block;
    padding: 12px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
}

#cssmenu ul ul li {
    padding: 0;
    border-top: none;
    border-bottom: none;
}
#cssmenu ul ul a {
    padding: 12px 3px 12px 10px;
    display: block;
    color: #636668;
    font-size: 16px;
    font-weight: normal;    
}
#cssmenu ul ul a:hover {
	background-color: #e2e5ea;	
}
#cssmenu > ul > li.active {
    border-bottom: none;
	margin-bottom: 5px;
}
#cssmenu > ul > li > ul > li.has-sub > a span {
    background: url(/images/arrow_new_plus_19.png) 96% center no-repeat;
}
#cssmenu > ul > li > ul > li.has-sub.active > a span {
    background: url(/images/arrow_new_minus_19.png) 96% center no-repeat;
	font-weight: 600;
}
#cssmenu > ul > li > ul > li > a > span {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#cssmenu ul ul li {
    padding: 0;
    border-top: none;    
	border-bottom: none;
}
#cssmenu > ul > li > ul.sub-active {
    display: block;
}
#cssmenu ul ul {
    display: none;
    background: #fff;
}
#cssmenu > ul ul #second_order {
    display: block;
    background: #fff;
    border-right: 1px solid #fbfbf9;
    border-left: 1px solid #fbfbf9;
}
#cssmenu ul ul ul a {
	font-size:16px;	
}
#cssmenu ul ul ul a > span {
	padding-left: 10px;
}
ul#first_order > li > a:hover {
    background: #e0eefb !important;
	text-decoration: underline;
}
#cssmenu > ul > li > ul > li > a {	
	color:#034f82;
}
#cssmenu > ul > li > ul > li.has-sub > ul > li > a::before {
    content: "\00bb";	
	left: 30px;
	bottom: 14px;
	color: #00c4c9;
	font-size: 14px;
}
#cssmenu > ul > li > ul > li > a {
	font-size:17px;
	font-weight:bold;
}
#cssmenu > ul > li > ul > li > a {
  font-size: 17px;
  font-weight: bold;
}
ul#first_order > li > a:hover {
  background: #e0eefb !important;
  text-decoration: underline;
}

#cssmenu ul {
	background: linear-gradient(#b9babb 0%, #d5d9de 100%);
}
.menu_icon_st {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 5px;
}
#footer {
    float: left;
    width: 100%;
    margin-top: 2px;
    padding: 0px;
    background: #0d2235;
}
.extra_footerdiv {
    width: 100%;
    margin: 0px auto;    
}
.footer_link {
    width: 85%;
    margin: 0px auto;
    height: 40px;
    padding-top: 20px;
}
.col-sub-footer {
	width:100%;
	float:left;
	background-color: #031424;
	padding-top: 6px;
    padding-bottom: 6px;
}
#footer p {
    font-size: 14px;
    line-height: 1;
    color: #f9f5f5;
}
.sub_column, p {
    font-size: 16px;
    line-height: 1.6;
    clear: both;
    padding-left: 0px;
}
.col-footer-9 {
    float: left;
    width: 48%;
    height: auto;    
	margin-bottom: 10px;
    text-align: left;
	padding-left: 20px;   	
}
h2 {
	color: #04084a;
	font-family: "proxima-nova";
	font-size: 20px;
	margin-top: 0px;
	color: #44474f;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align: center;
}

.pdfnewtwo {
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    line-height: 1.8;
    padding-bottom: 8px;
    padding-right: 15px;
	text-align: center;
}
.pdfnewtwo li {
    display: inline-block;
    padding-right: 12px;
}


.float1 {
    float: left;
    max-width: 100%;
    width: auto;
}
.add_bread {    
	border-radius: 2px;
}
.breadnew {
    font-size: 15px;
    text-align: left;
    padding: 0px 12px 12px 5px;
}
a {
    color: #0629a6;
    text-decoration: none;
    background-color: transparent;
}
ol {
    list-style-type: none;
}
ol li {
    float: left;
    width: auto;
    padding: 0px 0px 2px 0px;
}
.breadnew a:link {
    color: #0629a6;
    text-decoration: underline;
}
.bread_symbol {
    margin: 0px 5px 0px 4px;
}
.sheet_btn {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 2px;
    border-top-right-radius: 17px;
	border-bottom-right-radius: 17px;
	color: #fff;
	background: linear-gradient(#f2b25a 0%, #d57d08 100%);
	border-color: #e68d15;
	text-decoration: none;
	line-height: 25px;
}
.rowbox_div {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr 1fr;
    gap: 1em;
	box-sizing: border-box;
    min-height: 270px;
    padding: 20px 15px;
    margin: 15px 0;
    background-image: linear-gradient(white, #cae4f985);
    box-shadow: 0 5px 10px #a7a6a863;
}
.box_head {
	float:left;
	width: 100%;
	max-width: 850px;
}
.sub_cntdiv {
    border-top: none;
    width: 100%;
    max-width: 845px;
    float: left;
}
.main_prediv {
	float: left;
	width: 100%;
	max-width: 850px;
	margin-top: 25px;
}
.row_head {
    margin: 0;
    max-width: 558px;
}
.row_head h3 {
	border-bottom: 1px solid #9a06d2;
	padding-bottom: 10px;
}
.row_head h3 a {
	font-size: 16px;
	text-decoration: none;
	color: #9a06d2;
}
.row_head h3 a:hover {
	color: #2a87e6;
}
.row_img {
    grid-row: 1 / 4;
    align-self: flex-end;
    width: 100%;
    margin: 0;
}
.row_img img {
	box-shadow: 0 0 3px #54526f !important;
}
.row_des {
	margin: 5px 0px 5px 150px;
	width: 78%;
	float:right;
}
.row_des p {
	padding-left:10px;
}
.head_p {
    border-bottom: 1px solid #0f5cce6e;
    padding-bottom: 6px;
    margin: 0;
}

/* CSS added on 03-11-2022 starts here */
.head_p span {
    color: #646464;
    font-weight: 400;
}
/* CSS added on 03-11-2022 ends here */

.row_head p a {
    font-size: 18px;
    text-decoration: none;
    color: #c42c04;
    font-weight: bold;
}
/* .row_head p a:hover {
    color: #2a87e6;
} */
#hide {
	display:none;
}
#toggle {
  display: inline-flex;
  width: 28px;
  height: 23px;
  display: ruby-text-container;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  max-width:25px;
  height: 5px;
  background-color: #0e1839;
  transition: all 0.3s;
  backface-visibility: hidden;
  
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
.fnt_bld {
	font-weight:bold;
}
.lne_het_s {
	line-height:20px;
}
.hor_imgdiv {
	float: left;
	width: 60%;
	max-width: 500px !important;
	margin-top: 8px;
	text-align: right;
	padding: 0px 0px 0px 12px;
	margin-left: auto;
	margin-right: auto;
}
.hor_imgdiv a {
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    color: #666b7b;
}
.hor_imgdiv a:hover {
    /* color: #f9f5f5; */
	background-color:none;
}
.top_nav_lst {
	padding:13px 2px 0px 2px;
}
.top_nav_lst li{
  display: inline;
  padding: 0px 5px 0px 5px;  
}
.top_nav_lst li:last-child {
	border:none;
	padding-right: 0px;
}
.intro_cnt_div {
	padding-right: 1px;
}
/*footer new updated */
.col-footer-3 {
    float: left;
    width: 32%;
    height: auto;
    margin-top: 15px;
    text-align: left;
    padding: 0px 1px 0px 0px;
    margin-left: 3px;
	margin-bottom: 20px;
}
.col-footer-3 a {
    color: #fbf9f9;
    line-height: 14px;
    font-size: 15px;
    padding-right: 6px;
    padding-left: 4px;
	text-decoration: none;
}
.col-footer-3 a:hover {
    text-decoration: underline;
}
.col-footer-3s {
    float: left;
    width: 49%;
    height: auto;
    text-align: right;
    padding: 0px 1px 0px 0px;
    margin-left: 3px;
}
.col-footer-3s a {
	padding: 0px 10px 0px 10px;
}
.col-footer-3s p {
	font-size:20px;
	margin-left: 10px;
}
.footer_links {
    width: 85%;
    margin: 0px auto;
    height: 40px;
    padding-top: 20px;
}
/*footer new updated */
/*customary metric*/
#box_new {
  margin: 10px 0 !important;
  box-sizing: border-box;
  width: 100%;
  display: table;
  max-width: unset !important;
  text-align: center;
  font-family: Calibri, Arial, Verdana, "Times New Roman;";
  background: linear-gradient(#2a3c4d 0%, #031424 100%);
  padding: 8px 4px 8px 4px;
  color: #f9f4f4;
  font-size: 17px;
}
.addmoresg {
    background-color: #94e1f2;
    font-size: 14px;
	margin-left: 15px;
}
.label_style {
    text-shadow: 0 0 0 black;
    text-decoration: none;
}
label:hover {
    text-decoration: none;
    cursor: pointer;
}
/*customary metric*/
/*related*/
.cnt_related_div {
    width:99.3%;
	float: left;
    position: relative;
	margin: 25px 0px;
	padding: 0px 15px 15px 15px;
	border: 1px solid #ccccff;
	border-radius: 5px;
	box-shadow: 0 5px 10px #a7a6a863;
}
.cnt_related_div p a {
	text-decoration: none;
	color: #131313;
}
.cnt_related_div p a:hover {
	text-decoration: underline;
}
.rel_head_div {
	color: #f88204;
	font-size: 19px;
	font-weight: bold;
	line-height: 16px;
}
/*related*/
/*search code*/
.gcse_whole_div {
	float: right;
	width: 30%;
	margin-top: 26px;
}
.float2 {
    float: right;
    margin-right: 13px;
}
 .zoom_query {
    width: 50%;
	min-width: 160px;
	padding: 9px 0 9px 9px;
	font-size: 14px;
	font-family: Montserrat, sans-serif;
	height: 30px;
	box-sizing: border-box;
	transition: all 0.15s;
	vertical-align: top;
	border-radius: .5em;
    border: none;
    outline: none;
}
#search_button {	
	background: #ffffff url(/images/search-icon.png) center no-repeat;
    width: 35px;
	padding: 0;
	text-align: center;
	height: 30px;
	cursor: pointer;
	border: none;
    outline: none;
    border-radius: .5em;
    transition: .3s;
}
/*search code*/
.logo-img-bg {
	background-image: url(/images/main_logo.svg);
	background-position: left 50%;
	background-repeat: no-repeat;
	height: 80px;
	margin: 6px 0px 0px 4px;
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	width: 280px;
	float: left;
	/* padding: 15px 25px; */
	font-size: 20px;
	line-height: 20px;
}
.logo-atag {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.ws-icon-img, .ml-icon-img, .gl-icon-img {
    width: 36px;
    height: 31px;
    vertical-align: middle;
    padding-right: 5px;
}
.fnt_bld {
    font-weight: bold;
}
.ns_grad_clr li {
	background: linear-gradient(#fffdfd 0%, #f0ecfd 100%);
}
.mt_grad_clr li {
	background: linear-gradient(#fffdfd 0%, #fbe4e4 100%);
}
.st_grad_clr li {
	background: linear-gradient(#fffdfd 0%, #dff9c7 100%);
}
.gy_grad_clr li {
	background: linear-gradient(#fffdfd 0%, #fadbfb 100%);
}
.pa_grad_clr li {
	background: linear-gradient(#fffdfd 0%, #f9f0cf 100%);
}
.ar_grad_clr li {
	background: linear-gradient(#fffdfd 0%, #E0FBF8 100%);
}
.drk_gry_li {
	background: linear-gradient(#fff 0%, #f3f3f4 100%) !important;
}
.lgt_gry_li {
	background: linear-gradient(#fffdfd 0%, #f7f6fd 100%) !important;
}
.menu_icon_st {
	width:25px;
	height:25px;
	vertical-align:middle;
	margin-right:5px;
}

.side_ad_img{
	align-content: center;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
/*fraction css added 25-11-2021*/
.wrap-block{
display: flex;
background: #d9d6d69c;
flex-wrap: wrap;
}
.inner-block{
	width: 100%;
    box-shadow: 0px -8px 1px 0px #66d2db inset;
}
.head-title{
    background: #10b8c7a3;
    padding: 16px 31px 16px 25px;
}
.ul-block{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    list-style-type: none;
}
.ul-block li{
padding: 9px;
background-color: #fff;
border: 2px solid #fff;
margin: 5px;
cursor: pointer;
color: #0a6c75;
transform: scale(0.95);
transition: box-shadow 0.5s, transform 0.5s;
font-weight: bold;
width: 345px;

}
.ul-block li:hover{
 transform: scale(1);
 box-shadow: 5px 20px 30px rgb(0 0 0 / 20%);
 background-color: #66d2db9e;
color: #fff;
font-weight: bold;
}

/* New Header Styles starts here */
#header {
    --fntMedHeader: 0.95em;
	--fntSmlHeader: .75em;
    --testing: 1px solid black;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#header input {
    font-family: inherit;
}

.header-links {
    --header-lnk-sec-clr: #16334f;

    display: block;
    text-align: center;  
}

.header-search-dd {
    min-height: 4em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
	gap : 1em;
}

.header-links li {
    color: rgb(41, 43, 45);
    text-align: center;
    display: inline-block;
    margin: .5em .25em;
    vertical-align: bottom;
    transition: all .3s;
    border-radius: .25em;
}

.header-links li:hover {
    background: #dbdada;
    background: linear-gradient(to bottom right, #dfdede, #cecbcb);
    color: rgb(41, 43, 45);
}

.header-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: var(--fntMedHeader);
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .5px;
    color: inherit;
    padding: .5em 1em;
    box-sizing: border-box;
}

.header-links li:last-child {
    background: linear-gradient(#cb4343, #9d1c1c);
    color: #fff;
    transition: .3s;
}

.header-logo-img {
    width: 20em;
    height: 100%;
    padding: .25em;
}

.header-logo-img img {
    width: 100%;
	height: 100%;
    object-fit: contain;
}

.zoom_query {
    font-size: var(--fntSmlHeader) !important;
}

/* New header CSS starts*/
.user_name,
.dropdown-arrow,
.drop-down-content {
    margin: 0;
    padding: 0;
}

.greet-user {
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    border-radius: 2.5px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(to bottom right, #38638b, #1d3f5f);
}

.greet-msg {
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 5px 25px;
    color: #fff;
    margin: 0;
}

.close-greet {
    position: absolute;
    top: 50%;
    right: 2%;
    padding: 0;
    margin: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
    background: transparent;
    font-size: 2em;
    color: #fff;
}

.account label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25em;
}

.account,
.account label,
.greet-user {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.greet-user {
    cursor: default;
}

.account {
    display: flex;
    align-items: center;
    float: right;
    padding: .25em .5em;
    position: relative;
    background: linear-gradient(to bottom right, #38638b, #1d3f5f);
    border-radius: .2em;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-right: 10px;
}

#showdropdown {
    position: relative;
    cursor: pointer;
    width: 1em;
    height: 1em;
    -webkit-appearance: none;
}

#showdropdown::before {
    content: '\25bc';
    font-size: .8em;
    color: #fff;
    position: absolute;
    top: 10%;
    left: 15%;
    transform-origin: center;
    transition: .3s;
}

#showdropdown:checked::before {
    transform: rotate(180deg);
}

#showdropdown:checked+.drop-down-content {
    transform: scale(1);
    opacity: 1;
}

#showdropdown:checked+.drop-down-content a {
    transform: translateX(0%);
}

.user_name {
    color: #fff;
    font-size: 1em;
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	vertical-align: super;
    display: inline-block;
}


.drop-down-content {
    width: 90%;
    min-width: 145px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .5em;
    transform: scale(0);
    opacity: 0;
    position: absolute;
    top: 110%;
    right: 0%;
    background-image: linear-gradient(to bottom right, #38638b, #1d3f5f);
    padding: .5em;
    border-radius: .2em;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);

    transform-origin: right top;
    transition: .3s;
	overflow: hidden;
}

.drop-down-content .tiles {
    padding: .5em;
    cursor: pointer;
    transition: .3s;
    border-radius: .2em;
    transform: translateX(40%);
    transition: transform .6s;
    color: #fff;
    text-decoration: none;
}

.drop-down-content p {
    text-align: center;
    padding: .5em;
    font-size: 1em;
    margin: 0;
    background: #fff;
    border-radius: .25em;
    letter-spacing: .5px;
}

.drop-down-content .tiles:hover {
    color: #000;
}

.drop-down-content .tiles:hover {
    background-color: rgba(255, 255, 255, .8);
}

.drop-down-content .tiles:nth-child(1) {
    transition-delay: .05s;
}

.drop-down-content .tiles:nth-child(2) {
    transition-delay: .1s;
}

.drop-down-content .tiles:nth-child(3) {
    transition-delay: .15s;
}

.drop-down-content .tiles:nth-child(4) {
    transition-delay: .2s;
}

.drop-down-content .tiles:nth-child(5) {
    transition-delay: .25s;
}
.drop-down-content .tiles:nth-child(6) {
	transition-delay: .30s;
}

.drop-down-content .tiles:nth-child(7) {
	transition-delay: .35s;
}

/* New Header CSS ends */

/*digital ws own banner*/
.digit_ban_hor_div {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.digit_ban_hor_div img {
    width: 100%;
    max-width: 780px;
}

.digit_ban_ver_div {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.digit_ban_ver_div img {
    width: 100%;
    max-width: 300px;
}

/*digital ws own banner*/

/* Popup styles starts here - 30-08-2022 */

.big-modal {
    width: 70%;
    min-width: 26em;
    max-width: 60em;
    height: fit-content;
    background: linear-gradient(#fff, #c9e0f3);
    box-shadow: 0px 10px 30px rgb(0 0 0 / 40%);
    padding: 16px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.backdrop-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 3;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 62.5%;

    --mfnt-med: 1.6em;
    --mfnt-sml: 1.5em;
    --mfnt-big: 2em;
}

.big-modal.offline-wrks {
    position: relative;
    /* background: rgb(217, 230, 234); */
}

.big-modal.online-wrks {
    position: relative;
    /* background: rgb(217, 230, 234); */
}

.big-modal.online-wrks::before,
.big-modal.offline-wrks::before {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 4em;
    font-weight: 600;
    color: #b4ced9;
    opacity: .3;
    z-index: -1;
}

.big-modal.online-wrks::before {
    content: "\201C Online Worksheets\201D";
}

.big-modal.offline-wrks::before {
    content: "\201C Printable Worksheets\201D";
}

.big-modal-desc {
    font-size: 1.7em;
    color: rgb(30,32,34);
    text-align: center;
    font-weight: 600;
    margin: .5em 0;
}

.big-modal-highlight {
    font-weight: 600;
}

.big-modal-highlight.warn {
    color: rgb(227, 55, 55);
}

.big-modal-highlight.warn.tdu{
    text-decoration: underline;
}

.big-modal-highlight.pri {
    color: rgb(55, 115, 208);
}

.big-modal-highlight.gray {
    color: rgb(84, 84, 84);
}

.big-modal-benefits-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5em;
    margin: 1em 0;
}

.big-modal-benefits {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.big-modal-benefits li {
    list-style: none;
    font-size: var(--mfnt-sml);
    padding-left: 1.5em;
    position: relative;
}

.big-modal-benefits li::before {
    content: "\276F";
    font-size: .8em;
    font-weight: 600;
    color: rgb(30, 32, 34);
    position: absolute;
    top: .8em;
    left: .5em;
    transform: translateY(-50%);
}

.user-attn {
    margin: 10px 5px 5px 5px;
    color: red;
    font-weight: bold;
    text-align: center;
}

.imp_imgdiv {
    width: 100%;
    text-align: center;
}

.imp_imgdiv img {
    width: 30%;
}

.big-modal-cntnt_red {
    color: #fb0606 !important;
}

.cnt-temp p{
    line-height: 1.8;
}

.big-modal .cnt-temp::before,
.big-modal.online-wrks-cnt::before,
.big-modal .cus-met-cnt.cnt-temp::before{
    --iconWH: 5em;
    content: '';
    width: var(--iconWH);
    height: var(--iconWH);
    position: absolute;
    bottom: calc(100% - calc(var(--iconWH)/2));
    right: calc(100% - calc(var(--iconWH)/2));
    border-radius: 50%;
    box-shadow: 0px 10px 20px rgba(0,0,0,.2); 
}

.big-modal .ans-key-cnt.cnt-temp::before{
    background-image: url('/images/answer-key-wrks.png');
}

.big-modal .share-key-cnt.cnt-temp::before{
    background-image: url('/images/share-wrks.png');
}

.big-modal .add-col-cnt.cnt-temp::before{
    background-image: url('/images/add-wrks-col.png');
}

.big-modal .how-to-solv-cnt.cnt-temp::before{
    background-image: url('/images/q-m-1.png');
}

.big-modal.online-wrks-cnt::before,
.big-modal .cus-met-cnt.cnt-temp::before,
.big-modal .com-cnt.cnt-temp::before{
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
}

.big-modal.online-wrks-cnt::before{
    background-size: 68%;
    background-image: url('/images/onlne-ws-pop-img.png');
}

.big-modal .cus-met-cnt.cnt-temp::before {
    background-image: url('/images/custom-metric-pop-img.png');
}

.big-modal .cus-met-cnt.cnt-temp::before,
.big-modal .com-cnt.cnt-temp::before{
    background-size: 75%;
}

.big-modal .com-cnt.cnt-temp::before{
    background-image: url('/images/com-popup-img.png');
}

/* Popup styles ends here */

/* Offline Worksheets - row wise design styles starts here */
.cntr-cnts-flx {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrks_action_btns {    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-self: start;
    gap: 3em;
    
    width: fit-content;

    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.wrks_action_btns.reset-dft-for-gw{
	gap: 2em;
	height: unset;
	margin-left: 2em;
}

.action_btn {
    all: unset;
    display: flex;
    align-items: center;
    gap: .25em;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border-radius: .25em;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
    transition: .3s;
    backface-visibility: hidden;
    color: rgb(30, 32, 34);
    font-weight: 500;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
}

.action_btn>a {
    all: unset
}

.answer-key-png,
.download-cloud-png,
.share-png,
.move-png,
.remove-wrks-col,
.add-to-col-png,
.added-to-col-png,
.how-to-solve{
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.download-cloud-png {
    background-image: url('/images/download-wrks.png');
}

.answer-key-png {
    background-image: url('/images/answer-key-wrks.png');
}

.share-png {
    background-image: url('/images/share-wrks.png');
}

.remove-wrks-col {
    background-image: url('/images/remove-wrks-col.png')
}

.add-to-col-png {
    background-image: url('/images/add-wrks-col.png');
}

.added-to-col-png {
    background-image: url('/images/added-wrks-col.png');
}

.how-to-solve{
    background-image: url('/images/q-m-1.png');
}


.add-to-col-png,
.added-to-col-png,
.remove-wrks-col,
.move-png,
.how-to-solve{
    position: relative;
}

.added-to-col-png::before,
.add-to-col-png::before,
.login-first.add-to-col-png::before,
.remove-wrks-col::before,
.move-png::before,
.how-to-solve::before{
    content: "";
    opacity: 0;
    background: #fff;
    color: rgb(30, 32, 34);
    position: absolute;
    top: 3em;
    border-radius: .25em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    pointer-events: none;
    z-index: 1;
}

.add-to-col-png:hover::before {
    content: "Add to Collection";
}

.added-to-col-png:hover::before {
    content: "Added to Collection";
}

.how-to-solve:hover::before{
    content : "How to Solve";
}

.add-to-col-png:hover::before,
.added-to-col-png:hover::before,
.remove-wrks-col:hover::before,
.move-png:hover::before,
.how-to-solve:hover::before{
    opacity: 1;
    padding: .25em .6em;
    pointer-events: unset;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}

.download-cloud-png,
.answer-key-png,
.share-png,
.move-png,
.remove-wrks-col,
.login-first{
    position: relative;
}

.download-cloud-png::before,
.answer-key-png::before {
    opacity: 0;
    background: #fff;
    color: rgb(30, 32, 34);
    position: absolute;
    top: 3em;
    border-radius: .25em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    pointer-events: none;
    z-index: 1;
}

/* CSS Changed - 08-09-2022 starts here */

.download-cloud-png::before {
    content: 'Free Worksheet';
}

.download-cloud-png.not-free-wrk::before{
    content: 'Worksheet';
}

.download-cloud-png.dwd-chart.not-free-chart::before {
    content: 'Chart';
}

.download-cloud-png.dwd-temp.not-free-temp::before {
    content: 'Template';
}

.answer-key-png::before {
    content: 'Answer Key';
}

.download-cloud-png.dwd-temp::before {
    content: "Free Template";
}

.download-cloud-png.dwd-chart::before {
    content: "Free Chart";
}

/* CSS Changed - 08-09-2022 ends here */

.download-cloud-png:hover::before,
.answer-key-png:hover::before {
    height: 65%;
    opacity: 1;
    padding: .25em .6em;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}

.share-png::before {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    top: 2em;
}

.share-wrk-float {
    display: flex;
    gap: .5em;
    width: 0%;
    height: 0%;
    position: absolute;
    top: 3em;
    background: #fff;
    z-index: 1;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
    border-radius: .25em;
    opacity: 0;
    transition: .3s;
    pointer-events: none;
}

.share-png:hover .share-wrk-float {
    width: unset;
    height: unset;
    opacity: 1;
    padding: .25em .6em;
    pointer-events: unset;
}

.share-wrk-wp,
.share-wrk-mail,
.share-wrk-gc {
    width: 2em;
    height: 2em;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.saved-wrk-col .share-wrk-wp,
.saved-wrk-col .share-wrk-mail,
.saved-wrk-col .share-wrk-gc {
    width: 2em;
    height: 2em;
}

.share-wrk-wp {
    background-image: url('/images/share-wp.png');
}

.share-wrk-mail {
    background-image: url('/images/share-mail.png');
}

.share-wrk-gc {
    background-image: url('/images/share-gc.png');
}

/* Limit Exceed Popup */
.offline-wrks-modal-overlay.show-modal {
    display: flex;
}

.offline-wrks-modal-overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 3;
}

.offline-wrks-modal {
    width: 16em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background: #fff;
    padding: 1em;
    border-radius: .25em;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.3);
    position: relative;
}

.offline-wrks-modal span {
    width: 2em;
    height: 2em;
    position: absolute;
    top: 5%;
    right: 2%;
}

.offline-wrks-modal p {
    font-size: 1.2em;
    color: rgb(225, 131, 131);
    font-weight: 600;
    padding: .5em 0;
}

.close-collection-modal {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    font-size: calc(var(--modalFntBig) + .5em);
    border-radius: 50%;
    transition: .3s;
    margin-bottom: .5em;
}

.close-collection-modal img {
    width: 40%;
    height: 40%;
    object-fit: contain;
}

.close-collection-modal:hover {
    background: #e8e8e8;
}

.row_checks_lnk{
    width: 81%;	
    height: 3em;        
    font-family : system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-top: 3.5em;	
	margin-left: 170px;	
}
/*customary metric - same page*/
.hide_sec {
	display:none;
}
.show_sec {
	display:block;
}
/*customary metric - same page*/

/* CSS added for change preview template - 16-02-2023 starts here*/
.change-prev .row_img.hav-lnks{
    margin: 30px 0px 5px 10px;
}

.change-prev .row_img-link{
    position: relative;
}

.change-prev .row_img.hav-lnk{
    margin: 40px 0px 5px 10px;
}

.change-prev .row_img-link::after{
    width: 90%;
    text-align: center;
    white-space: nowrap;
    content: attr(data-img-title);
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translateX(-50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background: #878585;
    font-size: .8em;
    border-radius: .25em;
    padding: .25em .5em;
    letter-spacing: 2px;
    color: #fff;
}

.row_img.not-user>.row_img-link{
    position: relative;
}

.row_img.not-user>.row_img-link::before{
    content: "";
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-image: url('/images/free-tag-2.png');
    width: 90px;
    height: 95px;
    position: absolute;
    top: -186px;
    left: 0;
    background-repeat: no-repeat;
    z-index: 1;
}

.change-prev .wrks_action_btns.hide-btns{
    transform: scale(0);
}

.change-prev .wrks_action_btns.btns-active{
    opacity: 0;
    animation: scaleIn .3s ease .2s forwards;
}

@keyframes scaleIn{
    to{
        transform: scale(1);
        opacity: 1;
    }
}

.change-prev .row_check > img,
.change-prev .row_checks > img{
    vertical-align: middle;
}

.change-prev .row_check > .row_check_in{
    margin-right: 0;
    vertical-align: middle;
}

.change-prev .row_img.toggle-wrk{
    opacity: 0;
    animation: goOutIn .3s ease forwards;
}

@keyframes goOutIn{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(.9);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }

}

.rowbox_div-refer-lnks .ex-lnk,
.rowbox_div-refer-lnks .vdo-lnk{
    display: inherit;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #1d3f5f;
    font-size: 14px;
    font-weight: 600;
    margin: .5em 0;
    position: relative;
    padding-left: 1.8em;
    z-index: 2;
}

.how-to-solv-popup{
    cursor: pointer;
}

.rowbox_div-refer-lnks .ex-lnk::before,
.rowbox_div-refer-lnks .vdo-lnk::before{
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}

.rowbox_div-refer-lnks .ex-lnk::before{
    background-image: url('/images/q-m-1.png');
}

.rowbox_div-refer-lnks .vdo-lnk::before{
    background-image: url('/images/wtch_video_img.png');
}

.download_action_btn{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #1d3f5f;
    background: linear-gradient(to bottom right, #38638b, #1d3f5f);
    color: #fff;
    border-radius: .25em;
    padding: .5em 1em;
    font-size: 14px;
    box-shadow: 0px 10px 15px rgba(0,0,0,.15);
    position: relative;
    padding-left: 28px
}

.download_action_btn::before{
    content: '';
    position: absolute;
    left: .5em;
    top : 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-image: url('/images/dwnlad_grab_img.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.change-prev .wrks_action_btns{
    height: unset;
    gap: 2em;
    margin-left: 4em;
}

.rowbox_div-refer-lnks{
    width: fit-content;
    text-align: left;
}

.wrks_action_btns-sub{
    display: inherit;
    gap: inherit;
}
/* CSS added for change preview template - 16-02-2023 ends here*/

/*Exclusive ws part - 05.04.2023*/
* {
  scroll-behavior: smooth;
}
.worksheet-links-container{
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	margin-bottom: 30px;
	padding: 0 16px 5px 16px;
	border: 2px solid #2c9788;
	border-radius: 3px;
	margin-top: 20px;
}

.worksheet-links-container h2{
	display: inline-block;
	margin-bottom: 25px;
	padding: 0 10px 0 10px;
	text-align:start;
	font-family:inherit;
	font-weight:600;
	font-size:22px;
	background: #fff;
	right: 3px;
}
.worksheet-links-row, .worksheet-links-container h2{
	position: relative;
	bottom: 18px;
}
.mlti-wrks-lnks-col{
	display:inline-block;
	width:49%;
	vertical-align:top;
}

.mlti-wrks-lnks-col ul{
	margin:0;
	padding:0;
}

.mlti-wrks-lnks-col ul li{
	list-style-type:none;
	margin-bottom:10px;
}

.mlti-wrks-lnks-col ul li a{
	width:89%;
	display:inline-block;
	padding:8px 45px 8px 10px;
	font-weight:600;
	color:rgb(83, 89, 96);
	position:relative;
	box-sizing:border-box;
	border-bottom:1px solid #eaeaea;
	transition:.2s;
}

.mlti-wrks-lnks-col ul li a::before{
	content:'';
	background-image:url('/images/pv_arrow_icon.png');
	background-size:cover;
	height:25px;
	width:25px;
	position:absolute;
	right:10px;
}

.mlti-wrks-lnks-col ul li a:hover{
	background:#ecf2f0;
}
/*Exclusive ws part - 05.04.2023*/

/* --- Divisibility Rules Worksheets new styles starts here - 04/05/2023 --- */

.four-cols-block{
	margin-bottom: 50px;
}

.four-cols-block .worksheet-links-row{
	column-count:4;
}

.four-cols-block .worksheet-links-col{
	display:block;
	width:100%;
	break-inside:avoid-column;
}

.worksheet-links-col ul{
	margin:0;
	padding:0;
}

.worksheet-links-col ul li{
	list-style-type:none;
	margin-bottom:10px;
}

.worksheet-links-col ul li a{
	width:280px;
	display:inline-block;
	padding:8px 45px 8px 10px;
	font-weight:600;
	color:rgb(83, 89, 96);
	position:relative;
	box-sizing:border-box;
	border-bottom:1px solid #eaeaea;
	transition:.2s;
}

.four-cols-block .worksheet-links-col li a{
	width:100%;
}

.worksheet-links-col ul li a::before{
	content:'';
	background-image:url('/images/pv_arrow_icon.png');
	background-size:cover;
	height:25px;
	width:25px;
	position:absolute;
	right:10px;
}

.worksheet-links-col ul li a:hover{
	background:#ecf2f0;
}

/* --- Divisibility Rules Worksheets new styles ends here - 04/05/2023 --- */

/*search suggestion part starts - 02-05-2024*/
.main-nav-search .srch-input-field{
    text-align:center;
}
.suggest-cont{
	position:absolute;
	background:#fff;
	display:none;
	z-index:4;
    min-width:256px;
	width:80%;
	max-width:400px;
    top:60px;
    left:50%;
    transform:translateX(-50%);
}
.suggest-cont.active{
	display:block;
	padding:10px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	border-radius:5px;
    border: 1px solid #c7d9ff;
}
.suggest-cont .sugst-part ul .type-head{
	font-size:15px;
	color:#5c75ab;
	background:#f0f2ff;
	margin:unset;
}
.suggest-cont .sugst-part li{
	display:block;
    text-align: left;
	padding:5px;
    margin:5px;
    border-radius:5px;
	list-style-type:none;
	position:relative;
	cursor:pointer;
}

.suggest-cont .sugst-part li a{
    display:block;
	text-decoration:none;
	font-size:14px;
	color:#494b4e;
	padding-right:75px;
}
.suggest-cont .sugst-part li a .pge-typ{
	text-align:right;
	color:#a5a5a5;
	font-size:12px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:5px;
	text-transform: capitalize;
}
.suggest-cont .sugst-part li a .pge-typ.common-page{
	color:#cf2929;
}
.suggest-cont .sugst-part li a .pge-typ.lessons{
	color:#0ea7c2;	
}
.suggest-cont .sugst-part li a .pge-typ.games{
	color:#eb8f48;	
}
.suggest-cont .sugst-part li a .pge-typ.printable{
	color:#3984c9;	
}
.suggest-cont .sugst-part li a .pge-typ.online{
	color:#ce773e;	
}
.suggest-cont .sugst-part li .pge-grde.Kindergarten{
	color:#e26378;
}
.suggest-cont .sugst-part li .pge-grde.firstGrade{
	color:#1c94c3;	
}
.suggest-cont .sugst-part li .pge-grde.secondGrade{
	color:#3c825c;	
}
.suggest-cont .sugst-part li .pge-grde.thirdGrade{
	color:#c4855e;	
}
.suggest-cont .sugst-part li .pge-grde.fourthGrade{
	color:#315f6a;	
}
.suggest-cont .sugst-part li .pge-grde.fifthGrade{
	color:#707438;	
}
.suggest-cont .sugst-part li .pge-grde.sixthGrade{
	color:#b06125;	
}
.suggest-cont .sugst-part li .pge-grde.seventhGrade{
	color:#9f3498;	
}
.suggest-cont .sugst-part li .pge-grde.eighthGrade{
	color:#3e7e8a;	
}
.suggest-cont .sugst-part li .pge-grde{
	color:#a5a5a5;
	font-size:12px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:5px;
}
.suggest-cont .sugst-part li:hover{
    background:#f5f7ff;
    color:#303c8e;	
}

.suggest-cont .sugst-part li:hover a{
	color:#1c78c1;
}

.suggest-cont li a{
	color:#6c757d;
}
.find-all-btn{
	border:none;
	outline:none;
	width:100%;
	background:linear-gradient(to bottom right, #38638b, #1d3f5f);
	border-radius:5px;
	color:#fff;
    padding:5px 10px;
    cursor:pointer;
	position:sticky;
	bottom:0px;
	box-sizing:border-box;
	box-shadow:0 0 0px 10px #fff;
	text-align:center;
}
.find-all-btn p{
	font-size:13px;
	margin:unset;
}
.find-all-btn p span{
	font-size:16px;
	padding-left:25px;
	font-style:oblique;
	letter-spacing:.5px;
	text-shadow:0px 1px 4px #5f5f5f;
	position:relative;
	word-wrap:break-word;
}
.find-all-btn p span::before{
	content:"";
	position:absolute;
	top:4px;
	left:2px;
	width:20px;
	height:18px;
	background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 268.832 268.832'%3E%3Cpath d='M265.171,125.577l-80-80c-4.881-4.881-12.797-4.881-17.678,0c-4.882,4.882-4.882,12.796,0,17.678l58.661,58.661H12.5 c-6.903,0-12.5,5.597-12.5,12.5c0,6.902,5.597,12.5,12.5,12.5h213.654l-58.659,58.661c-4.882,4.882-4.882,12.796,0,17.678 c2.44,2.439,5.64,3.661,8.839,3.661s6.398-1.222,8.839-3.661l79.998-80C270.053,138.373,270.053,130.459,265.171,125.577z'/%3E%3C/svg%3E");
	background-size:14px 18px;
	background-repeat:no-repeat;
	background-position:center;
}
/*search suggestion part Ends*/

/* Search Updation Popup Starts Here */

#search_button{
	vertical-align:middle;
}
.info-popup{
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.search-info{
	display:none;
}
.search-info:checked ~ .instr-to-users{
	display:block;
}
.search-info-label,
.search-mob-info-label{
	height:30px;
	width:30px;
	line-height:30px;
	font-size:18px;
	font-weight:600;
	padding:0 5px;
	border-radius:10px;
	background:#fff;
	box-sizing:border-box;
	cursor:pointer;			
}
.search-info-label{
	display:inline-block;
}
.search-mob-info-label{
	vertical-align:top;
	text-align:center;
	display:none;
}
.instr-to-users *{
	margin: 0;
	padding: 0;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	text-align:left;
}
.instr-to-users{
	display:none;
	position: absolute;
	width: 300px;
	height:fit-content;
	top: calc(100% + 5px);
	right: -57px;
	border-radius: 10px;
	color: #fff;
	background: radial-gradient(rgb(116 140 124), rgb(75, 121, 90));
	border: 6px solid rgb(190 155 112);
	border-bottom-width: 18px;
	padding: 12px 18px;
	box-shadow: 0px 10px 20px rgba(0,0,0,.15);
}
.instr-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}
.instr-header::before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #be9b70;
	bottom: calc(100% + 5px);
	right: 61px;	
}
.instr-header p{
	font-size: 15px;
	font-weight: 600;
}      
.instr-header label{
	width: 30px;
	height: 30px;
	background: #e0e0e0;
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16 16-4-4m0 0L8 8m4 4 4-4m-4 4-4 4' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	cursor: pointer;
}
.instr-desc ul{
	list-style: none;
	margin: 6px 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.instr-desc ul li{
	position: relative;
	padding-left: 18px;
}
.instr-desc ul li::before{
	--wh: 6px;
	content: '';
	width: var(--wh);
	height: var(--wh);
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 0;
}
.instr-desc p{
	font-size: 14px;
	white-space:pre-wrap;
}
.instr-desc span{
	font-weight: 600;
}

/*search Updation popup Ends here */

/*Skip Counting Styles Starts Here 28-05-2024*/
.skip-title-sec{
	overflow:hidden;
	width:100%;
	display:block;
	background:linear-gradient(to right, #fff, #f0f7ff, #fff);
	margin-bottom:10px;
}
.skip-counting-title{
	padding:10px;
	clear:both;
	color:#215da4;
	font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight:600;
	margin:5px auto;
}

.skip-worksheet-links-container{
	border:unset;
	border:1px solid #f5f5f5;
	border-radius:10px;
	padding:unset;
	height:fit-content;
	overflow:hidden;
	background:#fff;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.skip-worksheet-links-container h2{
	padding:10px;
	position:relative;
	display:block;
	border-bottom:1px solid #f5f5f5;
	margin:unset;
	bottom:unset;
	font-size:20px;
	color:#215da4;
	padding:15px;
}
.skip-worksheet-links-row{
	padding:10px;
	bottom:unset;
}
.skip-worksheet-links-row ul{
	list-style-type:none;
	margin:unset;
	padding:unset;
}
.skip-worksheet-links-row ul li{
	display:inline-block;
	min-width:150px;
	position:relative;
	cursor:pointer;
	border:1px solid transparent;
	margin:0 0 15px 0;
	padding:5px 5px 4px 30px;
	border-radius:5px;
	min-height:25px;
}
.multi-links-row ul li{
	min-width:180px !important;
}
.skip-worksheet-links-row ul li p{
	margin:unset;
	color:#1e293b;
}
.skip-worksheet-links-row ul li:hover{
	background:linear-gradient(to left, #fff, #f2f8ff);
	border:1px solid #f2f8ff;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.skip-worksheet-links-row ul li::before{
	content:"";
	position:absolute;
	left:5px;
	top:50%;
	transform:translateY(-50%);
	width:14px;
	height:14px;
	border-radius:3px;
	border:1px solid #5555;
	background:#fff;
}
.skip-worksheet-links-row ul li.active::before{
	border:unset;
	width:15px;
	height:15px;
	background:linear-gradient(to bottom right, #58a3e9, #1d3f5f);
}
.skip-worksheet-links-row ul li.active::after{
	content:"";
	position:absolute;
	width:3px;
	height:8px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom-right-radius:2px;
	top:calc(50% - 1px);
	transform:translateY(-50%) rotate(40deg);
	left:10px;
}
/*Skip Counting Styles Ends Here 28-05-2024*/

/* Counting Worksheets styles starts here - 28/05/2024 */

.topic-list-nav-sec *, .topic-list-nav-sec-2 * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.ff-system-ui {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.topic-list-nav-sec {
	--clr-slate-700: #334155;
	--clr-gray-100: #efefef;
	padding: 16px 20px 12px 20px;
	margin-bottom: 10px;
	border: 1px solid var(--clr-gray-100);
	border-radius: 10px;
}

.topic-list-nav-sec h2, .topic-list-nav-sec-2 p {
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 17px;
	color: #475569;
	letter-spacing: .3px;
}

.topic-list-nav-sec h2 {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--clr-gray-100);
	font-family: inherit;
	text-align: start;
}

.topic-list-nav-sec ul, .topic-list-nav-sec-2 ul {
	list-style: none;
}

.topic-list-nav-sec li, .topic-list-nav-sec-2 li {
	display: inline-block;
	margin-bottom: 17px;
	font-size: 14px;
	font-weight: 600;
	vertical-align: top;
	transition: .2s;
}

.topic-list-nav-sec li {
	width: calc((100% / 3) - 3px);
}

.topic-list-nav-sec li a {
	--chkbox-size: 12px;
	--clr-chkbox-brd: #aeb8c5;
	display: inline-block;
	position: relative;
	padding-left: 27px;
	color: #596d8b;
}

.topic-list-nav-sec li a:hover {
	color: var(--clr-slate-700);
}

.topic-list-nav-sec li.active a {
	--clr-chkbox-brd: #38638b;
	color: var(--clr-slate-700);
}

.topic-list-nav-sec li a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: var(--chkbox-size);
	height: var(--chkbox-size);
	border: 1px solid var(--clr-chkbox-brd);
	border-radius: 3px;
	vertical-align: middle;
}

.topic-list-nav-sec li.active a::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.89163 13.2687L9.16582 17.5427L18.7085 8' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"), #38638b;
	box-shadow: 0 0 10px rgb(187 187 187);
}

.topic-list-nav-sec-2 {
	display: inline-block;
	padding: 18px 20px 12px 20px;
	margin-top: 20px;
    background-image: repeating-linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 255, 255) 6px, rgb(248, 250, 252) 6px, rgb(248, 250, 252) 8px);
    border: 1px solid #efefef;
    border-radius: 10px;
}

.topic-list-nav-sec-2 li {
    width: 49%;
	min-width: 230px;
    padding: 0 10px 0 0;
}

.topic-list-nav-sec-2.col-3 li {
	width: calc((100% / 3) - 3px);
	min-width: 220px;
}

.topic-list-nav-sec-2 li a {
    display: inline-block;
    width: 100%;
    padding: 10px 38px 10px 10px;
    position: relative;
    color: #596d8b;
    background-color: #fff;
	border: 1px solid #e2e8f0;
    border-radius: 3px;
	transition: .2s;
}

.topic-list-nav-sec-2 li a:hover {
	color: #334155;
}

.topic-list-nav-sec-2 li a::before {
	content: '';
	position: absolute;
	right: 10px;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M17 7H8M17 7V16' stroke='%23596d8b' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}

.pgntn-cnt {
	position: relative;
	height: 41px;
	padding-top: 20px;
	clear: both;
}

.pgntn-btn {
	display: inline-block;
	width: 140px;
	padding: 10px 0;
	background: linear-gradient(#0369a1, #0c4a6e);
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	text-align: center;
}

.pgntn-next-btn {
	position: absolute;
	right: 0;
}

.pgntn-prev-btn::before, .pgntn-next-btn::after {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;	
	vertical-align: middle;
}

.pgntn-prev-btn::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.41421 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H6.41421L11.7071 18.2929C12.0976 18.6834 12.0976 19.3166 11.7071 19.7071C11.3166 20.0976 10.6834 20.0976 10.2929 19.7071L3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12C3 11.7348 3.10536 11.4804 3.29289 11.2929L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289Z' /%3E%3C/svg%3E");
	margin-right: 7px;
}

.pgntn-next-btn::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12.2929 4.29289C12.6834 3.90237 13.3166 3.90237 13.7071 4.29289L20.7071 11.2929C21.0976 11.6834 21.0976 12.3166 20.7071 12.7071L13.7071 19.7071C13.3166 20.0976 12.6834 20.0976 12.2929 19.7071C11.9024 19.3166 11.9024 18.6834 12.2929 18.2929L17.5858 13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H17.5858L12.2929 5.70711C11.9024 5.31658 11.9024 4.68342 12.2929 4.29289Z' /%3E%3C/svg%3E");
	margin-left: 7px;
}

/* Counting Worksheets styles ends here - 28/05/2024 */

/* Tutoringhour ad related styles Starts here 20-02-2025*/

.new-ad{
	text-align: center;
	margin: 0 auto;
}

.new-ad *{
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

 .new-ad.ad-sm{
	max-width: 300px;
}

.new-ad.ad-lg{
	max-width: 720px;
}

/* Tutoringhour ad related styles Ends here 20-02-2025*/

/* Tutoringhour new row wise temp related styles starts here - 04/03/2025 */
.row-div-news * {
    box-sizing: border-box;
}

.row-div-new,
.row-div-new * {
    margin: 0;
    padding: 0;
}

.row-div-news .row_head p a {
    color: #c42c04;
}

.row-div-news + .cnt_related_div {
    width: 100%;
    box-sizing: border-box;
}

.row-div-news .rowbox_div{
    width: 100%;
}

.row-div-new {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(#fff, #f1f7ff);
    border: 1px solid #eaf3ff;
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .025);
}

.row-div-new:not(:last-child) {
    margin-bottom: 1em;
}

.row-div-new-body {
    position: relative;
    text-align: center;
}

.row-div-new-head {
    padding-bottom: .5em;
    margin: 1em 1.5em;
    border-bottom: 1px dashed #86b2eb;
}

.row-div-new-head p {
    font-size: 18px;
    font-weight: 600;
}

.row-div-new-head p a {
    color: #c42c04 !important;
}

.row-div-new-wrks {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2em;
    margin-bottom: .5em;
}

.row-div-new-wrk {
    display: inline-block;
    margin: .5em;
    flex: 1;
}

.row-div-new-large-wrks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.row-div-new-large-wrk {
    display: flex;
    text-align: center;
    flex-direction: column;
    flex: 1;
    gap: .5em;
    margin: 0 .5em;
    width: 100%;
    min-width: 300px;
    max-width: 380px;
}

.row-div-new-large-wrk:not(:last-child) {
    margin-bottom: 2em;
}

.row-div-new-large-wrk:last-child {
    margin-bottom: 1em;
}

.row-div-new-wrk-img {
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0 3px #54526f;
    background: #fff;
}

.row-div-new-wrk-img .new-free-wrk {
    content: "";
    background-image: url('/images/free-tag-r-1.png');
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    pointer-events: none;
}

.row-div-new-wrk-img .new-wrk-watermark {
    width: 96%;
    position: absolute;
    left: 50%;
    bottom: 2%;
    transform: translateX(-50%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background: #878585;
    font-size: .8em;
    border-radius: .25em;
    padding: .25em .5em;
    letter-spacing: 2px;
    color: #fff;
}

.row-div-new-wrk-img img {
    width: 100%;
    min-width: 150px;
    max-width: 265px;
}

.row-div-new-wrk-cnts {
    margin: .5em 0;
}

.row-div-new-wrk-cnts a,
.row-div-new-wrk-lnk {
    display: inline-block;
}

.row-div-new-wrk-lnk {
    width: fit-content;
    margin: 0 auto;
    margin-top: .5em;
}

.membr-pri-text {
    background: #102444;
    text-align: center;
    padding: .5em 3em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    mask-image: linear-gradient(to right, transparent, #000 50px, #000 calc(100% - 50px), transparent);
    position: relative;
}

.membr-pri-text::before {
    --wh: 1em;
    content: '';
    width: var(--wh);
    height: var(--wh);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.25 10.055V8a6.75 6.75 0 0 1 13.5 0v2.055c1.115.083 1.84.293 2.371.824C22 11.757 22 13.172 22 16c0 2.828 0 4.243-.879 5.121C20.243 22 18.828 22 16 22H8c-2.828 0-4.243 0-5.121-.879C2 20.243 2 18.828 2 16c0-2.828 0-4.243.879-5.121.53-.531 1.256-.741 2.371-.824ZM6.75 8a5.25 5.25 0 0 1 10.5 0v2.004C16.867 10 16.451 10 16 10H8c-.452 0-.867 0-1.25.004V8ZM12 13.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75Z' fill='%23fff'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: .5em;
}

.row-div-new-ans-key a {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-decoration: underline;
    color: #043c76;
    font-weight: 500;
    font-size: 14px;
}
/* Tutoringhour new row wise temp related styles ends here - 04/03/2025 */

@media (max-width : 500px) {
    .wrks_action_btns {
        gap: 1.5em;
    }

    .wrks_action_btns.reset-dft-for-gw{
		padding-top: 1em;
		margin-left: 0;
    }

    /* CSS added for change preview template - 16-02-2023 starts here*/
    .change-prev .wrks_action_btns{
        margin-left: 0 !important;
    }

    .rowbox_div-refer-lnks{
        margin: 0 auto;
    }
    /* CSS added for change preview template - 16-02-2023 ends here*/
}

@media (max-width: 768px){
    .rowbox_div{
        grid-template-columns: 1fr;
    }
    
    .row_head {
        grid-row: 1/2;
    }
    
    .row_img{
        grid-row: 2/5;
    }
    
    .row_checks {
        justify-content: center;
        justify-self: center;
    }

    .wrks_action_btns {
        justify-self: center;
    }
}

/* CSS ADDED ON 28-03-2023 STARTS HERE */
.how-to-solv-popup{
    cursor: pointer;
}

.rp-categories ul{
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}

.rp-categories ul{
    --tabWidth: 0px;
    --tabX: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    float: right;
    background: #fff;
    margin-top: .5em;
}

.rp-categories ul::after{
    content: '';
    width: var(--tabWidth);
    height: 100%;
    position: absolute;
    top: 0;
    left: var(--tabX);
    background: linear-gradient(#7dab88, #478a56);
    transition: .3s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1.2);
}

.rp-categories-wrapper ul li{
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    color: #41807e;
    user-select: none;
    padding: 5px 10px;
    font-size: 14px;
    letter-spacing: .8px;
}

.rp-categories li{
    border: 1px solid #e5e6e6;
    position: relative;
    z-index: 1;
}

.rp-categories-wrapper ul .highlight{
    color: #fff;
}

.rp-category-wrapper.hide-rp-category{
    display: none;
}

.rp-categories{
    width: fit-content;
    margin: 0 auto;
}

@media (min-width: 900px) and (max-width: 999px) {
    .rp-categories ul{
        margin-left: 2em;
    }

    .wrks_action_btns.reset-dft-for-gw{
		margin-left: 4em;
	}

/*Exclusive ws part - 05.04.2023*/
	.mlti-wrks-lnks-col ul li a{
		width:95%;
	}
/*Exclusive ws part - 05.04.2023*/
}
/* CSS ADDED ON 28-03-2023 ENDS HERE */

/* Offline Worksheets - row wise design styles ends here */

/* Related Online worksheets */
.related-online-wrks-container * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.related-online-wrks-container {
    --priBlack: rgb(36, 37, 38);
    --tickClr: #555351;
    --tickShadowClr: #e7bc91;
    --containerBg: #cae4f985;

    --mainSpace: 2em;
    --fntBig: 1.25em;
    --fntMed: 1em;

    --tagBg: #e68a29;
    --tagDarkBg: #b76c1d;

    width: 95%;
    max-width: 792px;
    float: left;
    text-align: center;
    margin: var(--mainSpace) 0;
    padding: var(--mainSpace);
    border-radius: .5em;
    background: var(--containerBg);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    position: relative;
    box-shadow: inset 0px 10px 30px rgba(0, 0, 0, 0.025);
}

.related-online-wrks-container::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: url("/images/wrks-watermark.png") no-repeat center;
    background-size: contain;
    opacity: .07;
}

.related-online-wrks-container h3 {
    --fromLeft: -40px;
    text-align: center;
    letter-spacing: 1.5px;
    font-weight: 600;
    margin-block-start: 0;
    color: var(--tickClr);
    margin-bottom: calc(var(--mainSpace) - 1em);
    position: relative;
}


.related-online-wrks-container h3::before {
    content: "New";
    font-size: .8em;
    position: absolute;
    background: var(--tagBg);
    top: 0%;
    left: var(--fromLeft);
    padding: .25em .8em .25em .5em;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%);
    border-radius: 0 0 0 .25em;
    color: #fff;
}

.related-online-wrks-container h3::after {
    content: "";
    position: absolute;
    background: var(--tagDarkBg);
    width: .5em;
    height: .25em;
    top: -4.5px;
    left: var(--fromLeft);
    border-top-left-radius: .6em;
}

.rowbox_div.online-wrks-lnk {
    --tagBg: #e68a29;
    --tagDarkBg: #b76c1d;

    position: relative;
    padding-top: 1em;
}

.rowbox_div.online-wrks-lnk::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: url("/images/wrks-watermark.png") no-repeat center;
    background-size: contain;
    opacity: .07;
    pointer-events: none;
}

.online-wrks-lnk {
    position: relative;
}

.rowbox_div.online-wrks-lnk .row_head .head_p {
    border-bottom: 1px solid #555351;
}

.go-to-ows {
    padding: .5em .8em;
    background: #526888;
    color: #fff;
    border-radius: .25em;
    float: left;
    margin-top: 1em;
}

.related-online-wrks {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20em, .9fr));
}

.related-online-wrks ul {
    display: inline-block;
    list-style: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-left: 2em;
}

.related-online-wrks ul li {
    padding: .8em .5em;
    position: relative;
    text-align: left;
}

.related-online-wrks ul li a {
    color: var(--tickClr);
    font-weight: 600;
}

.related-online-wrks ul li a:hover {
    text-decoration: underline;
}

.related-online-wrks ul li::before {
    content: "\2714";
    position: absolute;
    left: -20px;
    font-size: 1em;
    font-weight: bold;
    color: var(--tickClr);
    transition: .3s;
}

.related-online-wrks ul li:hover::before {
    text-shadow: 2px 3px 0px var(--tickShadowClr);
}

/* CSS added on 03-11-2022 starts here */
.row_check {
    display: inline-block;
    margin: .5em .5em .5em 1.5em;
    user-select: none;
    font-weight: 600;
    color: #17417e;
    font-size: 15px;
    cursor: pointer;
}

.row_checks {
    display: flex;
    align-self: center;
    flex-wrap: wrap;
    column-gap: 1.5em;
    row-gap: .8em;

    width: fit-content;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 1em 0;
}

.row_check_in {
    accent-color: #526888;
    margin-right: .6em;
}

.row_head_btn {
    font-size: 1em;
    font-weight: 600;
    /* color: #17417e; */
    color: #0d8390;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.row_head_btn span {
    font-family: "Cambria", Calibri, sans-serif;
}

.row_img.nu>a {
    position: relative;
}

.row_img.nu>a::before {
    content: "";
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-image: url("/images/free-tag-2.png");
    width: 90px;
    height: 95px;
    position: absolute;
    top: -186px;
    left: 0;
    background-repeat: no-repeat;
}

.hide-btns {
    display: none !important;
}

@media (max-width : 768px) {
    .row_checks {
        text-align: left;
    }
}
/* CSS added on 03-11-2022 ends here */

/* CSS added on 02-05-2024 (Green Buttons) starts here */
.green-variant .row_check {
    white-space: nowrap;
    margin: 0;
}

.green-variant .change-prev .row_check > img,
.green-variant .change-prev .row_checks > img {
    filter: drop-shadow(0px 5px 10px rgba(0,0,0,.25));
}

.green-variant .download_action_btn{
    background: linear-gradient(to bottom right, #39854a, #1d5c2b) !important;
}

.green-variant .download_action_btn.login-first{
    border: none;
    outline: none;
    cursor: pointer;
}

.green-variant .answer-key-png {
    background-image: url('/images/ans-key-wkts-grn.png') !important;
}

.green-variant .add-to-col-png {
    background-image: url('/images/add-to-col-grn.png') !important;
}

.green-variant .added-to-col-png{
    background-image: url('/images/added-wkts-col-grn.png') !important;
}

.green-variant .how-to-solve {
    background-image: url('/images/how-to-sol-grn.png') !important;
}

.green-variant .row_img.not-user>.row_img-link::before,
.green-variant .row_img.nu a::before{
    background-image: url('/images/free-tag-r-1.png') !important;
}

.green-variant .download_action_btn.login-first{
    border: none;
    outline: none;
    cursor: pointer;
}
/* CSS added on 02-05-2024 (Green Buttons) starts here */

/* CSS added on 22-05-2024 (Green Buttons) starts here */
.green-variant .rp-categories ul{
    margin: .5em 0 !important;
}
/* CSS added on 22-05-2024 (Green Buttons) ends here */

/* Single Chart Worksheet with Toggle Button Styles Starts Here - 10-01-2025*/
.rp-categories-single-btn-wrapper ul li {
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    color: #41807e;
    user-select: none;
    padding: 5px 10px;
    font-size: 14px;
    letter-spacing: .8px;
}

.rp-categories-single-btn-wrapper ul .highlight {
    color: #fff;
}

.green-variant .rp-categories-single-btn-wrapper ul {
    margin: 2em 0 !important;
}

.wrks_single_action_btns {
    width: 100%;
    height: 3em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3em;
    /* padding: 2em 1em 1em 1em; */
    margin-top: 2.5em;
    /* margin-bottom: 1.8em; */
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
/* Single Chart Worksheet with Toggle Button Styles Ends Here - 10-01-2025*/

@media (max-width : 900px) {
    .related-online-wrks-container {
        width: 90%;
    }
}

@media (max-width : 600px) {
    .related-online-wrks-container {
        --fntBig: 1em;
        --fntMed: .85em;

        --mainSpace: 1em;

        float: right;
    }

    .related-online-wrks-container h3 {
        --fromLeft: -26px;
        display: block;
    }

    .related-online-wrks-container h3::before {
        top: -100%;
        border-radius: .25em 0 0 0;
    }

    .related-online-wrks-container h3::after {
        top: 2.5px;
        border-top-left-radius: unset;
        border-bottom-left-radius: .6em;
    }

}

/* Related Online worksheets styles ends here */


/* @media (max-width : 1400px) {
    #header {
        grid-template-columns: 1fr;
        place-items: center;
    }
} */
/* New Header Styles starts here */
.main-nav-container{
	width: 100%;
	background: #f3f0f0;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	position: relative;
	z-index: 3;
}

.main-nav{
	min-width: 300px;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	grid-template-columns: auto 1fr auto;
}

#header a{
	text-decoration: none;
}

.main-nav-img a{
	display: inherit;
	width: 200px;
}

.header-pri-lnks-container{
	width: 100%;
	background: linear-gradient(to bottom right, #38638b, #1d3f5f);
}

.header-pri-lnks-container.make-sticky{
	position: fixed;
	top: 1px;
	left: 0;
	z-index: 3;
	animation: make-sticky .5s ease forwards;
}
@keyframes make-sticky{
            from {
                transform: translateY(-100%);
                opacity: 0;
            }

            to{
                transform: translateY(0);
                opacity: 1;
            }
}
.header-pri-lnks{
	width: fit-content;
	margin: 0 auto;
	padding: .25em 0;
	text-align: center;
}

.header-sec-sub-links{
	display: inline-block;
	color: #fff;
	border-radius: .15em;
	margin: .15em 0;
}

.header-sec-sub-links a,
.main-nav-lnks ul li a{
	display: inherit;
	color: inherit;
	padding: .5em .4em;
	margin: 0 .5em;
	letter-spacing: .5px;
	font-weight: 600;
}

.header-sec-sub-links:not(.pri-lnks-highlight):hover{
	background: #fff;
	color: #1d3f5f;
}

.header-sec-sub-links:nth-child(1){
	margin-left: 0;
}

.header-sec-sub-links:last-child{
	margin-right: 0;
}

.pri-lnks-highlight{
	background: linear-gradient(#cb4343, #9d1c1c);
}

.main-nav-lnks ul li{
	display: inline-block;
	background: linear-gradient(to bottom right, #38638b, #1d3f5f);
	color: #fff;
	border-radius: .15em;
	margin: .25em 0;
}

.main-nav-lnks ul li a{
	font-size: 14px;
	padding: .35em .5em !important;
}

.main-nav-lnks ul li:nth-child(1){
	margin-right: .5em;
}

.main-nav-drop-down{
	padding: 0.15em 0.5em;
	position: relative;
	border-radius: 0.2em;
	box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
	background: linear-gradient(to bottom right, #38638b, #1d3f5f);
	display: none;
}

.main-nav-drop-down input{
	vertical-align: super;
}

.main-nav-search form{
	text-align: center;
	white-space: nowrap;
}

.zoom_query::placeholder{
	font-size: 14px;
	text-align: center;
}

#mob-search-btn{
	display: none;
	width: 30px;
	height: 30px;
	border: none;
	outline: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E") center no-repeat;
	transition: .3s;
}

.mob-drop-down{
	width: 32px;
	height: 32px;
	border: none;
	outline: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E") center no-repeat;
}

.show-mob-panel .mob-drop-down{
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E") center no-repeat;
}

.main-nav-search.floating-search{
	position: relative;
}

.main-nav-search.floating-search form{
	display: unset !important;
	position: fixed;
	top: 5%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
	background: #fff;
	padding: 0.5em 1em;
	border-radius: 15px;
	white-space: nowrap;
}

.main-nav-search.floating-search::before{
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	background: rgba(0, 0, 0, .5);
	z-index: 4;
}

.main-nav-drop-down.show-dd-usr{
	display: inline-block;
}

.mob-header{
	display: none;
	grid-auto-flow: column;
	justify-content: space-evenly;
	align-items: center;
}

.show-mob-panel .mob-header-lnks{
	transform: scale(1);
}

.mob-header-lnks{
	transform: scale(0);
	transform-origin: top right;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 0 .5em .25em .5em;
	border-top: 1px solid #e2e2e2;
	border-radius: .5em;
	box-shadow: 0px 5px 10px rgba(0,0,0,.1);
	transition: .3s;
	transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1.2);
	white-space: nowrap;
	box-sizing: border-box;
}

.mob-header-lnks.divide-uls::before{
	content: '';
	width: 2px;
	height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #e2e2e2;
}

.mob-header-lnks ul{
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	/* width: 50%; */
}

.mob-header-lnks ul li{
	margin: 1em .5em;
}

.mob-header-lnks ul li a{
	display: inline-block;
	width: 100%;
	padding: .25em;
	color: rgb(30,32,34);
}

.mob-header > a{
	font-size: 14px;
	font-weight: 600;
	padding: .35em .7em;
	text-align: center;
	border-radius: .25em;
	background: linear-gradient(#cb4343, #9d1c1c);
	color: #fff;
}

/*New TH Header style Starts Here 01-11-2023 */

.lnk-sub-menus *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.math-sub-menu,
.ela-sub-menu,
.dw-sub-menu,
.bbg-sub-menu,
.mob-header-lnks{
	--priClr: #fff;
	--secClr: #f7feff;
	--terClr: #cffafe;
	--fntClr: #164e63;
	--linearOne: #ecfeff;
	--linearTwo: #cffafe;
	--borderClr: #84c6d1;
	--borderClr1: #06b6d4;
	--borderClr2: #155e75;
	--borderClr3: #f7feffba;
}

.lnk-sub-menus{
	--fromX: 0px;
	/* position: absolute; */
	position: fixed;
	top: var(--fromY);
	left: var(--fromX);
	background: var(--priClr);
	padding: 15px;
	border-radius: 5px;
	text-align: left;
	box-shadow: 0px 10px 20px rgba(0,0,0,.1), inset 2px 3px 5px 11px #f3feff;
	color: var(--fntClr);
	background: #fff;
	z-index: 1;
}

.split-by-grade li{
	display: inline-block;
}

.lnk-sub-menus ul li a{
	color: var(--fntClr);
	font-weight: 600;
	display: inline-block;
	width: 100%;
	border-radius: inherit;
}

.lnk-sub-menus p{
	font-weight: 600;
	font-size: 16px;
	text-align: center;
}

.lnk-sub-menus div:nth-of-type(1){
	margin-bottom: 6px;
}

.sub-menu-category{
	vertical-align: top;
	position: relative;
	z-index: 1;
}

.sub-menu-category::before{
	--fromTop: 15px;

	content: '';
	width: 100%;
	height: calc(100% - var(--fromTop));
	position: absolute;
	top: var(--fromTop);
	left: 0;
	border: 1px solid var(--borderClr1);
	border-radius: 5px;
	z-index: -1;
	pointer-events: none;
	opacity: .25;
}

.sub-menu-category span{
	font-weight: 600;
	margin-left: 6px;
	font-size: 15px;
	margin-bottom: 6px;
	display: inline-block;
	background: linear-gradient(to bottom right, var(--priClr), var(--borderClr3));
	padding: 5px 10px;
	border-radius: 15px;
}

.sub-menu-category ul{
	margin: 0px 6px 0px 12px !important;
	padding-bottom: 6px !important;
}

.split-category{
	column-count: 2;
}

.split-category li{
	display: block;
	border: 1px solid transparent;
	margin: 0px 0px 6px 0px;
	transition: .3s;
	border-radius: 5px;
	max-width: 220px;
}

.split-by-grade li{
	--wh: 35px;
	width: var(--wh);
	height: var(--wh);
	text-align: center;
	line-height: 2;
	border-radius: 50%;
	margin: 2.5px;
	transition: .3s;
	background: linear-gradient(#fff, #fff) padding-box,
	  linear-gradient(to bottom right, var(--linearTwo), var(--borderClr)) border-box;
	font-weight: 700;
	border: 1px solid transparent;
	cursor: pointer;
}

.split-by-grade li:hover{
	background: linear-gradient(to bottom right, var(--fntClr), var(--borderClr)) border-box;
}

.split-by-grade li:hover a{
	color: #fff;
}

.split-by-grade li a{
	margin: 0;
	padding: 0;
}

.split-category li{
	transition: .3s;
}

.split-category li a{
	display: inline-block;
	width: 100%;
	font-size: 14px;
	padding: 6px 20px 6px 30px;
	margin: 0;
	position: relative;
}

.split-category li a::before{
	content: '';
	--imgWH: 18px;
	width: var(--imgWH);
	height: var(--imgWH);
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	transition: .3s;
}

.split-category li a::after{
	content: '';
	--wh: 8px;
	width: var(--wh);
	height: var(--wh);
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	transition: .3s;
	opacity: 0;
}

.math-sub-menu .split-category li a::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23059669' %3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
}

.ela-sub-menu .split-category li a::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%230891b2' %3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
}

.split-category li:hover a::after{
	right: 5px;
	opacity: 1;
}

.split-category li:hover a::before{
	transform: translateY(-50%) scale(1.1);
}

.math-sub-menu,
.ela-sub-menu,
.dw-sub-menu,
.bbg-sub-menu{
	transform: scaleY(0);
	opacity: 0;
	transform-origin: top;
	animation: showSubMenu .3s ease .1s forwards;
}

@keyframes showSubMenu{
	to{
		transform: scale(1);
		opacity: 1;
	}
}

.math-sub-menu .split-category li:nth-child(1) a::before{
	background-image: url('/images/number-sense-3.png');
}

.math-sub-menu .split-category li:nth-child(2) a::before{
	background-image: url('/images/measurement-3.png');    
}

.math-sub-menu .split-category li:nth-child(3) a::before{
	background-image: url('/images/statistics-3.png');    
}

.math-sub-menu .split-category li:nth-child(4) a::before{
	background-image: url('/images/geometry-3.png');    
}

.math-sub-menu .split-category li:nth-child(5) a::before{
	background-image: url('/images/pre-algebra-3.png');    
}

.math-sub-menu .split-category li:nth-child(6) a::before{
	background-image: url('/images/algebra-3.png');    
}

.ela-sub-menu .split-category li:nth-child(1) a::before{
	background-image: url('/images/grammar-1.png');
}

.ela-sub-menu .split-category li:nth-child(2) a::before{
	background-image: url('/images/vocabulary-1.png');    
}

.ela-sub-menu .split-category li:nth-child(3) a::before{
	background-image: url('/images/figurative-language-1.png');    
}

.ela-sub-menu .split-category li:nth-child(4) a::before{
	background-image: url('/images/phonics-1.png');
}

.ela-sub-menu .split-category li:nth-child(5) a::before{
	background-image: url('/images/read_comp-1.png');    
}

.ela-sub-menu .split-category li:nth-child(6) a::before{
	background-image: url('/images/reading-writing-1.png');    
}

.highlight-li{
	background: #fff;
	color: #1d3f5f;
}

.subject-nested-cnts{
	--heightAttr: 0;

	height: var(--heightAttr);
	overflow: hidden;
	transition: .3s;
}

.subject-nested-cnt{
	width: 100%;
	padding: 6px 6px 12px 6px !important;
}

.subject-nested-cnts p{
	width: fit-content;
	background: #fff;
	color: var(--fntClr);
	font-size: 14px;
	font-weight: 500;
	margin: 0 !important;
	padding: 0 6px !important;
}

.subject-nested-cnt li{
	margin: 3px !important;
}

.subject-nested-cnt.sub-grades{
	display: flex;
	flex-wrap: wrap;
}

.subject-nested-cnt.sub-grades li a{
	--WH: 25px;
	
	width: var(--WH);
	height: var(--WH);
	line-height: 1.5;
	border-radius: 50%;
	color: var(--fntClr);
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	box-shadow: inset 2px 2px 2px -2px rgba(0,0,0,.15);
	background: linear-gradient(white, white) padding-box,
	  linear-gradient(to bottom right, var(--linearTwo), var(--borderClr)) border-box;
	border: 1px solid transparent;
}

.subject-nested-cnt.sub-topics li a{
	color: var(--fntClr) !important;
}

.subject-nested-cnt.sub-topics li{
	width: fit-content;
}

.mob-header-lnks ul{
	width: 100%;
}

.sub-drop-down-exists{
	width: fit-content;
	user-select: none;
}

.sub-drop-down-exists .sub-topic-toggler{
	width: fit-content;
	padding-right: 30px;
	cursor: pointer;
	position: relative;
	transition: .1s;
}

[data-toggler-open='true']{
	--rotation: -180deg;
}

[data-toggler-open='false']{
	--rotation: 0deg;
}

.sub-drop-down-exists .sub-topic-toggler::before{
	--WH: 25px;

	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16 10-4 4-4-4' stroke='%231e2022' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	width: var(--WH);
	height: var(--WH);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotateX(var(--rotation));
	transition: .3s;
}

.subject-nested-cnt-wrapper{
	position: relative;
	margin: 3px 6px 3px 12px;
}

.subject-nested-cnt-wrapper::before{
	--fromTop: 12px;

	content: '';
	width: calc(100% + calc(var(--fromTop)/2));
	height: calc(100% - var(--fromTop));
	position: absolute;
	top: var(--fromTop);
	left: calc(var(--fromTop)/2 * -1);
	border-radius: 6px;
	z-index: -1;
	border: 2px solid var(--fntClr);
	opacity: .3;
}

.subject-nested-cnt-wrapper:has(.sub-grades){
	margin-bottom: 12px;
}

.show-mob-panel .mob-header-lnks{
	max-height: 90vh;
	overflow-y: scroll;
}

.main-lnk-highlight{
	font-weight: 500;
	font-size: 16px;
}
/*New TH Header style Ends Here 01-11-2023 */

/* New TH Footer styles Starts here 23-11-2023 */
.th-footer,
.th-footer *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.th-footer{
	width: 85%;
	margin: 0 auto;
	padding: 30px 10px;
	white-space: nowrap;
	overflow: hidden;
	--slate-200: #e2e8f0;
	--slate-400: #94a3b8;
	--slate-100: #f1f5f9;
	--head-500: #164d76;
	--neutral: #0d2235;
	--opacity-md: 0.4;
	--opacity-sm: 0.2;
}

.footer-section-one{
	--pri: #14b8a6;
	--mid: rgb(13 148 136/var(--opacity-md));
	--sec: rgb(68 172 153/var(--opacity-sm));
}

.footer-section-two{
	--pri: #f59e0b;
	--mid: rgb(217 119 6/var(--opacity-md));
	--sec: rgb(219 125 39/var(--opacity-sm));
}

.footer-section-three{
	--pri: #0ea5e9;
	--mid: rgb(2 132 199/var(--opacity-md));
	--sec: rgba(14 165 233/var(--opacity-sm));
}

.th-footer svg{
	display: block;
}

.th-footer h3{
	margin-bottom: 30px;
	padding-bottom: 18px;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--slate-200);
	position: relative;
}

.th-footer h3::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: linear-gradient(to right, var(--head-500), var(--neutral));
}

.th-footer-sections{
	white-space: initial;
	padding: 0 5px;
}

.th-footer-section{
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.th-footer-section:not(:last-child){
	margin-right: 100px;
}

.section-head{
	margin-bottom: 20px;
}

.section-head .section-head-graphics,
.section-head h4{
	display: inline-block;
	vertical-align: middle;
}

.section-head-graphics{
	--prop: 36px;
	height: var(--prop);
	width: var(--prop);
	margin-right: 12px;
	border-radius: 12px;
	background-color: var(--sec);
	position: relative;
}

.section-head-graphics svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-head h4{
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: var(--pri);
}

.th-footer-section ul{
	list-style: none;
	padding-left: 50px;
	position: relative;
}

.th-footer-section ul::before{
	content: "";
	height: 100%;
	width: 2px;
	position: absolute;
	top: 0;
	left: calc(30px / 2);
	border-radius: 100px;
	background: linear-gradient(to bottom, var(--mid), var(--neutral));
}

.th-footer-section ul li:not(:last-child){
	margin-bottom: 10px;
}

.th-footer-section ul li a{
	font-size: 16px;
	text-decoration: none;
	color: var(--slate-400);
	letter-spacing: 0.5px;
	transition: color 0.3s ease-in-out;
}

.th-footer-section ul li a:hover{
	color: var(--slate-100);
}
/* New TH Footer styles Ends here 23-11-2023 */

@media (max-width: 1000px){
	.main-nav{
		width: 90%;
	}
    /* New TH Footer styles Starts here 23-11-2023 */
    .th-footer{
        white-space: unset;
    }

    .th-footer-section:not(:last-child){
        margin-bottom: 15px;
    }
	/* New TH Footer styles Ends here 23-11-2023 */

    .change-prev .wrks_action_btns{
        margin-left: 0 !important;
    }
}

@media (max-width: 700px){
	.left_sec_div{
		margin:70px auto 0 auto;
	}
	/* Header changes For devices under 700px starts here*/
	.main-nav-container{
		background: #fff;
		position: fixed;
		top: 0;
		border-bottom-left-radius: .5em;
		border-bottom-right-radius: .5em;
	}

	.main-nav-img a{
		width: 150px;
	}

	.mob-header{
		display: grid;
	}
	/* Header changes for devices under 700px ends here */


	.main-nav{
		width: 95%;
		grid-template-columns: unset;
		justify-content: unset;
	}
	.header-pri-lnks-container{
		display: none;
	}

	.main-nav-search{
		text-align: right;
	}

	.main-nav-search form{
		display: none;
	}

	.main-nav-drop-down.show-dd-usr{
		display: none;
	}
	.header-sec-sub-links a{
		font-size: 14px;
	}

	#mob-search-btn{
		display: unset;
	}

	.main-nav-lnks{
		display: none;
	}

    /*search suggestion part Starts*/
    .main-nav-search .srch-input-field{
        display:none;
    }
    .main-nav-search.floating-search .srch-input-field{
        display: unset !important;
        position: fixed;
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 5;
        background: #fff;
        padding: 0.5em 1em;
        border-radius: 15px;
        white-space: nowrap;
    }	
    .suggest-cont{
    position:fixed;
    top:calc(5% + 55px);
    overflow-y: scroll;
    max-height: 45%;
    }
    .suggest-cont .sugst-part li{
        margin:2.5px;
    }
    /*search suggestion part Ends*/
}

@media (max-width: 500px){
	.main-nav-lnks ul li a{
		padding: .25em;
		font-size: 12px;
	}
}
/* New Header Styles ends here */
@media (max-width : 1300px) {
	#header {
		--fntMedHeader: .9em;
	}
	.header-logo-img {
		width: 12em;
	}
	.header-search-dd{
		gap : .5em;
	}
	/* New TH Footer styles Starts here 23-11-2023 */
    .th-footer{
        width: 95%;
    }
	/* New TH Footer styles Ends here 23-11-2023 */
}

@media (max-width : 380px){
    .related-online-wrks-container h3::before{
        top : -85%;
        border-radius : .25em 0 0 0;
    }

    .related-online-wrks-container h3::after{
        top : 5.5px;
        border-bottom-left-radius : .25em;
    }
}


@media (max-width : 600px) {
	.header-logo-img{
		width: 10em;
	}
	.account{
		margin-right: 0;
	}
	.account img{
		width: 25px;
		height: 25px;
	}
	#showdropdown::before{
		font-size: .5em;
	}
}
/* New Header Styles ends here */

@media screen and (max-width: 769px) {
.ul-block{
  justify-content: center;
}
.ul-block li{
  width: 380px !important;
}
body{
  overflow-x: hidden;
}
}

/*fraction css ended 25-11-2021 ends*/
@media (min-width: 900px) and (max-width: 1100px) {
.side_ad_img{
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
}

@media (max-width: 350px) {
.hor_imgdiv a {
    padding: 3px !important;
    font-size: 12px !important;
}	
}


@media (max-width: 400px) { 

#logo_div {
	width: 100%;
	text-align: center;
	padding-left: 0px;	
}
.logo-img-bg {
	width: 100%;
	margin: 6px 0px 0px 35px !important;
}
.hor_imgdiv {
	width: 100%;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.hor_imgdiv a {
	font-size: 12px;
	padding: 5px;	
}
#sidebar {
    width: 100%;
    max-width: 400px;
    border: none;
    float: right;
    display: none;
    margin-bottom: 0px;
	margin-top: 2px;
}
.extra_div {
	width: 98%;
}
#cssmenu {
    width: 98%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.menuad_div {
	display:none;
}
#content {
    padding: 5px;
    width: 97%;
	margin-top: 5px;
}
h1 {
    font-size: 17px;
    line-height: 25px;
	text-align:center;
}

h2 {
	font-size: 18px;
	padding: 5px;

}
#hide {
    text-align: center;
    font-size: 13px;
    color: #F9FAFC;
    display: block;
    margin-top: 20px;
}
.btns_new {
    float: left;
	width: 21px;
	padding: 10px 11px 0px 1px;
	margin-left: 9px;
}
.row_img {
	text-align: center;
}
.row_head {
    text-align: left;
}
.row_des {
    text-align: left;
    width: 100% !important;
    padding-left: 0px;
}
.hor_addiv {
	margin-top:10px;
}
#footer p {
	margin-left:auto;
	margin-right:auto;
}
.extra_div {
	width: 100%;
}
.cnt_main_div {
    max-width: 98%;
    padding: 5px;
}
.cnt_topad_div {
	display:none;
}
.cnt_intro_div {
    max-width: 320px !important;
    padding: 5px;
}
.lne_het_s {
    line-height: 20px;
}
.top_nav_lst {
    padding: 2px 2px 10px 2px;
}
.top_nav_lst li {
    padding: 0px;
}
/*footer new updated */
.col-footer-3 {
    width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.footer_links {
    width: 94%;
}
.col-footer-9 {
	width: 100%;
}
.col-footer-3s {
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	margin-left: 9px;
}	
.col-footer-3s a {
	padding: 0px 5px 0px 5px;
}
.footer_link {
	padding:5px;
	width:90%;
}
/*footer new updated */
/*customary metric*/
#box_new {
    margin: 25px 1px 5px 1px !important;
	width: 97% !important;
    max-width: 398px ! important;
}
/*customary metric*/
/*related*/
.cnt_related_div {
	padding:5px;
	width: 97%;
}
/*related*/
/*search code*/
.gcse_whole_div {
	width:87%;
	padding: 10px;
    margin-left: 25px;
	margin-top:0px;
}
/*search code*/

.row_checks_lnk {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-left:0px;
}

}
@media (min-width: 401px) and (max-width: 768px) { 

#logo_div {
	text-align: center;
	width: 100%;
}
.hor_imgdiv {
	width: 53%;
	padding:0px;
}
.hor_imgdiv a {
	padding: 5px !important;
	font-size: 12px !important;
}
#sidebar {
    width: 100%;
    max-width: 768px;
    border: none;
    float: right;
    display: none;
    margin-bottom: 0px;
	margin-top: 0px;
}
.menuad_div {
	margin-bottom:20px;
	display: none;
}
#content {
    padding: 5px;
    width: 97%;
	margin-top: 0px;
}
#hide {
    text-align: center;
    font-size: 13px;
    color: #F9FAFC;
    display: block;    
}
.btns_new {
    float: left;
    width: 21px;
    padding: 25px 11px 0px 1px;
    margin-left: 9px;
}
.icon_div {
    float: left;
    width: 30%;
}
.row_img {
	text-align:center;
}
.row_des {
	text-align: left;
    width: 100% !important;
    padding-left: 0px;
    margin: 0px;
	max-width: 768px;
}
.row_head {
    text-align: left;
	max-width: 768px;
}
.hor_addiv {
	margin-top:10px;
}
.cnt_topad_div {
	max-width: 400px;
}
.cnt_main_div {
    width: 98%;
    padding: 5px;
}
#footer p {
	margin-left:auto;
	margin-right:auto;
}
h1 {
    margin-left: 7px;
}
.lne_het_s {
    line-height: 20px;
}
.cnt_topad_div {
	display:none;
}
.cnt_intro_div {
    max-width: 715px;
    padding: 5px;
}
.extra_div {
	width: 100%;
}
/*footer new updated */
.col-footer-3s {
    width: 100%;
    text-align: center;
    margin-left: 0px;
	margin-bottom:15px;
	padding-left:0px;
}
.col-footer-3s a {
	padding: 0px 10px 0px 10px;
}
.col-footer-9 {
    width: 100%;
    text-align: center;
    margin-left: 0px;
	padding-left:0px;
}
.footer_link {
	padding:5px;
	width:85%;
}

/*footer new updated */	
/*customary metric*/

/*customary metric*/
/*related*/
.cnt_related_div {
    padding: 5px;
    width: 98%;
}
/*related*/
/*search code*/
.gcse_whole_div {
	width: 40%;
}
/*search code*/

.row_checks_lnk {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-left:0px;
}

/* CSS added for change preview template - 16-02-2023 starts here*/
.change-prev .row_checks{
    text-align: center;
}

.change-prev .wrks_action_btns{
    margin-left: 0;
}

.rowbox_div-refer-lnks{
    margin: 0 auto;
}
/* CSS added for change preview template - 16-02-2023 ends here*/

/*Exclusive ws part - 05.04.2023*/
.mlti-wrks-lnks-col{
	display:block;
	width:100%;
}
	
.mlti-wrks-lnks-col ul li a{
	width:100%;
}
/*Exclusive ws part - 05.04.2023*/

/* --- Divisibility Rules Worksheets new media query starts here - 04/05/2023 --- */

.worksheet-links-container{
	width: 315px;
	margin-left: auto;
	margin-right: auto;
}


.four-cols-block{
	max-width:550px;
	width:100%;
	/* box-sizing added - 08/05/2023 */
	box-sizing:border-box; 
}

.worksheet-links-container h2{
	font-size:20px;
}

.four-cols-block .worksheet-links-row{
	column-count:2;
}

/* --- Divisibility Rules Worksheets new media query ends here - 04/05/2023 --- */

/*search suggestion part starts*/
.suggest-cont .sugst-part li a.with-grade{
	padding-right:60px;
}
.suggest-cont .sugst-part li .pge-grde{
	font-size:10px;
}	
/*search suggestion part Ends*/

/*Skip Counting Styles Starts Here 28-05-2024*/
.skip-worksheet-links-container{
	width:100%;
}
/*Skip Counting Styles Ends Here 28-05-2024*/	

/*Counting Worksheet media query styles starts here - 28/05/2024 */

.topic-list-nav-sec li, .topic-list-nav-sec-2.col-3 li {
	width: 49%;
}

/*Counting Worksheet media query styles ends here - 28/05/2024 */


/* Single Chart Worksheet with Toggle Button Styles Starts Here - 10-01-2025*/

    .green-variant .rp-categories-single-btn-wrapper ul {
        margin: 1em 0 !important;
    }

/* Single Chart Worksheet with Toggle Button Styles Ends Here - 10-01-2025*/

}

@media (min-width: 401px) and (max-width: 450px) {
 
#logo_div {
    width: 100%;
    text-align: center;
}
.extra_div {
    width: 100%;
}
.hor_imgdiv {
    text-align: center;
    padding: 0px;
    margin-top: 2px;
	width: 100%;
}
#sidebar {
    width: 100%;
    max-width: 450px;
}
#content {
    padding: 5px;
    width: 97%;
}
#footer p {
	margin-left:auto;
	margin-right:auto;
}
.cnt_intro_div {
    max-width: 370px;
}
.cnt_main_div {
	width: 97%;
}
.row_head {
    text-align: left;
}
.row_des {
    text-align: left;
    width: 100% !important;
    padding-left: 0px;
}
.row_img {
    text-align: center;
}
.lne_het_s {
    line-height: 20px;
}
.top_nav_lst {
    padding: 2px 2px 10px 2px;
}
.top_nav_lst li {
    padding: 0px;
}
/*related*/
.cnt_related_div {
	padding:5px;
	width: 97%;
}
/*related*/
/*search code*/
.gcse_whole_div {
	width: 93%;
	padding: 10px;
	margin-left: 25px;
}
/*search code*/

}

@media (max-width: 450px) {
#logo_div {
	width: 100%;
	text-align: center;
	padding-left: 0px;
}
.logo-img-bg {
	width: 100%;
	margin: 6px 0px 0px 35px;
}
#sidebar {
	width: 100%;
}
.extra_div {
	width: 98%;
}
.hor_imgdiv {
	width: 100%;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.gcse_whole_div {
	width:87%;
	padding: 10px;
    margin-left: 25px;
	margin-top:0px;
}
.top_nav_lst {
    padding: 2px 2px 0px 2px;
}
.top_nav_lst li {
    display: inline;
    padding: 0px;
}
.hor_imgdiv a {
    font-size: 12px;
}
#hide {
    text-align: center;
    font-size: 13px;
    color: #F9FAFC;
    display: block;
    margin-top: 20px;
}
.btns_new {
    float: left;
    width: 21px;
    padding: 10px 11px 0px 1px;
    margin-left: 9px;
}
#sidebar {
    width: 100%;
    max-width: 400px;
    border: none;
    float: right;
    display: none;
    margin-bottom: 0px;
	margin-top: 2px;
}
#content {
    padding: 5px;
    width: 97%;
	margin-top: 5px;
}
h1 {
    font-size: 17px;
    line-height: 25px;
	text-align:center;
}
.cnt_main_div {
    max-width: 98%;
    padding: 5px;
}
.top_link_div {
    width: 100%;
	padding-left:5px;
}
.top_link_div p {
	line-height:20px;
}
.col-footer-3 {
    width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.footer_links {
    width: 94%;
}
.col-footer-9 {
	width: 100%; 
    margin-left: 0px;
	padding-left:0px;
    text-align: center;	
}
.col-footer-3s {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left:0px;
}

.row_checks_lnk {
    width: 100%;
	text-align: center;
	margin-top: 20px;
	float: left;
	margin-left:0px;
}
/*Exclusive ws part - 05.04.2023*/	
.mlti-wrks-lnks-col{
	display:block;
	width:100%;
}
	
.mlti-wrks-lnks-col ul li a{
	width:100%;
}
/*Exclusive ws part - 05.04.2023*/

/* --- Divisibility Rules Worksheets new media query starts here - 04/05/2023 --- */

.worksheet-links-container{
	width:100%;
	/* box-sizing added - 08/05/2023 */
	box-sizing:border-box;
}

.four-cols-block .worksheet-links-row{
	column-count:1;
}

.worksheet-links-container h2{
	font-size:20px;
}

/* --- Divisibility Rules Worksheets new media query ends here - 04/05/2023 --- */
	
/*search suggestion part starts*/
.suggest-cont .sugst-part li a.with-grade{
    padding-right:60px;
}
.suggest-cont .sugst-part li .pge-grde{
    font-size:10px;
}	
/*search suggestion part Ends*/

/* Counting Worksheet media query styles starts here - 28/05/2024 */

.topic-list-nav-sec li, .topic-list-nav-sec-2 li, .topic-list-nav-sec-2.col-3 li {
	width: 100%;
}

.topic-list-nav-sec-2 li {
	padding: 0;
}

.pgntn-btn {
	width: 120px;
	padding: 8px 0;
}

/* Counting Worksheet media query styles ends here - 28/05/2024 */


/* Single Chart Worksheet with Toggle Button Styles Starts Here - 10-01-2025*/

.green-variant .rp-categories-single-btn-wrapper ul {
    margin: 1em 0 !important;
}

/* Single Chart Worksheet with Toggle Button Styles Ends Here - 10-01-2025*/
}

@media (min-width: 769px) and (max-width: 899px) { 

#logo_div {
	width: 37%;
	
}
.extra_div {
    width: 100%;
}
.hor_imgdiv {
    width: 53%;
    padding: 0px;
}
.hor_imgdiv a {
    padding: 8px !important;
    font-size: 13px !important;
}
#content {
    padding: 5px;
    width: 97%;
    margin-top: 0px;
}
.left_sec_div {
	float:left;
}
#sidebar {
    width: 100%;
    max-width: 897px;
    float: right;
    margin-bottom: 5px;
    display: none;
}
#cssmenu {
    width: 100%;
    max-width: 897px;
}
#hide {
    text-align: center;
    font-size: 13px;
    color: #F9FAFC;
    display: block;
    margin-top: 20px;
}
.btns_new {
    float: left;
    width: 21px;
    padding: 10px 11px 0px 2px;
    margin-left: 9px;
}
.cnt_main_div {
	width: 98%;
}
/*customary metric*/

/*customary metric*/
/*related*/
.cnt_related_div {
    padding: 5px;
    width: 100%;
}
/*related*/
/*search code*/
.gcse_whole_div {
    margin-left: 5px;
	width: 40%;
}
/*search code*/
h1 {
    margin-left: 7px;
}
.btns_new {
    float: left;
    width: 21px;
    padding: 25px 11px 0px 2px;
    margin-left: 9px;
}
.col-footer-3s {
    width: 100%;
    text-align: center;
    margin-left: 0px;
	margin-bottom:15px;
	padding-left:0px;
}
.col-footer-9 {
    width: 100%;
    text-align: center;
    margin-left: 0px;
	padding-left:0px;
}
.row_checks_lnk {
	width: 79%;	
}
.row_checks_lnk > a {
	margin-left: 0px;
}

}

@media (min-width: 451px) and (max-width: 650px) {
.hor_imgdiv {
	width:100%;	
}
/*search code*/
.gcse_whole_div {
	width:100%;
}
/*search code*/
}
@media (min-width: 900px) and (max-width: 954px) { 
#logo_div {
    width: 32%;	
}
.extra_div {
    width: 67%;
}
/*search code*/
.gcse_whole_div {
    width: 37%;    
    margin-left: 15px;
}
.hor_imgdiv {
	width: 58%;
	padding-right: 0px;
	padding-left: 10px;
}
.hor_imgdiv a {
	font-size: 12px;
}
/*search code*/
}


@media screen and (max-width: 1100px){
	/* New TH Footer styles Starts here 23-11-2023 */
    .th-footer-section:not(:last-child){
        margin-right: 45px;
    }
	/* New TH Footer styles Ends here 23-11-2023 */	
}

@media screen and (max-width: 750px){
	/* New TH Footer styles Starts here 23-11-2023 */
    .th-footer-section:not(:last-child){
        margin-right: 30px;
    }
	/* New TH Footer styles Ends here 23-11-2023 */	
}
@media (max-width: 650px) {
#logo_div {
    width: 86%;
    text-align: center;
    padding-left: 0px;
}
.logo-img-bg {
    width: 100%;
    margin: 6px 0px 0px 65px;
}
.extra_div {
    width: 98%;
}
.hor_imgdiv {
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.gcse_whole_div {
    width: 87%;
    padding: 10px;
    margin-left: 35px;
    margin-top: 0px;
}
.hor_imgdiv a {
    padding: 5px;
    font-size: 11px;
}	
	
}
@media (min-width: 1000px) and (max-width:1200px){
.cnt_related_div {
	padding: 5px;
	width: 100%;
}
}