.awsm-grid.style-4 figcaption {
    width: 100%;
    padding: 0;
    margin: 0;
}

.awsm-personal-info {
    font-size: 0.8rem !important;
    background-color: rgba(53, 64, 74, 0.8);
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 20px 10px 20px;
    margin: 0;
    border-bottom: 0; 
}

.awsm-contact-info {
    background-color: rgba(53, 64, 74, 0.8); 
    color: #fff;
    padding: 0 20px 20px 20px; 
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-top: 0; 
}

.awsm-contact-info p {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: #ddd; 
}

.awsm-personal-info h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1rem;
}

.awsm-personal-info span {
    font-size: 0.75rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.awsm-grid.style-4 figcaption > div {
    margin: 0;
}

.awsm-grid.drawer-style.style-2 {
    background: none;
}

.gridder-show,
.awsm-grid-wrapper .gridder-list,
.awsm-grid.drawer-style figcaption,
.awsm-grid.drawer-style.style-2 figure:before,
.awsm-grid.drawer-style.style-2 figure:after {
    background: none !important;
}

.awsm-grid.drawer-style.style-2 .awsm-grid-card {

margin: 2
    box-sizing: border-box;
}

.awsm-grid.drawer-style.style-2 figcaption {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
}

.awsm-grid.drawer-style.style-2 figure img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.awsm-grid.drawer-style.style-2 .awsm-personal-info {
    background-color: rgba(53, 64, 74, 0.9) !important; 
    color: #fff;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    z-index: 2;
}

.awsm-grid.drawer-style.style-2 .awsm-personal-info h3 {
    margin: 5px 0 0 0;
    color: white;
    font-size: 1rem;
}

.awsm-grid.drawer-style.style-2 .awsm-personal-info span {
    font-size: 0.7rem;
    color: #ddd;
    letter-spacing: 0.5px;
}

.awsm-grid.drawer-style.style-2 figure {
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
}

.awsm-grid-wrapper .awsm-grid-expanded-content {
    overflow: hidden !important;
    background: transparent !important;
}

.awsm-grid-wrapper .awsm-grid-expanded-content-inner {
    overflow: hidden !important;
    padding: 20px;
    background-color: rgba(53, 64, 74, 0.9) !important;
}

.gridder-show .awsm-contact-info {
    background-color: transparent !important;
}

.gridder-show p,
.gridder-show h3,
.gridder-show h4 {
    color: #fff;
}

.gridder-show p {
    font-size: 0.75rem;
    line-height: 1.4;
    color: #ddd;
}

.awsm-personal-details.mCustomScrollbar {
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
}

#mCSB_38_container {
  position: static !important;
  top: 0 !important;
  left: 0 !important;
}

#mCSB_38_scrollbar_vertical, 
.mCSB_scrollTools,
.mCSB_draggerContainer,
.mCSB_dragger,
.mCSB_dragger_bar,
.mCSB_draggerRail {
  display: none !important;
}

.mCustomScrollBox {
  max-height: none !important;
  overflow: visible !important;
}

.awsm-content-scrollbar {
  position: static !important;
}

.awsm-grid.drawer-style.style-2 .awsm-grid-list {
  margin-bottom: 20px !important; 
  padding: 0 10px !important; 
}

.awsm-grid.drawer-style.style-2 {
  margin: 0 -10px !important; 
}

.awsm-grid-expander {
  margin-top: 20px !important; 
}

.awsm-content-scrollbar ul li {
  list-style-type: disc !important;
  display: list-item !important;
  margin-left: 20px !important; 
}