body {
	font-family: "Cambria",Calibri,sans-serif;
	margin: 0;
	padding: 0;
    display: block !important;
    flex-direction: unset !important;
	/* color: #464648; */
}
#wrapper {
	width:100%;
	/* max-width:1200px; */
	margin-right: auto;
	margin-left: auto;
	padding:0px;
	
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
#header {
	display: block;
	width:100%;
}
#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: 100%;
	float: left;
	margin-top: 20px;
}
#content {
    width: 60%;
	float: left;
	padding: 0px 20px 20px 20px;
	margin-top: 20px;
}
.ws-icon-img, .ml-icon-img, .gl-icon-img {
    width: 36px;
    height: 31px;
    vertical-align: middle;
    padding-right: 5px;
}
.box_head {
    width: 100%;
    /* max-width: 920px; */
}
h1 {
	width: 100%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-family: "Cambria",Calibri,sans-serif;
    font-size: 1.4em;
    color: #0d2235;	
}
.cnt_main_div {
	width: 100%;
	max-width: 1000px;
	float: left;
	padding: 12px;
	box-shadow: 0 5px 10px #a7a6a8;
}
.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:1000px;
}
.hor_addiv {
	width:100%;
	max-width:940px;
	float: left;
	margin-top: 100px;
}
a {
    color: #0629a6;
    text-decoration: none;
    background-color: transparent;
}
#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-family: Calibri; */
    font-size: 14px;
}
#cssmenu > ul > li > a {
    font-size: 20px;
    display: block;
    color: #f2f3f4;
    /* font-weight: bold; */
    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;
	/* font-family: TTNorms-Medium,Arial,sans-serif; */
}
/* #cssmenu > ul > li > a > span:hover {
	background-color: #fbe7fa;
} */
#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 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;
	/* margin-left: 20px; */    
}
#cssmenu ul ul ul a > span {
	padding-left: 10px;
}
#cssmenu ul ul a:hover {
	background-color: #e2e5ea;
	/* text-decoration:underline; */
}
#cssmenu > ul > li.active {
    border-bottom: none;
}
#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 > li > ul.sub-active {
    display: block;
}
ul#first_order > li > a:hover {
    background: #e0eefb !important;
	text-decoration: underline;
}
#cssmenu > ul > li > ul > li > a {
	/* background: linear-gradient(#fffdfd 0%,#e8fafd 100%); */
	color:#034f82;
}
#cssmenu > ul > li > ul > li.has-sub > ul > li > a::before {
    content: "»";
	/* position: sticky; */
	left: 30px;
	bottom: 14px;
	color: #00c4c9;
	font-size: 14px;
}
#cssmenu > ul > li > ul > li > a {
	font-size:17px;
	font-weight:bold;
}
#footer {
    float: left;
    width: 100%;
    margin-top: 2px;
    padding: 0px;
    background: #0d2235;
}
.extra_footerdiv {
    width: 100%;
    margin: 0px auto;
    /* max-width: 1200px; */
}
.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;
    /* margin-top: 9px;
    text-align: center;
    padding-bottom: 20px; */
}
h2 {
	color: #04084a;
	font-family: "proxima-nova";
	font-size: 20px;
	margin-top: 0px;
	color: #44474f;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align: center;
}
.pdfnewtwo {
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    line-height: 1.8;
    padding-bottom: 8px;
    padding-right: 15px;
	text-align: center;
}
.pdfnewtwo li {
    display: inline-block;
    padding-right: 12px;
}


.float1 {
    float: left;
    /* margin-bottom: 10px; */
    max-width: 100%;
    width: auto;
}
.add_bread {
    /* background-color: #fbecf9; */
	border-radius: 2px;
}
.breadnew {
    font-size: 15px;
    text-align: left;
    padding: 0px 12px 12px 5px;
}
ol {
    list-style-type: none;
}
ol li {
    float: left;
    width: auto;
    padding: 0px 0px 2px 0px;
}
.breadnew a:link {
    color: #161617;    
}
.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_cntdiv {
    border-top: none;
    /* padding-top: 15px; */
    width: 100%;
    max-width: 845px;
    float: left;
}

.ws_whole_div {
	width: 100%;
	max-width: 1000px;
}
.ws_head_div {
	font-size: 16px;
	text-decoration: none;
	color: #9a06d2;
	font-weight: bold;
}
.ws_head_div a {
	font-size: 20px;
	text-decoration: none;
	color: #4e5253;
	font-weight: bold; 
	text-decoration:underline;
}
.main_whole_div {
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.hor_imgdiv {
	float: left;
	width: 35%;
	max-width: 500px !important;
	margin-top: 8px;
	text-align: right;
	padding: 0px 0px 20px 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-color:none;
}
.top_nav_lst {
	/* border-bottom: 1px solid #b2c2e8; */
	/* padding-bottom: 10px; */
	padding:13px 2px 0px 2px;
}
.top_nav_lst li{
  display: inline;
  padding: 0px 5px 0px 5px;
  /* border-right: 1px solid #bcbbf9; */
}
.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;
   /*  margin-top: 15px; */
    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: 35%;
	margin-top: 26px;
	/* margin-left: 20px; */
}
.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-radius: .5em;
	border: none;
	outline: none;
}
#search_button {
    background: #ffffff url(/images/search-icon.png) center no-repeat;
    width: 35px;
    padding: 0;
    text-align: center;
    height: 30px;
    cursor: pointer;
	border: none;
	outline: none;
	border-radius: .5em;
	transition: .3s;
}
/*search code*/
.logo-img-bg {
	background-image: url(/images/main_logo.svg);
	background-position: left 50%;
	background-repeat: no-repeat;
	height: 80px;
	margin: 6px 0px 0px 4px;
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	width: 280px;
	float: left;
	/* padding: 15px 25px; */
	font-size: 20px;
	line-height: 20px;
}
.logo-atag {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.lne_het_s {
    line-height: 10px;
}
.fnt_bld {
    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;
    /* font-weight: bold; */
    /* color: #3e4246; */
	color: #1735a2;
    font-size: 16px;
}
.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;
	
}

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

/* index.php styles */
.bookmark-section{
        display : flex;
        align-items : center;
        justify-content : flex-end;
        padding : 0 2em;
        position: relative;
}

.saved-posts-wrapper{
    display : flex;
    justify-content : flex-end;
}

.saved-posts{
    margin-left : 1em;
    cursor: pointer;
    border : none;
    outline : none;
    padding : .5em 1em;
    border-radius : .3em;
    color : black;
    background-color : #e0e0e0;
    font-weight : bold;
    font-family : inherit;
    font-size : 1em;
    letter-spacing : .5px;
}

.mark{
    cursor : pointer;
    user-select : none;
    color : #fff;
    font-family : inherit;
    font-size : 1em;
    width : 12em;
    padding : .5em 1em;
    background: linear-gradient(#2a3c4d 0%, #031424 100%);
    border-radius : .25em;
    border : none;
    outline : none;
    transition : 0.3s;
}

.mark:hover{
    box-shadow : 0px 5px 20px rgba(0,0,0,0.2);
}

.mark:active{
    transform : scale(0.90);
}

[data-marked='true']{
    background : linear-gradient(#67b99a 0%,#358f80 100%);
}

.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(#2a3c4d 40%, #031424 100%);
}

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

.close-greet{
    font-size : 26px;
    padding : 0;
    margin : 0;
    cursor : pointer;
    position: absolute;
    right : 2%;
    font-weight : bold;
    color : #fff;
}
/* index.php style ends here */

/* login.php styles starts here */
.center-contents{
    display : flex;
    align-items: center;
    justify-content: center;
}

.login-container,.sign-in-container,.child-login-container{
    width : 100%;
    height : 100%;
    font-family: Cambria, sans-serif;
}

.login-container,.child-login-container{
    min-height : 61vh;
    min-width : 300px;
    padding : 28px 0;
}

.sign-in-container{
    padding: 14px 0;
    min-height : 65vh;
}

.sign-in-container.center-contents{
    justify-content: unset;
}

.login,.sign-in,.child-login,.f-p-wrapper,.c-p-wrapper{
    flex-direction: column;
    border-radius: 6px;
    /* box-shadow: 0px 0px 20px rgba(0,0,0,.1); */
}

.login,.child-login,.f-p-wrapper,.c-p-wrapper{
    border : 2px solid #0a5ca6;
    /* box-shadow: 0px 0px 20px rgba(0,0,0,.1); */
}

.login,.child-login,.f-p-wrapper,.c-p-wrapper{
    width : 400px;
    padding : 14px 28px;
}

.login,.child-login,.c-p-wrapper{
    gap: 2em;
}

.f-p-wrapper{
    gap : 1em;
}

.default-instruction{
    margin: 0;
}

.login{
    height : 430px;
    gap : unset;
}

.c-p-wrapper{
    height : 600px;
}

.c-p-wrapper > p,
.f-p-wrapper > p:nth-of-type(1){
    color : rgb(38, 78, 153);
    font-size: 1.5em;
    font-weight: 600;
    padding : 0;
    margin : 0;
}

.child-login{
    height : 250px;
}

.child-login h3{
    font-size : 1.5em;
    padding : 0;
    margin : 0;
}

.sign-in{
    width : 20%;
    min-width: 320px;
    /* padding: 0px 14px 35px 14px; */
    padding: 0px 14px 15px 14px;
    /* gap : 1.5em; */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.mandantory{
    padding-right : .25em;
}

.main-instruction{
    font-size: 16px;
    color: rgb(233, 85, 85);
}

.instruction,.mandantory{
    font-size: 14px !important;
    color : rgb(233, 85, 85) !important;
}

.signup-instruction{
    font-size : 17px !important;
    font-weight: bold;
    color : rgb(233, 85, 85) !important;
}

.input input{
    width: 100%;
    height : 40px;
    font-size: 15px;
    border : none;
    border-radius: 5px;
    padding : 0 10px;
    outline : none;
    letter-spacing: 1px;
    /* background-color: #e8f0fe; */
    border : 2px solid #0a5ca6;
    box-sizing: border-box;
}

/* login styles ends here */


/* signin.php styles starts here */
:root{
    --signInBg : linear-gradient(#38638b,#1d3f5f);
}

.sign-in p,
.login p{
    padding : 0;
    margin : 0;
    font-size: 18px;
    color : rgb(38, 78, 153);
}

.sign-in p a,
.login p a{
    margin-left: 6px;
    color : rgb(38, 78, 153);
    font-weight: bold;
    text-decoration: underline;
}

#login{
    margin : 1.5em 0;
}

#login,
#submit,
#paynow,
#f-p-submit,
#c-p-submit{
    padding : 12px 16px;
    font-size: 16px;
    border-radius: 6px;
    color : #fff;
    background-color: rgb(38, 78, 153);
    box-shadow: 0px 10px 20px rgba(0,0,0,.2);
    border : none;
    cursor: pointer;
    transition: .3s;
}

#paynow, 
#submit{
    margin-top : 1em;
}

/* #submit:hover,
#login:hover{
    transform : scale(1.05);
} */

/* #submit:active,
#login:active,
#paynow:active{
    transform : scale(.85);
} */

.login-container .input{
    width : 95%;
}

.sign-in .input{
    width : 90%;
    min-width: 280px;
    margin-top : .5em;
    /* border : 1px solid black; */
}

.sign-in .input.pwd-field,
.sign-in .input.cpwd-field{
    position: relative;
}

.sign-in #submit{
    margin : 1.5em 0;
}

.login .input{
    margin-top : 1.5em;
}


.login .input.pwd-field,
.login .input.cpwd-field {
    position: relative;
}

.child-login-container .input{
    width : 95%;
}

.login-container .input,
.sign-in .input,
.child-login-container .input{
    display: flex;
    align-items: baseline;
    flex-direction: column;
    gap : .5em;
}

.input label{
    font-weight : bold;
    color : rgb(83, 82, 82);
    font-size: 18px;
}

.child-login-container .input label,
.login .input label{
    align-self : flex-start
}

.input select{
    width: 100%;
    height : 35px;
    font-size: 14px;
    /* box-shadow: 0px 0px 10px rgba(0,0,0,.2); */
    border-radius: 5px;
    background-color: unset;
    /* border : none; */
    border : 2px solid #0a5ca6;
    outline : none;
}

.ifUSA{
    display : none;
}

.show-hide-pwd,
.show-hide-confirm-pwd{
    width : 20px;
    height : 20px;
    position: absolute;
    right : 2%;
    bottom : 12.5%;
    cursor: pointer;
}

#states{
    display : none;
}

.p-b-btn{
	/* min-width : 75%; */
    width : 20%;
    min-width : 18em;
}

/* signin.php styles ends here */

/* Profile styles starts here */
/* Profile page styles */
.profile{
    display : flex;
    align-items: center;
    justify-content : center;
    width : 100%;
    height : 100%;
    min-width : 22em;
    min-height: 60vh;
    padding : 2em 0;
    color : rgb(30,32,34);
    /* position: relative; */
    /* border : 1px solid black; */
}

.email-popup,
.password-popup{
    width : 17em;
    font-size: 1em;
    gap : .5em;
    background :  #fff;
    color : rgb(30,32,34);
    box-shadow: 0px 20px 50px rgba(0,0,0,0.1);
    border-radius: .5em;
    position: absolute;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    border : 2px solid #e0e0e0;
    opacity : 0;
    right : 2%;
    padding : .5em .8em;
}

.email-popup{
    height : 7em;
    transform : translateY(20%);
    display : grid;
    place-items: center;
    top : -200%;
}

.email-popup.fadeIn{
    animation: popupFadein .2s ease-in forwards;
}

.email-popup.fadeOut{
    opacity: 1;
    transform: translateY(0%);
    animation : popupFadeout .2s ease-in .2s forwards;
}

.email-popup::after,
.password-popup::after{
    content : '';
    width : 1em;
    height : 1em;
    background : #fff;
    position: fixed;
    right : 5%;
    border : 2px solid #e0e0e0;
    border-top:  none;
    border-left : none;
}

.email-popup::after{
    bottom : -8%;
    transform : rotate(44deg);
}

@keyframes popupFadein{
    to{
        transform : translateY(0);
        opacity : 1;
    }
}

@keyframes popupFadeout{
    to{
        opacity : 0;
        transform: translateY(20%);
        /* background : tomato; */
    }
}

@keyframes popupEmailFadeout{
    to{
        opacity : 0;
        transform: translateY(-20%);
        /* background : tomato; */
    }
}

.email-popup p{
    margin : 0;
    padding : 0;
    grid-column : 1/3;
    font-size: 1em;
    font-weight: 500;
    align-self: center;
    text-align: center;
    border-radius: .25em;
}

.email-popup button,
.save-new-pin{
    border : none;
    outline : none;
    padding : .3em .8em;
    border-radius : .25em;
    font-size: .9em;
    color : #fff;
    font-weight: 500;
    font-family: inherit;
    justify-self: center;
    cursor: pointer;
    text-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}

.email-popup button:nth-of-type(1){
    background-image: linear-gradient(to bottom, #64e985c2, #54c570b2);
    box-shadow: 0px 5px 15px rgba(100, 233, 134, .2);
}

.email-popup button:nth-of-type(2){
    background-image: linear-gradient(to bottom, #f6727fc4, #f04357c4);
    box-shadow: 0px 5px 15px rgba(246, 114, 128,.2);
}

.password-popup{
    height : fit-content;
    height : -moz-fit-content;
    height : -moz-max-content;
    bottom : -180%;
    z-index : 1;
    transform : translateY(-20%);
    transition: .3s;

    display : flex;
    flex-direction: column;
    align-items: center;
    justify-content : center;
}

.password-popup.fadeIn{
    animation : popupFadein .2s ease-in forwards;
}

.password-popup.fadeOut{
    opacity : 1;
    transform: translateY(0%);
    animation : popupEmailFadeout .2s ease-in .2s forwards
}

#new-pwd{
    flex : none;
    font-family: inherit;
    border: none;
    outline: none;
    background: rgba(224, 224, 224,.5);
}

#new-pwd:hover,
#new-pwd:focus{
    outline : 1px solid rgba(30,32,34,0.6);
}

.save-new-pin{
    background-image: linear-gradient(to bottom, #64e985c2, #54c570b2);
    box-shadow: 0px 5px 15px rgba(100, 233, 134, .2);
    margin-top : .5em;
}

.password-popup::after{
    top : -10px;
    transform: rotate(-136deg);
}

#pwd-instruction{
    position: unset;
    color : #e44a56;
    font-size: .8em;
    font-weight: 700;
    align-self : flex-start;
}

.profile-container{
    display : flex;
    align-items : center;
    flex-direction : column;
    width : 90%;
    min-width : 22em;
    max-width : 40em;
    height : fit-content;
    height : -moz-fit-content;
    gap : 1em;
    padding : 2em 1em;
    border-radius : .25em;
    box-shadow : 0px 10px 30px rgba(0,0,0,0.15);
    user-select : none;
}

.profile-container h3{
    font-size : 24px;
    padding : 0;
    margin : 0;
}

.profile-container .input{
    width : 90%;
    display : flex;
    align-items : center;
    justify-content : space-between;
    padding : 1em;
    position : relative;
    gap : .25em;
}

.profile-container .input label{
    flex : 4;
    font-size : 18px;
    font-weight : 700;
}

.profile-container .input > span{
    position : absolute;
    font-size : 16px;
    top : -12%;
    right : 10px;
    font-weight : 700;
    color : #e44a56;
}

.profile-container .input select{
    width : 200px
}

.profile-container .field,
.profile-container .input select{
    flex : 5;
    height : 2.5em;
    background : rgba(224, 224, 224,.5);
    border : none;
    outline : none;
    padding : 0 2.6em 0 .8em;
    font-size : 16px;
    letter-spacing : 1px;
    transition : 0.3s;
    border-radius : .15em;
    box-sizing : border-box;
}

.edit{
    position : absolute;
    width : 22px;
    height : 22px;
    right : 5%;
    bottom : 38%;
    cursor: pointer;
    transition : .3s;
    -webkit-tap-highlight-color: transparent;
    filter : drop-shadow(-2px 6px 10px rgba(0,0,0,0.4));
}

.edit:hover,
.edit:focus{
    transform : rotate(15deg);        
}

.edit:active{
    transform : rotate(15deg) scale(0.95);
}

.profile-container .input input:hover,
.profile-container .input select:hover,
.profile-container .input select:active,
.profile-container .input input:active,
.profile-container .input input:focus{
    outline : 1px solid rgba(30,32,34,0.6);
    box-shadow : inset 0px 2px 5px rgba(0,0,0,0.1);
}

#submit-edited{
    width : 5em;
    height : 2.2em;
    color : #fff;
    background : #4e984e;
    outline : none;
    border : none;
    border-radius : .25em;
    cursor: pointer;
    transition : .3s;
    font-family : inherit;
    font-size : 1.1em;
    font-weight : bold;
}

#submit-edited:hover{
    transform : scale(1.05);
    box-shadow : 0px 10px 20px rgba(78,152,78,0.4);
}

#submit-edited:active{
    transform : scale(0.95);
}

.emailinput{
    position: relative;
}

.email-editable{
    width : 190px;
    position: absolute;
    top : -120%;
    right : -5%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding : .5em;
    background : #fff;
    border-radius: .25em;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
    display : none;
}

.email-editable > span:nth-child(1){
    position: absolute;
    top : -5%;
    right : 5%;
    cursor: pointer;
    color : rgba(0,0,0,0.5);
    font-size: 24px;
    /* border : 1px solid rgb(0,0,0); */
}

.email-editable > span:nth-child(1):hover{
    color : rgb(0,0,0);
}

.email-editable > span{
    font-weight : 600;
}

.alrt_msg_dv {
	border:2px solid #c6c1c1;
	border-radius: 10px;
	padding: 25px;
}

.eml_alrt_p {
	font-size:25px;
}

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

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

#header input {
    font-family: inherit;
}


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

    display: block;
    text-align: center;
}

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

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

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


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

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

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

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

.zoom_query {
    font-size: var(--fntSmlHeader) !important;
}
.lck_div {
	margin: 2px 5px 2px 30px;
	padding: 5px;
	font-size: 13px;
	color: #075a88;
	font-weight: bold; 
	width: 100%;
	min-width: 390px;
}
.lck_dv_img {
	float:left;
	margin-right: 5px;
}
.lck_dv_p {
	font-size: 15px;
	color: #075a88;
	font-weight: bold;
}
.sgn_pay_lck_div {
	margin: 2px 5px 2px 30px;
	padding: 5px;
	font-size: 13px;
	color: #075a88;
	font-weight: bold; width:380px;
}

/*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 Sign up styles starts 06-09-2022 here */
.flx-col {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

:root {
    --brdrClr: #0a5ca6;
    --priBgClr: rgb(38, 78, 153);
    --mainGap: 1em;

    --registerClr: #00b5ba;
    --paymentClr: #ed9243;
    --successClr: #4c956c;
}

.container {
    width: 63%;
    display: flex;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    justify-content: space-around;
    gap: var(--mainGap);
    margin: calc(var(--mainGap)*4) auto calc(var(--mainGap)*2) auto;
}

.container hr {
    border: .25px solid #b4dcdd;
    margin: .5em 0;
}

.sign-in {
    min-width: 340px;
}

.sign-in-container {
    width: unset;
    /* gap: 2em; */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.steps-nav {
    display: flex;
    gap: calc(var(--mainGap)*2.5);
    position: relative;
}

.steps-nav::before {
    content: "";
    width: 120%;
    height: 2px;
    position: absolute;
    background: var(--registerClr);
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
}

.steps-nav.register::before {
    background: var(--registerClr);
}

.steps-nav.payment::before {
    background: var(--paymentClr);
}

.steps-nav.renew::before{
    background : var(--paymentClr);
}

.steps-nav.success::before {
    background: var(--successClr);
}

.steps-nav-indicator {
    width: 16%;
    min-width: 378px;
    justify-content: space-between;
    margin : 1em 0;
}

.steps-nav p {
    border: 2px solid var(--registerClr);
    padding: .5em 1em;
    border-radius: .25em;
    color: var(--registerClr);
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0;
    border-radius: 1.25em 1.25em 0 0;
}

.steps-nav p.active {
    background: var(--registerClr);
    color: #fff;
    border: unset;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
}

.renew.steps-nav p.active{
    background : var(--paymentClr);
}

.steps-nav-indicator {
    --disabledClr: #e0e0e0;
    display: flex;
    padding: 0;
    /* margin: 0; */
    box-sizing: border-box;
    color: var(--priBgClr);
    position: relative;
    z-index: 2;
}

.steps-nav-indicator::before,
.steps-nav-indicator::after {
    content: "";
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
}

.steps-nav-indicator::before {
    width: 100%;
    background: var(--disabledClr);
    z-index: -1;
}

.steps-nav-indicator::after {
    background: var(--priBgClr);
    z-index: 1;
}

.steps-nav-indicator.register::after {
    width: 0%;
}

.steps-nav-indicator.payment::after {
    width: 50%;
    background: var(--paymentClr);
}

.steps-nav-indicator.renew::after{
    width : 50%;
    background : var(--paymentClr);
}

.steps-nav-indicator.renew{
    min-width : 200px !important;
}

.steps-nav-indicator.success::after {
    width: 100%;
    background: linear-gradient(to right, var(--paymentClr) 50%, var(--successClr) 50%);
}

.steps-nav p:nth-child(3) {
    border-color: var(--successClr);
    color: var(--successClr);
}

.steps-nav p:nth-child(2) {
    border-color: var(--paymentClr);
    color: var(--paymentClr);
}

.renew.steps-nav p:nth-child(2){
    border-color : var(--successClr);
    color : var(--successClr);
}

.steps-nav p.active:nth-child(3) {
    background: var(--successClr);
    color: #fff;
}

.steps-nav p.active:nth-child(2) {
    background: var(--paymentClr);
    color: #fff;
}

.sign-in.success p {
    color: #2c6e49;
    text-align: center;
}

.success {
    border-color: #2c6e49;
}

.steps-nav-indicator li {
    --wH: 2em;
    list-style: none;
    width: var(--wH);
    height: var(--wH);
    border-radius: 50%;
    border: 3px solid var(--disabledClr);
    font-weight: 600;
    z-index: 2;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;
}

.steps-nav-indicator li.active {
    border-color: var(--registerClr);
}

.steps-nav-indicator li:nth-child(1) {
    color: var(--registerClr);
}

.steps-nav-indicator li:nth-child(2),
.renew.steps-nav-indicator li:nth-child(1){
    color: var(--paymentClr);
}

.steps-nav-indicator li:nth-child(3),
.renew.steps-nav-indicator li:nth-child(2){
    color: #2c6e49;
}

.steps-nav-indicator li:nth-child(2).active,
.renew.steps-nav-indicator li:nth-child(1).active{
    border-color: var(--paymentClr);
}

.steps-nav-indicator li:nth-child(3).active {
    border-color: #2c6e49;
}

.dummy-input {
    width: 100%;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: .4em .5em;
    border-radius: .15em;
    margin-top: .25em;
    box-sizing: border-box;
}

.sign-in.register .input label {
    color: #04868a;
    font-weight: 600;
}

.sign-in.register .input input {
    border-color: var(--registerClr);
}

.sign-in.register #submit {
    background: #04868a;
}

.sign-in.payment .input label {
    color: #db741b;
    font-weight: 600;
}

.sign-in.payment .input input {
    border-color: var(--paymentClr);
}

.sign-in.payment #paynow {
    background: var(--paymentClr);
}

.sign-in.payment .dummy-input {
    color: rgb(30, 32, 34) !important;
}

.sign-in-sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* gap: calc(var(--mainGap)*2); */
}

.sign-in-right-sec * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sign-in-right-sec {
    --txtClr: rgb(78, 78, 78);
    max-width: 20em;
    height: fit-content;
    align-self: center;
    border-radius: .5em;
}

.sign-in-right-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    background: #04868a;
    color: #fff;
    padding: .5em;
    border-radius: .25em;
}

.sign-in-right-sec ul {
    list-style: none;
    padding: calc(var(--mainGap)*1.5);
    box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.25);
    border-radius: .25em;
    background: #f0efef91;
}

.sign-in-right-sec ul li:not(.benefits-of) {
    position: relative;
    color: var(--txtClr);
    padding-left: 1.75em;
    font-weight: 600;
}

.sign-in-right-sec ul li:not(.benefits-of)::before {
    --wH: 2em;
    content: "\2713";
    font-size: 20px;
    position: absolute;
    top: -2.5px;
    left: 0%;
    color: #04868a;
}

.benefits-of {
    color: #04868a;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 2px solid #04868a;
    padding-bottom: .5em;
    text-align: center;
}

.membership-info {
    width: 80%;
    max-width: 40em;
    border-radius: .25em;
}

.membership-info p {
    padding: 0;
    margin: 0;
    text-align: center;
    color: rgb(30, 32, 34);
}

.membership-info p span {
    font-weight: 600;
}

/* Card payments styles starts here */
.card-terms-conds{
    width: 100%;
    text-align: center;
}

.inp_add_div .instruction{
    display: block;
    text-align: center;
}
/*card signup - tooltip*/
.tooltip,.tooltip1 {
  position:relative;   
}
.tooltip:before, .tooltip1:before {
  content: attr(data-text); 
  position:absolute; 
  top:50%;
  transform:translateY(-50%);  
  left:100%;
  margin-left:12px;   
  width:180px;
  padding:5px;
  border-radius:10px;
  background:#92d8f5;
  color: #05296f;
  text-align:center;
  font-size:12px;
  display:none; 
}
.tooltip:hover:before, .tooltip1:hover:before {
  display:block;
}
.tooltip.left:before , .tooltip1.left:before {  
  left:initial;
  margin:initial;  
  right:100%;
  margin-right:15px;
}
.tooltip:after, .tooltip1:after {
  content: "";
  position:absolute;  
  left:100%;
  margin-left:-5px;  
  top:50%;
  transform:translateY(-50%);  
  border:10px solid #000;
  border-color: transparent #92d8f5 transparent transparent;  
  display:none;
}
.tooltip:hover:before, .tooltip:hover:after, .tooltip1:hover:before, .tooltip1:hover:after {
  display:block;
}
/*card signup - tooltip*/
.labl_txts {
	margin-left: 5px;
}
.cd_no_inp {
	width: 94% !important;
	margin-left: 15px;
}
.crd_cvv_inp {
	margin-left: 15px;
	width: 85% !important;
	margin-bottom: 20px;
}


/* New Header Style starts here 14-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;
	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;
}
/*indian payment - str*/
.sign-in.ind-pay-div {
   min-width: 360px;
}
.ind-pay-div .sele_pay_tpe {
	width: 100%;
}
.ind-pay-div .marg_bt_sec {
	margin-bottom: 10px;
}
.ind-pay-div .sele_pay_tpe label {
	font-weight: 550;
	color: #1E2022;
}
/*indian payment - str*/

/* New Signup styles starts here - 03-10-2023 */
.individual-pay-container *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.individual-pay-container{
    background: #f4f4f5;
    padding-top: 1em;
}

.individual-pay-sub-container{
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}

.signup-container{
    --testing: 1px solid #000;

    --font: 12px;
    --font2: 14px;
    --font3: 16px;
    --font4: 18px;
    --font5: 20px;
    --font6: 24px;
    --font7: 30px;
    
    --shade-1: #fafafa;
    --shade-2: #f4f4f5;
    --shade-3: #e4e4e7;
    --shade-4: #d4d4d8;
    --shade-5: #a1a1aa;
    --shade-6: #71717a;
    --shade-7: #52525b;
    --shade-8: #3f3f46;
    --shade-9: #27272a;
    
    --space: 6px;
    --space2: 12px;
    --space3: 18px;
    --space4: 20px;
    --space5: 30px;
    --space6: 40px;

    color: var(--shade-8);

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding:  var(--space2) var(--space2) var(--space5) var(--space2);
}

.sc-header{
    margin-bottom: var(--space4);
}

.sc-h-title{
    font-size: var(--font7);
    margin-bottom: var(--space3);
    color: #464648 !important;
    text-align: left;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.sc-body{
    padding: var(--space5);
    background: #fff;
    margin-bottom: var(--space6);
    border-radius: 10px;
    border: 1px dotted var(--shade-5);
    box-shadow: 0px 10px 20px rgba(0,0,0,.05);
}

.sc-body input[type='radio']{
    width: 16px;
    height: 16px;
    accent-color: var(--shade-7);
    vertical-align: middle;
    cursor: pointer;
}

.sc-h-desc{
    font-size: var(--font4);
    color: #27272a;
}

.sc-h-desc span{
    color: var(--shade-8);
    font-weight: 500;
}

.sc-b-payment-types-container,
.sc-b-terms{
    margin-bottom: var(--space5);
}

.sc-b-field{
    display: inline-block;
    width: 280px;
    margin: 0 var(--space) var(--space3) var(--space);
    vertical-align: top;
}

.sc-b-field label,
.sc-b-payment-types-container > label{
    font-size: var(--font5);
    font-weight: 400;
    color: var(--shade-8);
}

.sc-b-field input{
    width: 100%;
    display: block;
    margin-top: 10px;
    min-height: 40px;
    outline: none;
    font-size: var(--font4);
    padding: var(--space);
    border-radius: 3px;
    border: 1px solid var(--shade-4);
    background: var(--shade-1);
}

.sc-b-field input:focus{
    box-shadow: inset -2px 2px 10px rgba(0, 0, 0, .05);
    border-color: var(--shade-6);
}

.pwd-wrapper{
    position: relative;
}

.sc-b-field svg{
    fill: none;
    cursor: pointer;
    display: none;
}

.toggle-pwd-field{
    position: absolute;
    top: 10px;
    right: 10px;
}

.toggle-pwd-field.show-dots svg:nth-child(1){
    display: block;
    opacity: 1;
}

.toggle-pwd-field.show-text svg:nth-child(2){
    display: block;
    opacity: 1;
}

.error-msg{
    color: #d55555;
    font-weight: 500;
}

.error-msg.sml-txt{
    margin-top: var(--space);
    font-size: var(--font2);
}

.error-msg.big-txt{
    text-align: center;
    margin-bottom: var(--space3);
    font-size: var(--font3);
}

.sc-b-field span{
    --ttIconWH: 18px;

    display: inline-block;
    width: var(--ttIconWH);
    height: var(--ttIconWH);
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-.93 9.228h1.548c-.024-.24 0-.454.072-.642s.17-.366.294-.534c.124-.168.26-.33.408-.486.148-.156.288-.318.42-.486.132-.168.242-.35.33-.546a1.61 1.61 0 0 0 .132-.666c0-.352-.058-.658-.174-.918a1.729 1.729 0 0 0-.48-.642 1.988 1.988 0 0 0-.72-.372 3.199 3.199 0 0 0-.894-.12c-.472 0-.902.1-1.29.3a3.28 3.28 0 0 0-1.002.792l.972.888c.16-.16.326-.292.498-.396.172-.104.37-.156.594-.156.24 0 .434.064.582.192.148.128.222.316.222.564a.84.84 0 0 1-.126.438c-.084.14-.19.284-.318.432l-.402.462c-.14.16-.266.336-.378.528-.112.192-.198.4-.258.624a1.83 1.83 0 0 0-.03.744zm.768 2.916c.304 0 .558-.106.762-.318a1.09 1.09 0 0 0 .306-.786c0-.32-.102-.586-.306-.798a1.014 1.014 0 0 0-.762-.318.995.995 0 0 0-.756.318c-.2.212-.3.478-.3.798 0 .312.1.574.3.786.2.212.452.318.756.318z' fill='%2352525b'/%3E%3C/svg%3E");
    cursor: pointer;
    margin-left: var(--space);
    position: relative;
}

.sc-b-field span:hover::before,
.sc-b-field span:hover::after{
    opacity: 1;
}

.sc-b-field span::before,
.sc-b-field span::after{
    position: absolute;
    background: var(--shade-1);
    border-radius: 5px;
    opacity: 0;
    transition: .2s;
    pointer-events: none;
}

.sc-b-field span::before{
    content: attr(data-tip);
    min-width: 150px;
    padding: var(--space);
    top: 50%;
    left: calc(100% + 13px);
    transform: translateY(-50%);
    font-size: 13px;
    font-weight: 600;
    padding: var(--space) var(--space2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .05);
    border: 1px solid var(--shade-6);
    z-index: 1;
}

.sc-b-field span::after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 0;
    border-top: 1px solid var(--shade-6);
    border-left: 1px solid var(--shade-6);
    border-top-left-radius: 5px;
    left: calc(100% + 7px);
    transform: rotate(-45deg);
    z-index: 1;
}

.sc-b-payment-types-container{
    border-top: 2px dotted var(--shade-3);
    border-bottom: 2px dotted var(--shade-3);
    padding: var(--space5) 0;
}

.sc-b-payment-types-container > label{
    display: block;
}

.sc-b-payment-type label{
    display: inline-block;
    height: 60px;
    margin-left: var(--space);
    border-radius: 5px;
    padding: var(--space) var(--space) var(--space) var(--space2);
    background: #fff;
    margin: var(--space3) var(--space2) 0 0;
    border: 2px solid var(--shade-3);
    cursor: pointer;
    user-select: none;
	white-space: nowrap
}
.sc-b-payment-types-container .sc-b-payment-type:nth-of-type(1) img{
	width: 188px;
}
.sc-b-payment-types-container .sc-b-payment-type:nth-of-type(2) img{
	width: 245px;
}
.sc-b-payment-type label img{
    /* width: 90%; */
    height: 100%;
    object-fit: contain;
    vertical-align: middle;
}

.sc-b-payment-type.selected label{
    border-color: var(--shade-5);
}

.sc-b-btn button{
    background: linear-gradient(to bottom right, #90c3c5, #04868a);
    color: #fff;
    padding: var(--space2) var(--space3);
    border-radius: 5px;
    font-family: inherit;
    border: none;
    outline: none;
    font-size: var(--font4);
    cursor: pointer;
    box-shadow: 0px 10px 30px #abe9eb;
}

#tick{
    stroke-dasharray: 0 9.899495124816895;
    stroke-width: 0;
}

@keyframes checkAnim {
    0%{
        stroke-width: 2;
        stroke-dasharray: 0 9.899495124816895;
    }
    100%{
        stroke-width: 2;
        stroke-dasharray: 9.899495124816895 9.899495124816895;
    }
}

.sc-b-terms input{
    accent-color: #04868a;
    cursor: pointer;
}

.sc-b-terms label{
    cursor: pointer;
    user-select: none;
    margin-bottom: 12px;
}

.sc-f-b-title{
    font-size: var(--font7);
    text-align: center;
    margin-bottom: var(--space2);
}

.benefits-wrapper{
    text-align: center;
}

.benefit-wrapper{
    min-width: 400px;
    display: inline-block;
    vertical-align: top;
    padding: var(--space2) var(--space2) var(--space2) var(--space5);
    text-align: left;
}

.benefit-wrapper-title{
    font-size: var(--font6);
    margin-bottom: var(--space2);
}

.benefit-wrapper ul li{
    list-style: none;
    font-size: var(--font4);
    padding: var(--space2) var(--space);
    position: relative;
}

.benefit-wrapper ul li::before{
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: calc(100% + .25em);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M4.293.293a1 1 0 1 1 1.414 1.414L1.91 5.461A1 1 0 0 1 .495 4.047L4.293.293Z'/%3E%3Cpath id='c' d='M10.707 13.293a1 1 0 0 1-1.414 1.414l-9-9a1 1 0 0 1 0-1.414l4-4a1 1 0 1 1 1.414 1.414L2.414 5l8.293 8.293Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='rotate(-90 11 7)'%3E%3Cg transform='translate(1 1)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23D8D8D8' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg fill='%23a1a1aa' mask='url(%23b)'%3E%3Cpath d='M-7-5h24v24H-7z'/%3E%3C/g%3E%3C/g%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23c'/%3E%3Cg fill='%233f3f46' mask='url(%23d)'%3E%3Cpath d='M-6-4h24v24H-6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.sign-alrt {
  width:100%;
  max-width: 600px;
}
.sign-alrt p {
  line-height: 40px;
  font-size: 22px;
}

/* New Header nav styles starts here - 01/11/2023 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-lnk-highlight{
	font-weight: 500;
	font-size: 16px;
}

/* New Header nav styles ends here - 01/11/2023 */

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

.th-footer,
.th-footer *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

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

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

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

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

.th-footer svg{
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.th-footer-section ul li a:hover{
    color: var(--slate-100);
}

/* New TH Footer styles ends here - 23/11/2023 */
/*search suggestion part 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 Ends here 02-05-2024*/

/* Search Updation Popup Starts Here 22-05-2024 */

#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 22-05-2024 */


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

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

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

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

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

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

@media (max-width: 1100px) {
    .individual-pay-sub-container{
        width: 95%;
    }
}

@media (max-width: 500px) {
    .individual-pay-sub-container{
        width: 100%;
    }

    .benefit-wrapper{
        min-width: 320px;
    }

    .sc-b-field{
        width: 250px
    }

    .sc-body{
        padding: var(--space3);
    }
}
.fr_paypl_hide {
display:none;
}
.fr_paypl_show {
display:block;
}
.spinner {
color: #ffffff;
font-size: 22px;
text-indent: -99999px;
margin: 0px auto;
position: relative;
width: 20px;
height: 20px;
box-shadow: inset 0 0 0 2px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.spinner, .spinner:before, .spinner:after {
border-radius: 50%;
}
.hidden {
display: none;
}
/* New Signup styles ends here - 03-10-2023 */


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

    .th-footer-section:not(:last-child){
        margin-bottom: 15px;
    }
	
	/* New TH Footer media query 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;
	}

    .individual-pay-container{
        padding-top: 4em;
    }

    .sc-h-title{
        line-height: 35px;
    }
	/*search suggestion part 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 Ends here 02-05-2024*/

}

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

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


@media (max-width: 900px){
    .container{
        flex-direction: column;
    }

    .sign-in-container{
        width: unset !important;
    }

    .sec_inpt_vals{
        width: 65% !important;
    }
}

@media (max-width: 650px){
    .inp_add_div .input2{
        width: 100% !important;
        float: unset !important;
    }

    .inp_add_div{
        min-width: unset !important;
    }

    .sign-in .input1{
        min-width: 350px !important;
    }

    .sec_inpt_vals{
        width: fit-content !important;
    }

    .bak_btn_div{
        width: 350px !important;
    }
}
/* Styles added on 19-01-2023 ends here */

.sign-in-container{
    width: 600px;
}

.sign-in-container.trial{
    width: unset !important;
    justify-content: center;
	margin:100px auto;
}

.sign-in-ca {
	width: 90%;
	min-width: 280px;
	margin-top: 0.6em;
	border: 1px solid black;
	gap: .5em;
}
.sign-in-ca {
  width: 20%;
  min-width: 320px;
  padding: 0px 14px 35px 14px;
  gap: 1.5em;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  min-width: 340px;
}

.sele_pay_tpe {
	width: 91%;
	text-align: left;
	margin-top: 1em;
}
.sele_pay_tpe input[type="radio"] {
	display: inline-block;
}
.sele_pay_tpe label {
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
}
.hel_txt {
	margin-left: 8px;
}
.hel_txt_as {
	vertical-align: middle;
}

.hel_img_txts {
	display: none;
	font-size: 13px;
	padding: 11px 12px;
	background-color: #92d8f5;
	height: 30px;
	margin-left: 2px;
	border-radius: 10px;
	color: #05296f;
}
.sec_inpt_vals{
	display:none !important;
	width: 79%;
    padding: 0px 14px 5px 14px;
}
.sec_inpt_vals_bk,.sec_inpt_vals_btn {
    display:none !important;
}
.sec_inpt_vals_bk img {
	width: 30px;
    height: 30px;
	cursor: pointer;
}
.card_diff {
  background-color: rgb(240, 244, 244);
  height: auto;
  border-radius: 5px;
  margin-top: 25px;
  float:left;
}
.card_diff_s {
    padding: 5px;
    margin-bottom: 35px;
}
.card_diff_sub {
    float: left;
    width: 10%;
}
.card_diff label:not(.instruction) {
	color: rgb(30,32,34) !important;
}
.card_month {
  width: 43% !important;
  padding-left: 5px;
  margin-bottom: 3px;
  margin-top: 3px;
  margin-left: 15px;
  border: 2px solid #C6C6C6 !important;
  color: #4f4f4f;
  font-size: 16px;
  border-radius: 5px;
  height: 39px;
  background-color:#fff !important;
}
.card_year {
  width: 43% !important;
  padding-left: 5px;
  margin-bottom: 3px;
  margin-top: 3px;
  border: 2px solid #C6C6C6 !important;
  color: #4f4f4f;
  font-size: 16px;
  border-radius: 5px;
  height: 39px;
  background-color:#fff !important;
}
.card_txt {
  font-size: 19px;
  float: left;
  margin-top: 5px;
  width: 75%;
  font-family: sans-serif, Calibri, Arial, Verdana, "Times New Roman";
  color: #043457;
}
#card_number,#card_cvc {
  border-color: #C6C6C6;
}
.sign-in.register #payBtn {
	background: #04868a;
	margin: 1.5em 0;
}
#payBtn {
	padding: 12px 16px;
	font-size: 16px;
	border-radius: 6px;
	color: #fff;
	background-color: rgb(38, 78, 153);
	box-shadow: 0px 10px 20px rgba(0,0,0,.2);
	border: none;
	cursor: pointer;
	transition: .3s;
}

.card-payment .sign-in.register .input select {
  border-color: var(--registerClr);
  flex: unset;
}
.card-payment .sign-in.register .input label {
	display: block;
}
.card-payment .sign-in .input {
	margin-top: .5em;
}

#login, #nxt_chk, #paynow, #f-p-submit, #c-p-submit {
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 6px;
  color: #fff;
  background-color: rgb(38, 78, 153);
  box-shadow: 0px 10px 20px rgba(0,0,0,.2);
  border: none;
  cursor: pointer;
  transition: .3s;
}
.sign-in #nxt_chk {
  margin: 1.5em 0;
}
.sign-in.register #nxt_chk {
  background: #04868a;
}
.sign-in .input1 {
	width: 90%;
	min-width: 470px;
}
.sign-in.register .input1 label,.sign-in.register .input2 label,.sign-in.register .input3 label {
  color: #04868a;
  font-weight: 600;
  font-size: 18px;
}
.sign-in.register .input1 input {
  border-color: var(--registerClr);
}
.input1 input{
    width: 100%;
    height : 40px;
    font-size: 15px;
    border : none;
    border-radius: 5px;
    padding : 0 10px;
    outline : none;
    letter-spacing: 1px;
    border : 2px solid #0a5ca6;
    box-sizing: border-box;
}
.inp_add_div {
	width: 90%;
	min-width: 470px;
}
.inp_add_div .input2{
    width: 48%;
	min-width: 230px;
	float: left;
	margin-top: .5em;
	padding: 2px;    
}
.inp_add_div .input2 label {
  color: #04868a;
  font-weight: 600;
}
.input2 input{
    width: 100%;
    height : 40px;
    font-size: 15px;
    border : none;
    border-radius: 5px;
    padding : 0 10px;
    outline : none;
    letter-spacing: 1px;
    border : 2px solid #0a5ca6;
    box-sizing: border-box;
}
.inp_add_div .input2 input {
  border-color: var(--registerClr);
}
.sign-in-container .input1, .sign-in-container .inp_add_div {
    margin-top: .5em;
}
.sign-in-container .input1 input, .sign-in-container .inp_add_div input, .sign-in-container .inp_add_div select {
    margin-top: .5em;
}
.input3 input{
    width: 100%;
    height : 40px;
    font-size: 15px;
    border : none;
    border-radius: 5px;
    padding : 0 10px;
    outline : none;
    letter-spacing: 1px;
    border : 2px solid #0a5ca6;
    box-sizing: border-box;
}
.inp_add_div .input3{
    width: 48%;
	min-width: 180px;
	float: left;
	margin-top: .5em;
	padding: 2px;    
}
.inp_add_div .input3 label {
  color: #04868a;
  font-weight: 600;
}
.inp_add_div .input3 input {
  border-color: var(--registerClr);
}

.exp_divs {
	width:60% !important;
}
.exp_divs1 {
	width:35% !important;
}
.bak_btn_div {
	width:475px;
	padding: 0px 14px 35px 14px;
}
.sign-in-btn {	
    width: 100%;
	padding: 0px 14px 35px 14px;	
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    flex-direction: column;	
}
.sign-in-btn #nxt_chk, .sign-in-btn #payBtn {
	background: #04868a; 
	margin: 1.5em 0;	
}

.input2 select{
    width: 100%;
    height : 39px;
    font-size: 14px;    
    border-radius: 5px;
    background-color: unset;    
    border : 2px solid #00b5ba;
    outline : none;
}


.hel_txt_as:hover + .hel_img_txts{
    display: block;
}
/* Card Payents styles ends here */


@media (max-width : 1500px) {
    .container {
        width: 80%;
    }
}

@media (max-width : 1100px) {
    .container {
        width: 95%;
    }
}

@media (max-width : 900px) {
    :root {
        --mainGap: .5em;
    }

    .steps-nav p {
        font-size: .8em;
    }

    .steps-nav-indicator {
        min-width: 244px;
    }

}

@media (max-width : 750px) {
    .container {
        flex-direction: column;
        justify-content: unset;
    }
	
	/* New TH Footer media query styles starts here - 23/11/2023 */
	
	.th-footer-section:not(:last-child){
        margin-right: 30px;
    }
	
	/* New TH Footer media query styles ends here - 23/11/2023 */
	
}
/* New Sign up styles ends here */


/* Change password styles starts here - 24/11/2022 */
.warn-text {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 40px;
    border: 2px solid #1d3f5f;
    border-radius: 0.5em;
    color: #1d3f5f;
    font-size: 1.2em;
    font-weight: 500;
    box-shadow: 0px 10px 40px rgb(0 0 0 / 15%);
}



/* Change password styles ends here - 24/11/2022 */

@media (max-width : 1300px) {
	#header {
		--fntMedHeader: .9em;
	}
	.header-logo-img {	
		width: 12em;	
	}
	.header-search-dd{
		gap : .5em;
	}
	
	/* New TH Footer media query styles starts here - 23/11/2023 */
	
	.th-footer{
        width: 95%;
    }
	
	/* New TH Footer media query styles ends here - 23/11/2023 */
}

/* @media (max-width : 700px) {
    #header {
        --fntMedHeader: .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 without Dropdown ends here */

@media (max-width:600px){
    .profile-container{
        padding : 2em .5em;
    }

    .profile-container .input{
        width : 95%;
        padding : 1em 0;
    }

    .profile-container .input span{
        right : 5px;
        font-size : 14px;
    }
}

@media (max-width: 450px) { 
    .profile-container .input label{
        font-size : 16px;
        flex : 3;
    }
    .profile-container .field,.input select{
        font-size : 14px;
        flex : 6;
    }
}

/* Another media query with 450px included below */

/* profile page styles ends here





/* savedposts.php styles starts here */
.saved-worksheets{
    width : 100%;
    height : 100%;
    min-height : 53vh;
    display : grid;
    justify-content: center;
    align-content : center;
    grid-template-columns: .45fr .45fr;
    grid-auto-rows: 25em;
    grid-column-gap: 4em;
    grid-row-gap: 2em;
    padding : 1em;
}

.saved-worksheet{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 70% 15% 15%;
    grid-row-gap: .5em;
    padding : 1em;
    border-radius: .3em;
    background-color :#f3f3f4;
    transition: 0.3s;
    box-shadow : inset 0px 0px 5px rgba(0,0,0,0.2);
}

.saved-worksheet img{
    /* border : 1px solid black; */
    width: 100%;
    height : 100%;
    object-fit: contain;
    border-radius: inherit;
    filter : drop-shadow(0px 5px 20px rgba(0,0,0,0.1));
    transition: 0.3s;
}

.saved-worksheet a{
    text-decoration: none;
    /* border : 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.saved-worksheet p{
    padding : 0;
    margin : 0;
    color : rgba(30,32,34);
    font-weight: bold;
    font-size: 1.1em;
    text-align : center;
    /* border : 1px solid black; */
}

.go-back{
    cursor : pointer;
    font-size : 22px;
}

.saved-worksheet button{
    display: flex;
    justify-self: flex-end;
    padding : .5em 1em;
    /* #0a5ca6 */
    /* rgb(38, 78, 153) */
    /* background : linear-gradient(#f4978e 0%,#f08080 100%); */
    background: linear-gradient(#2a3c4d 0%, #031424 100%);
    cursor : pointer;
    user-select : none;
    color : #fff;
    font-family : inherit;
    font-size : 1em;
    /* width : fit-content; */
    height: 2.4em;
    border-radius : .25em;
    border : none;
    outline : none;
}

.no-saved{
    font-size : 18px;
    font-weight : bold;
    color : #1d364e;
}

@media only screen and (max-width : 1100px){
    .saved-worksheets{
        grid-template-columns: .45fr .45fr;
        grid-column-gap: 2em;
    }
}

@media only screen and (max-width : 700px){
    .saved-worksheets{
        grid-template-columns: 1fr;
    }

    .saved-worksheet{
        width: 18em;
        justify-self : center;
    }
}

/* savedposts styles ends here */


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

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

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

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

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

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

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

.greet-user{
    cursor: default;
}

.account{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display : flex;
    align-items: center;
    float: right;
    padding : .25em .5em;
    position: relative;
    background: linear-gradient(to bottom right,#38638b,#1d3f5f);
    border-radius : .2em;
    box-shadow : 0px 5px 10px rgba(0,0,0,0.2);
    z-index: 1;
    margin-right : 10px;
}

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

.drop-down-content .tiles:nth-child(7) {
	transition-delay: .35s;
}
		
.account{
    margin-right : 10px;
}

/* New Header CSS ends */

.logo-img-bg,.gcse_whole_div,.hor_imgdiv{
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

@media (max-width: 1160px){
    .hor_imgdiv{
        width : 40%;
        padding : 0;
    }
    .gcse_whole_div{
        width : 30%;
    }
}

@media (max-width : 1100px){
    .hor_imgdiv{
        width : 45%;
    }

    .gcse_whole_div{
        width : 28%;
    }

    .account label p{
        display : none;
    }
	
	/* New TH Footer media query styles starts here - 23/11/2023 */
	
	.th-footer-section:not(:last-child){
        margin-right: 45px;
    }
	
	/* New TH Footer media query styles ends here - 23/11/2023 */
	
}


@media (max-width:960px){
    #logo_div{
        width : 50%;
    }
    .hor_imgdiv{
        width : 50%;
    }
    .gcse_whole_div{
        width : 45%;
    }
}

@media (max-width : 700px){
    
    #logo_div{
        width : 90%;
    }
    .hor_imgdiv{
        width : 100%;
    }
    .gcse_whole_div{
        display: flex;
        align-items: center;
        justify-content: center;
        gap : 20px;
        width : 100%;
    }
    .account{
        float : left;
    }
	.container{
		margin-top:98px;
	}
    .login{
        margin-top: 70px;
    }

    .child-login{
        margin-top: 70px;
    }
}

@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: none;
    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 {
	/* width: 100%; */
	text-align: center;
}
.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: none;
    /* 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 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 Ends here 02-05-2024*/

}


@media (max-width: 450px) { 

#logo_div {
	/* width: 100%; */
	text-align: center;
	padding-left: 0px;
}
.logo-img-bg {
	width: 100%;
	margin: 6px 0px 0px 35px;
}
#sidebar {
	width: 100%;
}
.extra_div {
	width: 98%;
}
.hor_imgdiv {
	/* width: 100%; */
	padding:0px 0px 0px 0px;
	text-align:center;
}
.gcse_whole_div {
	width:87%;
	padding: 10px;
    margin-left: 25px;
	margin-top:0px;
}
.top_nav_lst {
    padding: 2px 2px 0px 2px;
}
.top_nav_lst li {
    display: inline;
    padding: 0px;
}
.hor_imgdiv a {
    font-size: 12px;
}
#hide {
    text-align: center;
    font-size: 13px;
    color: #F9FAFC;
    display: none;
    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 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 Ends here 02-05-2024*/
}


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

#logo_div {
	/* width: 37%; */
	
}
.extra_div {
    width: 100%;
}
.hor_imgdiv {
    padding: 0px;
}
#content {
    padding: 5px;
    width: 96%;
}
#sidebar {
    width: 26%;
    float: left;
}
#hide {
    text-align: center;
    font-size: 13px;
    color: #F9FAFC;
    display: none;
    margin-top: 20px;
}
.btns_new {
    float: left;
    width: 21px;
    padding: 10px 11px 10px 7px;
    margin-left: 10px;
}
.hor_imgdiv a {
   font-size: 16px;
} 
/*search code*/
.gcse_whole_div {
    margin-left: 5px;
}
/*search code*/


}

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