body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background: #f6f6f6;
        }

       .container {
            max-width: 90%;
            margin: 0px auto;
            background: white;
            padding: 0px 15px;
            border-radius: 5px;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
            text-align: center;
        }

	#medium-posts img {
	    max-width: 100%;      /* Prevents image from exceeding container width */
	    height: auto;         /* Maintains aspect ratio */
	    display: block;       /* Avoids inline spacing issues */
	    margin: 0 auto;       /* Optional: center the image */
	}

	input.input_big {
		width:300px;
	}

	table.bgorange {
		width:95%;
		background: #ED8B22;
	}

	table.headertable{
		width:100%;
	}

	table.biotable{
		width:600px;
	}

	img.ourteampic {
            width: 179px;
            height: auto;
	}

       img.news {
            width: 200px;
            height: auto;
        }

       img.footer {
            width: 176px;
            height: auto;
        }

       img.footer_social {
            width: 40px;
            height: auto;
        }

       img.social {
            width: 20px;
            height: auto;
        }

       img.homeicon {
            width: 30px;
            height: auto;
	    margin: 6px 0px;
        }

       img.fullpic {
            width: 400px;
            height: auto;
        }

       img.homepage_block_button {
	    margin-top: 12px;
        }

	p.maintextwhite {
		padding: 4px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 16px;
		font-weight:normal;
		color: #FFFFFF;
	}

	p.maintextwhitesmall {
		padding: 4px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #FFFFFF;
	}

	p.maintextwhitebig {
		padding-top: 6px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight:normal;
		color: #FFFFFF;
	}

	p.maintextsmall {
		padding: 4px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #333333;
	}

	p.maintext {
		padding: 4px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 16px;
		font-weight:normal;
		color: #333333;
	}

	p.maintextbig {
		padding: 4px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight:normal;
		color: #333333;
	}

	a.maintextsmall {
		padding: 0px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #333333;
		text-decoration:none;
	}

	a.maintextsmall:visited {
		padding: 0px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #333333;
		text-decoration:none;
	}

	a.maintextsmall:hover {
		padding: 0px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #18355F;
		text-decoration:underline;
	}

	a.maintextblue {
		padding: 0px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #18355F;
		text-decoration:none;
	}

	a.maintextblue:visited {
		padding: 0px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #18355F;
		text-decoration:none;
	}

	a.maintextblue:hover {
		padding: 0px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		color: #ED8B22;
		text-decoration:underline;
	}

        .header {
            background: #FFFFFF;
            text-align: center;
            padding: 5px;
            font-size: 20px;
        }

        .footer {
            background: #25282c;
            color: white;
            text-align: center;
            padding: 5px;
            font-size: 20px;
        }

	p.footertext {
		padding: 4px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight:normal;
		color: #DDDDDD;
	}

       .nav2 {
            display: none;
	}

        .nav {
            display: flex;
            justify-content: space-around;
            background: #18355F;
            padding: 10px;
        }
        .nav a {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 14px;
		font-family: Arial, sans-serif;
		font-weight:normal;
        }
        .nav a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		font-size: 14px;
		font-family: Arial, sans-serif;
		font-weight:normal;
        }

        .menu-icon {
            display: none;
            font-size: 24px;
            cursor: pointer;
            color: white;
            padding: 10px;
        }
        .menu {
            display: flex;
        }
        .menu a, a:visited {
              padding: 15px;
              text-align: center;
              display: block;
	      font-family: Arial, sans-serif;
	      font-size: 14px;
	      color: #FFFFFF;
	      text-decoration: none;
        }

        .menu a:hover {
              padding: 15px;
              text-align: center;
              display: block;
	      font-family: Arial, sans-serif;
	      font-size: 14px;
	      color: #FFFFFF;
	      text-decoration: underline;
        }

	.custom-btn, .custom-btn:visited {
	  background-color: #FFFFFF;      /* Initial background */
	  color: #333333;                   /* Text color */
	  padding: 12px 24px;             /* Size of the button */
	  border: none;                   /* No border */
	  border-radius: 4px;             /* Slightly rounded corners */
	  cursor: pointer;                /* Pointer on hover */
	  font-size: 16px;
	  text-decoration: none;          /* Remove underline from link */
	  display: inline-block;          /* Make it behave like a button */
	  transition: background-color 0.3s ease; /* Smooth transition */
	}

	/* Hover state */
	.custom-btn:hover {
	  background-color: #DDDDDD;  /* Slightly darker shade */
	}

	.custom-btn2, .custom2-btn:visited {
	  background-color: #18355F;      /* Initial background */
	  color: #FFFFFF;                   /* Text color */
	  padding: 12px 24px;             /* Size of the button */
	  border: none;                   /* No border */
	  border-radius: 4px;             /* Slightly rounded corners */
	  cursor: pointer;                /* Pointer on hover */
	  font-size: 16px;
	  text-decoration: none;          /* Remove underline from link */
	  display: inline-block;          /* Make it behave like a button */
	  transition: background-color 0.3s ease; /* Smooth transition */
	}

	/* Hover state */
	.custom-btn2:hover {
	  background-color: #ED8B22;  /* Slightly darker shade */
	}

        .homepage_blocks {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 0px;
        }

        .homepage_block {
            background: #18355F;
            padding: 15px;
            margin: 0px;
            width: 90%;
            text-align: center;
	    border-right: 1px solid white;
	    border-bottom: 1px solid white;
        }

        .homepage_block_orange {
            background: #ED8B22;
            padding: 15px;
            margin: 0px;
            width: 90%;
            text-align: center;
	    border-right: 1px solid white;
        }

        .homepage_block2a {
		background-image: url(images/link_bg_one.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		padding: 15px;
		margin: 0px;
		width: 90%;
		text-align: center;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
        }

        .homepage_block2b {
		background-image: url(images/link_bg_two.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		padding: 15px;
		margin: 0px;
		width: 90%;
		text-align: center;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
        }

        .homepage_block2c {
		background-image: url(images/link_bg_three.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		padding: 15px;
		margin: 0px;
		width: 90%;
		text-align: center;
		border-right: 1px solid white;
		border-bottom: 1px solid white;
        }

        .news_blocks {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 0px;
        }

        .news_block {
            background: #FFFFFF;
            padding: 15px;
            margin: 0px;
            width: 80%;
            text-align: center;
        }

        .testimonial_blocks {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 0px;
        }

        .testimonial_block {
            background: #CCCCCC;
            padding: 15px;
            margin: 15px;
            width: 85%;
            text-align: center;
        }

        @media (min-width: 600px) {
            .homepage_block { width: 20%; }
            .homepage_block_orange { width: 20%; }
            .homepage_block2a { width: 30%; }
            .homepage_block2b { width: 30%; }
            .homepage_block2c { width: 30%; }
            .news_block { width: 20%; }
            .testimonial_block { width: 40%; }
        }

        @media (max-width: 600px)
	{
	       .container {
	            max-width: 90%;
	            margin: 0px auto;
	            background: white;
	            padding: 10px;
	            border-radius: 5px;
	            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	            text-align: center;
	        }

		table.headertable{
			width:100%;
		}

	        .nav2 {
	            display: flex;
	            justify-content: space-between;
	            background: #18355F;
		    align-items: center;
		    padding: 0 16px;
	        }

		.navmobilemain{
			display: block;
			visibility:visible;
	                text-align: center;
			margin: 0;
			flex: 1;
			position: relative;
			font-family: Arial, sans-serif;
			font-size: 14px;
			font-weight:normal;
			color: #FFFFFF;
			padding-top:12px;
		}

	        .header {
	            background: #FFFFFF;
	            text-align: center;
	            padding: 2px;
	            font-size: 14px;
	        }

		p.maintextsmall {
			padding: 4px;
			margin: 0px;
			font-family: Arial, sans-serif;
			font-size: 13px;
			font-weight:normal;
			color: #333333;
		}

		a.maintextsmall {
			padding: 0px;
			margin: 0px;
			font-family: Arial, sans-serif;
			font-size: 13px;
			font-weight:normal;
			color: #333333;
			text-decoration:none;
		}

		a.maintextsmall:visited {
			padding: 0px;
			margin: 0px;
			font-family: Arial, sans-serif;
			font-size: 13px;
			font-weight:normal;
			color: #333333;
			text-decoration:none;
		}

		a.maintextsmall:hover {
			padding: 0px;
			margin: 0px;
			font-family: Arial, sans-serif;
			font-size: 13px;
			font-weight:normal;
			color: #18355F;
			text-decoration:underline;
		}

	            .menu {
	                display: none;
	                flex-direction: column;
	                width: 100%;
	                background: #222;
	            }
	            .menu a {
	                padding: 10px;
	                text-align: center;
	                display: block;
	            }
	            .menu-icon {
	                display: block;
	                text-align: right;
	                padding: 5px;
	                background: #222;
	            }

		img.homepic {
			width: 300px;
			height: auto;
		}

		img.ourteampic {
	            width: 80px;
	            height: auto;
		}

	       img.news {
	            width: 280px;
	            height: auto;
	        }
	       img.footer {
	            width: 80px;
	            height: auto;
	        }

	       img.footer_social {
	            width: 20px;
	            height: auto;
	        }

		table.biotable{
			width:85%;
		}

		input.input_big {
			width:200px;
		}

	       img.fullpic {
	            width: 250px;
	            height: auto;
	        }
	}

.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 0.5s ease; /* smooth slide */
}

.slide {
  flex: 0 0 100%; /* each slide is 100% width */
}

.slide img {
  width: 100%;
  height: auto;
  display: block;
}

/* Arrows */
.slider button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 12px;
  cursor: pointer;
  font-size: 24px;
  border-radius: 50%;
  z-index: 10;
}

.slider .prev {
  left: 10px;
}

.slider .next {
  right: 10px;
}

.slider button:hover {
  background-color: rgba(0,0,0,0.7);
}