.mapsheet{
    height          : calc(100% - 80px)        !important;
    top             : 60px                      !important;

}


.mapblockdiv{
    padding-top         : 60px                  !important;
    position            : absolute              !important;
}


.searchfromdiv{
    position            : absolute              !important;
    height              : 200px                 !important;

}


/* New rule: let the map container expand to fill the flex parent */
/*.card_contentdiv */


.map-container {
  display               : flex;       /* optional: if you want its own children to fill too */
  position              : relative;  /* keep it positioned like before */
  width                 : 100%              !important;
  height                : 100%              !important;
}


/* 3) (Existing rule) The Google‐map inner <div> can remain width/height 100% */
/*.card_contentdiv*/
.map-container > div {
  width                 : 100%              !important;
  height                : 100%              !important;
}

.map-container > span {
  width                 : 100%              !important;
  height                : 100%              !important;
}