* {
  box-sizing: border-box;
}

:root {
  --green-color: #E0FAF8;
  --mint-color: #DAF0EF;
  --yellow-color: #FAF3E9;
  --grey-color: #F4F5F7;
  --purple-color: #FCF1FE;
  --white-color: #FFFFFF;
  --lightblue-color: #CED3DA;
  --darygrey-color: #202328;
  --blue-color: #146EF5;
  --greenish-color: #E5FBEE;
  --darkgreen-color: #08873F;
  --font-fallback: "DM Sans", sans-serif;
  --border-grey: #A1A8B0;
  --darkgreyish-color: #424952;
  --grey-search-text: #6F7780;
  --bluish-color: #EBF3FF;
  --bg-light-grey: #E7EBEE;
  --hover-primary: #6BA6FF;
  --black-color: #000;
  --darkyellow-color: #efff08;
  --yellowish-color: #f8fade;
  --darkred-color: #f52b07;
  --reddish-color: #fac7be;
   --primary-hover:#3F8BFD;
  --primary-blue-hover:#0254CF;
  --primary-blue-active:#0045AD;
  --greenish-color-new:#07A198;
  --greenish-cherry-color:#004F52;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
}

body {
  font-family: var(--font-fallback);
  padding: 0;
  margin: 0;
}

/* background-colors */
.bg-green {
  background-color: var(--green-color);
}

.bg-mint {
  background: var(--mint-color);
}

.bg-yellow {
  background: var(--yellow-color);
}

.bg-grey {
  background: var(--grey-color);
}

.bg-purple {
  background: var(--purple-color);
}

.d-flex {
  display: flex;
}

.slds-button {
  font-family: var(--font-fallback) !important;
}

/* accordion styles */
.accordion {
  border-radius: 8px;
  border: 1px solid var(--lightblue-color);
  background: var(--white-color);
  box-shadow: 0px 1px 3px 1px rgba(0, 33, 82, 0.15), 0px 1px 1px 0px rgba(0, 33, 82, 0.15);
}

/* card styles */
.card {
  border-radius: 12px;
}

/* heading styles */
h2 {
  color: var(--darygrey-color);
  font-size: 36px;
  font-weight: 700;
  line-height: 54px;
}

h3 {
  color: var(--darygrey-color);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

h4 {
  color: var(--darygrey-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

h5 {
  color: var(--blue-color);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: underline;
}

h6 {
  color: var(--darygrey-color);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

p {
  color: var(--darygrey-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

/* button styles */
.btn-primary {
  background: var(--blue-color);
  border-radius: 4px;
  font-size: 16px;
  color: var(--white-color);
  font-weight: 700;
  line-height: 24px;
}

.btn-transparent {
  background: var(--blue-color);
  border-radius: 4px;
  font-size: 16px;
  color: var(--white-color);
  ;
  font-weight: 700;
  line-height: 24px;
}

.btn-success {
  border-radius: 4px;
  background: var(--darkgreen-color);
  color: var(--greenish-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 2px 8px;
  border: 1px solid
}

.btn-caution {
  border-radius: 4px;
  background: var(--darkyellow-color);
  color: var(--yellowish-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 2px 8px;
  border: 1px solid
}

.btn-failure {
  border-radius: 4px;
  background: var(--darkred-color);
  color: var(--reddish-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 2px 8px;
  border: 1px solid
}

.btn-link {
  color: var(--blue-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.btn-link a {
  color: var(--blue-color);
}

.btn-border {
  border-radius: 4px;
  border: 1px solid var(--border-grey);
  color: var(--darkgrey-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  background-color: var(--white-color);
  padding: 12px;
}

.container-inner {
  margin: 0 auto;
  max-width: 1140px;
}

@media only screen and (max-width: 1024px) {
  .lwc-6j9an5vbrcd-host.comm-section-container {
    padding: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }

  h6 {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
  }
}

@media screen and (min-width:1025px) {
  .dxpStyle_f2c46f8f-d47c-4ad4-9458-e8311c323969 {
    padding-bottom: 0 !important;
  }
}

.modal-open {
    height: 100vh; 
    overflow: hidden !important;
}