/*
 * Color section padding 
 * Set color section padding to "no padding"
 * Add custom Classes to the developer tab in color sections
 * For Hero Headers: csem-hero-container-padding
 * For Solid/Smaller/Inner Page Headers: csem-inner-header
 * Body content color Section: csem-body-container-padding
 */

/* Hero Header */
.csem-hero-container-padding {
  padding-top: var(--pd-lg);
  padding-bottom: var(--pd-lg);
}

/* Inner Header */
.csem-inner-header {
  padding-top: clamp(10px, 15vw, 33px) !important;
  padding-bottom: clamp(10px, 15vw, 0px) !important;
}
.csem-inner-header h1 {
  font-size: clamp(30px, 3vw, 50px);
  text-transform: none !important;
  
  color: #ffffff;
  font-weight: 400;
}

/* Boddy Content */
.csem-body-container-padding {
  padding-top: var(--pd-lg) !important;
  padding-bottom: var(--pd-lg) !important;
}


.csem-pkg-heading{
background-color: #b4cdcd;
    border-radius: 30px 30px 30px 0px;
    padding: 20px;
    width: auto;
    min-height: 112px;
}

.csem-pkg-heading h3 {font-weight:bold !important;}

.csem-pkg-text{
 padding-left:20px;
}

.csem-pkg-text p strong {color: #765464;}

.csem-pkg{box-shadow:0px 0px 12px #0000003d}

.slide-content {
    display: flex;
    align-items: flex-start !important;
    justify-content: space-between;
    padding: 20px;
    flex-direction: column;
}