.container {
      display: flex;
      width: 100%;
      flex-direction: row;
      justify-content: space-between;
    }

    .item {
      padding: 20px;
      margin: 10px;
      flex: 2;
    }
    .item2 {
      padding: 20px;
      margin: 10px;
      flex: 3;
    }
        .item3 {
      padding: 20px;
      margin: 10px;
      flex: 5;
    }
            .item4 {
      padding: 20px;
      margin: 10px;
      flex: 1;
    }
    
    @media (max-width: 756px) {
  /* Your CSS styles go here */
       .container {
    flex-direction: column; /* Stack items vertically */
    align-items: flex-start; /* Align items to the left */
  }

  .item, .item2, .item3, .item4 {
    width: 100%; /* Ensure each item takes full width */
  }
  .item.fixmheight {
  	margin-top: -62px;
  }

}
        /* Responsive Video Container */
    .video-container {
      position: relative;
      padding-bottom: 33.75%;
      height: 0;
      overflow: hidden;
      max-width: 60%;
      background: #fff;
      margin-bottom:24px!important;
      margin:0 auto;
    }
    
    /* Responsive iframe inside container */
    .video-container2 iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
    
            /* Responsive Video Container */
    .video-container2 {
      position: relative;
      padding-bottom: 56%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      background: #fff;
      margin-bottom:24px!important;
      margin:0 auto;
    }
    
    /* Responsive iframe inside container */
    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
    
    @media (max-width: 756px) {
  /* Your CSS styles go here */
          /* Responsive Video Container */
    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 aspect ratio (56.25% = 9/16 * 100) */
      height: 0;
      overflow: hidden;
      max-width: 100%;
      background: #fff;
      margin-bottom:24px!important;
      margin:0 auto;
    }
    
    /* Responsive iframe inside container */
    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
    
        .video-container2 {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 aspect ratio (56.25% = 9/16 * 100) */
      height: 0;
      overflow: hidden;
      max-width: 100%;
      background: #fff;
      margin-bottom:24px!important;
      margin:0 auto;
    }
    
    /* Responsive iframe inside container */
    .video-container2 iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
    
    }
    
    
    #maincontent1 img {
    max-width: 100%;
    height: auto;
}

h2 {
	color:#00174f!important;
}


.hero2 {
    position: relative;
    text-align: left;
}

.hero-image2 {
    width: 100%;
    height: auto;
}

.hero-content2 {
    background-color: #00174f; /* Blue color */
    padding: 20px;
    color: white;
    text-align: left;
    margin-top: -5px;
}

.hero-content2 h1 {
    font-size: 2em;
    color:#9ed9ff!important;
    margin-bottom: 10px;
}

.hero-content2 p {
    font-size: 1.2em;
    margin-bottom: 30px!important;
}

.hero-button2 {
    background-color: #9ed9ff;
    color: #00174f!important;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.4s;
}

.hero-button2:hover {
    background-color: #ffffff;
    color: #00174f;
}

.hero-button3 {
    background-color: #9ed9ff;
    color: #00174f!important;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.4s;
}

.hero-button3:hover {
    background-color: #00174f;
    color: #9ed9ff!important;
}


.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
    display: block;
    padding: 20px 15px 20px 50px;
}

.ckeditor-accordion-container > dl {border: none;}
.ckeditor-accordion-container > dl dt {margin-bottom:4px;}
.ckeditor-accordion-container > dl dt > a {background-color: #f5f5f5!important;border-bottom: none !important;text-decoration:none !important; color:#00174f!important;font-weight:bold!important;}
.ckeditor-accordion-container > dl {}
.ckeditor-accordion-container > dl dd {padding: 8px 15px 0 16px !important;border-bottom: none !important; background:#f5f5f5!important;margin-bottom: 4px;
    margin-top: -4px;
    border-top: 1px solid #000;}



.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    background: #00174f;
}

hr {
            border: none; /* Remove default border */
            height: 2px; /* Set the height of the hr */
            background-color: #9ed9ff; /* Set the color */
            margin: 20px 0; /* Add some margin */
}