@font-face {
  font-family: 'NCSchoolbook';
  src: url('/fonts/NCSchoolbook.woff2') format('woff2'),
       url('/fonts/NCSchoolbook.woff') format('woff'),
       url('/fonts/NCSchoolbook.ttf') format('truetype'); /* fallback */
  font-weight: normal;
  font-style: normal;
}

.menuhead {  font-family: NCSchoolbook,  Arial, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; letter-spacing: 0pt; margin-top: 8px; font-weight: bold; color: #000000}
.menusubhead {  font-family: NCSchoolbook,  Arial, Times, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; letter-spacing: 0pt; text-decoration: none; color: #000000; font-weight: bold}
.boxhead {  font-family: NCSchoolbook,  Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; letter-spacing: 0pt; margin-left: 10px; font-weight: bold}
.boxlink {  font-family: NCSchoolbook,  Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; color: #000000}
.bodytext {
	font-family: NCSchoolbook,  Verdana, Arial, Helvetica
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.bodytext12 {
	font-family: NCSchoolbook,  Verdana, Arial, Helvetica
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.bodytext11 {
	font-family: NCSchoolbook,  Verdana, Arial, Helvetica
	font-size: 8px;
	margin: 0px;
	padding: 0px;
}

.bodytextsmall {
	font-family: NCSchoolbook,  Verdana, Arial, Helvetica;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0pt;
	line-height: 10px;
}
.bodytext7 {
	font-family: NCSchoolbook,  Verdana, Arial, Helvetica;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0pt;
}

.bodytextS {
	font-family: NCSchoolbook, Verdana, Arial, Helvetica;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0pt;
}

.bodytextS2 {
	font-family: NCSchoolbook, Verdana, Arial, Helvetica;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0pt;
}


.textspread {
	font-family: NCSchoolbook, Arial, Helvetica;
	font-size: 8px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1.5pt;
}



.sectionTitle {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 16px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    color: #0C9AB9;
}



.freewareTitle {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #65600C;
}



.sectionDetails {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    text-decoration: none;
    color: #BAAEAE;
}

.softwareTitle {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #0C4065;
}


.coursewareTitle {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #65600C;
}


.courseRegTitle {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #65120C;
}

.startingAt {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;  
    font-style: italic;
    text-decoration : italic; 
    color: #666666;
}


.prodDesc {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #666666;
}

.moreInfoLink {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
    font-weight: normal;
    font-style: italic;
    text-decoration: italic;
    color: #999999;
    
  }

.purchaseLink {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #D4BD3E;
}


.upgradeLink {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #E7D25D;
}


.quoteLink {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    color: #97A678;
}

.red11b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #BA0D0D;
}

.red9b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    color: #BA0D0D;
}

.blue8b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    color: #0C4065;
}



.redmed {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #BA0D0D;
}

.redhuge {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #BA0D0D;
}



.bodylink {  font-family: NCSchoolbook, "Times New Roman", Times, serif; font-size: 12pt; font-weight: bold; text-decoration: underline}


.smallerstuff {
   font-weight : normal; 
   font-size : 9px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #333333; 
   text-decoration : none; 
}



.smallerstuffsilver {
   font-weight : normal; 
   font-size : 9px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #999999; 
   text-decoration : none; 
}

.basePrice {
   font-weight : bold; 
   font-size : 16px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #666666; 
   text-decoration : none; 
}

.Price {
   font-weight : normal; 
   font-size : 16px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #999999; 
   text-decoration : none; 
}

.totalPrice {
   font-weight : bold; 
   font-size : 18px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #000000; 
   text-decoration : none; 
}

.step3 {
   font-weight : normal; 
   font-size : 12px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #666666; 
   text-decoration : none; 
}

.standout1 {
   font-weight : bold; 
   font-size : 11px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #5A7BA1; 
   text-decoration : none; 
}

.quote {
   font-weight : normal; 
   font-size : 15px; 
   font-family : times, arial, helvetica, sans-serif; 
   color : #A4C868; 
   font-style: italic;
   text-decoration : italic; 
   
   
}

.standout2 {
   font-weight : bold; 
   font-size : 10px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #15B919; 
   text-decoration : none; 
}



.yellow13b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #C5D13D;
}


.strongPrice {
   font-weight : bold; 
   font-size : 16px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #BA0D0D; 
   text-decoration : none; 
}

.regPrice {
   font-weight : bold; 
   font-size : 16px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #4198BE; 
   text-decoration : none; 
}

.yellow11b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    color: #C5D13D;
}


.aimlink {
   font-weight : normal; 
   font-size : 9px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #973434; 
   text-decoration : none; 
}

.boxes {
		position: absolute;
		width: 400;
		}

#loadingBox {
		background-color: #ffffff;
		top: 5px;
		left: 350px;
		z-index: 1;
		}
		
#pageLoadedBox {
		background-color: #E7D25D;
		top: 0px;
		left: 350px;
		z-index: 2;
		}
	
	
.bodylink {  font-family: NCSchoolbook, "Times New Roman", Times, serif; font-size: 12pt; font-weight: bold; text-decoration: underline}

	
A {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #d93810;
}


A:hover	{	
	text-decoration: underline;
	background:	#cccccc;
	}	

A:active	{	
	text-decoration:	underline;
	background:	#666666;
	}	

.plustwo {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}


UL {
   margin-top : 4pt; 
}

PRE {
   font-size : 10pt; 
}

OL {
   margin-top : 4pt; 
}

LI {
   margin-bottom : 4pt; 
   font-size: 14px;
   padding: 5px;
   margin-left: 15px;
}


.rightlinks { color: #0A397A; font-weight: bold; text-decoration: underline;}
.rightlinks:hover { color: #d93810; font-weight: bold; text-decoration: underline;}
.bigrightlinks { font-size: 24px; color: #0A397A; font-weight: bold; text-decoration: underline;}
.bigrightlinks:hover { font-size: 24px; color: #d93810; font-weight: bold; text-decoration: underline;}
.headnormal {  font-family: NCSchoolbook, Arial, Helvetica, sans-serif; font-size: 10pt; letter-spacing: 0pt; margin-right: 15px}
.bodytextlarge { font-family: NCSchoolbook, "Times New Roman", Times, serif; font-size: 13pt}
td {  font-family: NCSchoolbook, Arial, Helvetica, sans-serif; font-size:  12pt; letter-spacing: 0pt; margin-right: 15px}

.greek {
	color: #000000;
	font: normal normal 14px/24px Times New Roman, Times, serif;
	border: 0px;
	padding: 1px 4px 1px 4px;
	background: #FFDC5E;
	display: inline;
	width: 13px;
}


.mediumorange {
	font-family: NCSchoolbook, arial, helvetica, sans-serif;
	font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #D19E03;
}

.makercolor10b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #4198BE;
}

.makercolor12b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #4198BE;
}

.meqcolor10b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #6F8309;
}

.meqcolor12b {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #6F8309;
}

.plusone {
	font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
    text-decoration: none;

    color: #000000;
}

.alternate-colors li { background: #eeeeee; }
.alternate-colors li:nth-child(odd) { background: lightyellow; }

		/*  VIDEO PLAYER CONTAINER
 		############################### */
 		
 		.container {
  			width: 100%;
  			max-width: 800px;
  			min-width: 440px;
  			background: #fff;
  			margin: 0 auto;
  		}
  		
  		.vid-container {
		    position: relative;
		    padding-bottom: 52%;
		    padding-top: 30px; 
		    height: 0; 
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 92%;
			overflow: hidden;
			margin-top: 20px;
			margin-left:4%;
			padding-bottom: 20px;
		}

		.vid-list {
			width: 2344px;
			position: relative;
			top:0;
			left: 0;
		}

		.vid-item {
			display: block;
			width: 148px;
			height: 148px;
			float: left;
			margin: 0;
			padding: 10px;
			text-align: center;
		}

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 84px;
		}

		.thumb img {
			width: 100%;
			position: relative;
			top: -13px;
		}

		.vid-item .desc {
			color: #21A1D2;
			font-size: 15px;
			margin-top:5px;
		}
		
		.vid-item .notebook {
			color: #21A1D2;
			font-size: 10px;
			margin-top:5px;
		}
		
		.vid-item .quiz {
			color: #21A1D2;
			font-size: 10px;
			margin-top:5px;
		}
		
		.vid-item .notebooktitle {
			color: darkred;
			border: 1px solid darkred; 
			font-size: 9px;
			margin-top:10px;
		}
		
		#notebooktitle {
			color: darkred;
			border: 1px solid darkred; 
			font-size: 12px;
			margin-top:15px;
			width: 500px;
			margin-left: 145px;
		}


		.vid-item:hover {
			background: #eee;
			cursor: pointer;
		}

		.arrows {
			position:relative;
			width: 100%;
		}

		.arrow-left {
			color: #fff;
			position: absolute;
			background: #777;
			padding: 15px;
			left: -25px;
			top: -130px;
			z-index: 99;
			cursor: pointer;
		}

		.arrow-right {
			color: #fff;
			position: absolute;
			background: #777;
			padding: 15px;
			right: -25px;
			top: -130px;
			z-index:100;
			cursor: pointer;
		}

		.arrow-left:hover {
			background: #CC181E;
		}

		.arrow-right:hover {
			background: #CC181E;
		}


		@media (max-width: 624px) {
			body {
				margin: 15px;
			}
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
			}

			/* reposition left/right arrows */
			.arrows {
				position:relative;
				margin: 0 auto;
				width:96px;
			}
			.arrow-left {
				left: 0;
				top: -17px;
			}

			.arrow-right {
				right: 0;
				top: -17px;
			}
		}
		
		
		
		.vid-container2 {
		    position: relative;
		    padding-bottom: 52%;
		    padding-top: 30px; 
		    height: 0; 
		}
		 
		.vid-container2 iframe,
		.vid-container2 object,
		.vid-container2 embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container2 {
			width: 92%;
			overflow: hidden;
			margin-top: 20px;
			margin-left:4%;
			padding-bottom: 20px;
		}

		.vid-list2 {
			width: 2344px;
			position: relative;
			top:0;
			left: 0;
		}

		.vid-item2 {
			display: block;
			width: 148px;
			height: 148px;
			float: left;
			margin: 0;
			padding: 10px;
			text-align: center;
		}

		.thumb2 {
			/*position: relative;*/
			overflow:hidden;
			height: 84px;
		}

		.thumb2 img {
			width: 100%;
			position: relative;
			top: -13px;
		}

		.vid-item2 .desc {
			color: #21A1D2;
			font-size: 15px;
			margin-top:5px;
		}
		
		.vid-item2 .notebook {
			color: #21A1D2;
			font-size: 10px;
			margin-top:5px;
		}
		
		.vid-item2 .quiz {
			color: #21A1D2;
			font-size: 10px;
			margin-top:5px;
		}
		
		.vid-item2 .notebooktitle {
			color: darkred;
			border: 1px solid darkred; 
			font-size: 9px;
			margin-top:10px;
		}
		
		#notebooktitle2 {
			color: darkred;
			border: 1px solid darkred; 
			font-size: 12px;
			margin-top:15px;
			width: 500px;
			margin-left: 145px;
		}


		.vid-item2:hover {
			background: #eee;
			cursor: pointer;
		}

		.arrows2 {
			position:relative;
			width: 100%;
		}

		.arrow-left2 {
			color: #fff;
			position: absolute;
			background: #777;
			padding: 15px;
			left: -25px;
			top: -130px;
			z-index: 99;
			cursor: pointer;
		}

		.arrow-right2 {
			color: #fff;
			position: absolute;
			background: #777;
			padding: 15px;
			right: -25px;
			top: -130px;
			z-index:100;
			cursor: pointer;
		}

		.arrow-left2:hover {
			background: #CC181E;
		}

		.arrow-right2:hover {
			background: #CC181E;
		}


		@media (max-width: 624px) {
			body {
				margin: 15px;
			}
			.caption {
				margin-top: 40px;
			}
			.vid-list-container2 {
				padding-bottom: 20px;
			}

			/* reposition left/right arrows */
			.arrows2 {
				position:relative;
				margin: 0 auto;
				width:96px;
			}
			.arrow-left2 {
				left: 0;
				top: -17px;
			}

			.arrow-right2 {
				right: 0;
				top: -17px;
			}
		}
		
.red-button {
    width: 50%;
    background-color: #ee080b;
    background: -moz-linear-gradient(top, #fe0001 0%, #df1015 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0001), color-stop(100%, #df1015));
    background: -webkit-linear-gradient(top, #fe0001 0%, #df1015 100%);
    background: -o-linear-gradient(top, #fe0001 0%, #df1015 100%);
    background: -ms-linear-gradient(top, #fe0001 0%, #df1015 100%);
    background: linear-gradient(to bottom, #fe0001 0%, #df1015 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0001', endColorstr='#df1015', GradientType=0);
    color: #fff;
    font-size: 1em !important; /* it is not taking this without important tag */
    font-weight: 800;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    letter-spacing: 1px;
}



* {
  box-sizing: border-box;
}

html {
  font-size: 1rem;
}

a {
  font-size: 1rem;
}

body {
  margin: 0;
  font-family: NCSchoolbook, 'Rajdhani', sans-serif;
  background-color: #ffffff;
  color: #002244;
  overflow-x: hidden;
}

header {
  background-color: #001933;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

header img {
  width: 200px;
  height: auto;
  margin-bottom: 1.5rem;
}

header .nothome img {
    height: 100px;
    width: 100px;
    margin-bottom: 0.5rem;
}

.hero{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2rem 1rem;
	gap:2rem
}

.logo-box{
/* flex:0 0 30%; */
text-align:center
}
.logo-box img{width:90%;max-width:280px;height:auto}
.text-box{
/* flex:0 0 70%; */
display:flex;
flex-direction:
column;
justify-content:center}
.text-box h1{font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:.6rem}
.text-box svg{width:2.6rem;height:2.6rem;vertical-align:middle;margin-left:.4rem}
.text-box p{font-size:1.2rem;font-style:italic;line-height:1.4}

header h1 {
  font-size: 3rem;
  margin: 0;
  letter-spacing: 1px;
}

header .bigh {
    font-size: 3rem;
    margin: 0;
    letter-spacing: 1px;
}

section .hero .bigh {
	font-size: 2rem;
    margin: 0;
    letter-spacing: 1px;
}

header .hero .text-box p {
	font-size: 0.8rem;
    margin: 0;
    letter-spacing: 1px;
    line-height: 0.85rem;
}



header h2 {
	padding: 0;
}


h1, h2, h3, h4 {
	font-family: NCSchoolbook, 'Rajdhani', sans-serif;
}

p {
    display: block;
    padding: 0;
}

.lmstore {
	font-family: NCSchoolbook, "New Century Schoolbook";
	max-width: 75%;
}

.lmstore p {
	margin: 0.3rem 0;
}

header p {
  font-size: 1.25rem;
  font-style: italic;
  margin-top: 0.5rem;
}

.lmlogo {
	font-family: NCSchoolbook, 'Rajdhani', sans-serif;
	font-weight: 1000;
	white-space: nowrap;
}

.lmlogo-big {
	font-family: NCSchoolbook, 'Rajdhani', sans-serif;
	font-weight: 1000;
	font-size: 1.2rem;
	white-space: nowrap;
}

nav {
  background-color: #eeeeee;
  padding: 1rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem 1.5rem;
}

nav a {
  font-weight: 700;
  color: #002244;
  text-decoration: none;
  font-size: 1.1rem;
}

nav a{color:#001933;text-decoration:none;font-weight:600;font-size:1.25rem}
nav a:hover{text-decoration:underline}

.nothome nav {
	width:100vw;                              
  margin-left:calc(50% - 50vw);             
  margin-right:calc(50% - 50vw); 
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}

section {
  padding: 0.5rem 1rem;
  width: 100%;
}

h2 {
  padding: 0.25rem 0;
  margin: 0.25rem 0;
}

.lm_flex-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1100px;
  margin: 0 auto;
  gap: 2rem;
  font-family: NCSchoolbook, "New Century Schoolbook";
}

.lm_main-column {
  flex: 0 0 65%;
  max-width: 65%;
  min-width: 0;
}

.lm_sidebar-column {
  flex: 0 0 35%;
  max-width: 35%;
  min-width: 260px;
  padding-left: 1rem;
  box-sizing: border-box;
  padding-top: 1rem;
}

.lm_sidebar-column .sidebar {
	border:2px solid #ccc; 
	padding:1rem;
}

footer {
  background-color: #001933;
  color: #ffffff;
  text-align: center;
  padding: 1.5rem 1rem;
  font-size: 0.9rem;
  margin-top: 30px;
}


.sectionTitle {
    font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    color: #0C9AB9;
} 

.red11b {
	font-size: 1rem;
	color: #D24B2A;
	font-weight: 1000;
}

.makercolor12b {
	font-size: 1.3rem;
	color: #001933;
	font-weight: 1000;
}

.corner hr {
 	color: black;
 	width: 100%;
 	height: 2px;
}

.middlebox {
  	width: 70%;
}

.aimlink {
    font-weight: normal;
    font-size: 9px;
    font-family: NCSchoolbook, verdana, arial, helvetica, sans-serif;
    color: #973434;
    text-decoration: none;
}


.foot {
  color: #ffffff;
  text-align: center;
  font-size: 0.9rem;
}

.foot a {
  color: #D24B2A;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
}

.footer-container {
  max-width: 750px;
  margin: 0 auto;
  padding: 1rem;
  text-align: left;
}

.footer-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.footer-col {
  flex: 1 1 auto;
  min-width: 150px;
}

.logo-col {
  display: flex;
  align-items: center;
}

.logo-col img {
  max-width: 130px;
  width: 100%;
  height: auto;
}

.footer-bottom {
  font-size: 0.9rem;
  line-height: 1.4;
}

.mobilesp {
  display: none;
}

.lm_iv-icon {
  height: 1.1em;
  width: auto;
  vertical-align: -0.7em;
  margin-left: -0.2em;
}

.lm_iv-icon-small,
.lm_iv-icon-small3 {
  height: 1em;
  width: auto;
  vertical-align: -0.2em;
  margin-left: 0.1em;
}

.colon-svg,
.bigcolon-svg,
.smallcolon-svg,
.whitesmallcolon-svg {
  display: inline-block;
  transition: transform 0.8s ease;
  margin-left: 0;
  margin-right: 0.1rem;
}

.colon-svg:hover,
.bigcolon-svg:hover,
.smallcolon-svg:hover,
.whitesmallcolon-svg:hover {
  transform: rotate(360deg);
}

.colon-svg {
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: -0.15em;
}

.bigcolon-svg {
  width: 2rem;
  height: 2rem;
  vertical-align: 0;
}

.smallcolon-svg,
.whitesmallcolon-svg {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.2rem;
}

.nomobilespace {
	display: inline-block;
}

.mobilebr {
	display: inline-block;
}

.mobileshow {
	display: none;
}

.mobilehide {
	display: inline-block;
}

@media (max-width: 900px) {
  nav a {
    margin: 0.5rem 0.75rem;
    font-size: 1rem;
  }
  .lm_flex-columns {
    flex-direction: column;
    align-items: center;
  }
  .lm_main-column {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .lm_sidebar-column {
    flex: 1 1 90%;
    max-width: 90%;
    padding-left: 0;
    margin: 0 auto;
  }
}

@media (max-width: 600px) {
  header {
    padding: 2rem 1rem;
  }
  header h1 {
    font-size: 2.25rem;
  }
  header p {
    font-size: 1rem;
  }
  .footer-container {
    padding: 0.5rem;
    font-size: 0.8rem;
  }
  .footer-row {
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
  }
  .footer-col {
    width: 100%;
    max-width: 280px;
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .logo-col {
    justify-content: center;
    margin-bottom: 0.5rem;
  }
  .footer-bottom {
    font-size: 0.7rem;
    line-height: 1.2;
    max-width: 380px;
    margin: 0 auto;
  }
  .mobilesp {
    display: inline-block;
  }
  
  .nomobilespace {
	display: none;
	}
	
	.mobilebr {
	display: none;
}

.mobileshow {
	display: inline-block;
}

.mobilehide {
	display: none;
}
	
	
.hero{flex-direction:column;text-align:center}
.logo-box,.text-box{flex:0 0 auto}
.text-box h1{font-size:2.2rem}
.text-box p{font-size:1rem}
nav a{font-size:0.8rem}




}

@media (min-width: 601px) {
  .logo-col {
    flex: 0 0 130px;
    justify-content: flex-start;
  }
}

.lm_flex-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1100px;
  margin: 0 auto;
  gap: 2rem;
}

.lm_flex-columns > .lm_main-column {
  flex: 0 0 calc(65% - 1rem);
  max-width: calc(65% - 1rem);
}

.lm_flex-columns > .lm_sidebar-column {
  flex: 0 0 calc(35% - 1rem);
  max-width: calc(35% - 1rem);
  padding-left: 1rem;
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .lm_flex-columns {
    flex-direction: column;
    align-items: center;
  }
  .lm_flex-columns > .lm_main-column,
  .lm_flex-columns > .lm_sidebar-column {
    flex: 0 0 90%;
    max-width: 90%;
    margin: 0 auto;
    padding-left: 0;
  }
}

#download-strip {
  background: #ffffff;
  padding: 3rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: NCSchoolbook, 'Rajdhani', sans-serif;
}

.download-wrap {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.download-card {
  --card-bg: #f4f6fa;
  --card-text: #001933;
  text-align: center;

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

  width: 220px;
  height: 160px;

  background: var(--card-bg);
  border-radius: 1rem;
  text-decoration: none;
  color: var(--card-text);
  font-weight: 600;
  font-size: 1.1rem;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.download-card i {
  font-size: 48px;
  margin-bottom: 0.75rem;
}

.download-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.download-card.mac i {
  color: #000;
}

.download-card.win i {
  color: #0078D6;
}


.pricing-wrapper{max-width:580px;margin:2rem auto}
.pricing-table{
  display:grid;
  grid-template-columns:120px repeat(3,1fr);
  border:2px solid #000;
  border-spacing:0;
}
.pricing-table>div{
  padding:8px 6px;
  text-align:center;
  border:1px solid #d2d2d2;
  font-size:15px;
}
.corner{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-end;
  font-weight:700;
  background:#efefef;
}
.v-label{writing-mode:vertical-rl;transform:rotate(270deg);font-size:13px}
.h-label{font-size:13px}
.col-header{
	font-weight:700;
	vertical-align: center;
	}
.student{color:#c00}
.individual{color:#d77200}
.academic{color:#0052b4}
.commercial{color:#5e2d8c}
.price{font-weight:700;font-size:17px;text-decoration:none}
.price.strong{color:#c00}
.price.orange{color:#d77200}
.price.blue{color:#0052b4}
.price.purple{color:#5e2d8c}
.na{background:#efefef;color:#9e7b00;font-weight:700;font-size:13px}
.row-header{font-weight:600;background:#f8f8f8}
.separator{
  grid-column:1/-1;
  height:1px;
  background:#555;
  margin:4px 0;
}
.standout{font-weight:700;font-size:1rem;}
.standout2{font-size:0.8rem;font-weight:600}
.aimlink{font-size:0.8rem }
@media(max-width:640px){
  .pricing-table{display:block;overflow-x:auto}
  .pricing-table>div{display:inline-block;min-width:120px;border-width:1px 0 0 1px}
  /* .pricing-table>div:nth-child(5n+1){border-left:0} */
}

.corner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#efefef;
  border-right:1px solid #d2d2d2;   /* keep grid lines */
  border-bottom:1px solid #d2d2d2;
  font-size:13px;
  font-weight:700;
}

.corner .row{
  display:flex;
  align-items:center;
  line-height:1.15;
}

.corner .top{
  justify-content:flex-end;         /* label + arrow  */
  gap:4px;
}

.corner .bottom{
  justify-content:flex-start;       /* arrow  + label */
  gap:4px;
}

.pricing-table > div:not(.corner):not(.separator):not(.header-separator){
  display:flex;                 /* make the cell a flex-box           */
  align-items:center;           /* vertical centring                   */
  justify-content:center;       /* horizontal centring (was text-align)*/
  padding:8px 6px;              /* keep your original inner spacing    */
  text-align:center;            /* fallback for very narrow cells      */
}

.lm_single-column {
    margin: 0 auto;
    max-width: 65%;
    min-width: 0;
}

.sidebar ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 5px;
    unicode-bidi: isolate;

}

@media (max-width: 640px) {
  html {
    font-size: 14px; /* sets a comfortable base font size */
  }

  .pricing-wrapper {
    width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
  }

  .pricing-table {
    display: grid !important;
    grid-template-columns: auto repeat(3, minmax(4rem, 1fr)) !important;
    gap: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .pricing-table .corner,
  .pricing-table .col-header,
  .pricing-table .row-header,
  .pricing-table > div {
    padding: 0.1rem 0.15rem; /* minimal padding */
    font-size: 0.8rem; /* approximately 10px if base is 14px */
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pricing-table .corner,
  .pricing-table .col-header,
  .pricing-table .row-header {
    font-weight: bold;
    background-color: #f7f7f7;
  }

  .pricing-table .separator {
    grid-column: span 4;
    height: 0.1rem;
    background: #ddd;
    margin: 0.15rem 0;
  }

  .pricing-table .price,
  
  .pricing-table .na {
    font-size: 0.8rem;
    padding: 0.1rem 0;
  }
  
  .pricing-table .aimlink {
  	  font-size: 0.7rem;
    padding: 0.1rem 0;
  }
  
  .pricing-table .standout,
  .pricing-table .standout2
  {
  	font-size: 0.7rem;
  }
  
  

  .pricing-table img {
    max-width: 80%;
    height: auto;
  }

	.pricing-table>div{
		min-width: 25%;
	}


.pricing-table>div{
  border:1px solid #d2d2d2;
}


  
  .lm_single-column {
	max-width: 90%;
	}

	.middlebox {
		width: 100%;
	}
	
	.text-box svg {
		margin-bottom: 0.5rem;
	}

}


:root {
  --lms-spacing-xs: 0.25rem;
  --lms-spacing-s: 0.5rem;
  --lms-spacing-m: 1rem;
  --lms-border: 1px solid #ccc;
  --lms-font-s: 0.8rem;
  --lms-font-m: 0.9rem;
  --lms-font-l: 1rem;
  --lms-accent: #c00;
}

.lms-table {
  display: grid;
  grid-template-columns: 30% 50% 20%;
  border: var(--lms-border);
  font-family: NCSchoolbook, "Rajdhani", sans-serif;
  width: 100%;
}

.lms-table-header,
.lms-table-row {
  display: contents;
}

.lms-table-cell {
  padding: var(--lms-spacing-s);
  border: var(--lms-border);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--lms-font-m);
}

.lms-cell-item {
  flex-direction: column;
}

.lms-item-detail {
  display: flex;
  align-items: center;
  gap: var(--lms-spacing-xs);
}

.lms-price-highlight {
  color: var(--lms-accent);
  font-weight: 700;
}

.lms-table-separator {
  grid-column: 1 / -1;
  background: maroon;
  height: 0.5rem;
}

.lms-table-total .lms-cell-total-label {
  grid-column: span 2;
  justify-content: flex-end;
  font-weight: 700;
  color: #444;
}

.lms-address-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lms-spacing-m);
  width: 75%;
}

.lms-address-column {
  flex: 1 1 300px;
  min-width: 260px;
  border: var(--lms-border);
  padding: var(--lms-spacing-m);
  box-sizing: border-box;
}

.lms-address-heading {
  margin: 0 0 var(--lms-spacing-s);
  font-size: var(--lms-font-l);
}

.lms-address-form {
  display: grid;
  grid-template-columns: 35% 1fr;
  gap: var(--lms-spacing-xs) var(--lms-spacing-s);
  font-size: var(--lms-font-s);
}

/*
.lms-form-row {
  display: contents;
}
*/

.lms-form-row{
  display:grid;                     /* gives the row its own box        */
  grid-template-columns:minmax(110px,1fr) 1fr;
  align-items:center;
  gap:var(--lms-spacing-xs);
  padding: 10px;
  border: var(--lms-border);
}


.lms-address-form label {
  text-align: right;
  align-self: center;
  margin: 0 auto;
}

.lms-address-form input,
.lms-address-form select {
  width: 100%;
  padding: var(--lms-spacing-xs);
  font-size: var(--lms-font-s);
}

.lms-checkbox-inline {
  display: flex;
  align-items: center;
  gap: var(--lms-spacing-xs);
  font-size: var(--lms-font-s);
  margin-bottom: var(--lms-spacing-s);
}

@media (max-width: 640px) {

	.lms-address-wrapper {
		width: 90%;
	max-width: 90%;
		
	}
  .lms-table {
    overflow-x: auto;
    width: 100%;
  }

  .lms-table-cell {
    font-size: var(--lms-font-s);
    padding: var(--lms-spacing-xs);
  }

  .lms-address-column {
    flex: 1 1 100%;
  }

  .lms-address-form {
    grid-template-columns: 1fr !important;
  }

  .lms-address-form label {
    text-align: left;
    margin: unset;
    margin-bottom: var(--lms-spacing-xs);
  }
}

@media (max-width:640px){
  .lms-form-row{
    grid-template-columns:1fr;      /* label above the input */
  }
  .lms-form-row label{
    text-align:left;
    margin-bottom:var(--lms-spacing-xs);
  }
}

.lms-step-table{
  display:grid;
  grid-template-columns: 20% 40% 40%;
  max-width:75%;
  margin:0 auto;
  border:var(--lms-border);
  gap:var(--lms-gap);
  padding:var(--lms-gap);
  box-sizing:border-box;
}

.lms-step-details {
	text-align: center;
}	

.lms-step-cell{
  border:var(--lms-border);
  padding:var(--lms-pad);
  box-sizing:border-box;
}

/* first column */
.lms-step-num{
  display:flex;
  align-items:center;
  justify-content:center;
}
.lms-step-num-text{
  font-size:2rem;
  font-weight:700;
  color:var(--lms-accent);
}

/* middle prompt column */
.lms-step-prompt{
  background:var(--lms-bg);
  text-align:center;
}
.lms-step-question{
  font-weight:600;
  margin:.25rem 0 .5rem;
}
.lms-yes{color:#004b7f;font-weight:700;}
.lms-price-note{color:#c60;font-weight:600;}

/* third column */
.lms-step-details p{margin:.35rem 0;font-size:.9rem;}
.lms-step-details input,
.lms-step-prompt select{
  font-size:.9rem;
  padding:0.15rem 0.25rem;
}

/* keep row intact on narrow screens; allow side-scroll if needed */
@media (max-width:640px){
  .lms-step-table{
  	grid-template-columns: 10% 45% 45%;
    overflow-x:auto;
    width:90%;
    max-width: 90%;
  }
  
  .lms-step-cell {
  
  }
}

input[type="submit"], input[type="submit"]:active, button[type="submit"], button[type="submit"]:active, button[type="menu"], button[type="menu"]:active {
	background-color: blue;
	color: white;
	font-weight: bold;
	padding: 0.5rem;
	border-radius: 0.5rem; 
}

/* fixed two-column grid: 200 px label | 300 px value */
.lms-summary-table{
  display:grid;
  grid-template-columns:200px 300px;
  max-width:500px;
  margin:0 auto 1.5rem;
  border:1px solid #999;
  font-family:"Rajdhani",sans-serif;
}

.lms-summary-cell{
  border:1px solid #999;
  padding:.5rem .75rem;
  box-sizing:border-box;
  font-size:.9rem;
}

.lms-label{ text-align:right; }
.lms-value{ text-align:left; }

.lms-agree{
  display:flex;
  align-items:flex-start;
  gap:.4rem;
  margin-top:.5rem;
  font-size:.85rem;
}

/* keep whole grid intact on narrow screens */
@media(max-width:520px){
  .lms-summary-table{
    overflow-x:auto;
    max-width: 90%;
    width: 90%;
  }
}

/* fixed 450-px two-column layout: 150 | 300 */
.lms-receipt{
  display:grid;
  grid-template-columns:150px 300px;
  max-width:450px;
  margin:0 auto;
  border:1px solid #999;
  font-family:"Rajdhani",sans-serif;
  gap:0;
}

.lms-receipt-col{
  border:1px solid #999;
  box-sizing:border-box;
  padding:.75rem;
}

.lms-receipt-left{
  text-align:center;
}

.lms-receipt-right p{ margin:.4rem 0; }

.lms-license-box{
  margin-top:.6rem;
  border:1px solid #666;
  padding:.6rem;
  box-sizing:border-box;
  max-width:350px;
}

/* keep layout intact on phones: side-scroll instead of stacking */
@media(max-width:470px){
  .lms-receipt{
    overflow-x:auto;
    min-width:450px;  /* enables horizontal scroll */
  }
}

/* same width for the checkout table and the receipt box  */
.lms-table,
.lms-receipt{
  width:100%;          /* stretch to available space         */
  max-width:600px;     /* identical desktop width */
  margin:0 auto;       /* center the box horizontally         */
}

 .lms-summary-table  {
  	grid-template-columns: 40% 60%;
  }
  
.lmstore {
	font-family: NCSchoolbook, "New Century Schoolbook";
	max-width: 75%;
}


/* on phones make them a bit narrower than the viewport   */
@media (max-width:640px){

.lmstore {
	max-width: 100%;
}


  .lms-table,
  .lms-receipt{
    width:100%;         /* 90 % of screen, still centered      */
  }
  
  .lms-receipt{
  grid-template-columns: 120px 320px;
  }
  
  .lms-summary-table  {
  	grid-template-columns: 30% 70%;
  }
}

.lms-item-desc {
  border: 1px solid #ccc;
  padding: 1rem;
  font-family: NCSchoolbook, "Rajdhani", sans-serif;
  font-size: 0.9rem;
  line-height: 1.45;
  background: #f9f9f9;
  max-width: 500px;
  margin: 1rem auto;
  box-sizing: border-box;
}

.lms-desc-row {
  margin: 0.25rem 0;
  word-break: break-word;
}

.lms-desc-row span {
  font-weight: 600;
}

.lms-promo {
  margin-bottom: 0.5rem;
  color: #b61c1c;
  font-size: 1rem;
}

/* Mobile-Friendly */
@media (max-width: 640px) {

  .lms-item-detail {
  	flex-direction: column;   /* icon on top, text below */
    align-items: center; 
    text-align: center;    
  }
  .lms-item-desc {
    max-width: 90%;
    font-size: 0.85rem;
    padding: 0.75rem;
  }
}