/* starts main section */

@media screen and (max-width: 930px) {
   .board-of-directors-section {
      box-sizing: border-box !important;
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      padding-bottom: 69px !important;
      align-items: center !important;
      justify-content: center !important;
  }
  .board-of-directors-container1 {
   display: flex !important;
   flex: 0 0 auto !important;
   flex-direction: row !important;
   align-items: flex-start !important;
   justify-content: space-between !important;
   padding-left: 0% !important;
}
.board-of-directors-title {
font-size: 34px !important;
}
.director-image-container { 
display: none !important;
}
.board-of-directors-container {
   box-sizing: border-box !important;
   display: flex !important;
   flex-direction: column !important;
   gap: 8px !important;
   align-items: flex-start !important;
   align-self: center !important;
   justify-content: space-between !important;
   min-width: 0 !important;
   margin-top: 45px !important;
   margin-left: 0 !important;
   width: 100% !important;
}
.director-card2 {
   width: 100% !important;
}
.director-card1{
   width: 100% !important;
}
.director-card{
   display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}
.flex-column-container {
   box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 70% !important;
    padding: 12.5px !important;
    background: none !important;
    border-radius: 11px !important; 
    height: unset !important;
    margin-bottom: 1rem !important;
}
.director-role-section {
   flex: 0 0 auto;
   align-self: unset !important;
   padding-top: 0 !important;
   margin-left: 0 !important;
   text-align: center !important;
}
.elegant-title-style {
   color: #205A98 !important;
}
.image-container-styles {
   height: 400px !important; 
}
}

.board-of-directors-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 100%;
   padding-bottom: 69px;
}

.board-of-directors-container1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 8px;
   align-items: flex-start;
   justify-content: space-between;
   padding-left: 38%;
}

.board-of-directors-title {
   flex: 0 0 auto;
   padding: 0;
   padding-top: 45px;
   margin: 0;
   font: 700 48px "Playfair Display", serif;
   color: #205A98;
}

.director-image-container {
   box-sizing: border-box;
   display: block;
   width: 272px;
   height: 181px;
}

.board-of-directors-container {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   gap: 8px;
   align-items: flex-start;
   align-self: center;
   justify-content: space-between;
   min-width: 1145px;
   margin-top: 45px;
   margin-left: 39px;
}

.director-card2 {
   flex: 0 0 auto;
}

.director-card {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
}

.director-card1 {
   margin-top: 45.73px;
}

.director-card:first-child {
   margin-top: 0px;
}

.image-container {
   box-sizing: border-box;
   display: block;
   width: 304px;
   height: 310px;
}

.director-role-section {
   flex: 0 0 auto;
   align-self: flex-start;
   padding-top: 168px;
   margin-left: 14px;
}

.elegant-title-style {
   padding: 0;
   margin: 0;
   font: 700 26px/26px "Playfair Display", serif;
   color: #252a34;
   text-transform: capitalize;
   white-space: pre-wrap;
}

.director-role-description-style {
   padding: 0;
   margin: 0;
   margin-top: 12px;
   font: 400 18px "Maven Pro", sans-serif;
   color: #121212;
   white-space: pre-wrap;
}

.flex-column-container {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 304px;
   padding: 12.5px;
   background: #205A98;
   border-radius: 11px;
}

.image-container-styles {
   box-sizing: border-box;
   display: block;
   height: 285px;
   border-radius: 11px;
   object-fit: cover;
}

.mailing-list-container1 {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 84px;
}

.newsletter-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   min-width: 926px;
}

.newsletter-subscription-container {
   display: flex;
   flex-direction: column;
   padding-right: 47px;
   padding-left: 47px;
}

.mailing-list-container {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.newsletter-signup-section {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   width: 616px;
}

.newsletter-heading {
   font: 700 36px "Playfair Display", serif;
   color: #0156d3;
   text-align: center;
}

.newsletter-text {
   margin-top: 18px;
   font: 400 18px Hind, sans-serif;
   color: #585858;
   text-align: center;
}

.mailing-list-button-container {
   display: flex;
   flex-direction: row;
   margin-top: 53px;
}

.subscribe-button-container {
   flex: 1 0 auto;
}

.mailing-list-section {
   display: flex;
   flex-direction: row;
   gap: 100px;
   align-items: center;
   justify-content: space-between;
   margin-top: 76px;
}

.image-container-with-border {
   box-sizing: border-box;
   display: block;
   width: 151px;
   height: 96px;
   object-fit: cover;
}

/* ends main section */