/* version 1.3*/
body {
            font-family: 'Montserrat', sans-serif;
            margin: 0;
            padding: 0;
			/* padding-bottom: 100px;*/   /* 22/05 removed to push footer to bottom */
            /* background-color: #f0f0f0; 
			//background-color: #e9ecf7; */
			width: 98%;
        }
		body li{
			line-height: 1.3;
		}
        header {
            font-family: 'Montserrat', sans-serif;
            background-color: #22394B;
            /*background-color: #1073BB;*/
            color: #fff;
            text-align: center;
            padding: 0px;
	        /*padding-left: 60px; */
            display: flex;
			flex-direction: column;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            z-index: 1000;
	        top: 0;
	        width: 100%;
			text-wrap: wrap;
			/*line-height: 14px;*/
        }
        img {
			display: block;
			max-width: 100%;
		}

		#page-title { /* this used to be h1 */
            font-family: 'Montserrat', sans-serif;
            color: #fff;
            cursor: pointer; /* Add this to indicate it's clickable */
			text-align: center;
			text-wrap: wrap;
   		    font-size: 29px;
			font-weight: bold;
			margin-block-start: .4em;
			margin-block-end: .4em;
			width: 100%;
        }
        h1 { /* replaces old h1 was h2 */
            font-family: 'Montserrat', sans-serif;
     		font-size: 22px;
        }
		h2 { /* replaces old h2 was h3 */
		   font-family: 'Montserrat', sans-serif;
     	   font-size: 19px;
		   font-weight: bold;
		   margin-bottom:5px;
		}
		h3 { /* new h3 */
		   font-family: 'Montserrat', sans-serif;
     	   font-size: 17px;
		   font-weight: bold;
		   margin-bottom:5px;
		}
		h4 {
			margin-left: 6px;
			margin-bottom:5px;
		}
        /* This is the main window - smaller viewport*/
		main {
            padding: 170px 20px 10px; /* Adjusted padding to account for the fixed header and footer */
			/* border: 2px solid black; */
			/* width: 50%;*/
			/* height: 1px; */
        }
        .content-section {
            text-align: center;
            display: none;			/* Hide the content initially */
			width: 100%;
        }

        #chatmain-content {
         /*display: block; /* Show the main content by default */
		 /*font-family: 'Helvetica', sans-serif;*/
         /*max-width: 50%; */
         padding-bottom:900px
        }

        main2-content,
		about-content,
        contribute-content,
        data-sources-content,
		privacy-content,
        disclaimer-content,
		sponsor-content,
		chat-content,
        testimonials-content {
            display: none;
        }

		.button {
            z-index: 2000;
			bottom: 100;
		}		
        /* This is the menu items and text */
		.menuItem {
          display: block;
          margin: 1rem 0rem;
          font-size: 1.2rem;
          color: black;
          text-decoration: none;
          line-height: 0.9;
        }

        /* This is the menu content underlining when hovering */
		.menuItem:hover {
          text-decoration: underline;
        }

        /* This is the button */
		.hamburger {
          position: fixed;
          z-index: 1100;
          top: 1rem;
		  left: 1rem;
          padding: 4px;
          border: 0px solid black ;
          border-radius: 5px;
		  height: 32px;
		  width: 32px;
          /*background: white;*/
          cursor: pointer;
		  float: left;
        }
		.hamburger:hover {
		  cursor: pointer;
		  transform: scale(1.05);
		}
        .closeIcon {
          display: none;
        }

        .menu {
          position: fixed;
          /*transform: translateX(-200%);*/
          transition: transform 0.1s;
          top: 59px;
          left: 0.0rem;
          /*right: 1.5rem;*/
          z-index: 1150;
		  /*color: white;*/
          background-color: #B8DBF3; /* #A2CEEF;*/
          text-align: left;
          list-style: none;
          padding-top: 0rem;
		  padding-left: 20px;
		  padding-right: 20px;
          /*height: 410px;*/
          width: 160px;
         /* border: 2px solid white;*/
          border-radius: 20px;
		  left: -250px;
        }
        .menu.active {
          left: 15px;
        }
		.menu-toggle {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            position: absolute;
            top: 15px;
            left: 15px;
            z-index: 2;
        }
		
        .showMenu {
          transform: translateY(0);
        }
		.menu ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
			left: 200px;
        }
		.menu ol {
            list-style-type: none;
            padding: 0;
            margin: 0;
			left: 200px;
        }
        .menu li {
         display: block;
		 text-align: start;
        }

        .menu a {
            text-decoration: none;
            display: block;
            margin: 1rem 0rem;
            font-size: 1.2rem;
            color: black;
            line-height: 0.9;
			list-style: none;
			
		}
		 .menu a:hover {
          text-decoration: underline;
		}

		        /* Overlay to close menu when clicking outside */
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
        }

        .overlay.active {
            display: block;
        }
        /*#chat-content {
		  display: block;
		  position: fixed;
		  bottom: 0;
          right: 0;
          zindex: 1025;	
		  
          /* style="position:fixed; top: 1px; right: 300px;"*/		  
		/*}*/
		

		
		#chat-btn {
            background-color: #22394B;
            color: #fff;
            padding: 10px;
            cursor: pointer;
            border-radius: 5px;
            text-align: center;
			width: 40%;
			min-width: 150px;
            max-width: 150px; 
        }
		#chat-btn:hover {
		  cursor: pointer;
		  transform: scale(1.05);
		}
        .container {
          display: none;
		  /*display: absolute;*/
		  position: relative;
          overflow: visible; /*hidden;*/
          width: 100%;
          padding-top: 50.5%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
		  /*aspect-ratio: 16/9;*/
		  height: 800px;
		  top: 200px;
		  right: 0;
		  bottom: 100px;
        }
		
		.responsive-iframe{
		  position: absolute;
          top: 0px; /*was 60 */
          left: 0.5rem;
          /*bottom: 0;
          right: 0;*/
          /*width: 95%;         */ 
		  width: 95%; 
          height: 85%; /* was 75 */
		  /*border: 1px solid black;*/

		}

		.col-afterchat {
		 position:absolute;
		 /*height: 1100px;*/
		 width: 95%;
		 top: 82%;
		 bottom: 3.5%;
		 /*border: 1px solid black;*/
		}
		
		.col-1 {width: 33.33%;}
		.col-2 {width: 50.00%;}
		.col-3 {width: 66.66%;}
		.col-4 {
		  float:left;
		  width: 75.00%;
		  padding: 0px;
		}
		.col-4-ad {
		  float:left;
		  width: 100.00%;
		  padding: 0px;
		  border-radius: 8px;
		}
		.col-5 {
		  width: 100%;
    	  padding: 0px;
		  padding-top:10px;
	    }
		.col-6 {
		  float:left;
		  width: 25%;
    	  padding: 0px;
	    }
		.col-6-ad {
  		  display:none;
	    }
		/*.col-7 {width: 20%;}*/
		.col-7 {
		  display: none;
		  float:right; 
		  width: 25%;
		  padding-right: 20px;
		}
		.col-7-ad {
		  display: none;
		}
		.col-chat {
		  width: 90%;
		}
		
		.row::after {
         content: "";
         clear: both;
         display: table;
        }
		#inline-ad-mobile{
		  display: block;
		}
		#inline-ad-desktop{
		  display: block;
		}
		/*[class*="col-"] {
         float: left;
         padding: 5px;
         border: 1px solid red;
        }*/
		#article-btn {
		  cursor: pointer;
		  list-style: none;
		  box-shadow: 0px 2px 17px 2px rgba(37, 37, 37, .1);
		  border-radius: 8px;
		}
		#article-btn > a:link, #article-btn > a:visited{
		  padding-top: 0px;
		  padding-left: 0px;
		  padding-bottom: 0px;
		  margin: 15px;
		  color: black;
		  text-decoration: none;
		  display: inline-block;
		}
		#article-btn img {
		  width: 100%;
		  /* max-width: 300px;*/
		  height: auto;
		  aspect-ratio: 1200/630;
		  /*width: 80px;
		  height: 80px;*/
		  /*max-height: 200px;*/
		  object-fit: cover;
		  border-radius: 8px;
        }
		/*#article-btn:hover {
		  cursor: pointer;
		  transform: scale(1.05);
		}*/
		.article-grid {
		  width: 98%;
		  display: grid;
		  /*  grid-template-columns: repeat(2, 1fr);*/
		  /*  grid-template-columns: 95% ; */
		  gap: 20px;
		  margin-bottom: 20px;
		}
		.article-img {
			width: 100%;
			height: auto;
			aspect-ratio: 1200/630;
			object-fit: cover;
			border-radius: 8px;
        }
		.article-img-new {
				float: right;
				width: 100%;
				border-radius: 8px;

			}
		.article-left {
				/*float: left;
				width: 55%;*/
			}
		.article-right-top {
				float: right;
				width: 45%;
			}
		.article-right-bottom {
				float: right;
				width: 45%;
				clear: right;
		}
		.article-partner {
				/*float: right;
				width: 45%;
				clear: right;*/
				display:none;
				border-radius: 8px;
				box-shadow: 0px 2px 20px 2px rgba(37, 37, 37, .1);
				padding-left: 1%;
				background-color: #22394B;
				/*background-color: #ABCDEF;*/
				/*background-color: #22394B;*/
				/*background-color: #FFFFFF;*/
				/*background-color: #B8DBF3;*/
				/*background-color: #e8f0f7*/
		}
		.article-partner h2{
				color: white;
		}
		.article-partner-cat {
				float: right;
				/*width: 44%;*/
				clear: right;
				display:block;
				border-radius: 8px;
				background-color: #22394B;
				/*background-color: #ABCDEF;*/
				/*background-color: #22394B;*/
				/*background-color: #FFFFFF;*/
				/*background-color: #B8DBF3;*/
				/*background-color: #e8f0f7*/
		}
		.article-partner-cat h2{
				color: white;
				margin-left:5px;
		}
		.article-partner-mobile {
				/*float: left;*/
				/*width: 45%;*/
				clear: right;
				border-radius: 8px;
				box-shadow: 0px 2px 20px 2px rgba(37, 37, 37, .1);
				padding-left: 2%;
				padding-top:1%;
				padding-bottom: 1%;
				background-color: #22394B;
				/*background-color: #ABCDEF;*/
				/*background-color: #22394B;*/
				/*background-color: #FFFFFF;*/
				/*background-color: #ABCDEF;*/
				/*background-color: #B8DBF3;*/

		}
		.article-partner-mobile h2{
				color: white;
				margin-top:5px;
			}		
		.partner-container {
				width: 97%;
				box-shadow: 0px 2px 17px 2px rgba(37, 37, 37, .1);
				border-radius: 8px;
				padding-top: 1px;
				padding-left: 5px;
				padding-bottom: 5px;
				background-color: #FFFFFF;
				margin-bottom:10px;
				/*background-color: #ABCDEF;*/
				/*background-color: #22394B;*/
				/*background-color: #ABCDEF;*/
				/*background-color: #B8DBF3;*/
				/*background-color: #B8DBF3;*/				
		}
		.partner-container-cat {
				width: 95%;
				box-shadow: 0px 2px 17px 2px rgba(37, 37, 37, .1);
				border-radius: 8px;
				padding-top: 1px;
				padding-left: 5px;
				padding-bottom: 5px;
				background-color: #FFFFFF;
				margin-bottom:10px;
				margin-left: 10px;
				/*background-color: #ABCDEF;*/
				/*background-color: #22394B;*/
				/*background-color: #ABCDEF;*/
				/*background-color: #B8DBF3;*/
				/*background-color: #B8DBF3;*/				
		}
		.partner-title {
		}
		.partner-body {
			display:flex;
			gap: 30%;
			align-items: center;
		}
		.partner-text {
			/*width: 50%;*/
		}
		.partner-logo{
				width:50%;
				/*max-width:25%;*/
				float:right;
				height:auto;
				margin-right:5px;
				flex:0 0 clamp(75px, 6vw, 150px);
				/*background-color: rgba(0, 0, 0, 1);*/
				display:block;

			}
		.partner-logo img{
				width:100%;
				background-color: rgba(0, 0, 0, 1);
				max-width:150px;
				float:right;
				height:auto;
				border-radius: 8px;

			}	
		.article-partner:empty {
			display: none;
		}
		.article-partner-mobile:empty {
			display: none;
		}
		.category-menu {
			grid-template-columns: auto auto auto auto;
			width: 100%;	
			display: grid;
			/*  grid-template-columns: repeat(2, 1fr);*/
			/*  grid-template-columns: 95% ; */
			gap: 0px;
			margin-bottom: 10px;
			/*  background-color: lightblue; */
			background-color: #22394B;
		}
		.category-menu a {
			text-decoration: none;
			color: white;
			/*background-color: #007BFF; */
			padding: 4px 10px;
			border-radius: 5px;
			/*flex: 1;*/
			text-align: center;
			/*margin: 0 5px;*/
		/*	transition: background-color 0.3s;*/
		    font-size: 12px;
		}
		footer {
            background-color: #22394B;
            /*background-color: #1073BB;*/
            color: #fff;
            text-align: center;
            padding: 10px;
            position: relative; /*was fixed*/
            bottom: 0;
            width: 98%;
        }
		footer a:visited, footer a:link{
		color: white;
			/*font-style: italic;*/
		}

		
		
		
		
/* #######################################################################################*/
/* <!--@media (min-width: 600px) --> */
/* ###########<!-- Designed for mobile first , below is NON Mobile -->  was 0 ###########**/
/* #######################################################################################*/

		@media all and (min-width: 600px){
			header {
              justify-content: space-between;
			  padding-left: 0px;
            }
			#page-title { /* this used to be h1 */
			width: 100%;
			}
			h1 { /* replaces old h1, was h2 */
              margin-top: unset;
			}
            body {
			width:100%;
			height:100%;
			}
			/*#wrap {min-height: 100%;}*/

            main {
              /* Adjusted padding to account for the fixed header and footer */
			  /* padding: 85px 20px 20px; /*11 Apr 2025 */
			  padding: 170px 20px 20px;   /*11 Apr 2025 */
			  /*padding: 59px 0px 20px;   /*11 Apr 2025 */
			  overflow:auto;
			  padding-bottom:40px;
              /*width: 50%;*/
            }
			
			#chat-btn {
			  /* background: black; */
			  min-width: 150px;
              max-width: 150px; 
            }
			.responsive-iframe{
		      top: -2px;
			} 
            .col-4-ad {
				width: 64.00%;
				box-shadow: 0px 2px 20px 2px rgba(37, 37, 37, .1);
				padding-right: 20px;
				padding-left: 20px;
				padding-top: 20px;
				padding-bottom: 20px;
		    }
			.col-6-ad {
			 display: block;
			 float: right;
		     width: 15%;
			 padding: 0px;
	        }
			.col-5 {
			 padding-bottom:70px;
			}

			.col-7 {
		      display:block;
			  float:right; 
		      width: 25%;
		    }
			.col-7-ad {
				display: block;
				float:left; 
				width: 15%;
				padding-right: 20px;
			}
			.col-chat {
			   width: 70%;
			}
			.responsive-iframe{
			  /*width: 85%; */			  
			  width: 75%; 
              height: 80%;
           }

		   /* This is the menu items and text */
		    .menuItem {
              margin: 1rem 0rem;
              font-size: 1.2rem;
              line-height: 0.9;
            }
		   	.row::after {
             content: "";
             clear: both;
             display: table;
            }
			#inline-ad-mobile{
		      display: none;
			  padding-bottom: 20px;
			}
			#inline-ad-desktop{
			  display: block;
			}
			p {
				margin-top: 5px;
			}
			ul {
				margin-top: 5px;
			}
			ol {
				margin-top: 5px;
			}
			#article-btn:hover {
			  cursor: pointer;
			  transform: scale(1.05);
			}
			.article-grid {
			  grid-template-columns: 50% 50%;
			  gap: 20px;
			}
			.article-img {
				float: right;
				width: 40%;
			}
			.article-img-new {
				float: right;
				width: 100%;
			}
			.article-left {
				/*float: left;
				width: 55%;*/
			}
			.article-right-top {
				float: right;
				width: 45%;
				margin-bottom: 10px;
			}
			.article-right-bottom {
				float: right;
				width: 45%;
				clear: right;
			}
			.article-partner {
				float: right;
				width: 44%;
				clear: right;
				display:block;
				padding-bottom: 15px;
			}

			.article-partner-cat {
				float: right;
				/*width: 44%;*/
				clear: right;
				display:block;
				height: fit-content;
			}		
			.article-partner-mobile {
				float: left;
				width: 45%;
				clear: right;
				display:none;
			}
			.partner-container{
				/*width:97%;*/
				margin-bottom:10%;
				/*display:flex;*/
				gap:100px;
				margin-bottom:-5px;
				/*align-items:center;*/
				/*grid-template-columns:auto auto;*/
				/*border: 1px solid black;*/
				box-shadow: 0px 2px 17px 2px rgba(37, 37, 37, .1);
				padding-left: 10px;
				padding-bottom:5px;
				border-radius: 8px;
				padding-top:0px;
			}
			.partner-container-cat {
				width:97%;
			}
			.partner-title {
				/*margin-bottom: 1rem;*/
				padding-top: 10px;
			}
			.partner-body {
				display: flex;
				gap: 1.5rem;
				align-items: center;
			}
			.partner-text{
				/*width:45%;*/
				flex:2;
			}			
			.partner-logo{
				width:50%;
				/*max-width:25%;*/
				float:right;
				height:auto;
				margin-right:5px;
				flex:0 0 clamp(75px, 6vw, 150px);
				/*background-color: rgba(0, 0, 0, 1);*/
				display:block;

			}
			.partner-logo img{
				width:100%;
				background-color: rgba(0, 0, 0, 1);
				max-width:150px;
				float:right;
				height:auto;
				border-radius: 8px;

			}	
			.partner-img{
				/*width:20%;*/
				background-color: rgba(0, 0, 0, 1);
				max-width:30%;
				float:right;
				height:auto;
			}
			.partner-grid{
				grid-template-columns:auto auto;
			}
			.category-menu {
			grid-template-columns: auto auto auto auto auto auto;
			font-size: 18px;
			}
			.category-menu a {
			font-size: 16px;
			}
			.category-menu a:hover{
			/*background-color: #0056b3;*/
			/* background-color: #B8DBF3; 
			 color: black;*/
			 transform: scale(1.05);
			}			
			footer {
            padding: 10px;
			bottom: 0;
			margin-top: -40px;
			height: 40px;
            position: fixed; /*was fixed*/
			clear:both;
			width: 100%;
            }

        }
		/* #######################################################################################*/
        /* <!--@media (min-width: 1000px) --> */
		/* ###########<!-- Designed for mobile first , below is NON Mobile -->  was 0 ###########*/
		/*#######################################################################################*/		
		@media all and (min-width: 1000px){
			header {
              justify-content: space-between;
			  padding-left: 0px;
            }
			main {
				padding: 125px 20px 20px; /*11 Apr 2025 */
            }
			.category-menu {
				grid-template-columns: auto auto auto auto auto auto auto auto;
			}
			.category-menu a {
			  font-size: 18px;
            }
		}
		
		/* #######################################################################################*/
        /* <!--@media (min-width: 1200px) --> */
		/* ###########<!-- Designed for mobile first , below is NON Mobile -->  was 0 ###########*/		
		@media all and (min-width: 1200px){
			header {
              justify-content: space-between;
			  padding-left: 0px;
            }
			main {
				padding: 125px 20px 20px; /*11 Apr 2025 */
            }
			.category-menu {
				grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
			}
			.category-menu a {
			  font-size: 18px;
                        }
		
			.partner-logo{
				width:50%;
				/*max-width:25%;*/
				float:right;
				height:auto;
				margin-right:5px;
				flex:0 0 clamp(75px, 6vw, 150px);
				/*background-color: rgba(0, 0, 0, 1);*/
				display:block;

			}.partner-logo img{
				/*width:80%;*/
				background-color: rgba(0, 0, 0, 1);
				max-width:80%;
				float:right;
				height:auto;
			}
		}
		/* #######################################################################################*/
        /* <!--@media (min-width: 1400px) --> */
		/* ########################################################################################*/		
		@media all and (min-width: 1400px){
			header {
              justify-content: space-between;
			  padding-left: 0px;
            }
			main {
				padding: 125px 20px 20px; /*11 Apr 2025 */
            }
			.category-menu {
				grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
			}
			.category-menu a {
			  font-size: 18px;
            }
		}			
		/* #######################################################################################*/
        /* <!--@media (min-width: 1600px) --> */
		/* ########################################################################################*/	
		@media all and (min-width: 1600px){
			header {
              justify-content: space-between;
			  padding-left: 0px;
            }
			main {
				padding: 125px 20px 20px; /*11 Apr 2025 */
            }
			.category-menu {
				grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
			}
			.category-menu a {
			  font-size: 18px;
            }
		}
		/* #######################################################################################*/
        /* <!--@media (min-width: 1600px) --> */
		/* ########################################################################################*/	
		@media all and (min-width: 1700px){
			header {
              justify-content: space-between;
			  padding-left: 0px;
            }
			main {
				padding: 125px 20px 20px; /*11 Apr 2025 */
            }
			.category-menu {
				grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
			}
			.category-menu a {
			  font-size: 18px;
            }
				
		}