body {
  font-family: "Cambria", Calibri, sans-serif;
  margin: 0;
  padding: 0;
}
#wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  /* background-color:lightgrey;	 */
}
#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: 12px;
}
.cnt_topad_div {
  width: 100%;
  max-width: 336px;
  height: 280px;
  float: left;
}
.topad_img_div {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.cnt_nxtpart_div {
  float: left;
  margin-top: 20px;
  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;
}
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;
}
#footer p {
  font-size: 14px;
  line-height: 1;
  color: #f9f5f5;
}
.col-sub-footer {
  width: 100%;
  float: left;
  background-color: #031424;
  padding-top: 6px;
  padding-bottom: 6px;
}
.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: Calibri, 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;
}
#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);
}
.cnt_subdiv {
  float: left;
  width: 400px;
}
.cnt_subdiv a img {
  border: 2px solid #cdc1d7;
}
.fnt_bold {
  font-weight: bold;
}
.sub_topic_div {
  max-width: 900px;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 15px;
}
.sub_topic_div h2 {
  margin-left: 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0px auto;
  color: #4e5253;
  font-size: 20px;
  padding: 3px;
}
.top_link_div {
  width: 50%;
  float: left;
}
.top_link_div a {
  text-decoration: none;
  color: #1735a2;
  font-size: 16px;
}
.top_link_div1 {
  width: 50%;
  float: left;
}
.top_link_div1 a {
  text-decoration: none;
  font-weight: bold;
  color: #871dae;
}
.top_link_div_main {
  width: 50%;
  float: left;
}
.top_link_div_main a {
  text-decoration: none;
  color: #151515;
  font-size: 17px;
}
.no_lftmargin {
  margin: 20px 20px 20px 0px;
}
.des_head a {
  color: #083924;
  line-height: 10px;
  font-size: 17px;
  font-weight: bold;
  text-decoration: underline;
}
.sub_cntdiv {
  border-top: none;
  width: 100%;
  max-width: 845px;
  float: left;
}
.nxt_lnk span:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  margin-bottom: 2px;
  background: #1735a2;
}
.nxt_lnk:hover {
  text-decoration: underline;
}
.nxt_lnk_main span:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  margin-bottom: 2px;
  background: #151515;
}
.nxt_lnk_main:hover {
  text-decoration: underline;
}
.lne_het_med {
  line-height: 20px;
}
.strut_order {
  display: block !important;
}
.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 */
/*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 {
  /*need to change in live 
    background: #ffffff url(/images/search-icon.png) center no-repeat; */
  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: 0.3s;
  transition-duration: 0.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;
}
a {
  color: #0629a6;
  text-decoration: none;
  background-color: transparent;
}
.lne_het_s {
  line-height: 10px;
}
.fnt_bld {
  font-weight: bold;
}
.top_link_div a span:before {
  content: "?";
  color: #f40909;
  font-size: 18px;
  margin-right: 7px;
}
.top_link_div a span:hover {
  content: "?";
  display: block;
  width: 350px;
  height: 25px;
  /* margin-right: 5px;
    margin-bottom: 2px;
	background: #3e4246; */
  padding: 2px 1px 6px 10px;
  border-radius: 10px;
  background: linear-gradient(#fff 0%, #cae4f985 100%);
  font-weight: normal;
  border: 1px solid #cae4f985;
}
.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;
}

.side_ad_img {
  align-content: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

/*language arts page starts css added by 01-11-2021*/
.lan-wrapper {
  height: auto;
  width: 100%;
  display: block;
}
.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  padding: 16px 31px 16px 25px;
  cursor: pointer;
  background: #10b8c7a3;
  font-weight: bold;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
  margin-top: 0.2rem;
  margin-right: 0.2rem;
}
.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  line-height: 1.8;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  background: #d9d6d69c;
}
.tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.tabs input[type="radio"]:checked + label {
  background: #d9d6d69c;
}
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
  box-shadow: 0px -8px 1px 0px #66d2db inset;
}

/* New Header styles starts here */
#header {
  --fntMedHeader: 0.95em;
  --fntSmlHeader: 0.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 0.3s;
  border-radius: 0.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: 0.5px;
  color: inherit;
  padding: 0.5em 1em;
  box-sizing: border-box;
}

.header-links li:last-child {
  background: linear-gradient(#cb4343, #9d1c1c);
  color: #fff;
  transition: 0.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: 0.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: 0.25em 0.5em;
  position: relative;
  background: linear-gradient(to bottom right, #38638b, #1d3f5f);
  border-radius: 0.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: 0.8em;
  color: #fff;
  position: absolute;
  top: 10%;
  left: 15%;
  transform-origin: center;
  transition: 0.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: 0.5em;
	transform: scale(0);
	opacity: 0;
	position: absolute;
	top: 110%;
	right: 0%;
	background-image: linear-gradient(to bottom right, #38638b, #1d3f5f);
	padding: 0.5em;
	border-radius: 0.2em;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	transform-origin: right top;
	transition: 0.3s;
}

.drop-down-content .tiles {
  padding: 0.5em;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 0.2em;
  transform: translateX(40%);
  transition: transform 0.6s;
  color: #fff;
  text-decoration: none;
}

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

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

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

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

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

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

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

.drop-down-content .tiles:nth-child(5) {
  transition-delay: 0.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 */

/* @media (max-width : 1400px) {
    #header {
        grid-template-columns: 1fr;
        place-items: center;
    }
} */

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

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

.offline-wrks-modal-overlay{
	z-index: 3;
}

.backdrop-overlay{
	z-index: 3;
}

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

/* ela grade quick links style starts here*/
.quick-glimps{
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	text-align: center;
	width: 90%;
	margin: auto;	
}
.color-temp{
	position:absolute;
	height:0;
	width:0;
}
.quick-glimps ul{
	list-style:none;
	margin:0;
	padding:0;
}
.quick-glimps ul li{
	display:inline-block;
	vertical-align:top;
	background:#fff;
	position:relative;
	width:45px;
	height:45px;
	padding:5px;
	box-sizing:border-box;
	transform:rotate(-45deg);
	border-radius:10px;
	margin:10px;
	transition:.3s;
	box-shadow:inset -1px 1px 3px #C8D0E8, -4px 4px 3px #c8d0e7;
}
.quick-glimps ul li::before{
	content:attr(data-grade);
	position:absolute;
	bottom:50%;
	left:50%;
	transform:translateX(-50%) scale(0)	rotate(45deg);
	white-space:nowrap;
	background:#fff;
	padding:2px 4px;
	font-size:13px;
	color:#afafaf;
	font-weight:bold;
	transition:.3s;
	border-radius:5px 5px 5px 0;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.grdk{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 50'%3E%3ClinearGradient id='grdk' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(255, 177, 194);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(177, 108, 119);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpath stroke-width='3' stroke='url(%23grdk)' fill='url(%23grdk)' d='M18 23.1716L18 12C18 10.8954 17.1046 9.99999 16 9.99999C14.8954 10 14 10.8954 14 12L14 36C14 37.1046 14.8954 38 16 38C17.1046 38 18 37.1046 18 36L18 28.8284L20 26.8284L30.5858 37.4142C31.3668 38.1953 32.6332 38.1953 33.4142 37.4142C34.1953 36.6332 34.1953 35.3668 33.4142 34.5858L22.8284 24L33.4142 13.4142C34.1953 12.6332 34.1953 11.3668 33.4142 10.5858C32.6332 9.80473 31.3668 9.80473 30.5858 10.5858L18 23.1716Z' %3E%3C/path%3E%3C/svg%3E");
}
.grd1{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd1' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(88, 183, 221);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(38, 93, 115);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpolyline style='transform:translate(-38px,-20px);' stroke='url(%23grd1)' points='108 100 132 84 132 176' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.grd2{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd2' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(169, 217, 180);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(82, 132, 94);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpath style='transform:translate(-38px,-20px);' d='M105.9,94.7A24,24,0,0,1,152,104a23.6,23.6,0,0,1-4.1,13.4h0L104,176h48' fill='none' stroke='url(%23grd2)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.grd3{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd3' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(236, 164, 125);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(112, 83, 68);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpath style='transform:translate(-38px,-20px);' d='M104,84h48l-28,40a28,28,0,1,1-19.8,47.8' fill='none' stroke='url(%23grd3)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.grd4{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd4' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(247, 163, 245);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(134, 69, 133);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpolyline style='transform:translate(-38px,-20px);' points='124 76 100 144 148 144' fill='none' stroke='url(%23grd4)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3Cline style='transform:translate(-38px,-20px);' x1='147' y1='112' x2='148' y2='176' id='d' fill='none' stroke='url(%23grd4)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.grd5{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd5' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(171, 234, 219);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(35, 196, 158);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpath style='transform:translate(-38px,-20px);' d='M152,80H111.8L104,128.2a28,28,0,1,1,0,39.6' fill='none' stroke='url(%23grd5)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.grd6{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd6' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(218, 225, 168);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(147, 157, 75);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cline style='transform:translate(-38px,-20px);' x1='103.8' y1='134' x2='136' y2='80' fill='none' stroke='url(%23grd6)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3Ccircle style='transform:translate(-38px,-20px);' cx='128' cy='148' r='28' fill='none' stroke='url(%23grd6)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.grd7{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd7' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:rgb(171, 229, 239);stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:rgb(71, 107, 114);stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpolyline style='transform:translate(-38px,-20px);' points='104 84 152 84 120 180' fill='none' stroke='url(%23grd7)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.grd8{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 190'%3E%3ClinearGradient id='grd8' x1='100%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23e0d1f9;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%237b5fa8;stop-opacity:1' /%3E%3C/linearGradient%3E%3Cpath style='transform:translate(-38px,-20px);' transform='rotate(180deg)' d='M150,102a21.9,21.9,0,1,1-6.4-15.6A22.3,22.3,0,0,1,150,102ZM154,150a25.9,25.9,0,1,1-7.6-18.4A25.9,25.9,0,0,1,154,150Z' fill='none' stroke='url(%23grd8)' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");
}
.quick-glimps ul li a{
	transform:rotate(45deg);
	display:block;
	text-align:center;
	width:100%;
	height:100%;
}
.quick-glimps ul li:hover::before{
	bottom: 125%;
	transform: rotate(45deg) scale(1) translate(10%,0);
}
.quick-glimps ul li:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.quick-glimps ul li:hover a{
	filter: brightness(0) invert(1);
}
.quick-glimps ul li:nth-child(1):hover{
	background:linear-gradient(0deg, rgb(177, 108, 119), rgb(255, 177, 194));
}
.quick-glimps ul li:nth-child(2):hover{
	background:linear-gradient(0deg, rgb(38, 93, 115), rgb(88, 183, 221));
}
.quick-glimps ul li:nth-child(3):hover{
	background:linear-gradient(0deg, rgb(82, 132, 94), rgb(169, 217, 180));
}
.quick-glimps ul li:nth-child(4):hover{
	background:linear-gradient(0deg, rgb(112, 83, 68), rgb(236, 164, 125));
}
.quick-glimps ul li:nth-child(5):hover{
	background:linear-gradient(0deg, rgb(247, 163, 245), rgb(134, 69, 133));
}
.quick-glimps ul li:nth-child(6):hover{
	background:linear-gradient(0deg, rgb(35, 196, 158), rgb(171, 234, 219));
}
.quick-glimps ul li:nth-child(7):hover{
	background:linear-gradient(0deg, rgb(112, 145, 46), rgb(209, 236, 153));
}
.quick-glimps ul li:nth-child(8):hover{
	background:linear-gradient(0deg, rgb(71, 107, 114), rgb(171, 229, 239));
}
.quick-glimps ul li:nth-child(9):hover{
	background:linear-gradient(0deg, #7b5fa8, #e0d1f9);
}

/* ela grade quick links style ends here*/

/* New header style for grade starts here (01-11-23)*/ 

.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: 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 header style for grade ends here (01-11-23)*/ 

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

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

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

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

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

/* Search Updation Popup Starts Here */

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

/*search Updation popup Ends here */

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

@media screen and (max-width: 1100px){
  .th-footer-section:not(:last-child){
	  margin-right:45px; 
  }
}

@media screen and (max-width: 750px){
  .th-footer-section:not(:last-child){
      margin-right: 30px;
  }
}

/* New TH Footer styles ends here 23-11-2023 */

@media (max-width: 1000px){
	.main-nav{
		width: 90%;
	}

  /* New TH Footer styles starts here 23-11-2023 */
  .th-footer{
      white-space: unset;
  }

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

}

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

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

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


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

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

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

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

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

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

@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: 0.9em;
  }
  .header-logo-img {
    width: 12em;
  }
  .header-search-dd {
    gap: 0.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: 700px) {
  #header {
    --fntMedHeader: 0.9em;
  }

  .header-logo-img {
    width: 15em;
  }
} */

@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) {
  .lan-wrapper {
    width: 84%;
    margin: 0px auto;
    text-align: left;
    background: #fff;
    padding: 20px;
    padding-top: 0;
    padding-left: 0;
  }
  .tabs label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    padding: 16px 31.5px 16px 31px;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #10b8c7a3;
    font-weight: bold;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
    position: relative;
  }
  .tabs {
    margin-right: 0.2rem;
    display: block;
    width: 100%;
  }
  .tabs .tab {
    width: 97.8%;
  }
  .tabs .tab,
  .tabs label {
    -webkit-box-ordinal-group: NaN;
    -webkit-order: initial;
    -ms-flex-order: initial;
    order: initial;
  }
  .tabs label {
    width: 92%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
  .tabs input[type="radio"]:checked + label {
    background: #66d2db;
  }

  .tabs input[type="radio"]:checked + label:after {
    content: "\276E";
    transform: rotate(-93deg);
    margin-left: -15px;
  }
  .tabs label:after {
    position: absolute;
    top: 23%;
    transform: translateY(-50%);
    right: 0.75rem;
    content: "\276E";
    transform: rotate(-93deg);
    width: 1.75rem;
    height: 1.75rem;
    background-color: #09264aab;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-weight: 600;
  }
  .inner-cont {
    justify-content: center;
  }
  .inner-cont li {
    width: 380px !important;
  }  
}
.inner-cont {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0px;
  margin-top: 0;
}
.inner-cont 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: 220px;
}
.inner-cont li:hover {
  transform: scale(1);
  box-shadow: 5px 20px 30px rgb(0 0 0 / 20%);
  background-color: #66d2db9e;
  color: #fff;
  font-weight: bold;
}
.pho-lbl {
  margin-right: 0px !important;
}
/*language arts page ends css added by 01-11-2021*/

/* Debashish language arts design starts here 15-09-22 */

.ela-page-wrapper * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.ela-page-wrapper {
  --white: #fff;
  --one-dark: #358f80;
  --one-light: #e4f5f3;
  --one-shadow: #86cec7;
  --two-dark: #9c6d57;
  --two-light: #f3ebe8;
  --two-shadow: #d2b6a9;
  --three-dark: #5480e5;
  --three-light: #e4ebfb;
  --three-shadow: #99b3f0;
  --four-dark: #bb6278;
  --four-light: #f8ecef;
  --four-shadow: #e2b4bf;
  --five-dark: #b69121;
  --five-light: #f8f3e3;
  --five-shadow: #e1cf97;
  --six-dark: #6358c4;
  --six-light: #eae9f8;
  --six-shadow: #b2ace4;
}
.ela-topics {
  margin-bottom: 40px;
}
.ela-topic {
  width: 100%;
  margin: 0 auto 40px auto;
  display: flex;
  border-radius: 15px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  overflow: hidden;
}
.ela-topic:nth-child(even) {
  flex-direction: row-reverse;
}
.ela-img {
  width: 270px;
  padding: 35px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.ela-img::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  width: 50%;
}
.ela-topic:nth-child(odd) .ela-img::before {
  left: 0;
}
.ela-topic:nth-child(even) .ela-img::before {
  right: 0;
}
.ela-img img {
  height: 230px;
  width: 230px;
  object-fit: contain;
  padding: 5px;
  border-radius: 60px 5px 25px 5px;
}
.ela-content {
  width: calc(100% - 270px);
  padding: 15px 15px 15px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.ela-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 80px;
  background: url("/images/cols-pencil.png") center/contain no-repeat;
}
.ela-topic:nth-child(odd) .ela-content::after {
  right: 0;
  transform: rotate(270deg);
}
.ela-topic:nth-child(even) .ela-content::after {
  left: 0;
  transform: rotate(90deg) scaleX(-1);
}
.ela-topic:nth-child(even) .ela-content {
  padding: 15px 0px 15px 15px;
}
.ela-content h3 {
  font-size: 18.5px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.ela-content p {
  font-size: 15px;
  text-align: justify;
  font-weight: 600;
  margin-bottom: 15px;
}
.ela-btn {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  padding: 8px 12px;
  color: var(--white);
  border-radius: 100px;
}
.ela-topic-one .ela-img img {
  background-color: var(--one-light);
  box-shadow: 6px 6px var(--one-shadow);
}
.ela-topic-two .ela-img img {
  background-color: var(--two-light);
  box-shadow: -6px 6px var(--two-shadow);
}
.ela-topic-three .ela-img img {
  background-color: var(--three-light);
  box-shadow: 6px 6px var(--three-shadow);
}
.ela-topic-four .ela-img img {
  background-color: var(--four-light);
  box-shadow: -6px 6px var(--four-shadow);
}
.ela-topic-five .ela-img img {
  background-color: var(--five-light);
  box-shadow: 6px 6px var(--five-shadow);
}
.ela-topic-six .ela-img img {
  background-color: var(--six-light);
  box-shadow: -6px 6px var(--six-shadow);
}

.ela-topic-one .ela-content h3 {
  color: var(--one-dark);
}
.ela-topic-two .ela-content h3 {
  color: var(--two-dark);
}
.ela-topic-three .ela-content h3 {
  color: var(--three-dark);
}
.ela-topic-four .ela-content h3 {
  color: var(--four-dark);
}
.ela-topic-five .ela-content h3 {
  color: var(--five-dark);
}
.ela-topic-six .ela-content h3 {
  color: var(--six-dark);
}
.ela-topic-one .ela-img::before,
.ela-topic-one .ela-btn {
  background-color: var(--one-dark);
}
.ela-topic-two .ela-img::before,
.ela-topic-two .ela-btn {
  background-color: var(--two-dark);
}
.ela-topic-three .ela-img::before,
.ela-topic-three .ela-btn {
  background-color: var(--three-dark);
}
.ela-topic-four .ela-img::before,
.ela-topic-four .ela-btn {
  background-color: var(--four-dark);
}
.ela-topic-five .ela-img::before,
.ela-topic-five .ela-btn {
  background-color: var(--five-dark);
}
.ela-topic-six .ela-img::before,
.ela-topic-six .ela-btn {
  background-color: var(--six-dark);
}
@media screen and (min-width: 900px) and (max-width: 1000px) {
  #content {
    width: 65%;
  }
}
@media screen and (max-width: 899px) {
  .ela-topic {
    width: 97.5%;
  }
}
@media screen and (max-width: 600px) {
  .ela-topic,
  .ela-topic:nth-child(even) {
    flex-direction: column;
    width: 95%;
  }
  .ela-img,
  .ela-content,
  .ela-img::before {
    width: 100%;
  }
  .ela-img::before {
    height: 50%;
  }
  .ela-img img {
    height: 190px;
    width: 190px;
  }
  .ela-content h3 {
    text-align: center;
  }
  .ela-topic-two .ela-img img {
    box-shadow: 6px 6px var(--two-shadow);
  }
  .ela-topic-four .ela-img img {
    box-shadow: 6px 6px var(--four-shadow);
  }
  .ela-topic-six .ela-img img {
    box-shadow: 6px 6px var(--six-shadow);
  }
  .ela-content {
    padding: 0 15px 15px 15px;
    align-items: center;
  }
  .ela-topic:nth-child(even) .ela-content {
    padding: 0 15px 15px 15px;
  }
  .ela-content::after {
    display: none;
  }
}

/* Debashish language arts design ends here 15-09-22 */

/* New Number Sense design starts here 20-12-22*/

.page-wrapper * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --black: rgba(0, 0, 0, 1);
  --white: rgba(255, 255, 255, 1);
  --brown: rgba(78, 82, 83, 1);
  --teal: rgba(0, 109, 119, 1);
  --teal-shadow: rgba(0, 109, 119, 0.3) 0px 2px 4px 0px,
    rgba(0, 109, 119, 0.3) 0px 2px 16px 0px;
  --teal-gradient: linear-gradient(
    315deg,
    rgba(0, 191, 178, 1) 0%,
    rgba(2, 128, 144) 50%
  );
  --light-teal: rgba(0, 109, 119, 0.08);
  --chocolate-cosmos: rgba(80, 27, 29, 0.7);
  --chocolate-cosmos-light: rgba(80, 27, 29, 0.11);
  --chocolate-cosmos-shadow: rgba(80, 27, 29, 0.2) 0px 2px 4px 0px,
    rgba(80, 27, 29, 0.2) 0px 2px 16px 0px;
  --chocolate-cosmos-curtain: rgba(80, 27, 29, 0.7);
  --purple: rgba(97, 42, 143, 1);
  --purple-light: rgba(97, 42, 143, 0.12);
  --purple-shadow: rgba(97, 42, 143, 0.3) 0px 2px 4px 0px,
    rgba(112, 139, 125, 0.3) 0px 2px 16px 0px;
  --purple-curtain: rgba(97, 42, 143, 0.84);
}

.page-wrapper {
  margin-top: 20px;
  padding: 0 10px;
  width: 100%;
}

.worksheets-head-title {
  padding: 10px;
  background-color: var(--teal);
}

.worksheets-head-title h2 {
  color: var(--white);
  font-size: 18.5px;
  letter-spacing: 1px;
  text-align: center;
}

.worksheet-links-wrapper {
  padding-top: 20px;
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: repeat(2, 270px);
}

.worksheet-links li {
  list-style: none;
  width: fit-content;
  margin-bottom: 20px;
}

.worksheet-link {
  text-decoration: none;
  font-size: 16.5px;
  font-weight: 600;
  color: var(--brown);
  background-image: linear-gradient(var(--white), var(--white)),
  linear-gradient(var(--brown), var(--brown));
  background-size: 100% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.7s ease-in-out;
  position: relative;
}

.worksheet-link:hover {
  background-size: 0 2px, 100% 2px;
}

.worksheet-link::before {
  content: "";
  position: absolute;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  top: 10px;
  right: calc(100% + 9px);
  background-color: var(--brown);
}

.worksheets-wrapper,
.recently-add-container,
.popular-worksheets-container {
  margin: 0 auto 80px auto;
}

.recently-add-head,
.popular-head {
  padding: 10px;
}

.recently-add-head {
  background-color: var(--chocolate-cosmos);
}

.popular-head {
  background-color: var(--purple);
}

.recently-add-head h2,
.popular-head h2 {
  color: var(--white);
  font-size: 18.5px;
  letter-spacing: 1px;
  text-align: center;
}

.recently-add-content,
.popular-content {
  padding: 40px 10px;
  display: grid;
  justify-content: space-evenly;
  gap: 20px;
  grid-template-columns: repeat(4, 150px);
}

.recently-add-content {
  background-color: var(--chocolate-cosmos-light);
}

.popular-content {
  background-color: var(--purple-light);
}

.recently-link-wrap,
.popular-link-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
}

.recently-link-wrap {
  box-shadow: var(--chocolate-cosmos-shadow);
}

.popular-link-wrap {
  box-shadow: var(--purple-shadow);
}

.recently-link-content,
.popular-link-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 8px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: 0.7s ease;
  overflow: hidden;
}

.recently-link-content {
  background-color: var(--chocolate-cosmos-curtain);
}

.popular-link-content {
  background-color: var(--purple-curtain);
}

.recent-topic:hover .recently-link-content,
.popular-topic:hover .popular-link-content {
  opacity: 1;
}

.recently-link-content h4,
.popular-link-content h4,
.recently-link-content p,
.popular-link-content p {
  font-weight: 600;
  color: var(--white);
}

.recently-link-content h4,
.popular-link-content h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

.recently-link-content p,
.popular-link-content p {
  font-size: 13px;
}

@media screen and (max-width: 1077px) {
  .worksheet-links-wrapper {
    grid-template-columns: repeat(2, 250px);
  }
  .recently-add-content,
  .popular-content {
    grid-template-columns: repeat(2, 150px);
  }
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
  #content {
    width: 65%;
  }
}

@media screen and (max-width: 899px) {
  .page-wrapper {
    padding: 0;
  }
  .worksheet-links-wrapper {
    grid-template-columns: repeat(2, 270px);
  }
  .worksheets-wrapper,
  .recently-add-container,
  .popular-worksheets-container {
    width: 96%;
  }
  .recently-add-content,
  .popular-content {
    grid-template-columns: repeat(4, 150px);
  }
}

@media screen and (max-width: 730px) {
  .worksheet-links-wrapper {
    grid-template-columns: repeat(2, 250px);
  }
  .recently-add-content,
  .popular-content {
    grid-template-columns: repeat(2, 150px);
  }
}

@media screen and (max-width: 610px) {
  .worksheet-links-wrapper {
    padding-left: 30px;
    grid-template-columns: repeat(1, 75%);
  }
}

@media screen and (max-width: 480px) {
  .worksheet-links-wrapper {
    grid-template-columns: repeat(1, 100%);
    justify-content: start;
  }
  .worksheet-link {
    font-size: 15px;
  }
  .worksheet-link::before {
    top: 9px;
  }
}

@media screen and (max-width: 350px) {
  .recently-add-content,
  .popular-content {
    grid-template-columns: repeat(1, 150px);
  }
}

/* New Number Sense design ends here 20-12-22*/

@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;
  }
  #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;
    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;
  }
  #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%;
  }
  .col-footer-3s {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    margin-left: 9px;
  }
}

@media (min-width: 401px) and (max-width: 768px) {
  #logo_div {
    text-align: center;
    width: 100%;
  }
  .extra_div {
    width: 100%;
  }
  .hor_imgdiv {
    width: 53%;
    padding: 0px;
  }
  .gcse_whole_div {
    width: 40%;
  }
  .hor_imgdiv a {
    padding: 5px !important;
    font-size: 12px !important;
  }
  #hide {
    text-align: center;
    font-size: 13px;
    color: #f9fafc;
    display: block;
    /* margin-top: 20px; */
  }
  .btns_new {
    float: left;
    width: 21px;
    padding: 25px 11px 0px 1px;
    margin-left: 9px;
  }
  #sidebar {
    width: 100%;
    max-width: 768px;
    border: none;
    float: right;
    display: none;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  #content {
    padding: 5px;
    width: 97%;
    margin-top: 0px;
  }
  h1 {
    margin-left: 7px;
  }
  .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;
  }
  
/* Search suggestion part media query styles starts here - 02/05/2024 */
.suggest-cont .sugst-part li a.with-grade{
	padding-right:60px;
}
.suggest-cont .sugst-part li .pge-grde{
	font-size:10px;
}	
/* Search suggestion part media query styles ends here - 02/05/2024 */
}

@media (max-width: 450px) {
  #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;
  }
  #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;
  }
  
/* Search suggestion part media query styles starts here - 02/05/2024 */
.suggest-cont .sugst-part li a.with-grade{
	padding-right:60px;
}
.suggest-cont .sugst-part li .pge-grde{
	font-size:10px;
}	
/* Search suggestion part media query styles ends here - 02/05/2024 */

}

@media (min-width: 769px) and (max-width: 899px) {
  #logo_div {
    width: 37%;
  }
  .extra_div {
    width: 100%;
  }
  .hor_imgdiv {
    width: 53%;
    padding: 0px;
  }
  .gcse_whole_div {
    width: 40%;
  }
  #content {
    padding: 5px;
    width: 97%;
    margin-top: 0px;
  }
  h1 {
    margin-left: 7px;
  }
  #hide {
    text-align: center;
    font-size: 13px;
    color: #f9fafc;
    display: block;
    margin-top: 20px;
  }
  .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;
  }
  #sidebar {
    width: 100%;
    max-width: 897px;
    float: right;
    margin-bottom: 5px;
    display: none;
  }
  .hor_imgdiv a {
    padding: 8px !important;
    font-size: 13px !important;
  }
}

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