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

.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: 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 {
    /* background-color: #d6d1db40; */
    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: #151515;
    font-size: 17px;
}

.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;
    padding: 2px 1px 6px 10px;
	border-radius: 10px;
	background: linear-gradient(#fff 0%, #cae4f985 100% );
	font-weight: normal;
	border: 1px solid #cae4f985;
	
} */

.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: #151515;
}

.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 {
    background: 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;
}

.ws_whole_div {
    width: 100%;
    max-width: 750px;
}

.ws_head_div {
    font-size: 16px;
    text-decoration: none;
    color: #9a06d2;
    font-weight: bold;
}

.ws_head_div a {
    font-size: 20px;
    color: #4e5253;
    font-weight: bold;
    text-decoration: underline;
}

.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 {
	vertical-align: top;
    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;
    border: none;
	border-radius: .5em;
	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;
}

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


/*number sense css added 16-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: 225px;
}

.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: 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);
    transform-origin: right top;
    transition: 0.3s;
	overflow:hidden;
}

.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 design starts here */

.grad-1 {
    background: linear-gradient(-315deg, #028090 0%, #00bfb2 100%);
}

.grad-2 {
    background: linear-gradient(-315deg, #fe0944 0%, #f19173 100%);
}

.grad-3 {
    background: linear-gradient(315deg, #c460a6 0%, #720da1 74%);
}

.grad-4 {
    background: linear-gradient(-315deg, #4884ee 0%, #42c4f0 74%);
}

.grad-5 {
    /* background: linear-gradient(-315deg, #772f1a 0%, rgba(119, 47, 26, 0.7) 74%); */
    background: linear-gradient(-315deg, #772f1a 0%, #bf6449 74%);
}

.grad-6 {
    /* background: linear-gradient(-315deg, #0bab64 0%, rgb(59, 183, 143) 74%); */
    background: linear-gradient(-315deg, #0bab64 0%, #49e1b0);
}

.right-side * {
    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;
}

#content-wrap {
    width: 65%;
    float: right;
    margin-top: 20px;
    padding: 0px 20px 20px 20px;
}

.page-intro {
    float: left;
    width: 100%;
    max-width: 875px;
    padding: 12px;
	box-sizing:border-box;
}

.right-side {
    width: 65%;
    float: right;
    padding: 0px 20px 20px 20px;
    margin-top: 20px;
}

.topic {
    width: 100%;
    margin: 0 auto 30px auto;
    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;
}

.topic-title {
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.topic-title h3 {
    color: #fff;
    font-size: 18.5px;
    letter-spacing: 1px;
    font-weight: 600;
}

.topic-content {
    padding: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}

.topic-content img {
    height: 200px;
    width: 200px;
    margin-top: 20px;
    object-fit: contain;
}

.topic-desc {
    margin: 0 0 15px 10px;
    text-align: start;
}

.topic-desc::first-letter {
    font-size: 150%;
}

.topic-btn {
    width: 155px;
    margin: 0 auto;
    text-align: center;
}

.topic-btn a {
    display: block;
    font-size: 17.5px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    padding: 8px 16px;
    border-radius: 100px;
    background-color: rgb(34, 52, 68);
    text-decoration: none;
}

.topic:nth-child(even) .topic-content {
    flex-direction: row-reverse;
}

/* --- New Place Value Design Starts here - 27/02/2023 --- */

.worksheet-links-container{
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	margin-bottom: 50px;
	padding: 0 16px 5px 16px;
	border: 2px solid #2c9788;
	border-radius: 3px;
}

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

.worksheet-links-col{
	display:inline-block;
	width:49%;
	vertical-align:top;
}

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

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


/* --- New Place Value Design Ends here - 27/02/2023 --- */


/* New Header Style starts here 15-03-2023 */

.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;
	/* justify-content: space-between; */
	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;
}

/* Equations Worksheet new design starts here - 22/03/2023 */

#equations-wrks-container, #equations-wrks-lnks-container{
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#equations-wrks-lnks-container{
	margin-bottom: 50px;
	padding: 0 16px 5px 16px;
	border: 2px solid #2c9788;
	border-radius: 3px;
	box-sizing:border-box;
}

#equations-wrks-lnks-container h2, .equations-wrks-lnks-row{
	position: relative;
	bottom: 18px;
} 

#equations-wrks-lnks-container h2, #equations-wrks-container h2{
	text-align:start;
	font-weight:600;
	font-size:22px;
	font-family:inherit;
}

#equations-wrks-lnks-container h2{
	display: inline-block;
	margin-bottom: 25px;
	padding: 0 10px 0 10px;
	background: #fff;
	right: 3px;
}

.equations-wrks-lnks-col{
	display:inline-block;
	width:49%;
	vertical-align:top;
}

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

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

.equations-wrks-lnks-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;
}

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

.equations-wrks-lnks-col ul li a:hover{
	background:#ecf2f0;
}

.equations-wrks-div{
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	padding:18px 16px 23px 230px;
	margin-bottom:25px;
	position:relative;
	border-radius:5px;
}

.equations-wrks-title{
	font-weight:600;
	color:rgb(30,32,34);
	font-size:20px;
	margin:0 0 13px 0;
}

.equations-wrks-prev-div{
	width:200px;
	position:absolute;
	top:50%;
	left:1em;
	transform:translateY(-50%);
}

.equations-wrks-prev-div img{
	width:100%;
}

.equations-wrks-des{
	margin:0 0 20px 0;
	color:rgb(60,60,60);
	line-height:1.4;
}

.equations-wrks-div a{
	background: linear-gradient(to top, #d7d7d7, #f0f0f0);
	box-shadow: 0 10px 10px #c1c1c163;
	color:#353131;
	display:inline-block;
	padding:7px 36px 7px 15px;
	border-radius:30px;
	font-weight:600;
	transition:.2s;
	position:relative;
}

.equations-wrks-div a::before{
	content: '\279C';
	position: absolute;
	color: #2c9788;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.equations-wrks-div a:hover{
	transform:scale(1.05);
}

/* Equations Worksheet new design ends here - 22/03/2023 */

/* Multiplications Worksheet new design starts here - 31/03/2023 */

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


/* Multiplications Worksheet new design ends here - 31/03/2023 */
/* math 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);
}

/* math 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);
}
/* New TH Footer styles Ends here 23-11-2023 */

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

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

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

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

/* Search Updation Popup Starts Here */

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

/*search Updation popup Ends here */


/* 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 (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){
	/* 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;
	}
	
	.left_sec_div{
		margin-top:70px;
	}

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

@media (max-width: 500px){
	.main-nav-lnks ul li a{
		padding: .25em;
		font-size: 12px;
	}
}



/* New Header Style ends here 15-03-2023 */

@media screen and (max-width: 600px) {
    .topic-content {
        flex-direction: column;
    }
    .topic-content img {
        margin: 0 auto;
    }
    .topic:nth-child(even) .topic-content {
        flex-direction: column;
    }
}

@media screen and (max-width: 899px) {
    .topic {
        width: 97.5%;
        margin: 0 auto 30px auto;
    }
    .right-side {
        width: 100%;
        margin-top: 0;
        margin-left: 20px;
        padding: 0 0 20px 20px;
    }
    #content-wrap {
        width: 100%;
        padding: 0;
    }
    .page-intro {
        width: 97.5%;
    }
}


/* New design ends here */


/* New Number Sense design starts here */

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

.worksheet-link {
    text-decoration: none;
    text-align: justify;
    font-size: 16.5px;
    font-weight: 600;
    color: var(--brown);
    position: relative;
}

.worksheet-links li {
    display: flex;
    margin-bottom: 20px;
}

.worksheet-link::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 0%;
    background-color: var(--brown);
    transition: width 0.5s ease-in-out;
}

.worksheet-link:hover::after {
    width: 100%;
}

.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%;
    }
	
	/* --- New Place Value Design media query Starts here - 27/02/2023 --- */
	
	.worksheet-links-col ul li a{
		width:250px;
	}
	
	/* --- New Place Value New Design media query Ends here - 27/02/2023 --- */
	
	/* Equations Worksheet new design media query starts here - 22/03/2023 */
	
	.equations-wrks-lnks-col ul li a{
		width:250px;
	}
	
	/* Equations Worksheet new design media query ends here - 22/03/2023 */
	
	/* Multiplications Worksheet new design media query starts here - 31/03/2023 */

	.mlti-wrks-lnks-col ul li a{
		width:95%;
	}

	/* Multiplications Worksheet new design media query ends here - 31/03/2023 */
	
}

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

@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) {
    .ul-block {
        justify-content: center;
    }
    .ul-block li {
        width: 380px !important;
    }
    body {
        overflow-x: hidden;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ul-block {
        justify-content: center;
    }
}

@media (min-width: 1024) and (max-width: 1200px) {
    .ul-block {
        justify-content: center;
    }
}


/*number sense css added 16-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;
    }
    #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;
    }
	
	/* --- New Place Value Design media query Starts Here - 27/02/2023 --- */
	
	.worksheet-links-container{
		width: 315px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.worksheet-links-container h2{
		font-size:20px;
	}
	
	.worksheet-links-col{
		display:block;
		width:100%;
	}
	
	.worksheet-links-col ul li a{
		width:100%;
	}
	
	/* --- New Place Value Design media query Ends Here - 27/02/2023 --- */
	
	/* Equations Worksheet new design media query starts here - 22/03/2023 */
	
	#equations-wrks-lnks-container{
		width: 315px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#equations-wrks-lnks-container h2, #equations-wrks-container h2{
		font-size:20px;
	}
	
	.equations-wrks-title{
		font-size:18px;
		margin-bottom:0;
	}
	
	.equations-wrks-lnks-col{
		display:block;
		width:100%;
	}
	
	.equations-wrks-lnks-col ul li a{
		width:100%;
	}
	
	.equations-wrks-div{
		padding-left:16px;
		text-align:center;
	}
	
	.equations-wrks-prev-div{
		display:inline-block;
		position:static;
		transform:unset;
	}
	
	/* Equations Worksheet new design media query ends here - 22/03/2023 */
	
	/* Multiplications Worksheet new design media query starts here - 31/03/2023 */
	
	.mlti-wrks-lnks-col{
		display:block;
		width:100%;
	}
	
	.mlti-wrks-lnks-col ul li a{
		width:100%;
	}
	
	/* Multiplications Worksheet new design media query ends here - 31/03/2023 */

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

@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: 450px) {
    #logo_div {
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }
    .logo-img-bg {
        width: 100%;
        margin: 6px 0px 0px 35px;
    }
    .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: 450px;
        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;
    }
	
	/* --- New Place Value Design media query Starts Here - 27/02/2023 --- */
	
	.worksheet-links-col{
		display:block;
		width:100%;
	}
	
	.worksheet-links-col ul li a{
		width:100%;
	}
	
	.worksheet-links-container h2{
		font-size:20px;
	}
	
	.worksheet-links-container{
		width:100%;
		box-sizing:border-box;
	}
	
	/* --- New Place Value Design media query Ends Here - 27/02/2023 --- */
	
	/* Equations Worksheet new design media query starts here - 22/03/2023 */
	
	#equations-wrks-lnks-container, .equations-wrks-lnks-col, .equations-wrks-lnks-col ul li a{
		width:100%;
	}
	
	.equations-wrks-lnks-col{
		display:block;
	}
	
	#equations-wrks-lnks-container h2, #equations-wrks-container h2{
		font-size:20px;
	}
	.equations-wrks-title{
		font-size:18px;
		margin-bottom:0;
	}
	.equations-wrks-div{
		padding-left:16px;
		text-align:center;
	}
	
	.equations-wrks-prev-div{
		display:inline-block;
		position:static;
		transform:unset;
	}
	
	/* Equations Worksheet new design media query ends here - 22/03/2023 */
	
	/* Multiplications Worksheet new design media query starts here - 31/03/2023 */
	
	.mlti-wrks-lnks-col{
		display:block;
		width:100%;
	}
	
	.mlti-wrks-lnks-col ul li a{
		width:100%;
	}
	
	/* Multiplications Worksheet new design media query ends here - 31/03/2023 */
	/*search suggestion part starts*/
    .suggest-cont .sugst-part li a.with-grade{
        padding-right:60px;
    }
    .suggest-cont .sugst-part li .pge-grde{
        font-size:10px;
    }	
    /*search suggestion part Ends*/
}

@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 {
        padding-left: 7px;
		box-sizing:border-box;
    }
    #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 (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: 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*/
}