.audience-box {
    flex: 1;
    border: 1px solid #015A9C;
    margin: 20px; /* Add space between the boxes */
    box-sizing: border-box; /* Include border in box dimensions */
    padding: 20px; /* Add padding inside the boxes */
    }
.audience-outer{
    display:flex;
    justify-content:space-between;
    }

    @media (max-width: 768px) {
        .audience-outer, .events-outer, .footer-outer{
            flex-wrap:wrap;
            justify-content: flex-start;
        }
        .audience-box, .events-box, .footer-box  {
            flex-basis: calc(50% - 40px); 
        }
        .prodservice {
            flex-wrap:wrap;
            justify-content:flex-start;
        }
        .prod-left, .prod-right {
            flex-basis:calc(50%-20px);
        }
        .product-container{
            flex-direction:column;
        }
        .client-logo{
            flex: 1 1 calc(50%-20px);
        }
        .client-testimonial{
            margin-top:10px;
        }
    }

@media (max-width: 480px) {
    .audience-box, .events-box, .footer-box {
            flex-basis: 100%; 
        }
    .client-logo{
            flex: 1 1 calc(100% - 20px);
        }
    }

.product-container{
    display:flex;
    width:100%;
}

.heading-blue {
    color: #015A9C;
    font-size: 30px;
    }
.prodservice{
    display:flex;
    justify-content:space-between;
    padding:20px;
    }
.prod-left, .prod-right
    {
    flex: 1;
    padding: 20px;
    }
.events-outer{
    display:flex;
    justify-content:space-between;
    background: lightblue;
    }
.events-box{
    flex: 1;
    border: 1px solid #000;
    margin: 30px;
    padding:15px;
    box-sizing: border-box;
    }
.events-box h3 {
    text-align: center;
    }
.client-outer{
    display:flex;
    justify-content:space-between;
    margin: 0 20px;
    }
.client-logo{
    flex: 1 1 calc(33.3%-20px);
    width:100px;
    height:100px;
    border-radius:50%;
    background-color:darkblue;
    align-items: center;
    justify-content:center;
    color:#fff;
    }
.client-testimonial{
    text-align:center;
    }
.client-info{
    font-weight:bold;
    color:#ccc;
    }
.footer-box {
    flex: 1;
    /*border: 1px solid #ccc;*/
    margin: 20px; /* Add space between the boxes */
    box-sizing: border-box; /* Include border in box dimensions */
    padding: 20px; /* Add padding inside the boxes */
    }
.footer-outer{
    display:flex;
    justify-content:space-between;
    }

/**** BODY ****/
.body{ 
    font-family: Arial;
}

h1, h2, h3, h4, h5 {
    font-family: Arial;
}
h1{
   font-size: 32pt;
   color:#015A9C;   
}
h2{
    font-size: 20pt;
	color: #39b7e6;
	font-weight: bold;
	text-decoration: none;
	border-bottom-style: none;
}
h3 {
    font-size: 18pt;
}
h4 {
    font-size: 20pt;
}

.backToTop {
	display: none;
    }
	
.footer-content a {
  color: #fff;
  text-decoration: none;
}

.footer-content a:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.TextButton, .TextButton:hover, .TextButton:visited {
	background-color: var(--button-blue);
}

@media(max-width:768px){
  img[alt='Better iMIS']{
    padding-top: 10px !important;}
}