/* starts main section */

@media screen and (max-width: 930px) {
   .board-of-directors-container1 {
      padding-left: 0 !important;
      justify-content: center !important;
   }
   .board-of-directors-title{
      font-size: 32px !important;
   }
   .director-image-container {
      display: none !important;
   }
   .board-of-directors-container {
      display: flex !important;
    align-items: center !important;
    align-self: center !important;
    justify-content: center !important;
    flex-direction: column !important;
   }
   .director-card2 {
      width: 80% !important;
   }
   .director-card {
      flex-direction: column !important;
   }
   .director-role-section {
      width: unset !important;
      text-align: center !important;
      margin-top: 0.5rem !important;
      padding-top: 0 !important;
      align-self: unset !important;
   }
   .flex-column-container {
      background: none !important;
   }
   .image-container-styles {
      height: 450px !important;
   }
   .elegant-title-style {
      color: #205A98 !important;
   }
   .director-role-description-style{
      color: #10182B !important;
      font-family: Verdana !important;
      font-size: 16px !important;
      font-style: normal !important; 
      font-weight: 700 !important;
   }
   .para-p {
      color: var(--Primary-Color, #205A98) !important;
font-family: "Open Sans" !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 24px !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: 35%;
}

.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-around;
   /* min-width: 1145px; */
   margin-top: 45px;
   /* margin-left: 150px; */
   width: 100%;
}

.director-card2 {
   flex: 0 0 auto;
   width: 40%;
}

.director-card {
   display: flex;
   flex-direction: row;
}

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

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

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

.elegant-title-style {
   color: #252A34;
font-size: 22.398px;
font-style: normal;
font-weight: 700;
line-height: 22.575px; /* 100.79% */
text-transform: capitalize;
}

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

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

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

.para-p {
   color: #121212;
font-family: "Maven Pro";
font-size: 16.506px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

/* ends main section */