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 {
    width: 100%;
    max-width: 875px;
    min-height: 208px;
    float: left;
    position: relative;
    padding: 0px 10px 23px 15px;
    margin: 5px 10px 10px 0px;
    background-image: linear-gradient(white, #cae4f985);
    box-shadow: 0 5px 10px #a7a6a863;

    /* CSS added on 03-11-2022 starts here */
    height: 100%;
    min-height: 280px;
    /* CSS added on 03-11-2022 ends here */
}
.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 {
    /* CSS added on 03-11-2022 starts here */
    margin-top : 40px;
    /* CSS added on 03-11-2022 ends here */
    margin-left: 170px;
    margin-bottom: 5px;
    width: auto;
    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 {
    position: absolute;
    top: 0;
    left: 5px;
    /* CSS added on 03-11-2022 starts here */
    margin: 72px 0px 5px 10px;
    /* CSS added on 03-11-2022 ends here */
    width: 21%;
    float: left;
}
.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;
}

/* 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: #17417e;
    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*/
.row-div-news #box_new{
    width: 100% !important;
    margin: 10px 0 !important;
}

#box_new {
  margin: 10px 2px 5px 8px;
  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 {
    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;
}

.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;
    padding-top: 1em;
    margin-left: 2em;
}

.change-prev .row_checks{
    margin: .5em 0;
    height: unset;
}

.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_button{
	vertical-align:middle;
}
/*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 */

/* Equivalent Fractions starts 29-04-2025 */
.blr-skill{
	float: left;
    position: relative;
}
.blr-skill .rowbox_div{
	filter:blur(2px);
}
.blr-skill .see-mre-cnt{
    width: 100%;
    height: 100%;
    padding: 4px 8px;
    border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
}
.see-mre-cnt p{
    position: relative;
    transform: translate(-50%, -45%);
    top: 45%;
    left: 50%;
    color: #fff;
    cursor: pointer;
    border: 1px solid #64748b;
    padding: 12px 70px 12px 94px;
    width: fit-content;
    font-weight: 600;
    background-color: #64748b;
    font-size: 21px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background-image: none;
}
.see-mre-cnt p:hover::before{
	animation: loader-rotate 6s linear infinite;
}
.see-mre-cnt p::before{
	content:'';
	position:absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 17 17'%3E%3Cg transform='translate(1.000000, 0.000000)' fill='%23fff'%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M8.968,1.866 C8.968,2.878 8.531,5.927 7.992,5.927 C7.455,5.927 7.015,2.878 7.015,1.866 C7.015,0.852 7.454,0.031 7.992,0.031 C8.531,0.031 8.968,0.853 8.968,1.866 L8.968,1.866 Z'%3E%3C/path%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M7.016,14.088 C7.016,13.082 7.454,10.057 7.993,10.057 C8.531,10.057 8.968,13.082 8.968,14.088 C8.968,15.092 8.531,15.906 7.993,15.906 C7.453,15.906 7.016,15.092 7.016,14.088 L7.016,14.088 Z'%3E%3C/path%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M1.859,7.03 C2.884,7.03 5.972,7.461 5.972,7.991 C5.972,8.521 2.884,8.95 1.859,8.952 C0.832,8.95 0,8.521 0,7.991 C0,7.461 0.832,7.031 1.859,7.03 L1.859,7.03 Z'%3E%3C/path%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M14.123,8.982 C13.102,8.982 10.031,8.542 10.031,7.999 C10.031,7.456 13.101,7.016 14.123,7.016 C15.142,7.014 15.969,7.456 15.969,7.999 C15.969,8.542 15.142,8.982 14.123,8.982 L14.123,8.982 Z'%3E%3C/path%3E%3Cg transform='translate(2.000000, 2.000000)'%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M11.182,2.193 C10.467,2.908 8.002,4.755 7.621,4.375 C7.241,3.994 9.086,1.527 9.801,0.813 C10.518,0.096 11.41,-0.173 11.79,0.206 C12.172,0.588 11.898,1.477 11.182,2.193 L11.182,2.193 Z'%3E%3C/path%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M0.816,9.846 C1.527,9.134 3.976,7.304 4.357,7.686 C4.738,8.066 2.907,10.514 2.195,11.225 C1.486,11.935 0.601,12.202 0.22,11.822 C-0.16,11.439 0.106,10.555 0.816,9.846 L0.816,9.846 Z'%3E%3C/path%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M2.176,0.818 C2.902,1.543 4.78,4.031 4.405,4.406 C4.03,4.781 1.544,2.9 0.817,2.177 C0.091,1.449 -0.194,0.558 0.181,0.183 C0.556,-0.192 1.449,0.092 2.176,0.818 L2.176,0.818 Z'%3E%3C/path%3E%3Cpath stroke='%23fff' stroke-width='0.4' d='M9.812,11.198 C9.089,10.476 7.23,7.993 7.614,7.609 C7.998,7.224 10.481,9.085 11.202,9.807 C11.925,10.526 12.196,11.423 11.812,11.808 C11.428,12.191 10.531,11.918 9.812,11.198 L9.812,11.198 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 23px;
    height: 23px;
    background-size: 23px 23px;
    left: 62px;
    top: 50%;
    transform: translateY(-50%);
}
@keyframes loader-rotate {
 0%{
    transform: translateY(-50%) rotate(0deg);
   }
100%{
    transform: translateY(-50%) rotate(360deg);
   }
}
/* Equivalent Fractions ends 29-04-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;
    }

    .change-prev .row_img{
        margin: 15px 0px 0px 0px !important;
    }
    /* CSS added for change preview template - 16-02-2023 ends here*/
}

/* 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 {
    width: 81%;
    float : right;
    height: 3em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 1em 0;
}

.row_checks > img {
  margin-left : 1em;
}

.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_img.nu,
    .row_img {
        margin: 15px 0px 20px 0px;
    }

    .row_checks {
        width: 100% !important;
        text-align: left;
        margin-bottom: 1.5em;
    }
}

@media (max-width : 1135px) {
    .row_checks {
        width: 77%;
    }
}
/* CSS added on 03-11-2022 ends here */

/* CSS added on 02-05-2024 (Green Buttons) starts here */
.green-variant .row_check {
    margin: .5em 0 .5em 1.5em !important;
}

.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 */

.row-div-new-head:has(.wrks-variants-container){
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1em;
}

.wrks-variants-container{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-left: auto;
}

.wrks-variants {
    width: fit-content;
    min-width: 130px;
    position: relative;
    border-radius: .25em;
    align-self: start;
    user-select: none;
}

.wrks-variants span {
    min-width: inherit;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    background: linear-gradient(#7dab88, #478a56);
    padding: .5em 1.5em .5em 1em;
    border-radius: inherit;
    cursor: pointer;
    transition: .3s;
    position: relative;
}

.wrks-variants span::after {
    --wh: 6px;
    content: '';
    width: 0;
    height: 0;
    border-left: var(--wh) solid transparent;
    border-right: var(--wh) solid transparent;
    border-top: var(--wh) solid #fff;
    position: absolute;
    top: 56%;
    right: .5em;
    transform: translateY(-50%);
    transition: .3s;
    border-radius: var(--wh);
}

.wrks-variants.active span::after {
    transform: translateY(-50%) rotate(180deg);
}

.wrks-variants.active span {
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, .25);
}

.wrks-variants ul {
    width: fit-content;
    min-width: inherit;
    position: absolute;
    top: 110%;
    right: 0;
    z-index: 1;
    border-radius: inherit;
    list-style: none;
    overflow: hidden;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .25);
    display: none;
}

.wrks-variants.active ul {
    display: block;
}

.wrks-variants ul li {
    display: flex;
    align-items: center;
    padding: .5em 1em;
    font-size: 15px;
    background: linear-gradient(#7dab88, #478a56);
    color: #ededed;
    cursor: pointer;
    transition: .3s;
    font-weight: 500;
    white-space: nowrap;
}

.wrks-variants ul li:hover {
    color: #478a56;
    background: linear-gradient(#fff, #e8e8e8);
}

@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 */
}

@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;
	}

 }

@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;
}
.rowbox_div {
	width:92%;
	max-width: 400px;
	margin: 15px 0px 10px 0px;
}
.row_img {
	text-align: center;
	width: 100% !important;
	position: initial;
}
.row_head {
    text-align: left;
    width: 100% !important;
    padding-left: 0px;
	margin-bottom: 5px;
	margin-left: 0;
}
.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;
}

/* Equivalent Fractions starts 29-04-2025 */
.see-mre-cnt p {
	padding: 12px 50px 12px 74px;
}
.see-mre-cnt p::before{
	left: 42px;
}
/* Equivalent Fractions ends 29-04-2025 */

}
@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%;
}
.rowbox_div {
	width: 97%;
	max-width: 768px;
	padding: 0px 10px 30px 10px;
	margin: 10px 0px 10px 0px;	
}
.row_img {
	width:100%;
	text-align:center;
	position: initial;
	margin: 15px 0px 5px 0px;
}
.row_des {
	text-align: left;
    width: 100% !important;
    padding-left: 0px;
    margin: 0px;
	max-width: 768px;
}
.row_head {
    text-align: left;
    width: 100% !important;
    padding-left: 0px;
    margin: 0px;
	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*/
#box_new {
    width: 97% !important;
	max-width: 768px;

}
/*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 --- */

/*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%;
}
.rowbox_div {
	width: 94%;
	max-width: 450px;
	padding: 0px 10px 30px 10px;
	margin: 10px 0px 10px 0px;	
}
.row_head {
    text-align: left;
    width: 100% !important;
    padding-left: 0px;
	margin: 0px;
}
.row_des {
    text-align: left;
    width: 100% !important;
    padding-left: 0px;
}
.row_img {
    text-align: center;
    width: 100% !important;
    position: initial;
	margin: 15px 0px 5px 0px;
}
.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 --- */

/* 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*/

/* Equivalent Fractions starts 29-04-2025 */
.see-mre-cnt p {
	font-size: 18px;
}
/* Equivalent Fractions ends 29-04-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%;
}
.rowbox_div {
	max-width: 98%;
}
/*customary metric*/
#box_new {
    margin: 10px 1px 5px 1px ! important;
    width: 98% ! important;
	max-width: 900px;
}
/*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%;
}
}