.elementor-188 .elementor-element.elementor-element-3b78461{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-188 .elementor-element.elementor-element-0e1421f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-dcbb225{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-188 .elementor-element.elementor-element-829b076{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-188 .elementor-element.elementor-element-bbe88bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */.abouttxt{
    font-weight: normal;
}
/* Target the section with id #whoweare */
#whoweare .btn-one {
 display: none !important;
}

/* Target the row with class .g-4 */
#whoweare .row.g-4 {
  display: flex;
  flex-wrap: wrap;  /* Allow items to wrap */
  gap: 0px;  /* Add some space between the columns */
}

/* Make the first .bounceInUp div 100% width */
#whoweare .bounceInUp:first-child {
  width: 100%;
  margin-bottom: 30px;
}

/* On large screens, make the second and third .bounceInUp divs 50% width and beside each other */
@media (min-width: 992px) {
  #whoweare .bounceInUp:nth-child(2),
  #whoweare .bounceInUp:nth-child(3) {
    width: 50%;
    box-sizing: border-box; /* Ensure padding/borders are included in width calculation */
  }
  
  /* Force flexbox layout to be row on large screens */
  #whoweare .row.g-4 {
    display: flex;
    justify-content: space-between;  /* Ensure items are spread out */
  }
}

/* Make the second and third .bounceInUp divs stack on smaller screens (tablet/mobile) */
@media (max-width: 991px) {
  #whoweare .bounceInUp:nth-child(2),
  #whoweare .bounceInUp:nth-child(3) {
    width: 100%;
  }
}

/* Optional: You can add specific styles for smaller devices (like phones) */
@media (max-width: 576px) {
  #whoweare .bounceInUp {
    width: 100%;
  }
}/* End custom CSS */