/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.om {
  /* margin-left: auto; */
  /* margin-right: auto; */
  margin-bottom: 0px;
}

.om:after {
  content: "";
  display: table;
  clear: both;
}

.va-text {
  margin-top: -25%;
  padding-right: 5px;
}

/* used to center the text around the header icon (and also pad in the right) in accordions  */


/*
@font-face {
    font-family: 'tamuni-tamil150normal';
    src: url('tamuni-tamil150-webfont.eot');
    src: url('tamuni-tamil150-webfont.eot?#iefix') format('embedded-opentype'),
         url('tamuni-tamil150-webfont.woff2') format('woff2'),
         url('tamuni-tamil150-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


@font-face {
  font-family: "tamuni-tamil150normal";  
  src: url("../fonts/tamil/tamuni-tamil150-webfont.eot"); /* IE9 */    
  src: 	url("../fonts/tamil/tamuni-tamil150-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/tamil/tamuni-tamil150-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tamuni-tamil150-webfont.woff") format("woff"),
		url("../fonts/tamil/tamuni-tamil150-webfont.ttf") format("true type"); /* safari in mac did not give problem if this webfont ttf line was present */
		/* url("../fonts/tamil/TAMUni-Tamil150.ttf") format ("true type"); */
}

@font-face {
  font-family: "tscu_comicnormal";  
  src: url("../fonts/tamil/tscu_comic-webfont.eot"); /* IE9 */  
  src: 	url("../fonts/tamil/tscu_comic-webfont.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/tamil/tscu_comic-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tscu_comic-webfont.woff") format("woff"),
		url("../fonts/tamil/tscu_comic-webfont.ttf") format("true type");
		/* url("../fonts/tamil/TSCu_Comic.ttf") format ("true type"); */
}

@font-face {
  font-family: "tscu_saiindiraregular";  
  src: url("../fonts/tamil/tscu_saiindira-webfont.eot"); /* IE9 */  
  src: 	url("../fonts/tamil/tscu_saiindira-webfont.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/tamil/tscu_saiindira-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tscu_saiindira-webfont.woff") format("woff"),
		url("../fonts/tamil/tscu_saiindira-webfont.ttf") format("true type");
		/* url("../fonts/tamil/TSCu_SaiIndira.ttf") format ("true type"); */
}

@font-face {
  font-family: "tam-tamil150normal";  
  src: url("../fonts/tamil/tam150-webfont.eot"); /* IE9 */    
  src: 	url("../fonts/tamil/tam150-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/tamil/tam150-webfont.woff2") format("woff2"), 
		url("../fonts/tamil/tam150-webfont.woff") format("woff");
		/* url("../fonts/tamil/tam150-webfont.ttf") format ("true type"); */ /* safari in mac gives problem if this webfont ttf line is present */
		/* url("../fonts/tamil/TAM150.ttf") format ("true type"); */ /* safari in mac gives problem if this normal ttf line is present too */
}

@font-face {
  font-family: "tamil28dotcomregular";    
  src: 	url("../fonts/tamil/Tamil28DotCom-Regular.woff2") format("woff2");		
}


/*
@font-face {
  font-family: "Journal";  
  src: url("../fonts/english/JOURNAL.ttf");  
}
*/

.ff-english {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.ff-english-1 {
  font-family: 'Roboto', 'Righteous', 'Dancing Script', 'Great Vibes', 'Pacifico', 'Berkshire Swash', sans-serif;
}

.ff-english-2 {
  font-family: 'Righteous', 'Dancing Script', 'Great Vibes', 'Pacifico', 'Berkshire Swash', 'Roboto', sans-serif;
}

.ff-english-3 {
  font-family: 'Dancing Script', 'Great Vibes', 'Pacifico', 'Berkshire Swash', 'Righteous', 'Roboto', sans-serif;
}

.ff-english-4 {
  font-family: 'Pacifico', 'Dancing Script', 'Great Vibes', 'Berkshire Swash', 'Righteous', 'Roboto', sans-serif;
}

.ff-english-5 {
  font-family: 'Berkshire Swash', 'Pacifico', 'Dancing Script', 'Great Vibes', 'Righteous', 'Roboto', sans-serif;
}

.ff-english-6 {
  font-family: 'Parisienne', 'Berkshire Swash', 'Pacifico', 'Dancing Script', 'Great Vibes', 'Righteous', 'Roboto', sans-serif;
}

.ff-tamil-1 {
  /* font-family: 'tamuni-tamil150normal', 'tscu_comicnormal', 'tscu_saiindiraregular', TamUni-Tamil150,  Tscu_Comic, Tscu_SaiIndira, Latha, Nirmala UI, Vijaya; */
  /* font-family: TAMUni-Tamil150, Tscu_Comic, Tscu_SaiIndira, Latha, Nirmala UI, Vijaya; */
  font-family: 'tamuni-tamil150normal', 'tscu_comicnormal', 'tscu_saiindiraregular', TamUni-Tamil150,  Tscu_Comic, Tscu_SaiIndira, Latha, Nirmala UI, Vijaya;
}

.ff-tamil-2 {
  /* font-family: tscu_saiindiraregular, tscu_comicnormal, tamuni-tamil150normal, Tscu_SaiIndira, Tscu_Comic, TamUni-Tamil150, Latha, Nirmala UI, Vijaya; */
  font-family: 'tscu_saiindiraregular', 'tscu_comicnormal', 'tamuni-tamil150normal', Tscu_SaiIndira, Tscu_Comic, TamUni-Tamil150, Latha, Nirmala UI, Vijaya;
}

.ff-tamil-3 {
  /* font-family: tscu_comicnormal, tscu_saiindiraregular, tamuni-tamil150normal, Tscu_Comic, Tscu_SaiIndira, TamUni-Tamil150, Latha, Nirmala UI, Vijaya; */
  font-family: 'tscu_comicnormal', 'tscu_saiindiraregular', 'tamuni-tamil150normal', Tscu_Comic, Tscu_SaiIndira, TamUni-Tamil150, Latha, Nirmala UI, Vijaya;  
}

.ff-indic1 {
  font-family: Nirmala UI, Arial Unicode MS, Vijaya, Latha, Code2000;
}

.ff-nonuni-tamil-1 {
  font-family: 'tam-tamil150normal', Tam-Tamil150;
}
 
 
nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
  /*  line-height: 1.5rem; */
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

/* MY css codes MY css codes MY css codes */
/* MY css codes MY css codes MY css codes */
/* MY css codes MY css codes MY css codes */

header, main , footer {
	/* padding-left: 210px; */
	padding-left: 0px;	
}

@media only screen and (max-width : 992px) {
  header, main, footer {
      padding-left: 0;
  }
}

.bgbeige1 {
  background-color: #ffffef;
}

.bgrose1 {
  background-color: #ffefef;
}

.bgrose2 {
  background-color: #e46e7d;
  //background-color: #123;
  //background-color: #004090;
  //background-color: #d4c4ee;
}

.bgrose3 {
  background-color: #ffafaf;
}

.bgrose4 {
  background-color: #fd7e90;
}

.bgrose5 {
  background-color: #ffcfcf;
}

.bgrose6 {
  background-color: #ffdfdf;
}

.bgrose7 {
  background-color: #ffe9e9;
}

.bgapple1 {
  background-color: #efffef;
}

.bgapple2 {
  background-color: #dfffdf;
}

.bgapple3 {
  background-color: #e5f4ea;
}

.bgapple4 {
  background-color: #e6f2e9;
}

.bgapple5 {
  background-color: #e3f1e6;
}

.bgapple6 {
  background-color: #E8F5E9;
}

.bgapple7 {
  background-color: #E2F0E5;
}

/*
#E5F4EA — a soft, muted light green with a similarly gentle, understated feel.

A few alternatives:

#E5F4EA — soft, balanced light green ⭐
#E6F2E8 — slightly more grey/sombre
#E3F1E6 — a touch richer and greener
#E8F5E9 — slightly fresher/brighter
#E2F0E5 — muted and elegant
*/

.bgsky1 {
  background-color: #e5f1fb; /* 229, 241, 251 */
}

.bgchandan1 {
  background-color: #fff2e6;
}

.bglight1 {
  background-color: #ffffef;
}

.bgblgr1 {
  background-color: #aac3c9;
}

.bgblgr2 {
  background-color: #cce3e9;
}

.bgblgr3 {
  background-color: #d5e3e6;
}

.bgblgr2 {
  background-color: #d5e3e6;
}

.bgtheme1, .bgred1 {
  background-color:#6d1c2f;
}

.bgtheme2, .bgred2 {
  background-color:#ca2550;
}

.bgtheme3, .bgred3 {
  background-color:#911c2f;;
}

.bgtheme4, .bgred4 {
  background-color:#fa5b5b;
}

.bgtheme5, .bgred5 {
  background-color: #da1123;
}



.bggrey1, .bggray1 {
	background-color: #efefef;
}

.bggrey2, .bggray2 {
	background-color: #ccc;
}

.bggrey3, .bggray3 {
	background-color: #dfdfdf;
}

.bgorange1, .bgorange {
  background-color: #fff7e5; /* #ffe7d5 - light orange, #fff7e5 - very light orange */
}


.bdr1, .bdr2, .bdr3, .bdr4, .bdr5, .bdr6, .bdr7, .bdr9, .bdr10, .bdr11, .bdrr1, .bdrsr1, .bdr-white, .bdr-grey-1, .bdr-blue, .bdr-blue1, .bdr-blue2, .bdr-red, .bdr-red2, .bdr-red3, .bdr-red4, .bdr-red5, .bdr-red6, .bdr-green, .bdr-green2, .bdr-pink, .bdr-pink2 {
  border-width: 1px; 
  border-color: #000000;
  border-style: solid;  
}

.bdr11 {
  border-color: #123;
}

.bdr2 {
  border-color: #ccc;
}

.bdr10 {
  border-color: #c0c0c0;
}

.bdr-grey-1 {
  border-color: #efefef;
}

.bdr3 {
  border-color: #505050;
}

.bdr4 {
  border-color: #1155cc;
}

.bdr5 {
  border-color: #004080;
}

.bdr6 {
  border-color: #039be5;
}

.bdr7  {
  border-color: #bb0000; /* medium red */
}

.bdr-white, .bdr9 {
  border-color: #fff;
}

.bdr-blue., .bdr-blue1 {
  border-color: #0000ff;
}

.bdr-blue2 {
  border-color: #000072;
}

.bdr-red, .bdr-red1 {
  border-color: #ff0000;
}

.bdr-red2 {
  border-color: #ff5b5b;
}

.bdr-red3 {
  border-color: #da1123;
}

.bdr-red4 {
  border-color: #da1133;
}

.bdr-red5 {
  border-color: #e46e7d;
}

.bdr-red6 {
  border-color: #991234;
}

.bdr-pink {
  border-color: #ff0090;
}

.bdr-pink2 {
  border-color: #aa0090;
}

.bdr-green {
  border-color: #00ff00;
}

.bdr-green2 {
  border-color: #009000;
}


.underline {
  text-decoration: underline;
}

/* floats for divs */
.dfl {
  float: left;
  /* background-color:#ffffff; */
}

.dfr {
  float: right;
  /* background-color:#ffffff; */
}

.dcb2 {
  clear:both;
}

.dcb {
  clear: both;
  overflow: hidden;
  height: 0px; 
}

/* text-align for divs. */
.dtc {
  text-align:center;
}

.dtl {
  text-align:left;
}

.dtr {
  text-align:right;
}

.dtj {
  text-align:justify;
}

h1.myh1 {
  font-size: 1.5rem;
  line-height: 110%;
  margin: 3.2rem 0 1.69rem 0;
  font-weight: bold;
}

h2.myh2 {
  /* font-size: 1rem; */
  line-height: 110%;
  margin: 2.9rem 0 0.9rem 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-2 {
  line-height: 110%;
  margin: 0rem 0 0.9rem 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-3 {
  line-height: 110%;
  margin: 2.9rem 0 0 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-4 {
  line-height: 110%;
  margin: 1rem 0 0 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-5 {
  line-height: 110%;
  margin: 1rem 0 1rem 0;  
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
}

h2.myh2-icon {
  line-height: 110%;
  margin: 0 0 1rem 0;  
  font-weight:bold;  
  color: #454545;
}

h5.myh5 {
  font-size: 1.5rem;
  line-height: 110%;
  margin: 2.0rem 0 0rem 0;
}

h5.fs-neat-1 {
  font-size: 19px;  
  font-size: 1.27rem;  
}

.fs-neat-10 {
  font-size: 19px;  
  font-size: 1.27rem;  
}

h5.myh5-2 {
  font-size: 1.64rem;
  line-height: 100%;
  margin: 1.9rem 0 0rem 0;
  padding-bottom: 0rem;
  padding-top: 0rem;
}

h5.myh5-3 {
  font-size: 1.64rem;
  line-height: 100%;
  margin: 1.9rem 0 1.9rem 0;
  padding-bottom: 0rem;
  padding-top: 0rem;
}


ul.myul-classic {  
  list-style-type: initial;
  padding:initial;  
  padding-left: 30px;  
  margin-top: 0;
}

.li-pt-classic li {  
  list-style-type: initial;   
}

ol.myol1 {  
  list-style-type: default;
  line-height: 100%;
  padding-left: 60px;  
  padding-top:0px;
  padding-bottom:0px;
  margin:0;      
}

/* ol.myol1 > :last-child { margin-bottom: 0 !important; margin-right: 0 !important; } */

ol.li-pt-ol-1 li {
  padding-top:5px; padding-top: 0.5rem;
  list-style-type: decimal;   
}


ol.myol2 {  
  list-style-type: default;
  line-height: 100%;
  padding-left: 60px;  
  padding-top:0px;
  padding-bottom:0px;
  margin:0;      
  margin-bottom:36px;
  line-height:1.5;
}

ol.myol-leftaligned {  
  list-style-type: default;
  line-height: 100%;
  padding-left: 27px;  
  padding-top:0px;
  margin-top:0px;
}


ul.mu1 {  
  list-style-type: initial;
  padding:initial;  
  padding-left: 40px;  
}

ul.mu1 li ~ br:last-child {
  display: none;
}

/*
.mu1 > li:last-child + br {
  display: none;

ul > li:last-child:not(:only-child) + br {
  display: none;
}

ul.mu1 br:last-child {
  display: none;
}
*/

ul.myul1 {  
  list-style-type: initial;
  padding:initial;  
  padding-left: 40px;  
}

ul.myul1.lal li:first-child {
  padding-top: 10px;
  list-style-type: none;   
}

ul.myul1 > br:last-child {
  display: none;
}	

.li-pt-1 li {
  padding-top:5px; padding-top: 0.5rem;
  list-style-type: initial;   
}

.li-pt-2 li {
  padding-top:10px; padding-top: 1.0rem;
}

.li-pt-3 li {
  padding-top:15px; padding-top: 1.5rem;
}


.li-pb-5 > li {
  padding-bottom:1px; padding-bottom:0.1rem;  
}

.li-normal-1 > li:first-child {
  padding-top:5px; padding-top:0.5rem;
}

.lh1 {
	line-height:1.0;
}

.lh2 {
	line-height:2.0;
}

a.reach-baba, a.reach, a.reach2, a.reach3, a.reach4, a.reach5, a.reach-index, a.reach-store {
  display: block;
  height: 0px;
  position: relative;
  /*
  top: -102px;  
  top: -124px;  
  top: -169px;
  top: -210px;
  top: -79px; 
  */
  top: -45px; /* after VMC in Aug 2019 */  
  top: -125px; /* after VMC on 15-Oct 2026 */
  visibility: hidden;
}

a.reach-baba {
  top: -155px;  
}

@media (max-width: 991px) {
  a.reach, a.reach-baba {
    top: -25px;
  }
}


a.reach2 {
  top: -56px;  
  top: -78px;  
}

a.reach3 {
  top: -79px;  
  top: -110px;  
}

a.reach4 {
  top: -91px;  
  top: -112px;  
}

a.reach5 {  
  top: -155px;  
}

a.reach-index {
  top: -91px;  
}

a.reach-store {
  top: -50px;  
}

.scroll-hide-show {
}


@media only screen and (min-width: 1000px) {
  .scroll-hide-show {
    overflow-y:hidden;
  }
  
  .scroll-hide-show:hover {
    overflow-y:scroll;
  }
}

/* @media only screen and (min-width: 1000px) { */
  .scroll-hide-show-1 {
    overflow-x: hidden;
	height: 32px;
  }
  
  .scroll-hide-show-1:hover {
    overflow-x: scroll;
	height: 50px;
  }
  
  .scroll-hide-show-2 {
    overflow-x: hidden;
	height: 32px;
  }
  
  .scroll-hide-show-2:hover {
    overflow-x: hidden;
	height: 32px;
  }

  
  .scroll-thumb-hide-show-1 {    
	background-color: #dfdfdf;
	height: 0px;
	visibility: visible;
  }
  
  .scroll-thumb-hide-show-1:hover {    
	height: 0px;
	visibility: hidden;
	display: none;
	//background-color:#0000bb;
  }
  


.desktop-content-header-1024 {
}

.desktop-content-header {
}

.desktop-content {
}

.phone-content {
}

.show-on-med-and-down {
}

@media screen and (min-width:770px) {
  .phone-content {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width:770px) {
  .desktop-content, .desktop-content-header, .desktop-content-header-1024 {    
    display: none;
    visibility: hidden;
  }
}

@media only screen and (min-width: 992px) {
  .show-on-med-and-down {
    display: none !important;
  }
}


@media screen and (min-width:770px) and (max-width:1201px) {
  .phone-content, .desktop-content-header {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width:1200px) {
  .phone-content, .desktop-content-header-1024 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width:1150px) {
  .desktop-content-below1200 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width:1275px) {
  .desktop-content-above1280 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width:1276px) {
  .desktop-content-below1280 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (max-width:1595px) {
  .desktop-content-above1600 {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width:1596px) {
  .desktop-content-below1600 {
    display: none;
    visibility: hidden;
  }
}

.cwhite {
  color: #ffffff;
}

.cwhite1 {
  color: #ffffff;
}

.cwhite2 {
  color: #ff0000;
}

.cred1 {
  color: #fff;	
}

.cred2 {
  color: #ee0000;	
}

.cred3 {
  color: #dd0000;	
}

.cred4 {
  color: #cc0000;	
}

.cred5 {
  color: #bb0000;	
}

.cred6 {
  color: #aa0000;	
}

.cmidred2, .cmr2, .cmidred2b, .cmr2b {
  color: #bb0000;
  opacity: 1;
}

.cmidred2b, .cmr2b {
  font-weight: bold;
}

.cmbl {
  color:#123;
}


/* Note: m5m means margin with a value '5' as the main/mid point. Around this value of 5, I can change the value of the margin inside the selector 'm5m'. So, tomorrow, if I feel like changing the margin inside 'm5m' to be 4px, I can do the same. No problem. Because, m5m means 5 is the mid point. That is all. So, you can have values anywhere between 3px to 7px for the margin inside m5m. This is the same convention followed for other margin selectors too: m10m, m25m, etc. Good? :)
*/

.m0m  {
  margin: 0px; 
  margin: 0.0rem;
}

.m1m  {
  margin: 1px; 
  margin: 0.1rem;
}

.m2m  {
  margin: 2px; 
  margin: 0.2rem;
}

.m3m  {
  margin: 3px; 
  margin: 0.3rem;
}

.m4m  {
  margin: 4px; 
  margin: 0.4rem;
}

.m5m  {
  margin: 5px; 
  margin: 0.5rem;
}

.m6m  {
  margin: 6px; 
  margin: 0.6rem;
}

.m7m  {
  margin: 7px; 
  margin: 0.7rem;
}

.m9m  {
  margin: 9px; 
  margin: 0.9rem;
}

.m10m  {
  margin: 10px; 
  margin: 1.0rem;
}

.m12m  {
  margin: 12px; 
  margin: 1.2rem;
}

.m14m  {
  margin: 14px; 
  margin: 1.4rem;
}

.m15m  {
  margin: 15px; 
  margin: 1.5rem;
}

.m17m  {
  margin: 17px; 
  margin: 1.7rem;
}

.m20m {
  margin: 20px;    
  margin: 2.0rem;
}

.m22m {
  margin:20px;    
  margin:2.0rem;
}

.m23m {
  margin: 23px;    
  margin: 2.3rem;
}

.m24m {
  margin: 24px;    
  margin: 2.4rem;
}

.m25m {
  margin: 25px;    
  margin: 2.5rem;
}

.m30m {
  margin: 30px;    
  margin: 3.0rem;
}

.m36m {
  margin: 30px;    
  margin: 3.0rem;
}


.m40m {
  margin: 40px;  
  margin: 4.0rem;  
}

.m45m {
  margin:45px;    
  margin: 4.5rem;
}

.m50m {
  margin: 50px;   
  margin: 5.0rem;
}

.m60m {
  margin: 60px;   
  margin: 6.0rem;
}

.mt10 {
  margin-top: 10px;   
  margin-top: 1.0rem;
}

.mb40 {
  margin-bottom: 40px;   
  margin-bottom: 4.0rem;
}

/* 1234, 123, 124, 134, 12 , 13, 14, 234, 23, 24, 34 */
/* 1-top, 2-right, 3-bottom, 4-left. nm - no margin, kp - keep margin */
/*
.nm1234, .nmtrbl, .km0 { margin:0; } 
.nm123, .nmtrb, .kml { margin-top:0; margin-right:0; margin-bottom:0; }
.nm124, .nmtrl, .kmb { margin-top:0; margin-right:0; margin-left:0; }
.nm134, .nmtbl, .kmr { margin-top:0; margin-bottom:0; margin-left:0; }
.nm12, .nmtr, .kmbl { margin-top:0; margin-right:0; }
.nm13, .nmtb, .kmrl { margin-top:0; margin-bottom:0; }
.nm14, .nmtl, .kmrb  { margin-top:0; margin-left:0; }
.nm234, .nmrbl, .kmt { margin-right:0; margin-bottom:0; margin-left:0; }
.nm23, .nmrb, .kmtl { margin-right:0; margin-bottom:0; }
.nm24, .nmrl, .kmtb { margin-right:0; margin-left:0; }
.nm34, .nmbl, .kmtr { margin-bottom:0; margin-left:0; }
.nm1, .nmt, .kmrbl { margin-top:0; }
.nm2, .nmr, .kmtbl { margin-right:0; }
.nm3, .nmb, .kmtrl { margin-bottom:0; }
.nm4, .nml, .kmtrb { margin-left:0; }
*/
.km0 { margin:0; } 
.kml { margin-top:0; margin-right:0; margin-bottom:0; }
.kmb { margin-top:0; margin-right:0; margin-left:0; }
.kmr { margin-top:0; margin-bottom:0; margin-left:0; }
.kmbl { margin-top:0; margin-right:0; }
.kmrl { margin-top:0; margin-bottom:0; }
.kmrb  { margin-top:0; margin-left:0; }
.kmt { margin-right:0; margin-bottom:0; margin-left:0; }
.kmtl { margin-right:0; margin-bottom:0; }
.kmtb { margin-right:0; margin-left:0; }
.kmtr { margin-bottom:0; margin-left:0; }
.kmrbl { margin-top:0; }
.kmtbl { margin-right:0; }
.kmtrl { margin-bottom:0; }
.kmtrb { margin-left:0; }

/* margin top used for headers in one(1) particular section of home page, as of 18-06-2015, Thu. I might probably use it in other pages too in future */
.mthome1 { 
  margin-top:50px; margin-top:5.0rem;
}

.mthome2 { 
  margin-top:25px; margin-top:2.5rem;
}

/* PADDINGS */   /* PADDINGS */   /* PADDINGS */   /* PADDINGS */   /* PADDINGS */   /* PADDINGS */   
.p5p {
  padding:5px; padding:0.5rem;
}

/* Note: p5p means padding with a value '5' as the pivotal/mid point. Around this value of 5, I can change the value of the padding inside the selector 'p5p'. So, tomorrow, if I feel like changing the padding inside 'p5p' to be 4px, I can do the same. No problem. Because, p5p means 5 is the pivotal(main/mid) point. That is all. So, you can have values anywhere between 3px to 7px for the padding inside p5p. This is the same convention followed for other padding selectors too: p10p, p12p, p25p, etc. Good? :)
*/

.p0p {
  padding:0px; padding:0.0rem;
}

.p1p {
  padding:1px; padding:0.1rem;
}

.p2p {
  padding:2px; padding:0.2rem;
}

.p3p {
  padding:3px; padding:0.3rem;
}

.p4p {
  padding:4px; padding:0.4rem;
}

.p5p {
  padding:5px; padding:0.5rem;
}

.p6p {
  padding:6px; padding:0.6rem;
}

.p7p {
  padding:7px; padding:0.7rem;
}

.p8p {
  padding:8px; padding:0.8rem;
}

.p9p {
  padding:9px; padding:0.9rem;
}

.p10p {
  padding:10px; padding:1.0rem;
}

.p12p {
  padding:12px; padding:1.2rem;
}

.p14p {
  padding:14px; padding:1.4rem;
}

.p15p {
  padding:15px; padding:1.5rem;
}

.p17p {
  padding:17px; padding:1.7rem;
}

.p19p {
  padding:19px; padding:1.9rem;
}

.p20p {
  padding:20px; padding:2.0rem;
}

.p21p {
  padding:21px; padding:2.1rem;
}

.p23p {
  padding:23px; padding:2.3rem;
}

.p25p {
  padding:25px; padding:2.5rem;
}

.p27p {
  padding:27px; padding:2.7rem;
}

.p30p {
  padding:30px; padding:3.0rem;
}

.p32p {
  padding:32px; padding:3.2rem;
}

.p33p {
  padding:33px; padding:3.3rem;
}

.p34p {
  padding:34px; padding:3.4rem;
}

.p35p {
  padding:35px; padding:3.5rem;
}

.p36p {
  padding:36px; padding:3.6rem;
}

.p37p {
  padding:37px; padding:3.7rem;
}

.p39p {
  padding:39px; padding:3.9rem;
}

.p40p {
  padding:40px; padding:4.0rem;
}

.p43p {
  padding:43px; padding:4.3rem;
}

.p45p {
  padding:45px; padding:4.5rem;
}

.p47p {
  padding:47px; padding:4.7rem;
}

.p50p {
  padding:50px; padding:5.0rem;
}

.p60p {
  padding:60px; padding:6.0rem;
}

.p70p {
  padding:70px; padding:7.0rem;
}

.p90p {
  padding:90px; padding:9.0rem;
}

.pt10 {
  padding-top:10px;   
  padding-top: 1.0rem;
}

/* 1234, 123, 124, 134, 12 , 13, 14, 234, 23, 24, 34 */
/* 1-top, 2-right, 3-bottom, 4-left, np - no padding, kp - keep padding */
/*
.np1234, .nptrbl, .kp0 { padding:0; }
.np123, .nptrb, .kpl { padding-top:0; padding-right:0; padding-bottom:0; }
.np124, .nptrl, .kpb { padding-top:0; padding-right:0; padding-left:0; }
.np134, .nptbl, .kpr { padding-top:0; padding-bottom:0; padding-left:0; }
.np12, .nptr, .kpbl { padding-top:0; padding-right:0; }
.np13, .nptb, .kprl { padding-top:0; padding-bottom:0; }
.np14, .nptl, .kprb  { padding-top:0; padding-left:0; }
.np234, .nprbl, .kpt { padding-right:0; padding-bottom:0; padding-left:0; }
.np23, .nprb, .kptl { padding-right:0; padding-bottom:0; }
.np24, .nprl, .kptb { padding-right:0; padding-left:0; }
.np34, .npbl, .kptr { padding-bottom:0; padding-left:0; }
.np1, .npt, .kprbl { padding-top:0; }
.np2, .npr, .kptbl { padding-right:0; }
.np3, .npb, .kptrl { padding-bottom:0; }
.np4, .npl, .kptrb { padding-left:0; }
*/
.kp0 { padding:0; }
.kpl { padding-top:0; padding-right:0; padding-bottom:0; }
.kpb { padding-top:0; padding-right:0; padding-left:0; }
.kpr { padding-top:0; padding-bottom:0; padding-left:0; }
.kpbl { padding-top:0; padding-right:0; }
.kprl { padding-top:0; padding-bottom:0; }
.kprb  { padding-top:0; padding-left:0; }
.kpt { padding-right:0; padding-bottom:0; padding-left:0; }
.kptl { padding-right:0; padding-bottom:0; }
.kptb { padding-right:0; padding-left:0; }
.kptr { padding-bottom:0; padding-left:0; }
.kprbl { padding-top:0; }
.kptbl { padding-right:0; }
.kptrl { padding-bottom:0; }
.kptrb { padding-left:0; }

.pt12 { /* standard padding top used in various places of homepage, as of 18-06-2015, Thu. I might probably use it in other pages too in future */
  padding-top:12px; padding-top:1.2rem;
}

.bright {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 0 0 0.9rem 0;  
}

h1.bright {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

h1.bright2 {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 0 0 0.9rem 0;  
}

h1.bright3 {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 2.9rem 0 0 0;  
}

h1.bright4 {
  font-weight:bold;
  font-size:19px; font-size:1.27rem;
  color: #454545;
  margin: 1rem 0 0 0;  
}

h2.bright {
  font-weight:bold;
  font-size:18px; font-size:1.2rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

h2.bright2 {
  font-weight:bold;
  font-size:18px; font-size:1.2rem;
  color: #454545;
  margin: 0 0 0.9rem 0;  
}

h2.bright3 {
  font-weight:bold;
  font-size:18px; font-size:1.2rem;
  color: #454545;
  margin: 2.9rem 0 0 0;  
}

h2.bright4 {
  font-weight:bold;
  font-size:18px; font-size:1.27rem;
  color: #454545;
  margin: 1rem 0 0 0;  
}

h3.bright {
  font-weight:bold;
  font-size:17px; font-size:1.13rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

h4.bright {
  font-weight:bold;
  font-size:16px; font-size:1.07rem;
  color: #454545;
  margin: 2.9rem 0 0.9rem 0;  
}

/* font weight and style */
.fnormal, .fwnormal {
  font-weight:normal;
}


.fsznormal {
  font-size: 1rem;
}

.fsz-1pt1 {
  font-size: 1.1rem;
}

.fsz-1pt2 {
  font-size: 1.2rem;
}

.fsz-1pt3 {
  font-size: 1.3rem;
}

.fsz-1pt4 {
  font-size: 1.4rem;
}

.fsz-1pt5 {
  font-size: 1.5rem;
}

.fsz12 {
	font-size: 12px;
}

.fsz13 {
	font-size: 13px;
}

.fsz14 {
	font-size: 14px;
}

.fsz15 {
	font-size: 15px;
}

.fsz15pt5 {
	font-size: 15.5px;
}

.fsz16 {
	font-size: 16px;
}

.fsz17 {
	font-size: 17px;
}

.fsz18 {
	font-size: 18px;
}

.fsz19 {
	font-size: 19px;
}

.fsz20 {
	font-size: 20px;
}

.fsz21 {
	font-size: 21px;
}

.fsz22 {
	font-size: 22px;
}


.fsz23 {
	font-size: 23px;
}

.fsz24 {
	font-size: 24px;
}

.fsz25 {
	font-size: 25px;
}
	
.fbold {
  font-weight:bold;
}

.fital {
  font-style:italic;
}

.fsnormal, .fstnormal {
  font-style:normal;
}

.funder {
  text-decoration: underline;
}

.funder1 {
  border-width: 0px 0 1px 0;
  border-style: solid;
  border-color: #123;
}

.fabove, .fover {
  text-decoration: overline;
}


.funderabove, .funderover {
  border-width: 1px 0;
  border-style: solid;
  border-color: #123;
}

.funderabove1, .funderover1 {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #123;
}

.funderabove2, .funderover2 {
  text-decoration:underline overline;
}

.vmid {
  vertical-align: middle;
}

/* to vertical align text inside a div START */
.valign-outer {
  display: table; 
  overflow: hidden;
}  

.valign-inner {
  display: table-cell; 
  vertical-align: middle; 
  margin: 0 auto; 
  text-align: center;
}  
/* to vertical align text inside a div ATMA */


.anormal {
  color: inherit;
}

table.tdef tr, td {
  border:1px solid #000;
}

table.dsc {
  /* border: 1px solid;  */ if you wish to have border for table alone
}

table.dsc tr, td {
	border: none;	
}

table.dsc td.baba {
  width: 45px;	
}

table.dsc td.song-name {
  width: 360px;	
}

table.dsc td.song-play {
  width: 360px;	
}

table.dsc td.song-lyrics {
  width: 200px;	
}

table.dsc td.song-st {
  /* width: 100px;	*/
}

div.collapsible-body pre {
  white-space: pre-line; 
  margin-left: 36px;
}

/* Colors */
.cnormal, .cblack, .cgrey-deep5, .cblack1 {
  color:#000;
}

.cblack2, .cgrey-deep4, .cgr1 {
  color:#123;
}

.cgrey1, .cgray1, .cglobal1 {
  color:#616161;
}	

.cgrey2, .cgray2{
  color:#efefef;
}	

.cgreen, .cgreen1 {
  color:#009000;
}

.cgreen2 {
  color:#006400;
}

.cgreen3 {
  color:#129B59;
}

.crose1, .rose1 {
  color:#e63959;
}

.crose2, .rose2 {
  color: #ed7691;
}

.crose3, .rose3 {
  color: #ff0080;
}

.crose4 {
  color: #ffd9e9;
}

.crose5 {
  color: #ffc9d9;
}

.cblgr1 {
  color:#c4dbe2;
}

.cmyred1, .cred1 {
  color: #ef3656;
}

.cred2 {
  color: #900000;
}

.cred3 {
  color: #7e3436;
}

.cred4 {
  color: #fa2550;
}

.cred5 {
  color: #e46e7d;
}

.cblue, .cblue1 {
  color: #039be5;
}

.cblue2 {
  color: #0000ff;
}

.cblue3 {
  color: #1155cc;
  //color: #1f5fcf;
  // color: #2e6ad2;
}


.cnavy, .cnavy1 {
  color: #000091;
}

.cnavy2 {
  color: #000072;
}

.cnavy3 {
  color: #0000aa;
}


table.ddef4  td, table.ddef td  {
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;    
}

.hp-img-dl-2 {
  margin:2px 25px 0p 0px;margin:0.2rem 2.5rem 0rem 0rem;
}

.content2 {
  /* font-weight: 300; earlier to 01-Feb-2026 */ 
  font-weight: 400; 
  text-align: justify;
  color: rgba(0, 0, 0, 0.901);
}

.dotunderline {
  border-style:dotted;
  border-width:0px 0 1px 0;
}

.rotate90left {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(60deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate30left {
    -webkit-transform: rotate(356deg);
    -moz-transform: rotate(356deg);
    -o-transform: rotate(356deg);
    -ms-transform: rotate(356deg);
    transform: rotate(356deg);
}

.rotateDegree1 {
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    /* transform: rotate(0deg); */
	transform: rotate(345deg);
}

.rotate30right {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.rotate45left {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rotate45right {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.material-tooltip .backdrop {
	/* background-color: #456; */
}

/*
.tabs .indicator {
  //height: 14px;
  //background-color: #123;
}
*/

.mytabindic2 { 
  position:absolute;
  height: 2px;
  bottom: 0px;
  background-color: #abc;
  width: 200px;
}


.hp-tt-testimonials-1 {
  box-shadow:2px 2px 5px 0px #000 inset; 
  padding:0px;
  border-radius:50%; 
  background-color: #fff;
  text-align: center; 
}

.hp-tt-testimonials-2 {
  box-shadow:2px 2px 5px 0px #000 inset; 
  padding:10px 0px;
  border-radius:10% 10% 10% 10%; 
  background-color: #fff;
  text-align: center; 
}

.hp-tt-testimonials-lmn {
  font-size:19px; font-size:1.9rem;
  font-weight:bold;
  box-shadow:2px 2px 5px 0px #000 inset; 
  padding:10px 30px;
  padding:1.0rem 3.0rem;
  border-radius:20px 20px 20px 20px; border-radius:2.0rem 2.0rem 2.0rem 2.0rem;
  background-color: #fff;
  text-align: left; 
}

.hr1, .hr2 {
  height: 1px;
  margin: 0;
  padding: 0;
  color: #123;
}

.hr2 {  
  color: #cfcfcf;
}

.sep1 {
	border:1px solid #ccc;
	border-width:0 0 1px 0;
}

.bgtrans {
  background-color: transparent;
}

.bgwhite, .bgwhite1 {
  background-color: #fff;
}

.bgblack, .bgblack1 {
  background-color: #123;
}

.bgblack2 {
  background-color: #010203;
}

.bgblack2 {
  background-color: #010203;
}

.bgblack3 {
  background-color: #000;
}

.bgwhite2 {
  background-color: #faf5f5;
}

.bgwhite3 {
  background-color: #fffafa;
}

.bgnavy1 {
	background-color: #000072;
}

arrow {
    /*
	border: solid black;
    border-width: 0 2px 2px 0;
    //display: inline-block;
    padding: 2px;
	background-color:#123;
	*/
	width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; 
    border-right:6px solid #123;
}

.rarrow {    
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.larrow {
    /* transform: rotate(135deg); */
    /* -webkit-transform: rotate(135deg); */
}

.fs007, .fs077 {
  font-size: 0.77rem;
}

.fs075 {
  font-size: 0.75rem;
}

.ts1 {
  text-shadow:2px 1px #123;
} 

.ts2, .ts2-white {
  text-shadow: 2px 1px #fff;
} 

.ts3-black {
  text-shadow: 3px 2px #123;
}

.rainbow-normal {
    background-image: -webkit-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(left, #aac3c9, #cce3e9, #fff); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to right, #aac3c9, #585858, #fff); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}


.rainbow2 {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #aac3c9), color-stop(0.12, #aac3c9), color-stop(0.25, #aac3c9), color-stop(0.37, #cce3e9), color-stop(0.5, #cce3e9), color-stop(0.62, #cce3e9), color-stop(0.75, #fff), color-stop(0.87, #fff), color-stop(1, #fff) );
  background-image: gradient( linear, left top, right top, color-stop(0, #aac3c9), color-stop(0.12, #aac3c9), color-stop(0.25, #aac3c9), color-stop(0.37, #cce3e9), color-stop(0.5, #cce3e9), color-stop(0.62, #cce3e9), color-stop(0.75, #fff), color-stop(0.87, #fff), color-stop(1, #fff) );  
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.glow-beautiful {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 20px;
  border: none;
  font: normal 60px/1 "Monoton", Helvetica, sans-serif;
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(255,255,255) , 0 0 30px rgb(255,255,255) , 0 0 40px rgb(255,17,119) , 0 0 70px rgb(255,17,119) , 0 0 80px rgb(255,17,119) , 0 0 100px rgb(255,17,119) , 0 0 150px rgb(255,17,119) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

.glow-beautiful:hover {
  text-shadow: 0 0 5px rgb(255,255,255) , 0 0 10px rgb(255,255,255) , 0 0 15px rgb(255,255,255) , 0 0 20px rgb(255,17,119) , 0 0 35px rgb(255,17,119) , 0 0 40px rgb(255,17,119) , 0 0 50px rgb(255,17,119) , 0 0 75px rgb(255,17,119) ;
}

.text-shadow-1 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 2px rgb(255,255,255), 0 0 3px rgb(255,255,255), 0 0 5px rgb(255,17,119), 0 0 9px rgb(255,17,119), 0 0 10px rgb(255,17,119), 0 0 12px rgb(255,17,119), 0 0 19px rgb(255,17,119);
}

.text-shadow-1:hover {
   text-shadow: none;
 }
 
 .text-shadow-2 {
  text-shadow: 0 0 2px rgb(255,255,255), 0 0 5px rgb(255,255,255), 0 0 7px rgb(255,255,255), 0 0 10px rgb(255,17,119), 0 0 16px rgb(255,17,119), 0 0 20px rgb(255,17,119), 0 0 25px rgb(255,17,119), 0 0 37px rgb(255,17,119);
}

.text-shadow-2:hover {
   text-shadow: none;
 }

 .text-shadow-3 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119);
}

.text-shadow-3:hover {
   text-shadow: none;
 }

 .text-shadow-4 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239);
  text-shadow: none;
}

.text-shadow-4:hover {
   text-shadow: none;
   text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239), 0 0 1px rgb(255,239,239);
 }
 
 .text-shadow-5 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,17,119), 0 0 1px rgb(255,126,145), 0 0 1px rgb(255,126,145), 0 0 1px rgb(255,126,145);
}
 
 .text-shadow-6 {
  text-shadow: 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(255,255,255), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0), 0 0 1px rgb(126,0,0);
}

.jcenter { 
    justify-content: center;
	-webkit-justify-content: center;      
	-moz-justify-content: center;      
	flex-direction:column;
}

.flxdir-c { 
	flex-direction:column;
}

.jc-center { 
	justify-content: center;
	-webkit-justify-content: center;      
	-moz-justify-content: center;      
}

.jc-start { 
	justify-content: flex-start;
	-webkit-justify-content: flex-start;      
	-moz-justify-content: flex-start;      
}

.jc-end { 
	justify-content: flex-end;
	-webkit-justify-content: flex-end;      
	-moz-justify-content: flex-end;      
}

.va-mid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ac-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ac-start {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;
}

.ac-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
          align-items: flex-end;
}

.mp0 {
  margin: 0px;
  margin: 0rem;
  padding: 0px;
  padding: 0rem;
}


/*
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  //bottom: -68px;
}
*/

/*
.carousel.indicators {
  bottom:-50px;
}

.indicators {
  bottom:-40px;
}
*/

.fullwidth {
  width:100%;
}

.halfwidth {
  width:50%;
}

.lh1 {
  line-height: 1.0;
}

.lh2 {
  line-height: 2.0;
}

.lh1pt5 {
  line-height: 1.5;
}

.verticaltext{
    width:1px;
    word-wrap: break-word;
    font-family: 'Courier New', monospace; /* this is just for good looks */
    white-space: pre-wrap; /* this is for displaying whitespaces including Firefox */
	line-height:1;
}

.center-m, .centerm {
  margin:0 auto;
}

.sas-center {
	text-alignnn: center;
}

.sas-justify {
	text-align: justify;
}

.sas-tamfont {
	font-family:  Nirmala UI, Vijaya, Latha;
}

.sas-bgcolor {
	background-color: #ffff91;
}

.sas-color {
	color: #bb0000;
}

.sas-hide {
	display: none;
}

a.sas {
	color: #039be5; // earlier color
	// color: #0066CC; //alternate color tried
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;  
    -webkit-text-decoration-skip: objects;  
}

div.ui-datepicker select.ui-datepicker-year {
	width:50%;
}	

.btn-floating.btn-floating-mine:hover {  
  background-color: #ffafaf;
  background-color: #ff1f1f;
}

.btn-floating-mine:hover {
  background-color: #fa7e90;
  background-color: #ffafaf;
  background-color: #ff1f1f;
}

.btn-floating.btn-floating-mine-2 {  
  background-color:transparent;
  width:0;
  height:0;  
}

.btn-floating.btn-floating-mine-2:hover {  
  background-color: transparent;
}

.btn-floating-mine-2:hover {  
  background-color: transparent;
}

.hover-mine-1:hover {
  background-color: #ff1f1f;
}

.pulse.pulse-mine-1::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  top: 25%;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
          animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
  z-index: -1;
}

.pulse.pulse-mine-2::before {
  content: '';
  display: block;
  position: absolute;
  width: 120%;
  height: 50%;
  top: 25%;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
          animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
  z-index: -1;
}

.pulse.pulse-mine-3::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 25%;
  top: -1px;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
          animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.39, 1) infinite;
  z-index: -1;
}

.material-icons {
  color: #212121;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.quotes {display: none;}

.sliderLogoPadding {
	padding-top:5.5px;
}	

.sliderLogoMargin {
   margin-top:5.5px;
}	

.sliderGodIsAllPadding {
	padding-top:5px;
}

.linear1 {
	background: -moz-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(25%, rgba(38,54,63,0)), color-stop(100%, rgba(153,218,255,0))); /* safari4+,chrome */
	background: -webkit-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(184deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* ie10+ */
	background: linear-gradient(266deg, rgba(153,218,255,0) 0%, rgba(38,54,63,0) 75%, rgba(0,0,0,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#99DAFF',GradientType=1 ); /* ie6-9 */
}	

.linear2 {
	background: -moz-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(153,218,255,0)), color-stop(87%, rgba(19,28,33,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(184deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* ie10+ */
	background: linear-gradient(266deg, rgba(0,0,0,1) 0%, rgba(19,28,33,0) 13%, rgba(153,218,255,0) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99DAFF', endColorstr='#000000',GradientType=1 ); /* ie6-9 */}
}

.ucase {
	text-transform: uppercase;
}


.lstnone {
  list-style-type: none;
}

.tree-caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.tree-caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.tree-caret-down::before {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);  
}

.tree-nested {
  display: none;
}

.tree-active {
  display: block;
}


ul.lal { 
  margin-left: 0; 
  padding-left: 2em; 
  list-style-type: none; 
}

ul.lal li:before {
			content: "\2022";
			font-weight: 900;			
            text-align: left;
            display: inline-block;
            padding: 0;
            margin: 0 0 0 -2em;
            width: 2em;
}

ol.lal { 
  margin-left: 0; 
  padding-left: 1em; 
}

ol.lal li:before {
			font-weight: 900;			
            text-align: left;
            display: inline-block;
            padding: 0;
            margin: 0 0 0 -1em;
            width: 1em;
}


/*
div.scrollvideos::-webkit-scrollbar {
    width: 10px; 
    border: 1px solid #ccc; 
} 

div.scrollvideos::-webkit-scrollbar-track {
        background: #f1f1f1;
    }


div.scrollvideos::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

div.scrollvideos::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

*/

.tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black;	*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #123;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    /* bottom: 100%; */
	top: 50px;
    left: 230px;
    margin-left: -60px;
	opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
	opacity: 1;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 15%; /* At the bottom of the tooltip */
  right: 100%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #123 transparent transparent;
}


iframe.video {

}

iframe.video:hover{
    width:400px;
    height:225px;
}

img.video-trans-image:hover {
  pointer-events: none; 
}

img.video-trans-image:active {
  pointer-events: auto;
}

iframe.video-trans-image {
  
}

iframe.video-trans-image:hover {
  /* pointer-events: auto; */
}

iframe.video-trans-image:active {
  /* pointer-events: none; */
}


img.video-tabbed:focus {
  pointer-events: none;
}


.azhagiYoutubeVideosImgStyle {
	border: 1px;
	border-style: solid; 
	border-color: #909090; 
	border-radius:6px; 
	margin-bottom:20px;
}	

div.scrollvideos {            
  /* position: relative; */
  overflow: auto;
  white-space: nowrap;      
}

.azYVsDemos {		
	border: 1px;
	border-style: solid; 
	border-color: #909090; 
	border-radius: 6px; 
}

/*
.yvs-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.yvs-image-container {
  position: relative;
  width: 100%;
  height: 100%;
}
*/

.yvs-hover-image {
  position: absolute;
  top: -1000px; /* Adjust this value to move the image up */
  left: 0px; /* Adjust this value to move the image right */
  width: 324px;
  height: 182.5px;
  border:1px solid #919191;
  box-shadow: 5px 5px 10px #414141;
  /* background-image: url(aim-1.png); 
  background-size: cover;
  background-position: center;
  */
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 99999;
}

.yvs-container:hover .yvs-hover-image {
  opacity: 1;
}

/*
img.azYVsDemos {
    transition: transform .2s;
    width:50px;
    height:50px;
    margin:0 auto;
    background-color: rgb(173, 173, 237);
    border-radius: 10px;
    border: 1px solid black;
}
*/
	
/*
img.azYVsDemos:hover {
    transform: scale(1.5);	
}
*/

.demos3Vid {
	height:333px;
	margin-bottom: 25px;
}

.demos3VidSd {
	height:444px;
	margin-bottom: 25px;
}

.demos3Vid-phone {
	/* width: 592px; */
	height:99px;
	margin-bottom: 25px;
}

.demos3Div {
	height:333px; 
	resize:vertical; 
	overflow: auto; 
	padding:10px;
	margin-bottom: 25px;
}

.demos3DivSd {
	height:444px; 
	resize:vertical; 
	overflow: auto; 
	padding:10px;
	margin-bottom: 25px;
}

.demos3Div-phone {
	height:99px; 
	resize:vertical; 
	overflow: auto; 
	padding:10px;
	margin-bottom: 25px;
}

.wrap-pre {
  white-space: pre-wrap; 
  word-wrap: break-word;
}


/*
@media (max-width: 1024px) {
  .demos3-videodetails-div {
    width:25%;
  }
}
*/

.wfit {
  width: fit-content;
}

.dcenter {
  margin: 0px auto;
}

.brad5 {
  border-radius: 5px;
}

.wdpx100 {
  width: 100px;
}	

.wd100 {
  width: 100%;
}

.bshad5 {
  box-shadow: 1px 1px 5px;
}

.button-1-store {	  
	  padding: 0.2em 0.5em;	
	  border-radius: 5px;   
	  border:1px solid #909090;	  
	  box-shadow:2px 2px 2px #909090;	  	  	  
	  background-color: #e5f1fb;
	  background-color: #ffefef;		   	  
}
	
.button-1-store:hover {	  	  	  	  
	  background-color: #ffefef;
	  background-color: #e5f1fb;	  
}


/* For 'I AM' web page */
.tools-header {
  text-decoration: overline;   
  text-decoration-thickness: 3px;  
  background-color: #efffef;
  font-weight: bold;
}	


.2kdd-bgcolor {
	/* background-color: #e33b4a; */
	/* background-color: #e75f6b; */
	background-color: #e95d79; 
}

.menu-icon-wrapper {
  position: relative;
  display: inline-block;
  //width: 24px;
  //height: 24px;
}

//.material-symbols-outlined {
  //font-size: 24px;
  //color: black;
  //line-height: 1;
//}

.dot-overlay {
  position: absolute;
  top: 52.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 3px;
  background-color: #da1123; /* c21807 Midred */
  border-radius: 50%;
  pointer-events: none;
}

.download-overlay {
  position: absolute;
  top: 2px; /* distance from top */
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.99); /* semi-transparent background */
  color: white;
  padding: 0px 5px 2px 5px;
  border-radiusss: 0 0 32% 32%;
  border:1px double #da1123;
  font-size: 16px;
  box-shadow:0 4px 6px rgba(0, 0, 0, 0.45);
}

.support-overlay {
  position: absolute;
  top: 2px; /* distance from top */
  left: 50%;
  transform: translateX(-50%);
  background: transparent; 
  color: white;
  padding: 0px;    
  font-size: 16px;
  box-shadow:0 4px 6px rgba(0, 0, 0, 0.45);
  border-radius:20px 20px 45px 45px;
}

.emj30 {
	font-size: 30px;
}	

.emj27 {
	font-size: 27px;
}	

.emj25 {
	font-size: 25px;
}	

.emj23 {
	font-size: 23px;
}	

.emj20 {
	font-size: 20px;
}	

.fdunder {
	text-decoration: underline;
	text-decoration-style: double;
	text-underline-offset: 4px;
}	

.fdunder-single {
	text-decoration: underline;	
	text-underline-offset: 4px;
}	

.fdunderover {
	text-decoration: underline overline;	
	text-underline-offset: 6px;	
}	

.fdover {
	text-decoration: overline;		
}	

.ctxtdec, .ctxtdec1 {
	text-decoration-color: #afafaf;		
}	

.emjfnt { 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important; 
}

.vatdtop {
	vertical-align:top;
}

.vatop {
	vertical-align:text-top;
}

.vabot {
	vertical-align:text-bottom;
}

.vamid {
	vertical-align:middle;
}


.vabase {
	vertical-align:baseline;
}

.vasub {
	vertical-align:sub;
}

.vasuper {
	vertical-align:super;
}

.mac-img {
  border:1px solid 	#ccc;
  box-shadow:5px 5px 10px #909090;
  border-radius:10px;
}

.img-mr-1 {
	
}

.my-text {
  margin:0px;   
  /* No float or width needed here; it will naturally occupy 100% width and wrap around the floated image */
}


/* 1. DEFAULT MOBILE STYLES */
/* On mobile, the image takes up full width, and text naturally flows below it */
.photo-right, .photo-right-25perc, .photo-right-12perc {
  display: block;
  width: 100%;
  max-width: 100%; /* Prevents the image from stretching beyond its actual size */
  margin-bottom: 15px; /* Adds space between the photo and the text below it */
  float: none; /* Ensures no text wraps around it on mobile */
}

/* 2. LAPTOP / DESKTOP STYLES */
/* This kicks in only when the screen width is 1024px or wider */
@media screen and (min-width: 1024px) {
  /* 1. Grouped Shared Styles */
  .photo-right, .photo-right-37perc, .photo-right-25perc, .photo-right-12perc {
    float: right; 
    max-width: 500px;
    margin-left: 15px;  
    margin-bottom: 5px;  
    margin-top: 6px;  
  }

  /* 2. Individual Widths */
  .photo-right        { width: 50%; }
  .photo-right-37perc { width: 37%; }
  .photo-right-25perc { width: 25%; }
  .photo-right-12perc { width: 12%; }
}


.photo-left {
  float: left; 
  width: 50%;
  margin-right: 15px;    /* Adds space between the text and the right side of the image */
  margin-bottom: 10px;  /* Adds space if text wraps tightly under the image */
  margin-top: 6px; 
}


.slider-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-wrapper .slider {
    width: 603px;
}

.menu-btn {
    margin: 0px;
	cursor: pointer;
}

.menu-container {
    position: relative;
	z-index: 99;
}

.popup-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 200px;
    z-index: 9999999;
    box-shadow: 0 2px 8px rgba(0,0,0,.25); 
}

.menu-container:hover > .popup-menu {
    display: block;
}

.popup-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-menu li {
    position: relative;
}

.popup-menu a {
    display: block;
    padding: 1px 9px;
    white-space: nowrap;
    color: #333;
}


/* second level and beyond */
.popup-menu li ul {
    display: none;
    position: absolute;
    left: 97%;
    top: 5px;
    background: #fff;
    min-width: 200px;
	z-index: 999999999;
	border:1px solid #d0d0d0;
}

.popup-menu li:hover > ul {
    display: block;
}

.right-menu .popup-menu {
    left: auto;
    right: 0;
}

.popup-menu9 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 200px;
    z-index: 9999999;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
}

.menu-container:hover > .popup-menu9 {
    display: block;
}

.popup-menu9 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-menu9 li {
    position: relative;	
}

.popup-menu9 a {
    display: block;
    padding: 1px 9px;
    white-space: nowrap;
    color: #333;
	
	/* font-size: clamp(12px, 1.2vw, 16px); */
}


/*
.popup-menu9 ul li ul li a.sep1 {
    border: 1px solid #ccc;
	border-width:1px 0 0 0;
}
*/


/* second level and beyond */
.popup-menu9 li ul {
    display: none;
    position: absolute;
    left: 97%;
    top: 5px;
    background: #efefef;
    min-width: 200px;
	z-index: 999999999;
	border:1px solid #d0d0d0;
}

.popup-menu9 li:hover > ul {
    display: block;
}

.right-menu .popup-menu9 {
    left: auto;
    right: 0;
}

.w100 {
	width: 100%;
}	

.w90 {
	width: 90%;
}	

.w75 {
	width: 75%;
}	

.w70 {
	width: 70%;
}	

.w50 {
	width: 50%;
}	

.w45 {
	width: 45%;
}	

.w25 {
	width: 25%;
}	

.footer-bgcolor1 {
	background-color: #000063;
}

.footer-bgcolor2 {
	background-color: #000072;
}

.virtuous {
	padding: 5px;
	padding-left:10px;
	border: 1px solid #cfcfcf;
	background-color: #ffefef;
}

/*
.icon-pulser {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.icon-pulser::before,
.icon-pulser::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(33, 150, 243, 0.25);
    animation: icon-pulse 2s ease-out infinite;
    z-index: -1;
}

.icon-pulser::after {
    animation-delay: 1s;
}

@keyframes icon-pulse {
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.icon-pulser .material-icons {
    position: relative;
    z-index: 1;
}

.icon-pulser-a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.icon-pulser-a::before,
.icon-pulser-a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(1, 2, 3, 0.12);
    animation: ripple-a 2.9s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}

.icon-pulser-a::after {
    animation-delay: 1.9s;
}

@keyframes ripple-a {
    0% {
        transform: scale(0.9);
        opacity: 0.6;
    }

    70% {
        opacity: 0.15;
    }

    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

.icon-pulser-a .material-icons {
    position: relative;
    z-index: 1;
}
*/

.ptop-zero {
  padding-top:0px;
}

.mac-scrolling-testimonials {
  border: 1px solid #000;
  margin: 10px 0 0 0;
  width: fit-content;
  padding: 0 5px 0 5px;
  background-color: #ffefef;   
}

.responsive-txt {
  font-size: clamp(12px, 2.5vw, 16px);
}


.menu-container-100 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.popup-menu-100 {
    display: none;
    position: relative;
    top: auto;
    left: auto;
    background: white;
    min-width: 100px;
    z-index: 9999999;
    /* box-shadow: 0 2px 9px rgba(0,0,0,.25); */
	/* box-shadow: 0px 5px 19px rgba(0,0,91,.5), 5px 0px 19px  rgba(0,0,91,.25); */
	/* border: 1px solid #999; */
}

.menu-container-100:hover > .popup-menu-100 {
    display: block;
}

.popup-menu-100 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-menu-100 li {
    position: relative;
}

.popup-menu-100 a {
    display: block;
    padding: 1px 9px;
    white-space: nowrap;
    color: #333;
}

/* second level and beyond */
.popup-menu-100 li ul {
    display: none;
    position: absolute;
    left: 97%;
    top: 5px;
    background: #fff;
    min-width: 100px;
    z-index: 999999999;
    border: 1px solid #d0d0d0;
}

.popup-menu-100 li:hover > ul {
    display: block;
}

/*
.menu-container-stretch {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.menu-header,
.menu-footer {
    display: block;
    position: static;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.menu-header {
    margin-bottom: 5px;
}

.menu-header img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
*/

.fwt400 {
	font-weight: 400;
}

.fwt500 {
	font-weight: 500;
}

.fwt600 {
	font-weight: 600;
}

.fwt700 {
	font-weight: 700;
}

.fwt800 {
	font-weight: 800;
}

.fwt900 {
	font-weight: 900;
}

.gradient1-h {
	background: linear-gradient(to right, black 0%, #000091, black);
}

.gradient2-h {
	background: linear-gradient(to right, black 0%, #000091 79%, black 99%);
}

.gradient3-h {
	background: linear-gradient(to right, black 0%, #000091 21%, black 99%);
}

.gradient4-h {
	background: linear-gradient(to right, black 0%, #000091 31%, #fff 41%, #000091 71%, black 99%);
}

.gradient1-v {
	background: linear-gradient(to bottom, black 0%, #000091, black);
}

.gradient1-c1 {
  background: conic-gradient(from 125deg, black 0%, #000091 100%);
}

/* Modern browsers */
.gradient1-rainbow1 {
background: conic-gradient(from 0deg at 50% 50%, #ff0000 0deg, #ffff00 60deg, #00ff00 120deg, #00ffff 180deg, #0000ff 240deg, #ff00ff 300deg, #ff0000 360deg);
}

.gradient1-rainbow2 {
background: conic-gradient(from 0deg at 50.09% 49.91%, #ffafaf 30deg, #000 60deg, #000099 120deg, #000 180deg, #000 240deg, #000099 300deg, #ffafaf 360deg);
}

.gradient1-rainbow3 {
background: conic-gradient(from 0deg at 51.9% 48.1%, #ffafaf 30deg, #000 60deg, #000099 120deg, #000 180deg, #000 240deg, #000099 300deg, #ffafaf 360deg);
}

.gradient1-rainbow4 {
background: conic-gradient(from 0deg at 52.12% 47.88%, #ffafaf 30deg, #000 60deg, #000099 120deg, #000 180deg, #000 240deg, #000099 300deg, #ffafaf 360deg);
}

.gradient1-rainbow5 {
background: conic-gradient(from 0deg at 52.85% 47.15%, #ffafaf 30deg, #000 60deg, #000099 120deg, #000 180deg, #000 240deg, #000099 300deg, #ffafaf 360deg);
}

.gradient1-rainbow6 {
background: conic-gradient(from 0deg at 62.5% 37.5%, #ffafaf 30deg, #000 60deg, #000099 120deg, #000 180deg, #000 240deg, #000099 300deg, #ffafaf 360deg);
}

/*
-webkit-background: conic-gradient(from 0deg at 50% 50%, #ff0000 0deg, #ffff00 60deg, #00ff00 120deg, #00ffff 180deg, #0000ff 240deg, #ff00ff 300deg, #ff0000 360deg);

-moz-background: conic-gradient(from 0deg at 50% 50%, #ff0000 0deg, #ffff00 60deg, #00ff00 120deg, #00ffff 180deg, #0000ff 240deg, #ff00ff 300deg, #ff0000 360deg);
*/

/*
.gradient1, .gradient1-h {
	background: linear-gradient(to right, black 0%, #000091 45%, #009100 55%, black 65%);
}

.gradient1-v {
	background: linear-gradient(to bottom, black 0%, #000091 45%, #009100 55%, black 65%);
}

.gradient1-r1 {
	background: radial-gradient(#000091, black);
}

.gradient1-r2 {
	background: radial-gradient(ellipse, #000091 0%, #009100 20%, black 30%);
}

.gradient1-r3 {
	background: radial-gradient(circle, #000091, black);
}

.gradient101 {
	background: linear-gradient(to right, black, #000091, #000091, #000091, black);
}


.gradient2 {
	background: linear-gradient(to right, black, #000091, #000091, #000091, black);
}
*/


.victor-testimonial {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.victor-testimonial-image {
  flex: 0 0 314px;
}

.victor-testimonial-image img {
  display: block;
  width: 100%;
  height: auto;
}

.victor-testimonial-text {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 992px) {
  .victor-testimonial {
    flex-direction: column;
  }
}