.video-js {
        width: 300px;
        height: 150px;
      }

      .vjs-fluid {
        padding-top: 56.25%
      }
    .bb-default-blue.border-background.left,
.violet.border-background.left,
.default.border-background.left,
.clouds.border-background.left,
.vinyl.border-background.left {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-blue/bb-default-blue-pattern-left.png") right / cover repeat-y, linear-gradient(180deg, #81B0FF 0%, rgba(254, 172, 172, 0) 150%)
}

.bb-default-blue.border-background.right,
.violet.border-background.right,
.default.border-background.right,
.clouds.border-background.right,
.vinyl.border-background.right {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-blue/bb-default-blue-pattern-right.png") center / cover  repeat-y, linear-gradient(180deg, #81B0FF 0%, rgba(254, 172, 172, 0) 150%);
}

.bb-default-pink.border-background.left {
  background:  url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-pink/bb-default-pink-pattern-left.png") right / cover repeat-y, linear-gradient(180deg, #FFA1E5 10.07%, #FFE0F6 27.58%, #FFA1E5 44.66%, #FFDFF6 62.61%, #FFA1E5 84.07%);
}
.bb-default-pink.border-background.right {
  background:  url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-pink/bb-default-pink-pattern-right.png") right / cover repeat-y, linear-gradient(180deg, #FFA1E5 10.07%, #FFE0F6 27.58%, #FFA1E5 44.66%, #FFDFF6 62.61%, #FFA1E5 84.07%);
}

.bb-default-purple.border-background.left {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-purple/bb-default-purple-pattern-left.png") right / cover repeat-y,linear-gradient(180deg, #CE96E9 10.07%, #EDE2FC 27.58%, #CE96E9 44.66%, #EDE2FC 62.61%, #CE96E9 84.07%);;
}
.bb-default-purple.border-background.right {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-purple/bb-default-purple-pattern-right.png") right / cover repeat-y, linear-gradient(180deg, #CE96E9 10.07%, #EDE2FC 27.58%, #CE96E9 44.66%, #EDE2FC 62.61%, #CE96E9 84.07%);
}

/* soft-roses */

.soft-roses-blue.border-background {
  background: linear-gradient(180deg, #8A98C4 0%, rgba(138, 152, 196, 0) 53.39%), url("https://assets.bluebutterfly.com/memorial-page/themes/soft-roses-blue/soft-roses-blue-pattern.png") center / cover  repeat-y;
}

.soft-roses-pink.border-background {
  background: linear-gradient(180deg, #E4A8C3 0%, rgba(228, 168, 195, 0) 53.39%), url("https://assets.bluebutterfly.com/memorial-page/themes/soft-roses-pink/soft-roses-pink-pattern.png") center / cover repeat-y;
}

.soft-roses-purple.border-background {
  background: linear-gradient(180deg, #B08FB9 0%, rgba(176, 143, 185, 0) 53.39%), url("https://assets.bluebutterfly.com/memorial-page/themes/soft-roses-purple/soft-roses-purple-pattern.png") center / cover repeat-y;
}

.roses-pink.border-background {
  background: linear-gradient(180deg, #FEACAC 0%, rgba(254, 172, 172, 0) 150%), url("https://assets.bluebutterfly.com/memorial-page/themes/roses-pink/roses-pink-pattern.png") center / cover repeat-y;
}

.roses-blue.border-background {
  background: linear-gradient(180deg, #A8C2D7 0%, rgba(168, 194, 215, 0) 150%), url("https://assets.bluebutterfly.com/memorial-page/themes/roses-blue/roses-blue-pattern.png") center / cover repeat-y;
}

.roses-purple.border-background {
  background: linear-gradient(180deg, #CABEEB 0%, rgba(202, 190, 235, 0) 150%), url("https://assets.bluebutterfly.com/memorial-page/themes/roses-purple/roses-purple-pattern.png") center / cover repeat-y;
}

/* watercolor-roses */
.watercolor-roses-blue.border-background {
  background: linear-gradient(180deg, #C3D0D7 0%, rgba(195, 208, 215, 0) 53.39%), url("https://assets.bluebutterfly.com/memorial-page/themes/watercolor-roses-blue/watercolor-roses-blue-pattern.png") center / cover repeat-y;
}

.watercolor-roses-purple.border-background {
  background: linear-gradient(180deg, #D1A8D7 0%, rgba(209, 168, 215, 0) 53.39%), url("https://assets.bluebutterfly.com/memorial-page/themes/watercolor-roses-purple/watercolor-roses-purple-pattern.png") center / cover repeat-y;
}

.watercolor-roses-pink.border-background {
  background: linear-gradient(180deg, #F3A9DA 0%, rgba(243, 169, 218, 0) 53.39%), url("https://assets.bluebutterfly.com/memorial-page/themes/watercolor-roses-pink/watercolor-roses-pink-pattern.png") center / cover repeat-y;
}

/* march */

.march-blue.border-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/march-blue/march-blue-pattern.png") center top / contain no-repeat, linear-gradient(180deg, #4B7AB0 10.07%, #9FB9C9 27.58%, #4B7AB0 43.35%, #9FB9C9 59.99%, #4B7AB0 84.07%);
}

.march-purple.border-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/march-purple/march-purple-pattern.png") center top / contain no-repeat, linear-gradient(180deg, #9A7098 10.07%, #F4E1E4 27.58%, #9A7098 43.35%, #F4E1E4 59.99%, #9A7098 84.07%);
}

.march-tan.border-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/march-tan/march-tan-pattern.png") center top / contain no-repeat, linear-gradient(180deg, #E1B36E 10.07%, #F4E3CA 27.58%, #E1B36E 43.35%, #F4E3CA 59.99%, #E1B36E 84.07%);
}

.sunburst-green.border-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunburst-green/sunburst-green-pattern.png") center / cover repeat-y, linear-gradient(180deg, #3C520E 0%, rgba(60, 82, 14, 0) 110%);
}

.sunburst-blue.border-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunburst-blue/sunburst-blue-pattern.png") center / cover repeat-y, linear-gradient(180deg, #4557A2 0%, rgba(68, 87, 151, 0) 110%);
}

.sunburst-orange.border-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunburst-orange/sunburst-orange-pattern.png") center / cover repeat-y, linear-gradient(180deg, #C85600 0%, rgba(200, 86, 0, 0) 100%);
}

/* sunflowers */

.sunflowers-blue.border-background.left {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-blue/sunflowers-blue-pattern-left.png") top right / cover repeat-y, linear-gradient(180deg, #92B9E4 0%, rgba(146, 185, 228, 0) 100%);
}

.sunflowers-blue.border-background.right {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-blue/sunflowers-blue-pattern-right.png") top left / cover repeat-y, linear-gradient(180deg, #92B9E4 0%, rgba(146, 185, 228, 0) 100%);
}

.sunflowers-pink.border-background.left {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-pink/sunflowers-pink-pattern-left.png") top right / cover repeat-y, linear-gradient(180deg, #FFB4E2 0%, rgba(255, 180, 226, 0) 100%);
}

.sunflowers-pink.border-background.right {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-pink/sunflowers-pink-pattern-left.png") top left / cover repeat-y, linear-gradient(180deg, #FFB4E2 0%, rgba(255, 180, 226, 0) 100%);
}

.sunflowers-purple.border-background.left {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-purple/sunflowers-purple-pattern-left.png") top right / cover repeat-y, linear-gradient(180deg, #D68BE2 0%, rgba(214, 139, 226, 0) 100%);
}

.sunflowers-purple.border-background.right {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-purple/sunflowers-purple-pattern-left.png") top left / cover repeat-y, linear-gradient(180deg, #D68BE2 0%, rgba(214, 139, 226, 0) 100%);
}


/* bb-default */

.violet.cover-background,
.default.cover-background,
.clouds.cover-background,
.black.cover-background,
.vinyl.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-blue/bb-default-blue-background.jpg") center no-repeat !important;
  background-size: cover !important;
}

.bb-default-blue.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-blue/bb-default-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.bb-default-purple.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-purple/bb-default-purple-background.jpg") center no-repeat;
  background-size: cover;
}

.bb-default-.pink-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-pink/bb-default-pink-background.jpg") center no-repeat;
  background-size: cover;
}

.roses-pink.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/roses-pink/roses-pink-background.jpg") center no-repeat;
  background-size: cover;
}

.roses-blue.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/roses-blue/roses-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.roses-purple.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/roses-purple/roses-purple-background.jpg") center no-repeat;
  background-size: cover;
}

.bb-default-blue {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-blue/bb-default-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.bb-default-pink {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-pink/bb-default-pink-background.jpg") center no-repeat;
  background-size: cover;
}

.bb-default-purple {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-default-purple/bb-default-purple-background.jpg") center no-repeat;
  background-size: cover;
}


.soft-roses-pink.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/soft-roses-pink/soft-roses-pink-background.jpg") center no-repeat;
  background-size: cover;
}

.soft-roses-blue.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/soft-roses-blue/soft-roses-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.soft-roses-purple.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/soft-roses-purple/soft-roses-purple-background.jpg") center no-repeat;
  background-size: cover;
}

/* watercolor-roses */

.watercolor-roses-blue.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/watercolor-roses-blue/watercolor-roses-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.watercolor-roses-pink.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/watercolor-roses-pink/watercolor-roses-pink-background.jpg") center no-repeat;
  background-size: cover;
}

.watercolor-roses-purple.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/watercolor-roses-purple/watercolor-roses-purple-background.jpg") center no-repeat;
  background-size: cover;
}

/* march */

.march-blue.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/march-blue/march-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.march-purple.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/march-purple/march-purple-background.jpg") center no-repeat;
  background-size: cover;
}

.march-tan.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/march-tan/march-tan-background.jpg") center no-repeat;
  background-size: cover;
}

/* sunburst */

.sunburst-blue.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunburst-blue/sunburst-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.sunburst-green.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunburst-green/sunburst-green-background.jpg") center no-repeat;
  background-size: cover;
}

.sunburst-orange.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunburst-orange/sunburst-orange-background.jpg") center no-repeat;
  background-size: cover;
}

.sunflowers-blue.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-blue/sunflowers-blue-background.jpg") center no-repeat;
  background-size: cover;
}

.sunflowers-pink.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-pink/sunflowers-pink-background.jpg") center no-repeat;
  background-size: cover;
}

.sunflowers-purple.cover-background {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/sunflowers-purple/sunflowers-purple-background.jpg") center no-repeat;
  background-size: cover;
}

.love-one-buttons{
  list-style-type: none;
  display: flex;
}

.services-btn {
  color:white;
}

.help_top_panel{
  margin-left: 3em;
}

.memorial-list-2 {
  list-style-type: none;
  position: relative;
  height: 584px;
  flex-wrap: wrap;
  display: flex;
  margin: 0 -8px 46px;
  padding: 3px 0 0;
  overflow: hidden;
  padding: 5em;
}

.memories-list-item {
  display: flex;
  float: left;
  margin: 0 0 18px;
  padding: 0 8px;
  width: 32%;
  list-style-type: none;
}

.memories-v2{
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background-image: linear-gradient(319deg, #f1f1f1, #ffffff);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  min-height: 357px;
}

.memories_photo{
  position: relative;
  top: 3em;
  right: 0;
  width: 100%;
  height: 333px;
  border-radius: 10px 10px 0 0;
  background-repeat: no-repeat;
}

.memories_description{
  text-align: center;
  margin-top: 2.5em;
  padding-top: 1em;
  width: 80%;
  background: none;
  border-radius: 0;
}

.memories_user_panel_description{
  display: inline-block;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
}

.signature-services-list {
  list-style-type: none;
  display: flex;
}

.card-size{
  max-height: 165px;
}

.services-button{
  margin: 2em auto;
}

.help_link {
  color: #2B72BF;
  text-decoration: underline;
}



.plane-cover-background{
  background-image: url("https://bluebutterfly-assets.s3.amazonaws.com/memorial-page/themes/bb-plain/bb-plain-background.jpg");
  background-size: cover !important;
}

.bb-plain.border-background.left {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-plain/bb-plain-pattern-left.png");
  /* background-color: #d4e4f2; */
}

.bb-plain.border-background.right {
  background: url("https://assets.bluebutterfly.com/memorial-page/themes/bb-plain/bb-plain-pattern-right.png");
  /* background-color: #d4e4f2; */
}


.toggleBtnGroup {
  background-color: transparent;
  display: flex;
  align-items: start;
  justify-content: center;
  margin-left: 10px;
}


.toggleBtn {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 5px 16px !important;
  cursor: pointer;
}

.toggleBtn.toggleBtn-active > div {
  height: 3px;
  width: 40%;
  border-radius: 17px;
  min-width: 29px;
  margin-top: 6px;
}

.toggleBtn.toggleBtn-active > span {
  font-weight: bold;
}@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600&display=swap);/* new design font */
@font-face {
  font-family: "Recoleta";
  font-weight: 600;
  src: url("https://bluebutterfly-assets.s3.amazonaws.com/homepage-assets/fonts/Recoleta-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Recoleta";
  font-weight: 500;
  src: url("https://bluebutterfly-assets.s3.amazonaws.com/homepage-assets/fonts/Recoleta-Medium.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Recoleta";
  font-weight: 400;
  src: url("https://bluebutterfly-assets.s3.amazonaws.com/homepage-assets/fonts/Recoleta-Regular.ttf") format("truetype");
  font-display: swap;
}

/* RECOLETA CLASSESS */

.font-regular {
  font-size: 23px;
}

.recoleta-xl {
  font-size: 74.5354px;
}

.recoleta-l {
  font-size: 36px;
}

.recoleta-medium {
  font-weight: 500 !important
}
.bb-recoleta-body {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
  color: rgba(0, 0, 0, 0.87);
}

.bb-recoleta-normal {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}

.bb-recoleta-h2 {
  font-family: 'Recoleta';
  font-style: normal;
  font-size: 27px;
  font-weight: 400;
  line-height: 114%;
}

.bb-recoleta-semiBold {
  font-family: 'Recoleta' !important;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 114%;
  color: #25292E;
}

.bb-recoleta-semiBold2 {
  font-family: 'Recoleta' !important;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #25292E;
}
.bb-recoleta-variantTxt{
    font-family: 'Recoleta' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #7b848f;
}

.bb-recoleta-funeralPlanner {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
}

.bb-recoleta-onBoarding {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  color: #1a1a1a;
}

.bb-recoleta-onBoarding-25292E {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
}

.bb-recoleta-funeralPlannerSmall {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #596069;
}

.bb-nato-overview-description{
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #596069;
}

.bb-font-recoleta-bold {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
}
/* old design fonts */
@font-face {
  font-family: "Nato Sans";
  font-weight: 900;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 800;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: italic;
  font-weight: 700;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 750;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 600;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 500;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 100;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 500;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Martel";
  font-weight: 800;
  src: url("https://assets.bluebutterfly.com/fonts/Martel/Martel-ExtraBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "GothaProLig", sans-serif;
  src: url("https://assets.bluebutterfly.com/homepage-assets/fonts/GothaProLig.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "GothaProMed", sans-serif;
  src: url("https://assets.bluebutterfly.com/homepage-assets/fonts/GothaProMed.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "GothaProBol", sans-serif;
  src: url("https://assets.bluebutterfly.com/homepage-assets/fonts/GothaProBol.ttf") format("truetype");
  font-display: swap;
}

.bb-font-bold {
  font-family: "Noto Sans" !important;
  font-weight: bolder !important;
}

.bb-font-med {
  font-family: "Noto Sans" !important;
}

.bb-font-lig {
  font-family: "Noto Sans" !important;
}

.bb-font-conv-lig {
  font-family: "Noto Sans" !important;
}

.bb-vh-2 {
  font-size: 2vh;
}

.lh-1 {
  line-height: 1vh;
}

.lh-2 {
  line-height: 2vw;
}

.lh-vf-onboarding {
  line-height: 18px;
}

.bb-font-lato-bold {
  font-family: "Nato Sans", sans-serif !important;
  font-weight: 700 !important;
}

.bb-nato-body {
  font-family: "Nato Sans";
  font-weight: 400;
}

.bb-font-Noto-height {
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: 165%;
}

.bb-font-lato-height {
  font-family: "Nato Sans";
  font-weight: 400;
  line-height: 165%;
}

.bb-font-lato-light {
  font-family: "Nato Sans", sans-serif;
  font-weight: 100;
}

.bb-font-lato-bold-italic {
  font-family: "Nato Sans";
  font-style: italic;
  font-weight: 700;
}

.bb-font-lato-italic {
  font-family: "Nato Sans", sans-serif;
  font-style: italic;
  font-weight: 100;
}

/* LATO CLASSES */

.bb-lato-h1 {
  font-family: 'Lobster', cursive;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h2 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1.5em;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h2-bold {
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1.5em;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h2-extra-bold {
  font-family: "Nato Sans";
  font-weight: 750;
  font-size: 1.5em;
  line-height: 140%;
  color: #272773;

}

.bb-lato-h3 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1.3em;
  line-height: 140%;
  color: #272773;
}

.bb-lato-h4 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 2.18em;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h5 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1.18em;
  line-height: 24px;
  color: #272773;
}

.bb-lato-h7 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1em;
  color: #272773;
}

.bb-lato-subtitle {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.3em;
  line-height: 125%;
}

.bb-lato-body {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
  color: rgba(0, 0, 0, 0.87);
}

.bb-lato-body-1-bold {
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1em;
  line-height: 125%;
}

.bb-lato-body-2 {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.1em;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.87);
}

.bb-lato-body-2-bold {
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 150%;

}

.bb-lato-pretitle {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.3em;
  line-height: 24px;
  letter-spacing: 0.2em;
  color: #F14F36;
}

.bb-lato-medium {
  font-family: "Nato Sans";
  font-weight: 600;
}

.bb-lato-light {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}

.bb-lato-semibold {
  font-family: "Nato Sans";
  font-weight: 500;
}

.bb-lato-primary-button-text {
  font-family: "Noto Sans";
  font-weight: 800;
  font-size: 1.25em;
  letter-spacing: 0.1rem;
}

.bb-lato-extra-bold {
  font-family: "Nato Sans";
  font-weight: 800;
  font-style: normal;
}

.bb-lato-secondary-button-text {
  color: #22355d;
  font-family: "Noto Sans";
  font-weight: 400;
  font-size: 1.25em;
  letter-spacing: 0.11em;
  line-height: 36px;
}

.bb-lato-nav-1 {
  color: #272773;
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0.03em;
}

.bb-lato-nav-1-1 {
  color: #2b2b2b;
  font-family: "Nato Sans";
  /* font-weight: ; */
  font-size: 1em;
  letter-spacing: 0.03em;
}

.bb-lato-nav-2 {
  color: #272773;
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0.2em;
}

.bb-lato-small-text {
  font-family: "Nato Sans";
  font-weight: 400;
  color: #646464;
  line-height: 125%;
  font-size: 1em;
}

.bb-lato-extra-small-text {
  font-family: "Nato Sans";
  font-weight: 400;
  line-height: 125%;
  font-size: 0.80em;
}

.bb-lato-link-text {
  font-family: "Nato Sans";
  font-weight: 400;
  line-height: 125%;
  font-size: 1em;
  text-decoration: underline;
  color: #2B72BF;
  cursor: pointer;
}

.bb-lato-regular {
  font-family: "Nato Sans";
  font-size: 1em;
  line-height: 125%;
}

.bb-lato-link {
  color: #db7555;
  font-family: "Nato Sans";
  font-size: 1.3em;
  line-height: 125%;
}

.bb-lato-medium-text {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.25em;
  line-height: 125%;
}

/* MUKTA CLASSES */

.bb-mukta-regular {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 400;
}

.bb-mukta-secondary-button-text {
  font-family: "Nato Sans";
  font-size: 1.25em;
  line-height: 36px;
}

.bb-mukta-medium-footer {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 1.15em;
  line-height: 24px;
  letter-spacing: 0.2em;
  color: #272773;
}

.bb-mukta-regular-footer {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1em;
  line-height: 150%;
  color: #272773;
}

/* MARTEL CLASSES */

.bb-martel-extra-bold {
  font-family: "Martel";
  font-style: normal;
  font-weight: 800;
  font-size: 1.1em;
  line-height: 36px;
  color: #272773;
}

.bb-homepage-blue {
  color: #22355d;
}

.bb-blue {
  color: #27276F !important;
}

.bb-primary-button-text {
  font-family: "Nato Sans";
  font-weight: 900;
  font-size: 1em;
  letter-spacing: 0.05em;

}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
  .bb-lato-h1 {
    font-size: 1.4em;
  }

  .bb-lato-primary-button-text {
    font-size: 0.9em;
  }

  .bb-lato-subtitle {
    font-size: 1em;
  }

  .bb-lato-h2 {
    font-size: 1.8em;
  }

  .bb-lato-h3 {
    font-size: 1.4em;
  }

  .bb-lato-pretitle {
    font-size: 0.8em;
  }
}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
  .bb-recoleta-onBoarding {
    font-size: 32px;
  }
}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
  .testimonial-image {
    width: 10% !important;
  }
}

@media (min-width: 991.98px) {
  .homepage-main-container {
    margin-left: 10%;
    width: 80%;
  }
}

*::placeholder{
   font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #596069;
}

/* NOTO CLASSESS */
.bb-natp-h2 {
  font-family: "Noto Sans";
  font-weight: 500;
  font-size: 1.5em;
  line-height: 125%;
  color: #272773;
}
.bb-nato-link-text {
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: 125%;
  word-break: break-all;
  font-size: 1em;
  text-decoration: underline;
  color: #2B72BF;
  cursor: pointer;
}

.bb-font-nato-regular {
  font-family: "Noto Sans";
  font-weight: 400;
}
.bb-nato-body-1-bold {
  font-family: "Noto Sans" !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  line-height: 125% !important;
}
.bb-font-nato-bold {
  font-family: "Noto Sans" !important;
  font-weight: 700 !important;
}
.bb-font-nato-bold-italic {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
}
.bb-font-nato-height {
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: 165%;
}
.bb-nato-h5 {
  font-family: "Noto Sans";
  font-weight: 500;
  font-size: 1.18em;
  line-height: 33px;
  color: #272773;
}
.bb-nato-nav-1-1 {
  color: #2b2b2b;
  font-family: "Noto Sans";
  /* font-weight: ; */
  font-size: 1em;
  letter-spacing: 0.03em;
}
.bb-nato-body {
  font-family: "Noto Sans" !important;
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
  color: rgba(0, 0, 0, 0.87) 
}
.bb-nato-body-no-color {
  font-family: "Noto Sans" !important;
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
}
.bb-noto-sans-normal {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #596069;
}

.bb-nato-sans-small{
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 180%;
  color: #596069;
}

.bb-noto-sans-normal::placeholder {
  font-family: 'Noto Sans';
}

.bb-nato-sans-medium {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
  color: #596069;
}

.bb-noto-sans-semiBold {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #27276F;
}

.bb-noto-sans-fpCardHeading {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #27276F;
  display: block;
}

.bb-noto-sans-fpCardDesc {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #596069;
  display: block;
  padding: 10px 0px;
}

.bb-noto-sans-normal2 {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #596069;
}
.bb-noto-sans-normal3 {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #596069;
}

.bb-recoleta-header1 {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
}

.bb-recoleta-header2 {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
  cursor: pointer;
}

.bb-nato-sans-sliderCardHead {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #27276F;
}

.bb-nato-sans-sliderCardDesc {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #25292E;
}

.bb-nato-sans-card-heading {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 !important;
  font-size: 25px;
  line-height: 150%;
  color: #202020;
}
.bb-nato-sans-card-heading2{
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}

.bb-font24Medium {
  font-family: 'Noto Sans';
font-style: normal;
font-weight: 500;
font-size: 24px !important;
line-height: 150%;
color: #27276F;
}

*::placeholder{
  font-family: "Noto Sans";
}
*::-webkit-input-placeholder{
  font-family: "Noto Sans";
}
*:-ms-input-placeholder{
  font-family: "Noto Sans";
}
*:-moz-placeholder{
  font-family: "Noto Sans";
}
*::-moz-placeholder{
  font-family: "Noto Sans";
}
/* BB-GENERALS */

.bb-blue {
  color: #27276F !important;
}

.bb-orange {
  color: orange;
}

.bb-dark-blue {
  color: #0D0D51 !important;
}

.bb-dark-blue-alternative {
  color: #22355D !important;
}

.bb-site-title-font {
  font-family: "Noto Sans";
  color: #0d0f10;
  font-size: 34px;
  line-height: 43px;
  font: 34px;
}

.bb-site-content-font {
  font-family: "Noto Sans";
  font-size: 1.2em;
  line-height: 22px;
  color: #5b6a7c;
}

.bb-big-title {
  color: #2a2877;
  font-size: 63px;
  letter-spacing: -2.4px;
  line-height: 90%;
  text-align: center;
}

.bb-modal-title {
  font-size: 32px;
}

.blue-background {
  background-color: #27276F;
}

/* HELPERS */
.white-background {
  background-color: white;
}

.margin-sides-10 {
  margin-left: 10%;
  margin-right: 10%;
}

.justify-text {
  text-align: justify;
}

.margin-bot-5 {
  margin-bottom: 5%;
}

.margin-bot-4{
  margin-bottom: 4%;
}

.margin-bot-0 {
  margin-bottom: 0% !important;
}

.margin-bot-2 {
  margin-bottom: 2%;
}

.margin-bot-12 {
  margin-bottom: 12%;
}

.margin-top-3 {
  margin-top: 3%;
}

.margin-top-5 {
  margin-top: 5%;
}

.margin-left-2 {
  margin-left: 2%;
}

.margin-right-2 {
  margin-right: 2%;
}

.margin-top-15 {
  margin-top: 15% !important;
}

.margin-sides-15 {
  margin: 0 15%;
}

.margin-sides-5 {
  margin: 0 5%;
}

.margin-3 {
  margin: 3%;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-justify-space-between {
  display: flex;
  justify-content: space-between;
}

.width-height-100 {
  width: 100%;
  height: 100%;
}

.padding-11-rem  {
  padding-top: 11rem;
}

.width-20 {
  width: 20%;
}

.width-80 {
  width: 80%;
}

.w-md-50 {
  width: 50%; 
}

.margin-sides-9 {
  margin: 0 9%;
}

.margin-sides-2 {
  margin: 0 2%;
}

.center-content {
  text-align: center;
}

.right-content {
  text-align: right;
}

.left-content {
  text-align: left;
}

.width-60 {
  width: 60%;
}

.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

.height-783 {
  /* height: 530px; */
  height: 35.9vw;
  /* height: 728px; */
}

.padding-3 {
  padding: 3% !important;
}

.padding-7-em {
  padding: 6em 6em 2em 6em;
}

.padding-sides-8-vw {
  padding: 0 8vw;
}

.flex-vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.only-border {
  border-radius: 20px;
}

.border-radius-thin {
  border-radius: 8px !important;
}

.padding-top-7 {
  padding-top: 7%;
}

.padding-top-5 {
  padding-top: 5%;
}

.padding-top-3 {
  padding-top: 3%;
}

.padding-bot-5 {
  padding-bottom: 5%;
}

.padding-bot-13 {
  padding-bottom: 13%;
}

.padding-bot-3 {
  padding-bottom: 3%;
}

.padding-bot-2-em {
  padding-bottom: 2em;
}

.padding-bot-5-em {
  padding-bottom: 5em;
}

.padding-bot-7-em {
  padding-bottom: 7em;
}

.padding-5 {
  padding: 5%;
}

.padding-2 {
  padding: 2%;
}

.subtitle-section  {
  max-width: 60%;
}

.widthReponsive{
  max-width: 60% !important;
}

.about-us  {
  max-width: 90%;
}

.cursor-pointer {
  cursor: pointer;
}

.color-grey {
  color: grey;
}

.padding-bot-2-5 {
  padding-bottom: 2.5rem;
}

.padding-bot-1-2 {
  padding-bottom: 1.2rem;
}

.line-height-100 {
  line-height: 100%;
}

.ml-lg-5 {
  margin-right: 5em !important;
}

.font-weight-700 {
  font-weight: 700;
}

.font-size-1-5-em {
  font-size: 1.5em;
}

.hide {
  display: none;
}

.display-flex {
  display: flex;
}

.bb-button-small-dimensions {
  width: 110%;
  height: 122%;
}

.memorial-page-lp-prev-arrow {
  position: absolute;
  top: 100%;
  left: 36%;
  height: 1.1vw;
}

.memorial-page-lp-next-arrow {
  position: absolute;
  top: 100%;
  right: 36%;
  height: 1.1vw;
}

.overflow_m {
  overflow-y: scroll;
  height: 100vh !important;
}

.bb-adjust-vendor-button {
  height: fit-content;
  margin-top: 1em;
}

@media (min-width: 1100px) {
  .w-sm-100-mq {
    width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .w-sm-100-mq {
    width: 60% !important;
  }
}
@media (min-width: 1400px) {
  .w-sm-100-mq {
    width: 50% !important;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) {
 
}
@media (max-width: 767.98px) {
  .height-images-mq {
    height: 243px !important;
  }

  .position-relative-mq {
    position: relative !important;
  }

  .dissable-padding {
    padding: 0% !important;
  }

  .hide-mq {
    display: none !important;
  }

  .display-block {
    display: block !important;
    width: auto !important;
  }

  .w-sm-100-mq {
    width: 100% !important;
  }

  .margin-sm-mq {
    margin: 1em;
  }

  .margin-bot-sm-mq {
    margin-bottom: 1em;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .font-size-1-1-em {
    font-size: 1em !important;
  }
}



@media (max-width: 768px) {
  .subtitle-section {
    max-width: 70%;
  }
  .widthReponsive{
    max-width: 90% !important;
  }
  .nav-bar-items-one {
    width: 70% !important;
  }
  .w-sm-100-mq {
    width: 70% !important;
  }
}

@media (max-width: 500px) {
  .about-us-xs {
    max-width: 95%;    
  }
  .subtitle-section {
    max-width: 60%;
  }
  .widthReponsive{
    max-width: 90% !important;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

.sortArrowIconSpan{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: 10px;
}

.sortArrowIconSpan img{
  height: 12px;
  width: 12px;
  filter: invert(0.5) sepia(1) saturate(0.1) hue-rotate(180deg);
}

.rotate-180{
  rotate: 180deg;
}
.blackCls{
  filter: invert(.1) sepia(1) saturate(1) hue-rotate(200deg)!important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .w-sm-100-mq {
    width: 80% !important;
  }
  .nav-bar-items-one {
    width: 80% !important;
  }
}
@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600&display=swap);/* new design font */
@font-face {
  font-family: "Recoleta";
  font-weight: 600;
  src: url("https://bluebutterfly-assets.s3.amazonaws.com/homepage-assets/fonts/Recoleta-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Recoleta";
  font-weight: 500;
  src: url("https://bluebutterfly-assets.s3.amazonaws.com/homepage-assets/fonts/Recoleta-Medium.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Recoleta";
  font-weight: 400;
  src: url("https://bluebutterfly-assets.s3.amazonaws.com/homepage-assets/fonts/Recoleta-Regular.ttf") format("truetype");
  font-display: swap;
}

/* RECOLETA CLASSESS */

.font-regular {
  font-size: 23px;
}

.recoleta-xl {
  font-size: 74.5354px;
}

.recoleta-l {
  font-size: 36px;
}

.recoleta-medium {
  font-weight: 500 !important
}
.bb-recoleta-body {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
  color: rgba(0, 0, 0, 0.87);
}

.bb-recoleta-normal {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}

.bb-recoleta-h2 {
  font-family: 'Recoleta';
  font-style: normal;
  font-size: 27px;
  font-weight: 400;
  line-height: 114%;
}

.bb-recoleta-semiBold {
  font-family: 'Recoleta' !important;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 114%;
  color: #25292E;
}

.bb-recoleta-semiBold2 {
  font-family: 'Recoleta' !important;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #25292E;
}
.bb-recoleta-variantTxt{
    font-family: 'Recoleta' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #7b848f;
}

.bb-recoleta-funeralPlanner {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
}

.bb-recoleta-onBoarding {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  text-align: center;
  color: #1a1a1a;
}

.bb-recoleta-onBoarding-25292E {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
}

.bb-recoleta-funeralPlannerSmall {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #596069;
}

.bb-nato-overview-description{
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #596069;
}

.bb-font-recoleta-bold {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
}
/* old design fonts */
@font-face {
  font-family: "Nato Sans";
  font-weight: 900;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 800;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: italic;
  font-weight: 700;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 750;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 600;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 500;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 100;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 500;
  src: url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  font-display: swap;
}

@font-face {
  font-family: "Martel";
  font-weight: 800;
  src: url("https://assets.bluebutterfly.com/fonts/Martel/Martel-ExtraBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "GothaProLig", sans-serif;
  src: url("https://assets.bluebutterfly.com/homepage-assets/fonts/GothaProLig.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "GothaProMed", sans-serif;
  src: url("https://assets.bluebutterfly.com/homepage-assets/fonts/GothaProMed.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "GothaProBol", sans-serif;
  src: url("https://assets.bluebutterfly.com/homepage-assets/fonts/GothaProBol.ttf") format("truetype");
  font-display: swap;
}

.bb-font-bold {
  font-family: "Noto Sans" !important;
  font-weight: bolder !important;
}

.bb-font-med {
  font-family: "Noto Sans" !important;
}

.bb-font-lig {
  font-family: "Noto Sans" !important;
}

.bb-font-conv-lig {
  font-family: "Noto Sans" !important;
}

.bb-vh-2 {
  font-size: 2vh;
}

.lh-1 {
  line-height: 1vh;
}

.lh-2 {
  line-height: 2vw;
}

.lh-vf-onboarding {
  line-height: 18px;
}

.bb-font-lato-bold {
  font-family: "Nato Sans", sans-serif !important;
  font-weight: 700 !important;
}

.bb-nato-body {
  font-family: "Nato Sans";
  font-weight: 400;
}

.bb-font-Noto-height {
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: 165%;
}

.bb-font-lato-height {
  font-family: "Nato Sans";
  font-weight: 400;
  line-height: 165%;
}

.bb-font-lato-light {
  font-family: "Nato Sans", sans-serif;
  font-weight: 100;
}

.bb-font-lato-bold-italic {
  font-family: "Nato Sans";
  font-style: italic;
  font-weight: 700;
}

.bb-font-lato-italic {
  font-family: "Nato Sans", sans-serif;
  font-style: italic;
  font-weight: 100;
}

/* LATO CLASSES */

.bb-lato-h1 {
  font-family: 'Lobster', cursive;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h2 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1.5em;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h2-bold {
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1.5em;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h2-extra-bold {
  font-family: "Nato Sans";
  font-weight: 750;
  font-size: 1.5em;
  line-height: 140%;
  color: #272773;

}

.bb-lato-h3 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1.3em;
  line-height: 140%;
  color: #272773;
}

.bb-lato-h4 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 2.18em;
  line-height: 125%;
  color: #272773;
}

.bb-lato-h5 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1.18em;
  line-height: 24px;
  color: #272773;
}

.bb-lato-h7 {
  font-family: "Nato Sans";
  font-weight: 500;
  font-size: 1em;
  color: #272773;
}

.bb-lato-subtitle {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.3em;
  line-height: 125%;
}

.bb-lato-body {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
  color: rgba(0, 0, 0, 0.87);
}

.bb-lato-body-1-bold {
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1em;
  line-height: 125%;
}

.bb-lato-body-2 {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.1em;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.87);
}

.bb-lato-body-2-bold {
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 150%;

}

.bb-lato-pretitle {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.3em;
  line-height: 24px;
  letter-spacing: 0.2em;
  color: #F14F36;
}

.bb-lato-medium {
  font-family: "Nato Sans";
  font-weight: 600;
}

.bb-lato-light {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}

.bb-lato-semibold {
  font-family: "Nato Sans";
  font-weight: 500;
}

.bb-lato-primary-button-text {
  font-family: "Noto Sans";
  font-weight: 800;
  font-size: 1.25em;
  letter-spacing: 0.1rem;
}

.bb-lato-extra-bold {
  font-family: "Nato Sans";
  font-weight: 800;
  font-style: normal;
}

.bb-lato-secondary-button-text {
  color: #22355d;
  font-family: "Noto Sans";
  font-weight: 400;
  font-size: 1.25em;
  letter-spacing: 0.11em;
  line-height: 36px;
}

.bb-lato-nav-1 {
  color: #272773;
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0.03em;
}

.bb-lato-nav-1-1 {
  color: #2b2b2b;
  font-family: "Nato Sans";
  /* font-weight: ; */
  font-size: 1em;
  letter-spacing: 0.03em;
}

.bb-lato-nav-2 {
  color: #272773;
  font-family: "Nato Sans";
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0.2em;
}

.bb-lato-small-text {
  font-family: "Nato Sans";
  font-weight: 400;
  color: #646464;
  line-height: 125%;
  font-size: 1em;
}

.bb-lato-extra-small-text {
  font-family: "Nato Sans";
  font-weight: 400;
  line-height: 125%;
  font-size: 0.80em;
}

.bb-lato-link-text {
  font-family: "Nato Sans";
  font-weight: 400;
  line-height: 125%;
  font-size: 1em;
  text-decoration: underline;
  color: #2B72BF;
  cursor: pointer;
}

.bb-lato-regular {
  font-family: "Nato Sans";
  font-size: 1em;
  line-height: 125%;
}

.bb-lato-link {
  color: #db7555;
  font-family: "Nato Sans";
  font-size: 1.3em;
  line-height: 125%;
}

.bb-lato-medium-text {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1.25em;
  line-height: 125%;
}

/* MUKTA CLASSES */

.bb-mukta-regular {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 400;
}

.bb-mukta-secondary-button-text {
  font-family: "Nato Sans";
  font-size: 1.25em;
  line-height: 36px;
}

.bb-mukta-medium-footer {
  font-family: "Nato Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 1.15em;
  line-height: 24px;
  letter-spacing: 0.2em;
  color: #272773;
}

.bb-mukta-regular-footer {
  font-family: "Nato Sans";
  font-weight: 400;
  font-size: 1em;
  line-height: 150%;
  color: #272773;
}

/* MARTEL CLASSES */

.bb-martel-extra-bold {
  font-family: "Martel";
  font-style: normal;
  font-weight: 800;
  font-size: 1.1em;
  line-height: 36px;
  color: #272773;
}

.bb-homepage-blue {
  color: #22355d;
}

.bb-blue {
  color: #27276F !important;
}

.bb-primary-button-text {
  font-family: "Nato Sans";
  font-weight: 900;
  font-size: 1em;
  letter-spacing: 0.05em;

}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
  .bb-lato-h1 {
    font-size: 1.4em;
  }

  .bb-lato-primary-button-text {
    font-size: 0.9em;
  }

  .bb-lato-subtitle {
    font-size: 1em;
  }

  .bb-lato-h2 {
    font-size: 1.8em;
  }

  .bb-lato-h3 {
    font-size: 1.4em;
  }

  .bb-lato-pretitle {
    font-size: 0.8em;
  }
}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
  .bb-recoleta-onBoarding {
    font-size: 32px;
  }
}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
  .testimonial-image {
    width: 10% !important;
  }
}

@media (min-width: 991.98px) {
  .homepage-main-container {
    margin-left: 10%;
    width: 80%;
  }
}

*::placeholder{
   font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #596069;
}

/* NOTO CLASSESS */
.bb-natp-h2 {
  font-family: "Noto Sans";
  font-weight: 500;
  font-size: 1.5em;
  line-height: 125%;
  color: #272773;
}
.bb-nato-link-text {
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: 125%;
  word-break: break-all;
  font-size: 1em;
  text-decoration: underline;
  color: #2B72BF;
  cursor: pointer;
}

.bb-font-nato-regular {
  font-family: "Noto Sans";
  font-weight: 400;
}
.bb-nato-body-1-bold {
  font-family: "Noto Sans" !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  line-height: 125% !important;
}
.bb-font-nato-bold {
  font-family: "Noto Sans" !important;
  font-weight: 700 !important;
}
.bb-font-nato-bold-italic {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
}
.bb-font-nato-height {
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: 165%;
}
.bb-nato-h5 {
  font-family: "Noto Sans";
  font-weight: 500;
  font-size: 1.18em;
  line-height: 33px;
  color: #272773;
}
.bb-nato-nav-1-1 {
  color: #2b2b2b;
  font-family: "Noto Sans";
  /* font-weight: ; */
  font-size: 1em;
  letter-spacing: 0.03em;
}
.bb-nato-body {
  font-family: "Noto Sans" !important;
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
  color: rgba(0, 0, 0, 0.87) 
}
.bb-nato-body-no-color {
  font-family: "Noto Sans" !important;
  font-weight: 400;
  font-size: 1em;
  line-height: 125%;
}
.bb-noto-sans-normal {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  color: #596069;
}

.bb-nato-sans-small{
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 180%;
  color: #596069;
}

.bb-noto-sans-normal::placeholder {
  font-family: 'Noto Sans';
}

.bb-nato-sans-medium {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 180%;
  color: #596069;
}

.bb-noto-sans-semiBold {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #27276F;
}

.bb-noto-sans-fpCardHeading {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #27276F;
  display: block;
}

.bb-noto-sans-fpCardDesc {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #596069;
  display: block;
  padding: 10px 0px;
}

.bb-noto-sans-normal2 {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #596069;
}
.bb-noto-sans-normal3 {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #596069;
}

.bb-recoleta-header1 {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
}

.bb-recoleta-header2 {
  font-family: 'Recoleta';
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
  color: #25292E;
  cursor: pointer;
}

.bb-nato-sans-sliderCardHead {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  color: #27276F;
}

.bb-nato-sans-sliderCardDesc {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #25292E;
}

.bb-nato-sans-card-heading {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700 !important;
  font-size: 25px;
  line-height: 150%;
  color: #202020;
}
.bb-nato-sans-card-heading2{
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}

.bb-font24Medium {
  font-family: 'Noto Sans';
font-style: normal;
font-weight: 500;
font-size: 24px !important;
line-height: 150%;
color: #27276F;
}

*::placeholder{
  font-family: "Noto Sans";
}
*::-webkit-input-placeholder{
  font-family: "Noto Sans";
}
*:-ms-input-placeholder{
  font-family: "Noto Sans";
}
*:-moz-placeholder{
  font-family: "Noto Sans";
}
*::-moz-placeholder{
  font-family: "Noto Sans";
}
/* BB-GENERALS */

.bb-blue {
  color: #27276F !important;
}

.bb-orange {
  color: orange;
}

.bb-dark-blue {
  color: #0D0D51 !important;
}

.bb-dark-blue-alternative {
  color: #22355D !important;
}

.bb-site-title-font {
  font-family: "Noto Sans";
  color: #0d0f10;
  font-size: 34px;
  line-height: 43px;
  font: 34px;
}

.bb-site-content-font {
  font-family: "Noto Sans";
  font-size: 1.2em;
  line-height: 22px;
  color: #5b6a7c;
}

.bb-big-title {
  color: #2a2877;
  font-size: 63px;
  letter-spacing: -2.4px;
  line-height: 90%;
  text-align: center;
}

.bb-modal-title {
  font-size: 32px;
}

.blue-background {
  background-color: #27276F;
}

/* HELPERS */
.white-background {
  background-color: white;
}

.margin-sides-10 {
  margin-left: 10%;
  margin-right: 10%;
}

.justify-text {
  text-align: justify;
}

.margin-bot-5 {
  margin-bottom: 5%;
}

.margin-bot-4{
  margin-bottom: 4%;
}

.margin-bot-0 {
  margin-bottom: 0% !important;
}

.margin-bot-2 {
  margin-bottom: 2%;
}

.margin-bot-12 {
  margin-bottom: 12%;
}

.margin-top-3 {
  margin-top: 3%;
}

.margin-top-5 {
  margin-top: 5%;
}

.margin-left-2 {
  margin-left: 2%;
}

.margin-right-2 {
  margin-right: 2%;
}

.margin-top-15 {
  margin-top: 15% !important;
}

.margin-sides-15 {
  margin: 0 15%;
}

.margin-sides-5 {
  margin: 0 5%;
}

.margin-3 {
  margin: 3%;
}

.flex-justify-center {
  display: flex;
  justify-content: center;
}

.flex-justify-space-between {
  display: flex;
  justify-content: space-between;
}

.width-height-100 {
  width: 100%;
  height: 100%;
}

.padding-11-rem  {
  padding-top: 11rem;
}

.width-20 {
  width: 20%;
}

.width-80 {
  width: 80%;
}

.w-md-50 {
  width: 50%; 
}

.margin-sides-9 {
  margin: 0 9%;
}

.margin-sides-2 {
  margin: 0 2%;
}

.center-content {
  text-align: center;
}

.right-content {
  text-align: right;
}

.left-content {
  text-align: left;
}

.width-60 {
  width: 60%;
}

.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

.height-783 {
  /* height: 530px; */
  height: 35.9vw;
  /* height: 728px; */
}

.padding-3 {
  padding: 3% !important;
}

.padding-7-em {
  padding: 6em 6em 2em 6em;
}

.padding-sides-8-vw {
  padding: 0 8vw;
}

.flex-vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.only-border {
  border-radius: 20px;
}

.border-radius-thin {
  border-radius: 8px !important;
}

.padding-top-7 {
  padding-top: 7%;
}

.padding-top-5 {
  padding-top: 5%;
}

.padding-top-3 {
  padding-top: 3%;
}

.padding-bot-5 {
  padding-bottom: 5%;
}

.padding-bot-13 {
  padding-bottom: 13%;
}

.padding-bot-3 {
  padding-bottom: 3%;
}

.padding-bot-2-em {
  padding-bottom: 2em;
}

.padding-bot-5-em {
  padding-bottom: 5em;
}

.padding-bot-7-em {
  padding-bottom: 7em;
}

.padding-5 {
  padding: 5%;
}

.padding-2 {
  padding: 2%;
}

.subtitle-section  {
  max-width: 60%;
}

.widthReponsive{
  max-width: 60% !important;
}

.about-us  {
  max-width: 90%;
}

.cursor-pointer {
  cursor: pointer;
}

.color-grey {
  color: grey;
}

.padding-bot-2-5 {
  padding-bottom: 2.5rem;
}

.padding-bot-1-2 {
  padding-bottom: 1.2rem;
}

.line-height-100 {
  line-height: 100%;
}

.ml-lg-5 {
  margin-right: 5em !important;
}

.font-weight-700 {
  font-weight: 700;
}

.font-size-1-5-em {
  font-size: 1.5em;
}

.hide {
  display: none;
}

.display-flex {
  display: flex;
}

.bb-button-small-dimensions {
  width: 110%;
  height: 122%;
}

.memorial-page-lp-prev-arrow {
  position: absolute;
  top: 100%;
  left: 36%;
  height: 1.1vw;
}

.memorial-page-lp-next-arrow {
  position: absolute;
  top: 100%;
  right: 36%;
  height: 1.1vw;
}

.overflow_m {
  overflow-y: scroll;
  height: 100vh !important;
}

.bb-adjust-vendor-button {
  height: fit-content;
  margin-top: 1em;
}

@media (min-width: 1100px) {
  .w-sm-100-mq {
    width: 80% !important;
  }
}

@media (min-width: 1200px) {
  .w-sm-100-mq {
    width: 60% !important;
  }
}
@media (min-width: 1400px) {
  .w-sm-100-mq {
    width: 50% !important;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) {
 
}
@media (max-width: 767.98px) {
  .height-images-mq {
    height: 243px !important;
  }

  .position-relative-mq {
    position: relative !important;
  }

  .dissable-padding {
    padding: 0% !important;
  }

  .hide-mq {
    display: none !important;
  }

  .display-block {
    display: block !important;
    width: auto !important;
  }

  .w-sm-100-mq {
    width: 100% !important;
  }

  .margin-sm-mq {
    margin: 1em;
  }

  .margin-bot-sm-mq {
    margin-bottom: 1em;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .font-size-1-1-em {
    font-size: 1em !important;
  }
}



@media (max-width: 768px) {
  .subtitle-section {
    max-width: 70%;
  }
  .widthReponsive{
    max-width: 90% !important;
  }
  .nav-bar-items-one {
    width: 70% !important;
  }
  .w-sm-100-mq {
    width: 70% !important;
  }
}

@media (max-width: 500px) {
  .about-us-xs {
    max-width: 95%;    
  }
  .subtitle-section {
    max-width: 60%;
  }
  .widthReponsive{
    max-width: 90% !important;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

.sortArrowIconSpan{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: 10px;
}

.sortArrowIconSpan img{
  height: 12px;
  width: 12px;
  filter: invert(0.5) sepia(1) saturate(0.1) hue-rotate(180deg);
}

.rotate-180{
  rotate: 180deg;
}
.blackCls{
  filter: invert(.1) sepia(1) saturate(1) hue-rotate(200deg)!important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .w-sm-100-mq {
    width: 80% !important;
  }
  .nav-bar-items-one {
    width: 80% !important;
  }
}
.bg-accent {
  background-color: #E7F1F7 !important
}

.bb-every-life-image {
  height: auto;
  width: 95%;
  object-fit: cover;
}

.wrap-text input {
  min-height: 50px !important;
}

.wrap-text *::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  white-space: pre-line !important;
  position: relative !important;
}

.wrap-text *::-moz-placeholder {
  /* Firefox 19+ */
  white-space: pre-line !important;
  position: relative !important;
}

.wrap-text *:-ms-input-placeholder {
  /* IE 10+ */
  white-space: pre-line !important;
  position: relative !important;
}

.wrap-text *:-moz-placeholder {
  /* Firefox 18- */
  white-space: pre-line !important;
  position: relative !important;
}

.a-story {
  background: linear-gradient(100.65deg, #87AEF8 -4.75%, #27276F 106.78%);
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hp-funeral-planner-box-size {
  width: 285px;
  height: auto;
}

.plannerCard {
  background: transparent;
  border: none;
}

.plannerCardImage {
  width: 202px;
  height: 159px;
  /* border: 4px solid #FFFFFF; */
  /* box-shadow: 0px 40px 64px rgba(45, 65, 94, 0.2); */
  border-radius: 12px;
  object-fit: scale-down;
}

.max-90-center {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.bb-memorial-image {
  height: auto;
  width: 70%;
  object-fit: scale-down;
}

.bb-help-icon {
  height: 76px;
  object-fit: cover;
}

.icon-scale {
  scale: 2.2;
}

.scale-1-5 {
  scale: 1.5;
}

.text-4 {
  font-size: 20px;
}

.text-5 {
  font-size: 24px;
}

.resource-card-title {}


.resourceCardBox {
  width: 100%;
  padding: 60px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 4px 40px rgb(25 25 72 / 6%);
  border-radius: 32px;
}


.testimonialCard {
  box-sizing: border-box;
  width: 347px;
  height: 350px;
  padding: 20px 10px;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 4px 40px rgba(25, 25, 72, 0.06);
  border-radius: 32px;
}

.cont-flex-start {
  justify-content: flex-start !important;
}

.center-slider-card .slick-list div {
  justify-content: center;
}

.flx-dire {
  flex-direction: column;
}

.butterfly-keep-image {
  position: absolute;
  left: -20px;
  top: -60px;
}

.butterfly-keep-leave-image {
  position: absolute;
  bottom: -100px;
  left: -100px;
}

.butterfly-keep-dot-image {
  position: absolute;
  bottom: -70px;
  right: 10%;
}

.butterfly-keep-flower-image {
  position: absolute;
  top: -70px;
  right: -120px;
}

.px-6em-desktop {
  padding-right: 3%;
  padding-left: 3%;
}

.pricing-table-overflow {
  overflow-x: auto;
}

.contact-us-dialogue-width {
  width: 85vw !important;
  max-width: 1145px !important;
  /* min-width: 100% !important; */
}

@media screen and (min-width: 1024px) {
  .max-w-60 {
    max-width: 60%;
  }
}

@media screen and (min-width: 768px) {

  .modal-dialog.p-2.p-md-5.mobile-full.bb-modal-small.fixHeightModal.minwidth60vw {
    min-width: 60vw !important;
  }

  .px-6em-desktop {
    padding-right: 5%;
    padding-left: 5%;
  }

  .nav-sticky {
    top: 70px;
    width: calc(100vw - 300px);
    z-index: 10;
    position: fixed;

  }

  .stickyHeader {
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    z-index: 9;
    top: 0px;
    /* margin: 0 -15px; */
    border-top-left-radius: 20px !important;
    /* background-image: url('https://bluebutterfly-assets.s3.amazonaws.com/user-dashboard/v4/background-full-min.png') !important; */
    /* background-position: center top; */
    /* background-size: cover; */
    /* overflow: hidden; */
    width: 101% !important;
  }

  .fixedHeader {
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    z-index: 9;
    top: 70px;
    margin: 0 -15px;
    width: 100% !important;
    border-top-left-radius: 20px !important;

  }

}

/* mobile */
@media screen and (max-width: 768px) {
  .flexColumnMob {
    flex-direction: column !important;
  }

  .flexColumnMob:first-child>div {
    margin-bottom: 15px !important;
  }

  .max-90-center {
    max-width: 97%;
    margin-left: auto;
    margin-right: auto;
  }

  .stickyHeader {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9;
    top: 0px;
    background-color: transparent !important;
  }

  .nav-sticky {
    top: 0px;
    width: 100%;
    z-index: 10;
    position: relative
  }

  .bb-memorial-image {
    height: auto;
    width: 100%;
    object-fit: scale-down;
  }

  .resourceCardBox {
    flex-direction: column;
    align-items: start !important;
    max-width: 98% !important;
    padding: 29px 37px;
  }

  .text-5 {
    font-size: 32px;
  }

  .description {
    font-size: 19px;
  }

  .resource-card-title {
    margin-top: 0rem;
    margin-left: 0rem;
    padding-right: 10px;
  }

  .mobile-right {
    margin-left: auto;
  }

  .cardStyleGuest {
    padding: 15px !important;
    box-shadow: 0px 4px 40px rgba(25, 25, 72, 0.06);
    border-radius: 32px !important;
    margin-bottom: 2rem !important;
  }

  .banner-container {
    top: 72px !important;
  }
}

@media screen and (max-width: 610px) {
  .obituary-popup-padding {
    padding: 2rem !important;
  }
}

@media screen and (max-width: 400px) {
  .obituary-popup-padding {
    padding: 2rem 1.2rem !important;
  }
}


.bb-small-image {
  position: absolute;
  width: 100px;
  top: -3em;
  right: 3em;
}



.max-w-80 {
  max-width: 80%;
}

.fp-card-mt-70 {
  margin-top: 70px !important;
}

.contact-span span {
  /* color: #000000; */
}

.play-icon {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 8;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50% !important;
  }


  .absolte-top-right {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

.word-break-all {
  word-break: break-all;
}

.min-w-200 {
  min-width: 220px
}

.border-22 {
  border-radius: 22px !important
}

.whitespace-nowrap {
  white-space: nowrap;
}

.min-h-190 {
  min-height: 169px;
}

@media screen and (max-width: 768px) {
  .absolte-top-right {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 10px);
  }
}

.absolute-top-right-fixed {
  position: absolute;
  top: 20px;
  right: 20px;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.outlineButton {
  width: fit-content !important;
  width: 260px;
  color: black;
  border: 1.9px solid #27276F !important;
  background: transparent !important;
}

.outlineButton:hover {
  color: black !important;
  background: white !important;
}

.buttonSize {
  padding: 1.1em 2em !important;
  border-radius: 1em !important;
  white-space: nowrap !important;
  font-size: medium !important;
  margin: 0px 10px;
  color: white;
}

.buttonSize.customButtonSizes {
  width: 100% !important;
  margin: 0 !important;
}

.hp-slider-margin-mq {
  margin-top: 100px;
}


.transparent-background {
  border-bottom: unset !important;
  border-top: unset !important;
  background: transparent !important;
}

.hp-blue {
  color: #272773;
}

/* .nav-bar-items-one {
  width: 34%;
} */

.nav-bar-items-two {
  width: 66%;
}

.flex-vertical-align {
  display: flex;
  align-items: center;
}

/* HOMEPAGE-INTRODUCTION */

.hp-introduction-background-image {
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/images_used/shutterstock_633505973.jpg );
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 50%;
  padding-top: 1%;
}

.hp-introduction-button {
  padding: 1em 2em;
}

button.hp-introduction-phone {
  padding: 1em 2em;
}

.hp-introduction-title {
  background: linear-gradient(180deg, rgba(219, 236, 246, 0.68) 12.5%, rgba(219, 236, 246, 0) 76.56%);
  padding-top: 8em;
}

.hp-introduction-description {
  padding: 0 23%;
  text-align: center;
}

.hp-introduction-description-content {
  position: absolute;
  z-index: 1;
}

.hp-introduction-mt-header {
  /* margin-top: 3.5em; */
}

.hp-introduction-hero-image-0 {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 32.29%);
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/images_used/hero-images/bb-hero-0-min.jpg);
  background-repeat: no-repeat;
  background-position: center;
  /* background-position-y: 62%; */
  background-size: cover;
  background-position: 56%;
}

.hp-introduction-hero-image-1 {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 32.29%);
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/images_used/hero-images/bb-hero-1-min.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.hp-introduction-hero-image-2 {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 32.29%);
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/images_used/hero-images/bb-hero-2-min.jpg);
  background-repeat: no-repeat;
  background-position-y: 4%;
  background-size: cover;

}

.hp-introduction-hero-image-3 {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 32.29%);
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/images_used/hero-images/bb-hero-3-min.jpg);
  background-repeat: no-repeat;
  background-position-y: 5%;
  background-size: cover;
}

.hp-introduction-hero-image-4 {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 32.29%);
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/images_used/hero-images/bb-hero-4-min.jpg);
  background-repeat: no-repeat;
  background-position-y: 29%;
  background-size: cover;
}

/* HOMEPAGE-MAIN-SERVICES */
.hp-main-services-gradient {
  background: linear-gradient(0.07deg, #DBECF7 0.05%, #FDFBFA 99.76%);
  transform: rotate(180deg);
}

.hp-main-services-background-color {
  background: linear-gradient(0.07deg, #DBECF7 0.05%, #FDFBFA 48.35%);
  transform: rotate(180deg);
}

.hp-main-services-introduction-title {
  color: #272773;
  font-size: 1.6em;
}

.hp-main-services-virtual-funeral-main-padding {
  padding: 9% 0;
}

.hp-main-services-virtual-funeral-card-title {
  color: #272773;
  text-align: left;
  padding-bottom: 1em;
}

.hp-vf-button-size {
  padding: 1em 2em;
}

.hp-main-services-virtual-funeral-card-description {
  color: #272773;
  text-align: left;
  padding-bottom: 1em;
}


.hp-main-services-summary-background {
  background-color: #DBECF6;
}


.hp-main-services-introduction-pre-title {
  color: #F14F36;
}

.hp-main-services-left-image {
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/vectors/squiggle1-v2.png );
  background-repeat: no-repeat;
  background-position: left;
  background-position-y: -4%;
}

.hp-main-services-virtual-funeral-right-image {
  background-image: url(https://assets.bluebutterfly.com/images/homepage_v3/vectors/squiggle3-v2.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
}

.hp-main-services-virtual-funeral-button {
  background: linear-gradient(180deg, #81B0FF 0%, #5BADFE 99.99%, rgba(129, 176, 255, 0) 100%);
}

.hp-main-services-virtual-funeral-description-color {
  color: #22355D;
}

.hp-main-services-virtual-funeral-arrows-space {}

.hp-main-services-virtual-funeral-card-item {
  margin-right: 1.2em;
  padding-top: 0.5em;
  color: #272773;
}

.hp-main-services-virtual-funeral-price-padding {
  padding-bottom: 3em;
  padding-top: 2em;
}

.hp-main-services-sumary-title-item {
  font-size: 1em;
  font-weight: 700;
  color: #22355D;
}

.hp-main-services-musician-image {
  background: url("https://assets.bluebutterfly.com/images/homepage_v3/images_used/musician.jpg");
  background-size: cover;
  background-position-x: center;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  width: 279px;
  height: 358px;
  border-radius: 8px;
}

.hp-main-services-officiant-image {
  background: url("https://assets.bluebutterfly.com/images/homepage_v3/images_used/officiant.jpg");
  background-size: cover;
  background-position-x: center;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  width: 279px;
  height: 358px;
  border-radius: 8px;
}

.hp-main-services-singer-image {
  background: url("https://assets.bluebutterfly.com/images/homepage_v3/images_used/singer.jpg");
  background-size: cover;
  background-position-x: 33%;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  width: 279px;
  height: 358px;
  border-radius: 8px;
}

.hp-main-services-summary-title {
  font-size: 210%;
  padding-bottom: 4%;
  margin: 0 27%;
  line-height: 100%;
  font-weight: bolder;
  color: darkblue;
}

.hp-main-services-summary-get-started {
  color: #27276F;
  font-size: 0.9em;
  text-decoration: underline;
  font-weight: 400;
}

.hp-main-services-vf-pre-title {
  letter-spacing: 3px;
  font-weight: 700;
}

.hp-main-services-vf-title {
  font-size: 320%;
  font-weight: 700;
}

.hp-main-services-vf-sub-title {
  font-size: 152%;
  margin: 5% 10%;
}

.hp-main-services-memorial-page-gradient {
  background: linear-gradient(180deg, rgba(244, 239, 233, 0.22) 0%, rgba(196, 196, 196, 0) 100%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.hp-main-services-memorial-page-arrows-align {
  display: flex;
  align-items: center;
  padding-left: 1%;
  padding-top: 1%;
}

.hp-main-services-memorial-page-get-started {
  color: #db7555;
  font-size: 1.5em;
  font-weight: 700;
}

.hp-main-services-memorial-page-button {
  background: #272773;
}

.hp-main-services-memorial-page-button:hover {
  background: #272773;
  border-radius: 2px;
}

.bb-alternative-button {
  box-shadow: unset;
  padding: 0.4rem 1.1rem !important;
  background: #272773;
  border-radius: 2px;
}

.hp-main-services-virtual-funeral-title-padding {
  padding-top: 0.5em;
  padding-left: 1em;
}

.hp-main-services-virtual-funeral-card-body-sizes {
  min-height: 38vh;
  padding-top: 0;
  height: 100%;
  border-radius: 8px;
}

.slick-dots li button:before {
  color: #DF5B42 !important;
  font-size: 9px;
}

.hp-main-services-virtual-funeral-pricing {
  cursor: pointer;
  width: 100%;
  text-align: center;
  padding-top: 6em;
}

.hp-main-services-summary-box-size {
  width: 266px;
  height: auto;
}

/* PEOPLE OPINION */
.hp-people-opinion-font-color-blue {
  color: #22355D;
}

.hp-people-opinion-main-container {
  /* background: #E3EAF6; */
  padding-top: 10em;
  padding-bottom: 10em;
}

.hp-people-opinion-description-padding {
  padding: 0 11%;
  padding-bottom: 3%;
}

.hp-people-opinion-left-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: -2em;
  cursor: pointer;
}

.hp-people-opinion-right-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  right: -2em;
  cursor: pointer;
}

.hp-people-opinion-slick {
  margin: 0 3em;
  position: relative;
}

.right-0{
  right: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.left-slider-gradient{
  height: 100%;
  width: 60px;
  z-index: 9;
  position: absolute;
  align-items: center;
  display: flex !important;
  justify-content: center;
  left: 0 !important;
  background: linear-gradient(to right, #ffffff 10%, #ffffff 40%, #ffffff17 90%, transparent 100%)
}

.right-slider-gradient{
  height: 100%;
  width: 60px;
  z-index: 9;
  position: absolute;
  align-items: center;
  display: flex !important;
  justify-content: center;
  right: 0 !important;
  background: linear-gradient(to left, #ffffff 10%, #ffffff 40%, #ffffff17 90%, transparent 100%)
}

/* .hp-people-opinion-card-shadow {
  box-shadow: 0px 4px 5px 1px rgb(0 0 0 / 20%); ;
} */

.hp-people-opinion-card-content {
  text-align: justify;
}

.hp-people-opinion-card {
  margin: 1%;
  height: 100%;
  border-radius: 0px !important;
}

.hp-people-opinion-card-footer {
  text-align: left;
  color: #22355D;
  padding-bottom: 5%;
}

/* HOMEPAGE-FOOTER */
.hp-footer-description {
  font-style: normal;
  font-weight: normal;
  line-height: 150%;
  color: #272773;
}

.hp-footer-bb-image {
  background: url("https://assets.bluebutterfly.com/images/homepage_v3/images_used/Bluebutterfly.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  background-position-y: 70%;
  opacity: 0.3;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: 100%;
  height: 100%;
}

.hp-footer-com-and-res {
  padding-bottom: 7em;
  color: #22355D;
}

.hp-footer-bb-light-image {
  background: url("https://assets.bluebutterfly.com/images/homepage_v3/images_used/BB-light-logo.png");
  background-repeat: no-repeat;
  background-size: 27%;
  background-position: 90% center;
}

.hp-footer-about-us-donna {
  height: 250px;
  background: url("https://assets.bluebutterfly.com/images/homepage_v3/images_used/bb-donna.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
}

.hp-footer-text-section {
  padding-left: 6%;
}

.hp-footer-contact {
  padding: 0 10%;
  text-align: left;
}

.hp-footer-main-container {
  background-color: #FAFAFA;
}

.virtual-funeral-service-plan-title {
  font-size: 2em;
}

/* .slick-track {
  display: flex !important;
} */

.hp-people-opinion-flex .slick-list div {
  display: flex !important;
}

.slick-list {
  height: 100%;
}

/* this class make mobile issue in onboarding slider */
.slick-slide {
  display: flex;
  height: auto;
}

/* this class make mobile issue in onboarding slider */
.slick-slide>div {
  height: 100% !important;
}

.MuiAutocomplete-inputRoot {
  flex-wrap: wrap !important;
  padding: 4px 0px 4px 0px !important;
  margin-bottom: .3em !important;
  border-radius: 12px !important;
}

.hp-footer-about-us-margin-top-mq .modal-dialog {
  height: auto;
  margin-top: 100px !important;
}

.trash-icon-position {
  right: -5% !important;
  width: 1.25em;
}

@media (max-width: 575.98px) {
  .header-text-margin-response {
    margin-top: 13% !important;
  }

  .marginTop-6-1-31 {
    margin-top: 5% !important;
  }
}

@media (max-width: 450px) {
  .header-text-margin-response {
    margin-top: 22% !important;
  }

  .full-width-xs-mq {
    width: 100% !important;
  }

  .sympathy-card-title-mobile {
    font-size: .9em !important;
  }

  .sympathy-card-img-mobile {
    max-width: 30% !important
  }

  .display-block-mobile {
    display: block !important;
  }

  .card-header {
    padding: 10px 0px !important;
  }

  .border-7-mobile {
    border-radius: 7px !important;
  }

  .buttonSizeMobile {
    padding: 1em 1em !important;
  }

  .text-align-mobile {
    text-align: start !important;
  }

  .trash-icon-position {
    right: 6% !important;
    width: 1.25em;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .full-width-mq {
    width: 100% !important;
  }

  .half-width-mq {
    width: 50% !important;
  }

  .virtual-funeral-service-plan-title {
    font-size: 1.1em;
  }

  .padding-2-mq {
    padding: 2% !important;
  }

  .width-50-mq {
    width: 50% !important;
  }

  .hp-footer-about-us-donna-mq {
    padding-bottom: 120%;
    margin-top: 4%;
  }

  /* .hp-footer-about-us-margin-top-mq {
    margin-top: 12% !important;
  } */

  .hp-footer-about-us-margin-top-mq .modal-dialog {
    height: auto;
    margin-top: 100px !important;
  }

  /* @media(max-width: 767px){
    .hp-footer-about-us-margin-top-mq  .modal-dialog{
      margin-top: 60px !important;
    }
  } */
  /* 
  @media(max-width: 991px){
  .hp-footer-about-us-margin-top-mq  .modal-dialog{
    margin-top: 40px !important;
  }
  } */

  .hp-slider-margin-mq {
    margin-top: 15%;
  }

  .hp-introduction-title-mq {
    padding-top: 2em !important;
  }

  .hp-people-opinion-card-content-mq {
    padding: 0 !important;
  }

  .hp-footer-bb-light-image-mq {
    background: url("https://assets.bluebutterfly.com/images/homepage_v3/images_used/BB-light-logo.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
  }

  .hp-people-opinion-slick-mq {
    margin: 0 !important;
  }

  .hp-main-services-summary-title-mq {
    font-size: 2.2em !important;
  }

  .nav-bar-items-mq {
    font-size: 1.3em !important;
    font-weight: 400 !important;
    padding: 1em;
  }

  .nav-bar-contact-us-mq {
    font-size: 1.3em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 1em;
  }

  .bb-regular-mq {
    font-family: "Noto Sans" !important;
    font-style: normal !important;
    font-weight: 400 !important;
    padding-left: 30px;
  }



  .hp-main-services-virtual-funeral-card-title-mq {
    font-size: 1.5em !important;
  }

  .hp-main-services-virtual-funeral-card-description-mq {
    font-size: 0.9em !important;
  }

  .hp-main-services-virtual-funeral-card-price-mq {
    font-size: 2.2em !important;
  }

  .hp-main-services-virtual-funeral-card-body-mq {
    height: 18.3em !important;
  }

  .bb-noto-sans-normal {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 180%;
    color: #596069;
  }

  .searchInput::before {
    width: 18px;
  }

  .searchInput input {
    font-size: 14px !important;
  }

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .hp-main-services-summary-box-size {
    width: 266px;
    height: 259px;
  }

  .obituaryCardHeight .card {
    min-height: max-content !important;
  }

  .gappedItemLg {
    gap: 20px;
  }

  .contact-us-dialogue-width {
    width: 60vw !important;
    width: 100% !important;
  }
}

@media (min-width: 576px) {
  .hp-main-services-introduction-title {
    font-size: 2em;
  }

  .previewBox-5-1-514 {
    background-position: left !important;
  }

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

@use "@material/dialog";

@include dialog.core-styles;

/* new design classes */

.hp-footer-main-container_v2 {
  background-color: #88AEF9;
  padding-right: 10px;
  padding-left: 10px;
}

.footer_link_v2:hover {
  color: white !important;
}

.footer-copyright {
  width: 100vw;
  text-align: center;
  color: white;
  font-weight: 800;
}

.footer_link_v2 {
  text-align: center;
  cursor: pointer;
  font-family: "Noto Sans";
  font-size: large;
  color: white;
  font-weight: bolder;
  white-space: "nowrap";
  padding-right: 15px;
  padding-left: 15px;
}

.col_v2 {
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.row_v2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top: 50px;
  /* padding-bottom: 20px; */
  align-items: center;
  justify-content: space-evenly;
}

.button-shadow {
  box-shadow: 0px 2px 14px #99999933;
}

.search-icon {
  background-color: white;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  margin: 5px;
  margin-top: 0;
  margin-bottom: 0;
  border: 1px solid lightgray;
}

.cancel-icon {
  display: flex;
  background-color: white;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  margin-left: 5px;
  border: 1px solid lightgray;
  margin: 5px;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 1196px) {

  .search-input {
    display: block !important;
  }

  .search-icon {
    display: none !important;
  }
}

@media screen and (max-width: 1196px) {

  .search-input {
    display: none !important;
  }

  .search-icon {
    display: flex !important;
  }
}


@media screen and (max-width: 966px) {

  .hp-footer-main-container_v2 {
    background-color: #88AEF9;
    height: fit-content;
  }

  .row_v2 {
    height: 100%;
    width: 100%;
    display: flex;
    padding-top: 30px;
    /* padding-bottom: 30px; */
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }

  .col_v2 {
    height: 100%;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }

  .footer_link_v2 {
    text-align: center;
    cursor: pointer;
    font-size: medium;
    font-family: "Noto Sans";
    color: white;
    font-weight: bolder;
    white-space: "nowrap";
    padding: 20px;
  }

  .social_icons_row {
    width: 200px;
    display: flex;
    padding-top: 30px;
    align-items: center;
    justify-content: space-between;

  }

  .linearGredButton {
    padding: 1em 1em !important;
  }

  .mobile-items-end {
    align-items: end !important;
  }
}


.social_icons_row {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-evenly;

}

.bg-transparent {
  background-color: transparent !important;
}

.social_icon_v2 {
  /* width: 100%; */
  border-radius: 50%;
  background-color: rgb(17, 49, 104);
  display: block;
  margin: 0 10px 0 10px;
}


.funeral-planner {
  position: absolute;
  width: 50vw;
  height: fit-content;
  text-align: end;
  /* transform: translate(0, -100%); */
}

.funeral-planner-text {
  font-size: 21px !important;
  color: #27276F !important;
  font-weight: 500 !important
}

.text-left {
  text-align: left !important;
}

.rotateArrow .rotateIcon {
  transform: rotate(180deg);
}

.rotateArrow .removeText {
  display: none;
}

.widthArrowIon {
  width: 18px;
}

.funeralCardSec {
  border-radius: 32px !important;
  margin-bottom: 1.6em;
  background: #FFFFFF;
  border: 1px solid #D4DDE9;
  padding: 35px 15px;
  box-shadow: 0px 4px 40px rgba(25, 25, 72, 0.06)
}

.bg-blue {
  background-color: #E7EFF8 !important;
}

.border-30 {
  border-radius: 30px;
}

.transform-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.rm-box-shadow:focus {
  box-shadow: none;
}

.labelReq::after {
  content: ' *';
  color: red;
  font-size: 0.9em;
}

.datePrivacyCheckbox input{
  height: 18px;
  width: 18px;
}
.datePrivacyCheckbox label{
  margin-top: 3px;
}

.fixSideBar {
  min-width: 300px;
  position: fixed;
  z-index: 9;
}

.scrollAndPt {
  height: calc(100vh - 380px);
  overflow: auto;
  margin-top: 20px;
  padding-top: 22px;
}

.rtyImgNum {
  /* position: absolute; */
  /* left: 33%; */
  font-size: 70px;
  line-height: 70px;
  font-weight: 800;
  top: -40px;
  font-family: 'Recoleta';
  background: linear-gradient(134deg, #87AEF8, #27276F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lftImg {
  left: 7%;
  top: -25px;
}

.rounded-full {
  border-radius: 100% !important;
}

@media screen and (max-width: 992px) {
  .mobile-gone-v2 {
    display: none !important;
  }
}

/* mobile */
@media screen and (max-width: 768px) {

  .hp-background-image {
    background: url(https://assets.bluebutterfly.com/images/landing_bg.png) no-repeat center center;
    background-size: cover;
    height: 100%;
    overflow: hidden;
  }

  .mobile-center {
    justify-content: center !important
  }

  .mobile-hide {
    visibility: hidden !important;
  }

  .mobile-column-reverse {
    flex-direction: column-reverse;
  }

  .mobile-gone {
    display: none !important;
  }

  .drop-icon-remove .dropdown-toggle::after {
    display: none;
  }

  .drop-icon-remove .smallText {
    font-size: 11px !important;
  }

  .drop-icon-remove .mobile-profile-icon {
    width: 26px;
    height: 26px;
  }

  .center-text {
    text-align: center;
  }

  .recoleta-xl {
    font-size: 40px !important
  }

  .recoleta-l {
    font-size: 29px !important;
  }

  .funeral-planner {
    display: none;
  }

  .margin-top {
    margin-top: 6rem;
  }

  .bb-every-life-image {
    scale: 1.4;
  }

  .background-image {
    background-image: url(https://bluebutterfly-assets.s3.amazonaws.com/user-dashboard/v4/background-full-min.png);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 0px;

  }

  .mobile-text-heading {
    font-size: 33px !important;
  }

  .mobile-text-medium {
    font-size: 24px !important;
  }

  .mobile-text-small {
    font-size: 14px !important
  }

  .video-thumbnail {
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 7;
    object-fit: cover;
    position: absolute;
  }

  .video-aspect {
    min-width: 100%;
    max-width: 100%;
    height: auto;
  }

  .banner-card-view {
    width: 100%;
    padding: 20px 20px 0px 20px;
    margin: auto;
    background-color: white;
    border: 1px solid #88AEF9;
    border-radius: 26px;
    box-shadow: 0px 4px 40px rgb(25 25 72 / 6%);
  }

  .banner-image {
    height: auto;
    max-height: 190px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
    margin-left: 0rem;
  }

  .banner-video {
    height: auto;
    width: 100%;
    border-radius: 30px;
  }

  .mobile-w-100 {
    width: 100%;
  }

  .tablet-text-center {
    text-align: center !important;
  }

  .collapse-card {
    padding: 10px 0px !important;
    /* margin-bottom: 6rem !important; */
  }

  .flex-direction-change {
    flex-direction: column;
    align-items: flex-end !important;
  }

  .flex-direction-colomn {
    flex-direction: column;
  }


  .about-obitary-mobile {
    justify-content: end;
    margin-top: 10px;
  }

  .w-fit {
    width: fit-content;
  }

  .h-fit {
    height: fit-content;
  }

  /* .card-5-1-73,
  .card-5-1-86,
  .card-5-1-60,
  .card-5-1-94,
  .card-5-1-118,
  .card-5-1-110,
  .card-5-1-102  {
    padding: 20px !important;
  }  */

  .mobile-service-card {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }

  .card-title-margintop {
    margin-top: 20px;
  }

  .sympathy-card-title-mobile {
    font-size: 15px !important;
  }

  .font-size-20 {
    font-size: 16px !important;
  }

  .margin-mobile-zero {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .justify-center {
    justify-content: center;
  }

  .hp-main-services-virtual-funeral-card-item {
    margin-right: 0.5em;
  }

  .margin-bottom-mobile {
    margin-bottom: 100px !important;
  }

  .contact-us-dialogue-width {
    width: 85vw !important;
  }

}

.bg-blue {
  background-color: #E7EFF8 !important;
  position: relative;
}

.bg-blue::before,
.bg-blue::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  height: 40px;
  width: 30px;
  right: 0;
  z-index: 9;
}

.bg-blue::before {
  border-bottom-right-radius: 25px;
  top: -40px;
}

.bg-blue::after {
  border-top-right-radius: 25px;
  bottom: -40px;
}

.bg-blue .forBackClr {
  display: initial;
  position: absolute;
  width: 20px;
  height: 100px;
  background-color: #E7EFF8;
  right: 0;
  top: -20px;
}

.min-height-75 {
  min-height: 75px;
}

.contact-us-border-bold {
  border: 2.4px solid #27276F !important;
}


.forBackClr {
  display: none;
}

.border-radius-20 {
  border-radius: 15px;
}

.userDiv {
  position: relative;
  height: 260px;
  width: 260px;
}

.showDiv,
.loved-one-image-hover {
  display: none;
}

.userDiv:hover .loved-one-image-hover {
  display: initial;
  position: absolute;
  background: #000000;
  width: 100%;
  height: 100%;
  margin: 0 auto 1rem auto;
  border-radius: 100%;
  opacity: 0.6;
}

.userDiv:hover .showDiv {
  position: absolute;
  position: absolute;
  display: initial;
  bottom: -0px;
  left: 40px;
  right: 40px;
  border: 1px solid #D4DDE9;
  box-shadow: 0px 4px 40px rgb(25 25 72 / 6%);
  border-radius: 5px;
  background: linear-gradient(90deg, #E1EBFB, #ffffff);
}

.bbUploadLink {
  text-align: left;
  padding: 10px 20px;
  cursor: pointer;
}

.bbUploadLink:first-child {
  border-bottom: 1px solid #dee2e6;
}

.arrowTop {
  position: absolute;
  /* right: 25px; */
  top: -15px;
  font-size: 30px;
}

.BBEditUser {
  height: 100%;
  color: white;
}

.BBEditUser svg {
  width: 1.5em;
  height: 1.5em;
}

.borderUrl {
  border: 1px solid #979797;
  border-radius: 15px;
}

.memoryOption {
  position: relative;
}

.memoryOption::before {
  content: '';
  background: #dadada;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -20px;
  top: 15px;
  border-radius: 100%;
}

.doneCls::before {
  background: #4cab3b;
}

.currentTabOpened::before {
  background: white;
  border: 4px solid #404a92;
}

.currentTabOpened span {
  color: #404a92;
  font-weight: 600;
}

.obituaryCardHeight .card {
  min-height: 380px;
  background: #EFF2F7;
  border-radius: 24px;
  justify-content: space-between;
  height: 100%;
}

.obituaryCardHeight .card button {
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
}

.width-11rem {
  width: fit-content !important;
}

.obituaryCardHeight .card button.positionUnset {
  position: unset !important;
}

@media screen and (min-width: 1160px) {
  .transform-x-80 {
    transform: translateX(-80px);
  }
}

@media screen and (min-width: 769px) {

  .mrLeftFixSideBar {
    margin-left: 300px;
    height: 100vh;
    position: fixed;
    width: calc(100% - 300px);
  }
}

@media screen and (min-width: 769px) {
  .desktop-gone-v2 {
    display: none !important;
  }
}

.vfCardReDesign video {
  border-radius: 20px;
}

/* desktop */
@media screen and (min-width: 768px) {

  .desktop-600 {
    min-width: 40vw
  }

  .collapse-card {
    padding: 35px 20px;
    margin-top: 30px;
  }


  .banner-video {
    height: auto;
    width: 100%;
    max-width: 233px;
    border-radius: 30px;
  }

  .banner-image {
    height: auto;
    max-height: 150px;
    width: 264px;
    object-fit: cover;
    object-position: top;
    margin-left: 0.5rem;
  }

  .banner-card-view {
    width: 100%;
    padding: 0px 20px 0px 20px;
    margin: auto;
    display: flex;
    background-color: white;
    border: 1px solid #88AEF9;
    justify-content: space-between;
    border-radius: 26px;
    box-shadow: 0px 4px 40px rgb(25 25 72 / 6%);
  }

  .removeBackground {
    background-color: transparent !important;
    padding: 0px !important;
    box-shadow: none !important;
  }

  .vfCardReDesign {
    padding: 0px;
    border: 0;

  }

  .vfCardReDesign video {
    border-radius: 20px;
  }

  .video-thumbnail {
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 7;
    object-fit: cover;
    position: absolute;
  }

  .video-aspect {
    min-width: 100%;
    max-width: 500px;
    height: auto;
    border-radius: 30px;
  }

  .background-image {
    background-image: url(https://bluebutterfly-assets.s3.amazonaws.com/user-dashboard/v4/background-full-min.png);
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    border-radius: 35px 0px 0px 0px;

  }


  .hp-background-image {
    background: url(https://assets.bluebutterfly.com/images/landing_bg.png) no-repeat center center;
    background-size: cover;
    height: 100%;
    overflow: hidden;
  }

  .desktop-gone {
    display: none;
  }

  .margin-top {
    margin-top: -2rem;
  }

  .desktop-center {
    justify-content: center;
    text-align: center;
  }

  .mobile-center {
    width: fit-content;
    justify-content: start !important
  }

  .center-text {
    text-align: start;
  }

  .sympathy-card-title-mobile {
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .card-header-padding {
    padding: 0.75rem .25rem;
  }
}

.hover-nochange-color :hover {
  color: #000000 !important;
}

.obituary-card-btn {
  padding: 0.9em 2em !important;
  margin-top: 20px !important;
}

.add-icon {
  margin-right: 10px;
}

.btn-text-white {
  color: #FFFFFF !important;
  ;
}

.banner-container {
  /* background: linear-gradient(100.65deg, #87AEF8 -4.75%, #27276F 106.78%); */
  background-color: #5BA339;
  position: fixed;
  top: 86px;
  /* top: 0; */
  right: 0;
  left: 0;
  /* height: 50px; */
  height: auto;
  z-index: 50;
  padding: 5px;
  width: 100%;
  margin: 0;
}

.banner-close div {
  width: 25px;
  height: 25px;
  background-size: contain;
  border-radius: 50px;
  background-position: center;
  background-color: #ffffffa6;
  background-image: url("https://bluebutterfly-assets.s3.amazonaws.com/memorial-page/icons/close-icon.svg")
}

.banner-close div:hover {
  width: 25px;
  height: 25px;
  background-size: contain;
  border-radius: 50px;
  background-position: center;
  background-color: #ffffff;
  background-image: url("https://bluebutterfly-assets.s3.amazonaws.com/memorial-page/icons/close-icon.svg")
}

.banner-close {
  /* position: fixed;
  right: 25px;
  top: 81px;
  z-index: 100;
  cursor: pointer; */
  position: absolute;
  right: 25px;
  top: 50%;
  z-index: 100;
  cursor: pointer;
  transform: translateY(-50%);
}

.banner-text {
  color: white;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  text-align: center;
  padding: 3px;
}

.word-wrap {
  word-break: break-word;
}

.fixFooter {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9;
  bottom: 0;
}

.fixFooter .row_v2 {
  padding-top: 10px;
  padding-bottom: 0px;
}

.rmWidth {
  width: auto;
  margin-right: 200px;
}

.font-size-20 {
  font-size: 20px;
}

.sympathy-card-title-mobile {
  text-align: center;
  padding: 0 5px;
}

.scroll {
  /* max-height: 1100px; */
  overflow-y: scroll;
  /* min-height: calc(100vh - 70px); */
  /* height: 100%; */
  height: calc(100vh - 70px);
}


.scrollbars::-webkit-scrollbar {
  /* todo- add scroll bar in popups */
  width: 5px
}

.add-scroll::-webkit-scrollbar {
  width: 8px;
}

/* .add-scroll:hover::-webkit-scrollbar {
  width: 10px;
} */

/* Track */
.add-scroll::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 2px transparent; */
  border-radius: 5px;
}

.add-scroll::-webkit-scrollbar-track:hover {
  /* box-shadow: inset 0 0 2px transparent; */
  border-radius: 10px;
}

/* Handle */
.add-scroll::-webkit-scrollbar-thumb {
  background: lightgray;
  border-radius: 10px;
}

/* Handle on hover */
.add-scroll::-webkit-scrollbar-thumb:hover {
  background: lightgray;
}


.scrollbars::-webkit-scrollbar {
  /* todo- add scroll bar in popups */
}

::-webkit-scrollbar {
  width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px transparent;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

.form-check-label {
  margin-left: 5px;
}

.ReactCrop__image {
  max-width: 400px !important;
  max-height: 400px !important;
  width: auto;
  height: auto;
}

#task-invites::placeholder {
  color: #575757 !important;
  opacity: 1 !important;
  font-family: "Noto Sans";
}

.crop-box-border {
  width: 400px;
  height: 400px;
  max-width: 400px;
  max-height: 400px;
  border: 1px solid lightgray;
  display: flex;
  margin: 0px auto 0px auto;
}

.stickyElemAlongMt {
  margin-top: 5em !important;
}

.whiteSpaceNoWrap {
  white-space: normal !important;
  width: 100%;
}

.profileNameWrap {
  width: calc(100% - 25px);
  justify-content: center;
}

.linkTypeText {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  text-decoration-line: underline;
  color: #27276F !important;
  cursor: pointer;
}

.dropdown-item.active,
.dropdown-item:active {
  background: linear-gradient(90deg, #87AEF8, #27276F) !important;
}

.dropdown-item.active span,
.dropdown-item:active span {
  color: white;
}

.SocialMediaShareButton {
  cursor: pointer;
}

.white-space-nowrap {
  white-space: nowrap;
}

.stylesPlusIcon {
  padding: 10px 20px 5px;
  display: flex;
  justify-content: flex-end;
}

.hideCloseIcon .modal-header {
  display: none;
}

.contactFromStyle {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.maxWidth100 {
  max-width: 100% !important;
}

.contactFormPtext {
  font-size: 16px;
  color: #596069;
  font-weight: 400;
  line-height: 28.8px;
  font-family: 'Noto Sans';
}

.contactFormLinks {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contactFormLinks a {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  color: #596069;
  font-weight: 400;
  line-height: 28.8px;
  font-family: 'Noto Sans';
  text-decoration: none;
}

.contactFormMain {
  max-width: 600px;
  width: 100%;
}

.border-1rem {
  border-radius: 1rem !important;
}

@media (max-width:991px) {
  .contactFromStyle {
    flex-direction: column;
  }

  .bb-modal-fullwidth .modal-content {
    height: 80vh;
    overflow-y: auto;
    background-clip: unset !important;
  }
}

.contact-span span {

  font-size: 16px;
  font-weight: 600;
  font-family: 'Noto Sans' !important;
}

/* .contact-span.text-white span {
  color: #fff !important;
} */

.colorCheck.contact-span span {
  color: #27276F;
}

.contact-span.hoveredText {
  background: linear-gradient(100.65deg, #87AEF8 -4.75%, #27276F 106.78%);
  border-radius: 16px;

}

.setHeight48 {
  height: 48px;
}

.setHeight100 {
  height: 100%;
}

.contact-span.hoveredText:hover {
  /* background: #D4DDE9;
  color: #596069 !important; */

}

.contact-span.hoveredText:hover span {
  /* color: #596069 !important; */
}


.tooltip-inner {
  background: #27276F;
  color: #fff;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.tooltip-arrow:before {
  border-right-color: #27276F !important;
}


button,
button span {
  font-family: 'Noto Sans' !important;
}

.cutomCardService {
  border: 1px solid #D4DDE9 !important;
  background: #FFFFFF !important;
  box-shadow: 0px 4px 40px rgb(25 25 72 / 6%) !important;
  border-radius: 32px !important;
  /* margin-bottom: 3em !important; */
  background-color: white !important;
  padding: 35px 20px !important;
  margin-top: 30px !important;
}

@media screen and (max-width: 768px) {

  .cutomCardService {
    border: 1px solid #D4DDE9 !important;
    background: #FFFFFF !important;
    box-shadow: 0px 4px 40px rgb(25 25 72 / 6%) !important;
    border-radius: 32px !important;
    /* margin-bottom: 3em !important; */
    background-color: white !important;
    padding: 0px 0px !important;
    margin-top: 30px !important;
  }

}

.disabled:hover {
  background-color: #f6f6f6 !important;
  border-color: #f6f6f6 !important;
  color: #d0d0d0 !important;
}

.disabled {
  background: #f6f6f6 !important;
  background-color: #f6f6f6 !important;
  border-color: #f6f6f6 !important;
  color: #bbbbbb !important;
}

.react-multi-carousel-track {
  display: flex !important;
  flex-wrap: wrap !important;
}

.cutomCardService:first-child {
  margin-top: 0 !important;
}

.cutomCardService .card-header {
  padding: 1.25rem 1.25rem !important;
}

.cutomCardService .card-header span {
  font-family: 'Recoleta' !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 32px !important;
  line-height: 120% !important;
  text-align: center !important;
  display: flex !important;
  align-items: center;
}

.draggableRow {
  position: relative;
}

.dragableIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  margin: -15px 0 0 !important;
}

.linearGredButton {
  /* background: linear-gradient(100.65deg, #87AEF8 -4.75%, #27276F 106.78%) !important; */
  border-radius: 16px !important;
  white-space: nowrap;
  padding: 1em 1.5em !important;
}

.flexedItemsCenter {
  height: 100%;
  display: flex;
  align-items: center;
}

.baseColorDropDown {
  font-family: 'Noto Sans' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 150% !important;
  color: #27276F !important;
  position: relative;


}

.baseColorDropDown::before {
  content: "";
  background-image: url("https://assets.bluebutterfly.com/images/add-blue.svg");
  width: 12px;
  height: 12px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.fixHeightModal .modal-content {
  /* height: 80vh; */
  height: 100%;
  overflow-y: scroll;
  background-clip: unset !important;
}

.headerModalText {
  padding: 25px 0 0 25px;
  font-size: 40px;
  font-family: 'Noto Sans' !important;
}

.cutomCardService .card-header span.fontStyleGray {
  font-family: 'Noto Sans' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 150% !important;
  color: #596069 !important;
}

.closeIconRemove .modal-header button {
  display: none;
}

.flexedCenterIcon .SocialMediaShareButton {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D4DDE9;
  width: 44px;
  height: 44px;
  border-radius: 100%;
}

.fontRecolata {
  font-family: 'Recoleta' !important;
}

.headingFontUpdatetheme {
  font-size: 40px !important;
  font-weight: 600 !important;
}

.headingFontUpdatethemeV2 {
  font-size: 28px !important;
  font-weight: 600 !important;
}

.natoSansFont {
  font-family: 'Noto Sans' !important;
}

.cardtextSec {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: calc(100% - 200px);
}

.disabledBtn button {
  cursor: not-allowed !important;
  /* opacity: 0.7; */
}

.whiteSpaceNowrap {
  white-space: nowrap;
}

input,
textarea {
  font-family: 'Noto Sans' !important;

}

button.close {
  right: 30px !important;
  top: 30px !important;
  box-shadow: 1px 2px 9px lightgrey;
  position: absolute;
  background-color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.modal-header,
.modal-content {
  position: unset !important;
}


ul,
li {
  list-style: none !important;
}

.modal-dialog.fitContentModal {
  min-width: fit-content !important;
}

.serviceFieldText {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #27276F;
  margin: 0;
}

.marginTop16 {
  margin-top: 16px;
}

.modalWidth70vw {
  max-width: 70vw !important;
  height: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.linkText {
  font-size: 15px;
  color: #3c58a9;
  font-family: "Noto Sans";
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.customSelect {
  padding-right: 22px !important;
}

.customSelect .form-group {
  margin-bottom: 0;
}

.makeScroll {
  max-height: 400px;
  overflow: auto;
}

.customSelect .form-control {
  border-radius: 16px !important;
  width: 100% !important;
  height: 50px !important;
  font-size: 16px !important;
  padding: 12px 16px !important;
  font-family: 'Noto Sans' !important;
  color: #25292E;
  text-overflow: ellipsis;
}

.whiteColor {
  color: #fff !important;
}

.cardStyleGuest {
  padding: 40px;
  box-shadow: 0px 4px 40px rgba(25, 25, 72, 0.06);
  border-radius: 32px !important;
  margin-bottom: 4rem;
}

.colFormGroup .form-group {
  margin-bottom: 0;
}

.searchInput input {
  padding: 18px 24px 18px 52px !important;
  height: 48px !important;
  max-width: 430px;
  width: 100%;
  font-family: 'Noto Sans' !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px;
  color: #596069;
  border: 1px solid #D4DDE9 !important;
  border-radius: 16px !important;
  position: relative;
  text-overflow: ellipsis;
}

.searchInput input::placeholder {
  font-family: 'Noto Sans' !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px;
  color: #596069;
}

.searchInput::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 36px;
  z-index: 1;
  background: url('https://bluebutterfly-assets.s3.amazonaws.com/guest/Vector.svg');
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

}

.actionsButtons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
}

.actionsButtonsTextSec {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: 0.3s all;
}

.actionsButtonsTextSec p {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #596069;
  margin-bottom: 0;
}

.actionsButtonsTextSec:hover p {
  color: #27276F;
}

.customTableStyle th,
td {
  white-space: nowrap;
}

.customTableStyle th {
  border-top: 0 !important;
}

.cvvCardStyle {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #C4C4C4 !important;
  height: 40px !important;
  width: 50%;
}

.pricing-disc-padding {
  padding: 0 6%;
}

.table-bordered {
  border: none !important;
}

@media (max-width:1366px) {
  .cvvCardStyle {
    width: 100%;
  }
}

@media (max-width:768px) {
  .marginY50Md {
    margin: 50px 0 !important;
  }

  .memorial-head-btn {
    margin-top: 24px !important;
  }
}

input {
  /* font-family: "Nato-Sans" !important; */
}

input::placeholder {
  /* font-family: "Nato-Sans" !important; */
}

.font500 {
  font-weight: 500 !important;
}

.border0 {
  border: 0 !important;
}

.contactusModalHomepage.bb-modal-fullwidth {
  min-width: 80vw !important;
}

.fixHeightModal.setCloseIconAbout button.close {
  right: -60px !important;
  top: -40px !important;
}

.controller-memorial_page.logged-in.main.memorial_page-memorial_page_landing_page.no-touch.page-memorial_page-memorial-page-landing-page .wrapper {
  padding-top: 86px;
}

@media (max-width:1366px) {
  .icon-scale {
    scale: 1.2;
  }
}

@media (max-width:1160px) and (min-width:768px) {

  .memorial-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 111% !important;
    padding: 20px 30px !important;
  }
}

.rounded {
  border-radius: 16px !important;
}

@media (max-width:1160px) and (min-width:768px) {
  .memorial-head-btn {
    margin-left: 0px !important;
  }
}

@media (max-width:1160px) and (min-width:769px) {
  .memorial-display {
    margin-top: 160px;
    min-width: 100%;
    padding: 0;
  }

}

@media (max-width:1160px) and (min-width:768px) {

  .need-help {
    justify-content: flex-start !important;
  }
}

@media screen and (max-width: 768px) {

  .flex-direction-mobile {
    flex-direction: column-reverse;
  }

  .font-size-nav-dropdown {
    font-size: .8em !important;
    font-weight: 400;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .customSelect {
    padding-right: 0px !important;
    margin-bottom: 10px !important;
  }

  .flex-direction-tablet {
    flex-direction: column;
  }
}

@media screen and (max-width: 375px) {
  button.close {
    top: -2px !important;
    right: 3px !important;
    opacity: 1;
  }

  .header-text-margin-response {
    margin-top: 26% !important;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .w-sm-100-mq {
    width: 80% !important;
  }

  .nav-bar-items-one {
    width: 80% !important;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .headerText-6-1-12 {
    max-width: 65% !important;
    margin-top: 7% !important;
  }
}

@media screen and (max-width: 767px) {
  .font-size-nav-dropdown {
    font-size: .8em !important;
    font-weight: 400;
    padding: 0 1em !important;
  }
}

@media (min-width: 768px) and (max-width: 1160px) {
  .mergin-top-tablet-0 {
    margin-top: 0 !important;
  }
}


@media screen and (max-width: 460px) {
  .memorial-head-btn button {
    padding: 0.7em 1em !important;
  }

  .setHeight45 {
    height: 45px;
  }

  .font-size-14 {
    font-size: 14px !important;
  }

  .border-radius-10 {
    border-radius: 10px !important;
  }

  .memorial-btn-name {
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  .contact-us-dialogue-width {
    width: 100vw !important;
  }
}

::placeholder {
  font-family: "Noto Sans" !important;
}

:-ms-input-placeholder {
  font-family: "Noto Sans" !important;
}

::-ms-input-placeholder {
  font-family: "Noto Sans" !important;
}

/* ------------published page v2--------------- */
.memorial-page-image {
  background-color: #eef4f8;
  margin-top: -80px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

.celebrating-the-life-of {
  font-size: 2.1rem !important;
  line-height: 2.5rem !important;
  font-weight: 300 !important;
}



.side-view-intro-icon:not(:hover) {
  scale: 1;
  transition: all;
  transition-duration: 1s;
  width: 100px;
  height: 100px;
  margin: 30px;
}

.side-view-intro-icon {
  scale: 1;
  width: 100px;
  height: 100px;
  margin: 30px;
}

@media screen and (min-width: 768px) {
  .side-view-intro-icon:hover {
    scale: 1.3;
    min-width: 100px;
    min-height: 100px;
    max-width: 120px;
    margin: 30px;
    max-height: 120px;
    transition: all;
    transition-duration: 500ms;
    -webkit-transition: all 500ms;
    animation: intro-rotate cubic-bezier(0.165, 0.84, 0.44, 1) 10s infinite;
    -webkit-animation: intro-rotate cubic-bezier(0.165, 0.84, 0.44, 1) 10s infinite;
  }
}

.loved-one-name {
  font-size: 99px;
  line-height: 110%;
  color: black;
}

.intro-video-icon-position {
  position: absolute;
  right: 5px;
  top: -116px;
}

.intro-video-icon-position div {
  width: 110px;
  height: 110px;
}

@media screen and (max-width: 1200px) {
  .intro-video-icon-position div {
    position: relative;
    margin: auto auto;
    width: 110px;
    height: 110px;
    width: fit-content;
    margin: 0 auto;
  }

  .intro-video-icon-position {
    width: fit-content;
    margin: 0 auto;
  }

  .celebrating-the-life-of {
    font-size: 1.6rem !important;
    line-height: 2.5rem !important;
    font-weight: 300 !important;
  }

  .intro-video-icon-position svg:first-child {
    width: 110px;
    height: 110px;
  }

  /* .intro-video-icon-position svg:nth-child(2) {
    width: 38px;
    height: 38px;
  } */

  .intro-video-icon-position {
    position: relative;
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .loved-one-name {
    font-size: 53px;
    line-height: 110%;
    color: black;
  }
}

@media screen and (max-width: 767px) {
  .memorial-white-card {
    padding: 150px 10px !important;
  }
}

.memorial-white-card {
  background-color: white;
  width: 100%;
  padding: 25px !important;
  border-radius: 30px;
  box-shadow: 0px 9px 35px #eee;
}


/* .addFontObitury p {
  font-family: "Noto Sans" !important;
  font-size: 14px !important;
} */

.addFontObitury * {
  font-size: 14px !important;
}

.addFontObitury p,
.addFontObitury p em {
  font-style: normal;
  font-family: "Noto Sans" !important;
  font-size: 18px !important;
  font-weight: 300;
  line-height: 34px;
}

.fullWidthCls {
  margin: 0px !important;
}

.newTheamCardImg {
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.font1em {
  font-size: 1.3em !important;
}

.memorial-page-card-icons {
  width: 20px;
  height: 20px;
  /* background-color: lightblue; */
  margin-right: 10px;
}

.curserPointer {
  cursor: pointer;
}

.sympthyImage img {
  height: fit-content;
  max-height: 50px;
  max-width: 202px;
  width: 100%;
  object-fit: contain;
}

.attachCard .card-header {
  display: none;
}

.videoImgHeight {
  height: 266px;
}

.attachCard {
  border-radius: 35px;
  min-height: 330px;
  max-height: 330px;
  width: 100%;
  /* max-height: 400px; */
  aspect-ratio: 1/1.2;
}

.attachCard .card-body {
  padding: 0px;
}

.videoImgThum {
  border-top-right-radius: 35px;
  border-top-left-radius: 35px;
  width: 100%;
  object-fit: fill;
}

.symptyCardDiv {
  background: white;
  border-radius: 30px;
  margin: 0px;
  padding: 20px;
  padding-top: 0px;
}

.services-share-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 11px;
  border: 2px solid black;
  cursor: pointer;
}

/* .services-share-icon {
  width: 40px;
  height: 40px;
  background-color: white;
  border: 1px solid black;
  border-radius: 15px;
  z-index: 10;
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
} */

.services-share-icon img {
  width: 20px;
}

.rsvp-button-position {
  position: relative;
  margin-top: 23px;
}

@media screen and (min-width: 1440px) {
  .rsvp-button-position {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.underline-on-hover {
  text-decoration: none;
}

.underline-on-hover:hover {
  text-decoration: underline;
}

.planeThemeHeaderLeft {
  margin-left: 10%;
}

.planeThemeHeaderRight {
  margin-right: 12.5%;
}

.gradient-button {
  background: linear-gradient(134deg, #87AEF8, #27276F) !important;
}

.condoBadge-condolence {
  background: #f9edbc !important;
  border-radius: 20px;
  padding: 5px 15px;
}

.condoBadge-memory {
  background: #FFD3A5 !important;
  border-radius: 20px;
  padding: 5px 15px;
}


.grid-container {
  columns: 1 240px !important;
  column-gap: 20px !important;
  display: block !important;
}

.captcatError {
  text-align: center;
  margin-bottom: 10px;
}

@media screen and (min-width: 800px) {

  .grid-container {
    columns: 3 240px !important;
    column-gap: 20px !important;
    display: block !important;
  }
}

@media screen and (min-width: 1528px) {
  .grid-container {
    columns: 3 240px !important;
    column-gap: 20px !important;
    display: block !important;
  }
}

.memories__description {
  padding: 20px 15px 10px !important;
}

.liItem {
  display: inline-block !important;
  width: 100% !important;
  margin: 20px 0px !important;
  margin-top: 0 !important;
}

.liItem .memories {
  /* height: 100%; */
  border-radius: 30px !important;
  box-shadow: 0px 0px 20px lightgray !important;
}

.gradient-button:hover {
  background: linear-gradient(134deg, #87AEF8, #27276F) !important;
  color: white !important;
}

.viewAllBtn {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 2px;
}

/*  */

.my-masonry-grid {
  display: flex;
  /* margin-left: -16px; */
  width: 100%;
}

.my-masonry-grid_column {
  padding-left: 12px;
  padding-right: 12px;
  background-clip: padding-box;
}

.my-masonry-item {
  margin-bottom: 30px;
}


@-webkit-keyframes intro-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes intro-rotate {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

/* @keyframes intro-rotate-back {

  100% {
    rotate: 0deg;
  }
} */

.hover-intro-icon:not(:hover) {
  scale: 1;
  transition: all;
  transition-duration: 1s;
  /* animation: intro-rotate-back 10s infinite; */
}

.hover-intro-icon {
  scale: 1;
}

@media screen and (min-width: 768px) {
  .hover-intro-icon:hover {
    scale: 1.7;
    transition: all;
    transition-duration: 500ms;
    -webkit-transition: all 500ms;
    animation: intro-rotate cubic-bezier(0.165, 0.84, 0.44, 1) 10s infinite;
    -webkit-animation: intro-rotate cubic-bezier(0.165, 0.84, 0.44, 1) 10s infinite;
  }
}


/*  */
.blue-filled {
  color: white !important;
  background: linear-gradient(134deg, #87AEF8, #27276F) !important;
}

.blue-outlined {
  color: #27276f !important;
  background-color: transparent !important;
  box-shadow: inset 0 0 0px 1px #27276f !important;
}

.blue-outlined-rounded {
  color: #27276f !important;
  background-color: transparent !important;
  box-shadow: inset 0 0 0px 1px #27276f !important;
  border-radius: 10px !important;
  padding: 10px 46px !important;
  width: fit-content !important;
}

.aspect-sympathy-gifts {
  aspect-ratio: 1/0.9 !important;
}

.max-width-1140 {
  max-width: 1400px;
}

.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sympathyContentCenter {
  flex-direction: column;
  align-items: center;
}

.sympthyImage {
  position: relative;
  /* bottom: -5px; */
  left: 0;
  right: 0;
}

.serviceLogoMargin {
  margin-top: 0rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

.create-post-title {
  font-size: 20px;
  font-weight: 700;
  padding-left: 10px;
}

.tribute-memorial .memories {
  min-height: 0 !important;
}


.input-5-1-194 {
  background: #e7f1f7 !important;
}

.button-5-1-24:hover {
  color: white !important;
}

.custom-dropdown {
  background-color: #E7f1f7 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  height: 45px !important;
}

.custom-ghost-input {
  box-shadow: none !important;
  border: 1px solid lightgray !important;
  border-radius: 20px !important;
  padding-top: 10px;
  padding-left: 10px;
}

.custom-ghost-input::placeholder {
  color: lightgray !important;
}

.custom-input-outlined {
  background: white !important;
  border: 1px solid lightgray !important;
  box-shadow: none !important;
  border-radius: 50px !important;
}

.max-w-930 {
  max-width: 930px !important;
}

@media screen and (max-width: 992px) {

  .nav-bar-height-compact {
    height: fit-content;
  }

  .nav-bar-height-normal {
    height: fit-content;
  }
}

@media screen and (min-width: 992px) {

  .nav-bar-height-compact {
    height: 70px;
  }

  .nav-bar-height-normal {
    height: fit-content;
  }

}

.drag_drop_box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  border-radius: 30px;
  min-height: 342px;
  border: 1px dashed lightgray;
  background-color: #F1F7FA;
  position: relative;
}

.drag_drop_box .content-wrap {
  opacity: 0;
  position: absolute;
  max-width: unset;
}


.attachmentSection {
  max-width: unset;
  position: relative;
}

.attachmentSection .forAttachDiv {
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 20px;
  bottom: 20px;
  margin: 0;
  opacity: 0;
}

.attachmentSection .forAttachDiv .video-uploader-v2 {
  height: 320px;
}


.attachmentSection .animated {
  position: absolute;
  width: 100%;
  top: 20px;
  border: 1px dashed lightgray;
  background-color: #F1F7FA;
  border-radius: 30px;
  padding: 8px;
}

.pb-112px {
  padding-bottom: 75px !important;
}

.attachments-item {
  padding: 13px;
  width: 100%;
  max-width: 532px;
  margin: 21px 0px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid lightgray;
  border-radius: 15px;
  display: flex;
}


.media-icon-style {
  width: fit-content;
  height: fit-content;
  margin: 0 5px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid lightgray;
  padding: 4px 17px 4px 4px;
  border-radius: 20px;
  display: flex;
  align-items: center;
}

.media-icon-style img {
  width: 33px;
  border-radius: 20px;
  padding: 5px;
  object-fit: contain;
  background-color: #f2f2ed;
}

.custom-dialog-borders {
  display: flex !important;
  border-radius: 20px !important;
  padding: 33px !important;
  width: 100% !important;
  max-width: 669px !important;
}

.post-create-content {
  text-align: left !important;
  color: rgb(81 81 81) !important;
  font-size: small !important;
  font-weight: 400;
  font-family: "Noto Sans" !important;
}

.zoom-out {
  zoom: 80%;
}

.memories-gallary {
  object-fit: cover !important;
  width: 100% !important;
  max-width: 300px !important;
  height: 100% !important;
  max-height: 255px !important;
  object-position: center !important;
}

.minHeightInSlide {
  height: 500px;
  margin: 10px;
}

.fullscreen .minHeightInSlide {
  height: 100vh !important;
}

.fullscreen .minHeightInSlide img {
  height: 100% !important;
}

.textInSlider {
  height: 100%;
  white-space: break-spaces;
  padding: 20px 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 7px 2px #88888866;
  border-radius: 10px;
}

.textInSlider span {
  font-size: 1.1em;
  line-height: 1.7rem;
  font-weight: 500 !important;
}

.removeShadow .textInSlider {
  box-shadow: none !important;
}

.loved-one-profile-photo {
  /* width: 100%;
  height: 100%; */
  width: 300px;
  height: 300px;
  margin-top: 0px;
  border-radius: 50%;
}

.loved-one-profile-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

@media screen and (max-width: 1024px) {
  .loved-one-profile-photo {
    margin-top: 0px;
  }
}

.z-1 {
  z-index: 1;
}

.loved-one-profile-photo-left-right {
  width: 380px !important;
  height: 380px !important;
  border-radius: 50%;
}

.hero-height-adjust {
  min-height: 820px;
}

@media screen and (min-width: 1201px) {
  .hero-height-adjust {
    min-height: 643px;
  }
}

@media screen and (max-width: 592px) {

  .loved-one-profile-photo-left-right {
    width: 280px !important;
    height: 280px !important;
    border-radius: 50%;
  }

}

@media screen and (max-width: 1092px) {

  .loved-one-profile-photo-left-right {
    width: 280px !important;
    height: 280px !important;
    border-radius: 50%;
  }

}

.center-col-center-aligned {
  width: 100%;
  max-width: 1400px;
  min-width: 30%;
  margin-left: auto;
  margin-right: auto;
}

.center-col-side-aligned {
  width: 100%;
  max-width: 1400px;
  min-width: 30%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 400px) {
  .btnGroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    /* top: 75px; */
  }

  .btnGroup .custom_dropdown,
  .custom_dropdown button{
    width: 100%
  }
}

.btnGroup {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  /* top: 75px; */
}

.mtpCls{
  margin-bottom: 5px;
  display: inline-block;
}

@media screen and (max-width: 1200px) {
  .previewSection{
    margin-top: 20px;
  }
}

.previewSection{
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: end;
  background-color: #ECF4F981;
  border-radius: 16px;
  padding: 15px;
}

.previewSection img{
  width: 140px;
  height: 85px;
  border-radius: 14px;
}
.previewSection .txtDiv{
  margin-right: 14px;
}

.selected-theme-checkmark {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background-color: #53a155;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -3px;
  right: -6px;
}

.themeRowCard{
  padding: 28px 0px 0px 0px;
}
.themeRowCard::before {
  height: 1px;
  left: -100px;
  content: '';
  right: -100px;
  position: absolute;
  background-color: #E3E3E3;
  top: 0px;
}
.textWraping{
  max-width: 200px;
  display: block;
}

.laurel-leaf-left{
  height: 100%;
  width: 40%;
  position: absolute;
  left: -14%;
  bottom: 0;
  vertical-align: bottom !important;
}

.laurel-leaf-right{
  height: 100%;
  width: 40%;
  position: absolute;
  right: -14%;
  bottom: 0;
  vertical-align: bottom !important;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  /* background-color: #ccc; */
}

.celebrating-lines-left{
  height: 100%;
  width: auto;
  margin-right: 4px;
}

.celebrating-lines-right{
  height: 100%;
  width: auto;
  margin-left: 4px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.left-15 {
  left: -15px !important
}

.right-15 {
  right: -15px !important
}

.recommendedBadge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(120deg, #87AEF8, #27276F);
  background-size: 200% 200%; /* Add this line */
  color: white;
  font-size: 12px;
  padding: 2px 30px;
  border-radius: 3px;
  animation: Gradient 5s ease infinite;
}



.black-white-btn {
  background-color: white !important;
  color: black !important;
  padding: 10px 20px !important;
}

@media screen and (max-width: 1024px) {
  .preview-banner {
    padding: 5px 0px 0px !important;
    flex-direction: column;
  }
  
  .preview-banner img{
    width: auto !important;
    height: 31px !important;
  }
  
  .preview-banner span{
    font-size: 12px;
    text-align: center;
    margin: 4px 0 !important;
  }

  .preview-banner button {
    display: none !important;
  }
}

/* Public Disclaimer Modal Start */
.disclaimerModalDiv{
  margin: 35px 20px 0px 20px;
}

.disclaimerModalDiv ul.mainUl{
    padding-top: 16px;
    padding-left: 18px !important;
    margin-bottom: 0px;
}
.disclaimerModalDiv ul.subUl{
  padding-left: 22px !important;
}

.disclaimerModalDiv ul.mainUl li{
  padding-left: 6px;
  padding-bottom: 14px;
  list-style-type: auto !important;
}

.disclaimerModalDiv ul.subUl li{
  padding-bottom: 14px;
  list-style-type: circle !important;
}

.disclaimerModalDiv li::marker{
  font-family: "Noto Sans";
  font-weight: 400;
}

.disclaimerCheckbox input{
  width: 18px;
  height: 18px;
}
.disclaimerCheckbox .form-check-label{
  margin-top: 3px;
  margin-left: 10px;
}

/* Public Disclaimer Modal End */
bb-modal-open {
  overflow: hidden;
}

.bb-modal-open .bb-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.bb-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.border-30 {
  border-radius: 30px;
}

.dialog-shadow {
  box-shadow: 0px 5px 20px #e0e0e0;
}


.bb-modal-v2 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  display: none;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  outline: 0;
}



/* mobile */
@media screen and (max-width: 768px) {
  .mobile-full {
    width: 100% !important;
    min-width: 100% !important
  }

  .bb-modal-v2 {
    width: 100% !important;
  }
}


.bb-modal-dialog {
  position: relative;
  max-width: 80%;
  margin: 15rem 0.5rem 0.5rem 0.5rem;
  pointer-events: none;
  padding-top: 5% !important;
  height: auto !important
}

.bb-modal.fade .bb-modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

.bb-modal-small {
  max-width: 60vw !important;
  height: auto;
}

.bb-modal-small-old{
  width: 100% !important;
  max-width: 930px !important;
  height: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.modal-dialog.bb-modal-disclaimerModal{
  width: 100% !important;
  max-width: 950px !important;
  height: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.bb-modal-themeSeeAllModal{
  width: 100% !important;
  max-width: 1130px !important;
  height: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.bb-modal-medium-custom {
  max-width: 75vw !important;
  height: auto;
}

.minWidth-medium {
  max-width: 40vw !important;
  height: auto;
}

.new-small-dialog{
  width: 100% !important;
  max-width: 740px !important;
  height: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.new-medium-dialog {
  width: 50vw;
  /* max-width: 60vw !important; */
  height: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

@media (prefers-reduced-motion: reduce) {
  .bb-modal.fade .bb-modal-dialog {
    transition: none;
  }
}

.bb-modal.show .bb-modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.bb-modal.bb-modal-static .bb-modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.bb-modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.bb-modal-dialog-scrollable .bb-modal-content {
  /* max-height: calc(100vh - 1rem); */
  overflow: hidden;
}

.bb-modal-dialog-scrollable .bb-modal-header,
.bb-modal-dialog-scrollable .bb-modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.bb-modal-dialog-scrollable .bb-modal-body {
  overflow-y: auto;
}

.bb-modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.bb-modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.bb-modal-dialog-centered.bb-modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.bb-modal-dialog-centered.bb-modal-dialog-scrollable .bb-modal-content {
  max-height: none;
}

.bb-modal-dialog-centered.bb-modal-dialog-scrollable::before {
  content: none;
}

.bb-modal-content {
  border-radius: 0.8em !important;
  border: unset !important;
  /* margin-top: 15%; */
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  resize: both;
}

.bb-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.bb-modal-backdrop.fade {
  opacity: 0;
}

.bb-modal-backdrop.show {
  opacity: 0.5;
}

.bb-modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.bb-modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.bb-modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.bb-modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.bb-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.bb-modal-footer>* {
  margin: 0.25rem;
}

.bb-modal-scrollbar-measure {
  /* position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; */
}

@media (min-width: 576px) {
  .bb-modal-dialog {
    margin: -5rem auto;
  }

  .bb-modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }

  .bb-modal-dialog-scrollable .bb-modal-content {
    /* max-height: calc(100vh - 3.5rem); */
  }

  .bb-modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .bb-modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }

  .bb-modal-sm {
    max-width: 300px;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .bb-modal-content {
    /* margin-top: 14rem; */
  }

  .bb-modal-dialog {
    margin: 0;
    max-width: 100% !important;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 1307px) {
  .bb-modal-dialog {
    /* margin: 39rem auto; */
    max-width: 80%;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 1307px) {
  .mobile-full {
    width: 100% !important;
    min-width: 100% !important
  }

  .minWidth-medium {
    min-width: 40vw !important;
    height: auto;
  }
  .bb-modal-widthVideoModal50vw {
    min-width: 50vw !important;
    max-width: 50vw !important;
    height: auto;
  }
}

.bb-modal-fullHeight {
  /* height: 95vh !important; */
  /* overflow-y: scroll !important; */
}

.modal-header {
  padding: 0;
  height: fit-content;
  border: 0;
  font-size: 'Recoleta' !important;
}

.setCloseIcon button.close {
  right: 0 !important;
}

button.close {
  top: 25px;
  width: 30px;
  height: 30px;
  background-image: url("https://bluebutterfly-assets.s3.amazonaws.com/memorial-page/icons/close-icon.svg") !important;
}

.bb-modal-fullwidth {
  min-width: 90vw !important;
}
.bb-model-contact-us{
  width: 100% !important;
  max-width: 1122px !important;
  transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.bb-model-readings{
  min-width: 75vw;
  max-width: 75vw;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040 !important;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal {
  z-index: 1050 !important;
}

.customClassFixWidth .modal-dialog {
  max-width: 60vw !important;
  height: auto;
  width: 100% !important;
  min-width: 100% !important;
  padding: 3rem !important;
}

.customClassFixWidth .modal-content {
  position: unset !important;
  width: 100% !important;
  min-width: 100% !important;
  border-radius: 30px !important;
  box-shadow: 0px 5px 20px #e0e0e0;
}

.customClassFixWidth .modal-content__in {
  position: unset !important;
}

.bb-modal-autoHeight {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 50vw !important;
  max-width: 50vw;
  margin: 0 auto;
  height: auto;
}

.bb-modal-autoHeight .modal-content {
  height: auto;
  overflow-y: scroll;
  background-clip: unset !important;
  /* min-height: auto;
  height: auto; */
  /* max-width: fit-content;
  width: auto !important;
  min-width: fit-content !important; */
}
.paddingBottom0 {
  padding-bottom: 0 !important;
}
.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none!important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent!important;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:.3125em;border-bottom-left-radius:.3125em}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color .1s ease-out;border:none;border-radius:0;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.card__item_v2 {
  display: inline-block;
  padding: 30px 30px 30px 45px;
  width: 100%;
  vertical-align: top;
  border: 1px solid #ebebeb;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.15);
}

.card__item_v2,
.vf_item_v2 {
  border: 3px solid #ebebeb;
}

.card__item__in_v2 {
  position: relative;
  min-height: 54px;
}

.card__icon_v2 {
  width: 54px;
  top: 0;
  left: 0;
}

.card__icon_v2 img {
  width: 100%;
}

.card__description_v2 {
  padding: 0 0 0 99px;
  width: 100%;
}

.card__description__text_v2 {
  float: left;
  padding: 5px 0 0;
  width: 330px;
}

.card__description__text_v2,
.big-text_v2 {
  font-size: 1.3em;
  color: #5b6a7c;
  font-weight: bold;
}

.card__description__text_v2,
.no_description_v2 {
  padding: 15px 0 0;
}

.card__description__text_v2,
.tribute_text_v2 p {
  font: 28px "Noto Sans" !important;
  margin: 0;
  margin-top: 13px !important;
}

.card__description__text_v2,
.tribute_text_in_service_v2 p {
  font: 18px "Noto Sans" !important;
  margin: 0;
  margin-top: 12px !important;
}

.card__description__buttons,
.btn {
  min-width: unset !important;
}

.cards_v2 {
  margin: 0;
  padding: 0;
}

.cards_v2 li {
  margin: 0 0 12px;
  list-style-type: none;
}

.cards_v2:last-child {
  margin: 0;
}

.content_text_v2 p {
  font: 18px "Noto Sans";
}

.bb-card-shadow {
  box-shadow: "0 2px 7px 0 rgba(0,0,0,0.15)";
}

.bb-card-placeholder {
  border: 2px dashed #349afe !important;
}

.fixed-height {
  height: 26em !important;
}
.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }
  .ReactCrop:focus {
    outline: none; }
  .ReactCrop--disabled, .ReactCrop--locked {
    cursor: inherit; }
  .ReactCrop__image {
    display: block;
    max-width: 100%;
    touch-action: manipulation; }
  .ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    cursor: move;
    box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
    touch-action: manipulation;
    border: 1px solid;
    border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
    border-image-slice: 1;
    border-image-repeat: repeat; }
    .ReactCrop--disabled .ReactCrop__crop-selection {
      cursor: inherit; }
    .ReactCrop--circular-crop .ReactCrop__crop-selection {
      border-radius: 50%;
      box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5); }
  .ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none; }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.4); }
  .ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
    width: 1px;
    height: 100%; }
  .ReactCrop__rule-of-thirds-vt::before {
    left: 33.3333%;
    left: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-vt::after {
    left: 66.6666%;
    left: calc(100% / 3 * 2); }
  .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
    width: 100%;
    height: 1px; }
  .ReactCrop__rule-of-thirds-hz::before {
    top: 33.3333%;
    top: calc(100% / 3); }
  .ReactCrop__rule-of-thirds-hz::after {
    top: 66.6666%;
    top: calc(100% / 3 * 2); }
  .ReactCrop__drag-handle {
    position: absolute; }
    .ReactCrop__drag-handle::after {
      position: absolute;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0.2);
      border: 1px solid rgba(255, 255, 255, 0.7);
      box-sizing: border-box;
      outline: 1px solid transparent; }
  .ReactCrop .ord-nw {
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: nw-resize; }
    .ReactCrop .ord-nw::after {
      top: 0;
      left: 0; }
  .ReactCrop .ord-n {
    top: 0;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: n-resize; }
    .ReactCrop .ord-n::after {
      top: 0; }
  .ReactCrop .ord-ne {
    top: 0;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: ne-resize; }
    .ReactCrop .ord-ne::after {
      top: 0;
      right: 0; }
  .ReactCrop .ord-e {
    top: 50%;
    right: 0;
    margin-top: -5px;
    margin-right: -5px;
    cursor: e-resize; }
    .ReactCrop .ord-e::after {
      right: 0; }
  .ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    margin-bottom: -5px;
    margin-right: -5px;
    cursor: se-resize; }
    .ReactCrop .ord-se::after {
      bottom: 0;
      right: 0; }
  .ReactCrop .ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: s-resize; }
    .ReactCrop .ord-s::after {
      bottom: 0; }
  .ReactCrop .ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -5px;
    margin-left: -5px;
    cursor: sw-resize; }
    .ReactCrop .ord-sw::after {
      bottom: 0;
      left: 0; }
  .ReactCrop .ord-w {
    top: 50%;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    cursor: w-resize; }
    .ReactCrop .ord-w::after {
      left: 0; }
  .ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit; }
  .ReactCrop__drag-bar {
    position: absolute; }
    .ReactCrop__drag-bar.ord-n {
      top: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-top: -3px; }
    .ReactCrop__drag-bar.ord-e {
      right: 0;
      top: 0;
      width: 6px;
      height: 100%;
      margin-right: -3px; }
    .ReactCrop__drag-bar.ord-s {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      margin-bottom: -3px; }
    .ReactCrop__drag-bar.ord-w {
      top: 0;
      left: 0;
      width: 6px;
      height: 100%;
      margin-left: -3px; }
  .ReactCrop--new-crop .ReactCrop__drag-bar,
  .ReactCrop--new-crop .ReactCrop__drag-handle,
  .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
    display: none; }
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
  .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
    display: none; }
  @media (pointer: coarse) {
    .ReactCrop .ord-n,
    .ReactCrop .ord-e,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
      display: none; }
    .ReactCrop__drag-handle {
      width: 24px;
      height: 24px; } }
.video-uploader-container-v2 {
  width: 100%;
  height: 300px;
  border: 4px dashed #349afe;
  border-radius: 20px;
  overflow: hidden;
  background: url(https://assets.bluebutterfly.com/images/bg/upload-video.png)
    no-repeat center;
  background-size: 120px;
}

.video-uploader-container-v2 .memories-container {
  height: 215px;
}

.video-uploader-container-v2.vf-upload-v2 {
  max-width: 700px;
  border: 3px solid #45587e;
  background: url(https://assets.bluebutterfly.com/images/bg/uploader-vf.png)
    no-repeat center;
  background-size: 120px;
}

.video-uploader-container-v2 .memories-v2 {
  border: 2px dashed #349afe !important;
  border-radius: 2px;
}

.video-uploader-container-v2:hover {
  background: url(https://assets.bluebutterfly.com/images/bg/upload-video.png)
    no-repeat center #9fa3a826;
  background-size: 120px;
}

.video-uploader-container-v2.vf-upload-v2:hover {
  background: url(https://assets.bluebutterfly.com/images/bg/uploader-vf.png)
    no-repeat center #9fa3a826;
  background-size: 120px;
}

.video-uploader-container-v2 .vf-uploader-text {
  font: 23px "Noto Sans";
  color: #349afe;
  text-align: center;
  position: relative;
  top: -105px;
}

.video-uploader-container-v2 .vf-uploader-text {
  font: 23px "Noto Sans";
  color: #349afe;
  text-align: center;
  position: relative;
  top: -105px;
}

.video-uploader-container-v2 .vf-uploader-text.vf{
  color: #45587e;
}

.video-uploader-container-v2 .fp-text-v2 {
  font: 14px "Noto Sans";
}

.vf-error-upload-v2 {
  color: #dd6b2a;
  font: 12px "Noto Sans";
  text-transform: uppercase;
  text-align: center;
  padding: 16px;
  border-radius: 5px;
  background: white;
  margin-top: 20px;
}

.video-uploader-v2 {
  position: relative;
  left: -40px;
  top: -40px;
  width: 110%;
  height: 220px;
  cursor: pointer;
}

.video-uploader-v2 button {
  visibility: hidden;
}

.video-uploader-progress-v2 {
  padding: 200px 0 0 0;
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: url(https://assets.bluebutterfly.com/images/bg/video-vf.png)
    no-repeat center;
  background-size: 120px;
  text-align: center;
  color: #45587E;
  font: 18px "Noto Sans";
  animation: fadeInKey 2s infinite;
}

.video-uploader-progress-v2 .share-memory-modal {
  animation: none;
  padding: unset;
  height: 200px;
  font: 14px "Noto Sans";
}

.advanced-cropper {
  background-color: white !important;
}
.border-3 {
  border-width: 3px !important;
}

.test-screenshot {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-bottom: 67%;
}

.image-carousel-item-margin {
  margin-top: 5%;
}

.description-carousel-item {
  margin-bottom: 5%;
  margin-top: 18%;
  text-align: justify;
}

.row-carousel-margins {
  margin-left: 11%;
  margin-right: 11%;
  margin-top: 7%;
  margin-bottom: 5%;
}

.height-100 {
  height: 100%;
}

.select-panel_v2 {
  margin: 0 0 30px;
}
.select_v2 {
  width: 160px;
}
.virtual_funeral_panel_v2 {
  margin: 0 0 10px;
}

.virtual-funeral-height-carousel {
  height: 520px;
}

.songs-row-v2 .title_row {
  position: relative;
  top: 40px;
}
.vf-slot {
  cursor: pointer;
  margin-top: 64px;
  width: 100%;
  height: 220px;
  border: 4px dashed #349afe;
  border-radius: 10px;
  overflow: hidden;
  background: image-url("https://assets.bluebutterfly.com/images/bg/  -b.png")
    no-repeat center white;
  background-size: 120px;
  transition: all 0.2s ease-in-out;
}

.vf-slot:hover {
  transform: scale(1.1) !important;
  background-size: 120px;
}

.vf-slot-text {
  font: 20px "Noto Sans";
  color: #349afe;
  text-align: center;
  position: relative;
  top: 160px;
}

.virtual-funeral-content {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.virtual-funeral-content-description {
  background-color: white;
  width: 100%;
  height: 60px;
  padding: 14px 5px 25px 10px;
  border-bottom: 1px solid #8080804d;
  position: relative;
  top: -25px;
}

.virtual-funeral-content-description,
.title_d {
  font: 18px "Noto Sans";
  margin-bottom: 0px !important;
}
.virtual-funeral-content-description,
.description_d {
  font: 16px "Noto Sans";
  margin-bottom: 20px !important;
}

.tipsBox {
  padding: 25px;
  background-color: white;
  border: 2px solid #f3f4f5;
  text-align: center;
  border-radius: 11px;
}
.title {
  font: 18px "Noto Sans";
}
.description {
  font: 18px "Noto Sans";
}
.change-package {
  color: #5b6a7c;
  font: 16px "Noto Sans";
  line-height: 26px;
  cursor: pointer;
}

.title-carousel-element-v2 {
  font-size: 17px !important;
  text-align: center;
  line-height: 91% !important;
}

.text-modal-vf p {
  font: 20px "Noto Sans" !important;
}
.vf-error-upload {
  color: #dd6b2a;
  font: 12px "Noto Sans";
  text-transform: uppercase;
  text-align: center;
  padding: 16px;
  border-radius: 5px;
  background: white;
  margin-top: 20px;
}

.vf_title_v2 {
  font: 1.4em "Noto Sans" !important;
  color: #5dadfe !important;
}

.vf_item_v2 {
  border: 3px solid #ebebeb;
}
.comp0 {
  border: 3px solid #5dadfe;
}

.move-down {
  background: url("https://assets.bluebutterfly.com/images/bg/title-arrow.svg")
    no-repeat center;
  background-size: 21px;
  width: 100%;
  height: 50%;
  cursor: pointer;
}

.move-up {
  background: url("https://assets.bluebutterfly.com/images/bg/steps-arrow.svg")
    no-repeat center;
  background-size: 21px;
  width: 100%;
  height: 50%;
  cursor: pointer;
}

.vf-alert-message {
  background-color: orange;
  color: white;
  font-weight: bolder;
}

.carrousel-play-btn-v2 {
  width: 55px;
  height: 55px;
  background: url(https://assets.bluebutterfly.com/images/bg/play-bt.svg) center
    no-repeat;
  position: relative;
  top: 75px;
}

.carrousel-element-description-v2 {
  text-align: center;
  padding-top: 5%;
}

.virtual-funeral-content-description-v2 {
  background-color: white;
  width: 100%;
  height: 60px;
  padding: 14px 5px 25px 10px;
  border-bottom: 1px solid #8080804d;
  position: relative;
  top: -25px;
}

.vf-error-upload-v2 {
  color: #dd6b2a;
  font: 12px "Noto Sans";
  text-transform: uppercase;
  text-align: center;
  padding: 16px;
  border-radius: 5px;
  background: white;
  margin-top: 20px;
}

.Vf-uploader-input-v2 {
  box-shadow: none !important;
  padding: 0 15px;
  height: 40px;
  font-family: "Noto Sans" !important;
  line-height: 40px;
  font-size: 16px;
  border: 1px solid #dfdfdf !important;
  margin-bottom: 15px !important;
}

.Vf-uploader-input-v2.vf-border-5 {
  border-radius: 5px !important;
  font: 13px "Noto Sans" !important;
  color: #0d0f10 !important; 
}

.virtual-funeral-content-description-v2,
.title_d-v2 {
  margin-bottom: 2% !important;
}
.virtual-funeral-content-description-v2 .description_d-v2 {
  margin-bottom: 20px !important;
}

.vf-slot-v2 {
  cursor: pointer;
  margin-top: 64px;
  width: 100%;
  height: 220px;
  border: 4px dashed #349afe;
  border-radius: 10px;
  overflow: hidden;
  background: url(https://assets.bluebutterfly.com/images/bg/plus-b.png)
    no-repeat center white;
  background-size: 120px;
  transition: all 0.2s ease-in-out;
}

.vf-slot-v2:hover {
  transform: scale(1.1) !important;
  background-size: 120px;
}

.vf-slot-v2 .vf-slot-text-v2 {
  font: 20px "Noto Sans";
  color: #349afe;
  text-align: center;
  position: relative;
  top: 160px;
}

.carrousel-element-v2 {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-right: 3%;
}

.carrousel-element-v2:hover {
  transform: scale(1.1) !important;
  opacity: 0.8;
}
.carrousel-element-v2 .no-thumb-v2 {
  border: 1px solid #8080804d;
  border-radius: 15px;
  position: relative;
  top: 50px;
  margin-bottom: 100px !important;
}

img {
  vertical-align: top;
}

.vf-user-item-type {
  font-size: 150%;
  color: #45587e;
}

.vf-user-item-info-box {
  margin-left: 5px;
}

.vf-user-item-price {
  font-size: 184%;
}

.vf-user-item-title {
  font-size: 135%;
  color: #45457d;
  margin: 0;
  margin-top: 7px;
  line-height: 15px;
}

.vf-user-item-title.prev {
  font-size: 26px;
  line-height: 26px;
}
.vf-user-item-duration {
  font-size: 100%;
}

.vf-user-item-description {
  font-size: 125%;
  margin: 0;
}

.vf-card-icon-box {
  width: 50px;
  height: 50px;
}

.vf-card-icon-img {
  width: 50px;
  height: 50px;
}
.vf-card-icon-action {
  width: 1.7em;
  height: 1.7em;
  cursor: pointer;
}

.vf-card-grey {
  color: #5b6a7c;
}

.vf-bottom-message {
  font-size: 340% !important;
  margin-top: 0px !important;
}

.vf-top-message {
  color: #2a2877;
  font-family: "Noto Sans" !important;
  font-size: 3em;
  letter-spacing: -2.4px;
}

.vf-dark-font-color {
  color: #45587e !important;
}

.vf-blue-font-color {
  color: #0a7cbd !important;
}

.vf-paid-message {
  font-size: 37;
  margin-bottom: 20;
}

.back-button-size {
  padding: 14px 16px;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.link-panel {
  position: relative;
  padding: 38px 38px 0 38px;
  z-index: 10;
}

.tribute-tips-text-alig {
  text-align: justify;
  text-justify: inter-word;
}

.tribute-intro-text {
  font-size: 120%;
}

.tribute-intro-row {
  margin-left: 0% !important;
  padding-left: 0% !important;
}

.readings-search-input {
  border-color: #0a7cbd !important ;
  border-width: thin !important;
  width: 25% !important;
  margin-left: -5% !important;
}

.vf-hamburger-handle {
  background-image: url("https://bluebutterfly-assets.s3.amazonaws.com/vf-assets/menu.png");
  background-repeat: no-repeat;
  padding-bottom: 70%;
  cursor: pointer;
  margin-left: 55%;
  padding-bottom: 100%;
  background-size: 30px;
}

.vf-invitation-modal-center-footer {
  margin: 0 15%;
}

.short-included-elements {
  display: none;
}

.dropdown-menu {
  min-width: 15em;
  filter: drop-shadow(0px 4px 20px rgba(78, 93, 118, 0.25));
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  /* .full-included-elements {
    display: none;
  } */

  .short-included-elements {
    padding-left: 0.8rem !important;
    display: inline-block;
  }

  .virtual-funeral-intro-mg-button {
    margin-bottom: 15% !important;
  }
  .virtual-funeral-intro-text-left {
    text-align: left !important;
  }
  .pad-bot-5 {
    padding-bottom: 5% !important;
  }
  .margin-top-title-mq {
    margin-top: 28% !important;
  }
  .vf-margin-bot-arrow-mq {
    margin-bottom: 12% !important;
  }

  .vf-card-carousel {
    margin-top: 9% !important;
  }

  .readings-search-input-mq {
    width: 75% !important;
    margin-left: 2% !important;
  }

  .vf-readings-intro-mq {
    margin-left: 8% !important;
    text-align: justify !important;
  }

  .vf-readings-intro-row-mq {
    margin-top: 3% !important;
  }

  .vf-grey {
    color: #3a3a3a;
  }
}

.mw-3vh {
  max-width: 3vh;
}

.underline {
  text-decoration: underline;
}


.vf-content-information {
  margin-left: 15px;
}

.h-25px {
  height: 25px;
}

.vf-content-duration {
  margin-top: 20px;
  margin-left: 0px;
}

.vf-content-read-more-button {
  display: block;
}

.vf-desktop-description {
  display: none;
}

.vf-content-type {
  color: #22355D;
  font-size: 0.8em !important;
}

.paragraphs-preview p {
  margin: 0;
  font-family: "Lato";
  font-weight: 400;
  line-height: normal;
  font-size: 0.8em;
  margin: 0.5em 0;
}

.starting-at-text {
  display: none;
}

.check-out-bottom-button {
  width: 100%;
}

:target::before {
  content: "";
  display: block;
  height: 200px; /* fixed header height*/
  margin: -60px 0 0; /* negative fixed header height */
}

.d-none::after {
  content: unset !important;
}

.vf-dropdown-toggle[aria-expanded="true"]{
  color: transparent !important
}

.dropdown-menu.vf-dropdown.show {
  inset: -3.4em auto auto 0px !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {   
  .check-out-bottom-button {
    width: inherit !important;
  }

  .starting-at-text {
    display: block;
  }
  .vf-content-type {
    font-size: 1em !important;
  }

  .vf-content-duration {
    margin-top: 10px;
    margin-left: 65px;
  }

  .vf-content-read-more-button {
    display: none;
  }

  .vf-desktop-description {
    display: block;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 1307px) {
  .vf-padding-cards {
    padding-top: 1em !important;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .testimonial-image {
    width: 10% !important;
  }
}
.bb-btn-v2 {
  height: 50px;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px;
  margin-bottom: 30px;
  color: #fff;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  display: block;
  box-shadow: 0 4px 5.5px 0 rgba(0, 0, 0, 0.07);
  width: 100%;
  max-width: 400px;
  background: linear-gradient(134deg, #87AEF8, #27276F);
  font: 16px "Noto Sans";
  text-align: center;
}

.bb-btn-v2.vf {
  background: none;
  background: linear-gradient(134deg, #87AEF8, #27276F);
  border-radius: 16px;
  padding: 13px 43px 13px 43px;
  border: 0;
  box-shadow: unset;
}

.bb-btn-v2.vf-secondary {
  background: none;
  background-color: white;
  border: 2px solid #0a7cbd;
  color: #0a7cbd;
  border-radius: 16px;
  padding: 13px 43px 13px 43px;
  box-shadow: unset;
}

button:disabled,
button[disabled],
button:disabled:hover,
button[disabled]:hover,
button:disabled *,
button[disabled] *,
button:disabled:hover *,
button[disabled]:hover *{
  border: 0 !important;
  background: #ccc !important;
  background-color: #ccc !important;
  color: #666 !important;
}

.bb-btn-v2 .remove {
  background: #e05050 !important;
}
.bb-btn-v2 .bb-upload-icon {
  height: 28px;
  width: 28px;
  background: url(https://assets.bluebutterfly.com/images/bg/upload.png) center
    no-repeat;
  background-size: 28px;
}

.bb-btn-v2 .bb-add-icon {
  height: 28px;
  width: 28px;
  background: url(https://assets.bluebutterfly.com/images/bg/plus.png) center
    no-repeat;
  background-size: 28px;
}
.bb-btn-v2 .bb-change-icon {
  height: 28px;
  width: 28px;
  background: url(https://assets.bluebutterfly.com/images/bg/change.png) center
    no-repeat;
  background-size: 28px;
}

.bb-btn-v2 .bb-export-icon {
  height: 28px;
  width: 28px;
  background: url(https://assets.bluebutterfly.com/images/bg/export.png) center
    no-repeat;
  background-size: 28px;
}

.bb-btn-v2 .bb-remove-icon {
  height: 28px;
  width: 28px;
  background: url(https://assets.bluebutterfly.com/images/bg/close-c.png) center
    no-repeat;
  background-size: 28px;
}

.bb-btn-v2 .bb-upload-txt {
  font: 16px "Noto Sans";
  position: relative;
  top: -20px;
}

.bb-btn-v2:hover {
  opacity: 0.6;
}

.btn-v2 {
  display: inline-block;
  margin: 0;
  padding: 22px 30px;
  vertical-align: top;
  color: #fff;
  font: 16px "Noto Sans";
  border: 0;
  border-radius: 5px;
  background: linear-gradient(134deg, #87AEF8, #27276F);
  box-shadow: 0 2px 2px 0 rgba(131, 131, 131, 0.6);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.btn-v2 .secondary {
  color: #27276F;
  background: white;
  border: 1px solid #27276F;
  padding: 21px 30px;
}

.btn-v2 .secondary:hover {
  color: #27276F;
}
.btn-v2 .color-red {
  background: linear-gradient(117deg, #f5455b, #f8223d);
}

.btn-v2 .black {
  background: rgb(236, 236, 236);
  background: linear-gradient(
    180deg,
    rgba(236, 236, 236, 1) 0%,
    rgba(97, 97, 97, 1) 100%
  );
  color: black;
}
.btn-v2 .black:hover,
.btn-v2 .black:hover:focus,
.btn-v2 .black:hover:active {
  color: black;
}

.btn-v2:hover,
.btn-v2:focus,
.btn-v2:active {
  color: white;
  outline: none !important;
}

.btn-v2:hover {
  box-shadow: 0 8px 18px 0 rgba(82, 82, 82, 0.6);
}

.btn-v2:focus,
.btn-v2:active {
  background: linear-gradient(134deg, #87AEF8, #27276F);
  box-shadow: 0 2px 10px 0 rgba(13, 89, 176, 0.6);
}

.btn-v2 .md-size {
  padding: 19px 15px;
  min-width: 214px;
}

.btn-v2 .small-size .to-right {
  float: right;
  margin-top: 13px;
}
.btn-v2 .small-size .violet {
  background: #660066;
  padding: 14px 16px;
  font-size: 16px;
}
.btn-v2 .small-size .card {
  padding: 10px 13px 7px;
  font-size: 13px;
  margin: 2px;
  margin-top: 10px;
  box-shadow: 0 2px 4px 0 rgba(131, 131, 131, 0.6);
}

.btn-v2 .small-size .arrow-icon {
  position: relative;
  padding-right: 38px;
}

.btn-border-v2 {
  display: inline-block;
  margin: 0;
  padding: 22px 30px;
  vertical-align: top;
  color: #fff;
  font: 16px "Noto Sans";
  border: 0;
  border-radius: 5px;
  background: linear-gradient(134deg, #87AEF8, #27276F);
  border: 2px linear-gradient(134deg, #87AEF8, #27276F) solid;
}

.btn-border-v2:hover {
  color: #27276F;
  opacity: 0.8;
}

.btn-border-v2 .md-size {
  padding: 19px 15px;
  min-width: 214px;
}
.btn-border-v2 .small-size {
  padding: 15px 25px;
  font-size: 16px;
}

.bb-alternative-primary {
  background: linear-gradient(134deg, #87AEF8, #27276F) !important;
  padding: 0.675rem 1.5rem !important;
  border: 0 !important;
  color: white !important;
  border-radius: 9px !important;
  box-shadow: unset !important;
}

.bb-alternative-secondary {
  background: white !important;
  padding: 0.675rem 1.5rem !important;
  border: 1px solid #27276F !important;
  border-radius: 9px !important;
  box-shadow: unset !important;
  color: #004872 !important;
}

.bb-outlined {
  background: transparent;
  border: 1px solid #6F7C96;
  border-radius: 30px;
  box-shadow: unset;
  color: #6F7C96;
  padding: 0.4rem 1.1rem !important;
}

.bb-outlined:hover {
  background: #27276F;
  color: white;
  box-shadow: unset;
}

.bb-primary-homepage {
  background-color: #81b0ff;
  border-radius: 16px;
  padding: 0.7rem 4rem !important;
}

.bb-secondary-homepage {
  box-shadow: unset;
  padding: 0.4rem 1.1rem !important;
  background: transparent;
  border-radius: 8px;
  border: 1px solid #22355d;
  background: white;
}

.fixed-bottom {
  position: absolute;
  bottom: 1.5em;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.width-165 {
  width: 165px;
}

.width-204 {
  width: 204px;
}


.no-border {
  border: none !important;
}

.add-new-element-arrow-expanded::after {
  transform: rotate(-180deg);
}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
  .testimonial-image {
    width: 25% !important;
  }
}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
  .bb-primary-homepage {
    padding: 0.7rem 1.7rem !important;
  }
}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
}

/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
}

@media (min-width: 991.98px) {
}
.advanced-cropper-line-wrapper--north, .advanced-cropper-line-wrapper--south {
  height: 12px;
  width: 100%; }

.advanced-cropper-line-wrapper--north {
  cursor: n-resize; }

.advanced-cropper-line-wrapper--south {
  cursor: s-resize; }

.advanced-cropper-line-wrapper--east, .advanced-cropper-line-wrapper--west {
  width: 12px;
  height: 100%; }

.advanced-cropper-line-wrapper--east {
  cursor: e-resize; }

.advanced-cropper-line-wrapper--west {
  cursor: w-resize; }

.advanced-cropper-line-wrapper--disabled {
  cursor: auto; }

.advanced-cropper-line-wrapper__content {
  position: absolute; }
  .advanced-cropper-line-wrapper__content--east, .advanced-cropper-line-wrapper__content--west {
    height: 100%; }
  .advanced-cropper-line-wrapper__content--north, .advanced-cropper-line-wrapper__content--south {
    width: 100%; }
  .advanced-cropper-line-wrapper__content--east {
    left: 50%;
    transform: translateX(-100%); }
  .advanced-cropper-line-wrapper__content--west {
    right: 50%;
    transform: translateX(100%); }
  .advanced-cropper-line-wrapper__content--north {
    top: 50%; }
  .advanced-cropper-line-wrapper__content--south {
    bottom: 50%; }

.advanced-cropper-handler-wrapper {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px; }
  .advanced-cropper-handler-wrapper__draggable {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .advanced-cropper-handler-wrapper--west-north {
    cursor: nw-resize; }
  .advanced-cropper-handler-wrapper--north {
    cursor: n-resize; }
  .advanced-cropper-handler-wrapper--east-north {
    cursor: ne-resize; }
  .advanced-cropper-handler-wrapper--east {
    cursor: e-resize; }
  .advanced-cropper-handler-wrapper--east-south {
    cursor: se-resize; }
  .advanced-cropper-handler-wrapper--south {
    cursor: s-resize; }
  .advanced-cropper-handler-wrapper--west-south {
    cursor: sw-resize; }
  .advanced-cropper-handler-wrapper--west {
    cursor: w-resize; }
  .advanced-cropper-handler-wrapper--disabled {
    cursor: auto; }

.advanced-cropper-bounding-box {
  position: relative;
  height: 100%;
  width: 100%; }
  .advanced-cropper-bounding-box__handler-wrapper {
    position: absolute; }
    .advanced-cropper-bounding-box__handler-wrapper--east, .advanced-cropper-bounding-box__handler-wrapper--west {
      top: 50%;
      transform: translateY(-50%);
      height: 100%; }
    .advanced-cropper-bounding-box__handler-wrapper--south, .advanced-cropper-bounding-box__handler-wrapper--north {
      left: 50%;
      transform: translateX(-50%);
      width: 100%; }
    .advanced-cropper-bounding-box__handler-wrapper--west, .advanced-cropper-bounding-box__handler-wrapper--west-north, .advanced-cropper-bounding-box__handler-wrapper--west-south {
      left: 0; }
    .advanced-cropper-bounding-box__handler-wrapper--east, .advanced-cropper-bounding-box__handler-wrapper--east-north, .advanced-cropper-bounding-box__handler-wrapper--east-south {
      left: 100%; }
    .advanced-cropper-bounding-box__handler-wrapper--north, .advanced-cropper-bounding-box__handler-wrapper--west-north, .advanced-cropper-bounding-box__handler-wrapper--east-north {
      top: 0; }
    .advanced-cropper-bounding-box__handler-wrapper--south, .advanced-cropper-bounding-box__handler-wrapper--west-south, .advanced-cropper-bounding-box__handler-wrapper--east-south {
      top: 100%; }
  .advanced-cropper-bounding-box__handler {
    position: absolute; }
    .advanced-cropper-bounding-box__handler--west-north {
      left: 0;
      top: 0; }
    .advanced-cropper-bounding-box__handler--north {
      left: 50%;
      top: 0; }
    .advanced-cropper-bounding-box__handler--east-north {
      left: 100%;
      top: 0; }
    .advanced-cropper-bounding-box__handler--east {
      left: 100%;
      top: 50%; }
    .advanced-cropper-bounding-box__handler--east-south {
      left: 100%;
      top: 100%; }
    .advanced-cropper-bounding-box__handler--south {
      left: 50%;
      top: 100%; }
    .advanced-cropper-bounding-box__handler--west-south {
      left: 0;
      top: 100%; }
    .advanced-cropper-bounding-box__handler--west {
      left: 0;
      top: 50%; }
  .advanced-cropper-bounding-box__line {
    position: absolute; }
    .advanced-cropper-bounding-box__line--north, .advanced-cropper-bounding-box__line--south {
      left: 0;
      transform: translateY(-50%); }
    .advanced-cropper-bounding-box__line--north {
      top: 0; }
    .advanced-cropper-bounding-box__line--south {
      top: 100%; }
    .advanced-cropper-bounding-box__line--west, .advanced-cropper-bounding-box__line--east {
      top: 0;
      transform: translateX(-50%); }
    .advanced-cropper-bounding-box__line--west {
      left: 0; }
    .advanced-cropper-bounding-box__line--east {
      left: 100%; }

.advanced-cropper-artificial-transition {
  will-change: transform; }

.advanced-cropper-background-image {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  transform-origin: center;
  pointer-events: none;
  max-width: none !important; }

.advanced-cropper-canvas {
  display: none; }

.advanced-cropper-source {
  width: 1px;
  height: 1px;
  visibility: hidden;
  position: absolute;
  opacity: 0; }

.advanced-cropper-fade {
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  display: flex;
  flex-direction: column; }
  .advanced-cropper-fade--visible {
    opacity: 1;
    visibility: visible; }

.advanced-cropper-wrapper__fade {
  flex-grow: 1;
  min-height: 0; }

.advanced-cropper-stencil-grid {
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
  opacity: 0;
  transition: opacity 0.3s; }
  .advanced-cropper-stencil-grid--visible {
    opacity: 1; }
  .advanced-cropper-stencil-grid__row {
    display: table-row; }
  .advanced-cropper-stencil-grid__cell {
    display: table-cell;
    width: 1%;
    height: 1%;
    border: currentColor solid 1px; }
    .advanced-cropper-stencil-grid__cell--top {
      border-top-color: transparent; }
    .advanced-cropper-stencil-grid__cell--left {
      border-left-color: transparent; }
    .advanced-cropper-stencil-grid__cell--right {
      border-right-color: transparent; }
    .advanced-cropper-stencil-grid__cell--bottom {
      border-bottom-color: transparent; }

.advanced-cropper-stencil-overlay {
  box-sizing: content-box;
  box-shadow: 0 0 0 1000px currentColor;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden; }

.advanced-cropper-stencil-wrapper {
  will-change: transform; }

.advanced-cropper-boundary {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  direction: ltr;
  position: relative; }
  .advanced-cropper-boundary__content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .advanced-cropper-boundary__stretcher {
    pointer-events: none;
    position: relative;
    max-width: 100%;
    max-height: 100%; }

.advanced-cropper-circle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: content-box;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d; }
  .advanced-cropper-circle-stencil__overlay {
    border-radius: 50%;
    overflow: hidden; }
  .advanced-cropper-circle-stencil__preview {
    border-radius: 50%; }
  .advanced-cropper-circle-stencil__draggable-area, .advanced-cropper-circle-stencil__overlay, .advanced-cropper-circle-stencil__preview, .advanced-cropper-circle-stencil__grid {
    position: absolute;
    height: 100%;
    width: 100%; }
  .advanced-cropper-circle-stencil--movable {
    cursor: move; }

.advanced-cropper-rectangle-stencil {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d; }
  .advanced-cropper-rectangle-stencil__draggable-area, .advanced-cropper-rectangle-stencil__overlay, .advanced-cropper-rectangle-stencil__preview, .advanced-cropper-rectangle-stencil__grid {
    position: absolute;
    height: 100%;
    width: 100%; }
  .advanced-cropper-rectangle-stencil--movable {
    cursor: move; }

.advanced-cropper-simple-line {
  background: none;
  border-width: 0; }
  .advanced-cropper-simple-line--south, .advanced-cropper-simple-line--north {
    height: 0;
    width: 100%; }
  .advanced-cropper-simple-line--east, .advanced-cropper-simple-line--west {
    height: 100%;
    width: 0; }
  .advanced-cropper-simple-line--east {
    border-right-width: 1px; }
  .advanced-cropper-simple-line--west {
    border-left-width: 1px; }
  .advanced-cropper-simple-line--south {
    border-bottom-width: 1px; }
  .advanced-cropper-simple-line--north {
    border-top-width: 1px; }

.advanced-cropper-simple-handler {
  display: block; }

.advanced-cropper-preview {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column; }
  .advanced-cropper-preview__content {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .advanced-cropper-preview__image {
    display: none;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transform-origin: center;
    max-width: none !important; }
    .advanced-cropper-preview__image--visible {
      display: block; }
  .advanced-cropper-preview__boundary {
    flex-grow: 1;
    min-height: 0;
    min-width: 0; }

.cropper-preview-wrapper__fade {
  flex-grow: 1;
  min-height: 0;
  width: 100%; }

.advanced-cropper {
  overflow: hidden;
  max-height: 100%;
  background: black;
  position: relative;
  display: flex;
  flex-direction: column;
  color: white; }
  .advanced-cropper__boundary {
    flex-grow: 1;
    min-height: 0;
    min-width: 0; }
  .advanced-cropper__wrapper, .advanced-cropper__background-wrapper {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  .advanced-cropper__stencil-wrapper {
    position: absolute; }
  .advanced-cropper * {
    box-sizing: border-box; }

.advanced-cropper-simple-handler {
  background: currentColor;
  height: 10px;
  width: 10px; }

.advanced-cropper-simple-line {
  transition: border 0.5s;
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid; }
  .advanced-cropper-simple-line--hover {
    border-color: white; }

.advanced-cropper-circle-stencil__preview {
  border: solid 2px rgba(255, 255, 255, 0.2); }

.advanced-cropper-stencil-overlay {
  color: rgba(0, 0, 0, 0.5); }

.advanced-cropper-stencil-grid {
  color: rgba(255, 255, 255, 0.4); }
.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@media(hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{display:inline-block;width:calc(100% - 110px)}@media(max-width: 768px){.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{display:inline-block;vertical-align:top;width:100px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{width:81px}}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 5px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media(max-width: 768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;transform:translateY(-50%);white-space:normal;width:100%}@media(max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}
.carousel-control-prev,
carousel-control-next {
  bottom: 20% !important;
}

.carousel-control-prev,
.carousel-control-next {
  bottom: 20% !important;
}

.arrow-buttons {
  color: white;
  background-color: #0A7CBD;
  font-size: 3em !important;
  border-radius: 50%;
}

.captions {
  color: white !important;
  font-size: 1.5em;
  text-align: justify;
}

.slideshow-backdrop {
  opacity: 0.9 !important;
}

/* .carousel-item {
  background-color: white !important;
} */

.carousel-wrapper {
  height: 55vh;
  position: relative;
}

.carousel-container {
  margin-top: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slideshow-video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: inherit;
  height: fit-content;
  z-index: -100;
  background-size: cover;
  overflow: hidden;
}

.slideshow-content {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
}

.width-height-100 {
  width: 100%;
  height: 100%;
}
.bb-modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.bb-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.navbar .dropdown-toggle {
  color: #000 !important;
}

.cstmBadge .MuiBadge-anchorOriginTopRightRectangle {
  top: -10px;
  padding: 0 0.75em;
}

.whiteColor {
  background-color: white;
}

.transparant {
  background-color: transparent;
}

.drop-list-left .BBNavBarDropdown-dropdown-1-1-9 {
  left: -7rem !important;
}

.nav-p-x {
  padding-left: 2rem;
  padding-right: 2rem;
}

.nav-height{
  height: 70px
}
.nav-icon {
  width: 26px;
  height: 26px;
  margin-top: auto;
  margin-bottom: auto;
}

.dropdown-menu-icon {
  width: 37px;
  height: 37px;
}

.arrow-right-icon {
  width: 20px ;
  height: 20px;
}

.vertical-divider {
  height: 33px;
  width: 1.5px;
  background-color: #e6e6e6;
  margin-top: auto;
  margin-bottom: auto;
}

.divider {
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

.mobile-nav-font {
  font-size: 19px;
  font-weight: 500;
}

/* desktop */
@media screen and (min-width: 768px) {
  .desktop-gone {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .desktop-gone-v2 {
    display: none !important;
  }
}

@media screen and (min-width: 991px) {
  .desktop-gone-v3 {
    display: none !important;
  }

}

@media screen and (max-width: 935px) {
  .nav-bar-items-mq {
    font-size: 0.8em !important;
    font-weight: 400 !important;
    padding: 0.4em;
  }
}

@media screen and (max-width: 991px) {
  .mobile-full-height {
    height: 100vh;
    overflow: scroll;
  }

  .transparant {
    background-color: white;
  }
  /* .font-size-1em,.font-size-1em * {
    font-size: 19px !important;
    font-weight: 400 !important;
    padding: 0.4em;
  } */
}
@media screen and (max-width: 768px) {

  .font-size-1em,.font-size-1em * {
    font-size: .8em !important;
    font-weight: 400 !important;
    padding: 0.4em;
  }

  .nav-p-x {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }


.nav-height{
  height: fit-content
}
}

.forleft .dropdown-menu.show{
  left: -12em;
  top: 40px;
}

.dropdown-menu.show .dropdown-item:active hr{
  background: transparent!important;
}

.img-rotate{
  transform: rotate(270deg);
}
.headerStyleRes {
  white-space: nowrap;
}
@media (max-width:1480px) {
  .headerStyleRes {
  padding-left: 3% !important;
  }
}
@media (max-width:1380px) {
  .headerStyleRes {
  padding-left: 3% !important;
  }
  
}
@media (max-width:1280px) {
  .headerStyleRes {
 white-space: normal;
  }
}
.button-0-1-50 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-51 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-51:hover {
  box-shadow: none;
}

.button-0-1-52 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-53 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-53:hover {
  box-shadow: none;
}

.button-0-1-77 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-78 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-78:hover {
  box-shadow: none;
}

.button-0-1-88 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-89 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-89:hover {
  box-shadow: none;
}

.button-0-1-99 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-100 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-100:hover {
  box-shadow: none;
}

.button-0-1-110 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-111 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-111:hover {
  box-shadow: none;
}

.button-0-1-158 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-159 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-159:hover {
  box-shadow: none;
}

.button-0-1-160 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-161 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-161:hover {
  box-shadow: none;
}

.button-0-1-165 {
  border: unset;
  padding: 1.075rem 1.5rem;
  border-radius: 0.75em;
}
.buttonText-0-1-166 {
  font-size: 1em;
  font-family: Noto Sans;
  font-weight: 400;
}
.buttonText-0-1-166:hover {
  box-shadow: none;
}

.button-0-1-48 {
  color: white;
  background: #8A6558;
}

.button-0-1-75 {
  color: white;
  background: #8A6558;
}

.button-0-1-86 {
  color: white;
  background: #8A6558;
}

.button-0-1-97 {
  color: white;
  background: #8A6558;
}

.button-0-1-108 {
  color: white;
  background: #8A6558;
}

.button-0-1-49 {
  color: #8A6558;
  border: 1px solid rgba(255, 255, 255, 0.01);
  background: rgba(255, 255, 255, 0.35);
}

.button-0-1-76 {
  color: #8A6558;
  border: 1px solid rgba(255, 255, 255, 0.01);
  background: rgba(255, 255, 255, 0.35);
}

.button-0-1-87 {
  color: #8A6558;
  border: 1px solid rgba(255, 255, 255, 0.01);
  background: rgba(255, 255, 255, 0.35);
}

.button-0-1-98 {
  color: #8A6558;
  border: 1px solid rgba(255, 255, 255, 0.01);
  background: rgba(255, 255, 255, 0.35);
}

.button-0-1-109 {
  color: #8A6558;
  border: 1px solid rgba(255, 255, 255, 0.01);
  background: rgba(255, 255, 255, 0.35);
}

.s-userDashboardCard-0-1-162 {
  border: 1px solid #DADADA !important;
  border-radius: 8px ;
}
.s-userDashboardCard-0-1-162.selected {
  border: 3px solid #27276F !important;
}
.s-UserDashboardCardNew-0-1-163 {
  border: 1.5px solid #D4DDE9;
  background: #FFFFFF;
  border-radius: 24px;
}
.s-UserDashboardCardNew-0-1-163.selected {
  border: 3px solid #28a745 !important;
  box-shadow: 0px 8px 20px #eeee;
}

.S-smallPhoto-0-1-26 {
  display: none;
}
.S-loveOneButtonsSmall-0-1-27 {
  display: none;
}
.S-largePhoto-0-1-28 {
  display: block;
}
.S-blueDefault-0-1-29 {
  color: #81B0FF;
}
.S-pinkDefault-0-1-30 {
  color: #EA38B8;
}
.S-purpleDefault-0-1-31 {
  color: #954EB8;
}
.S-bbPlane-0-1-32 {
  color: #13317C;
}
.S-bbPlaneDark-0-1-33 {
  color: #25292E;
}
.S-bbNormalBlue-0-1-34 {
  color: #27276F;
}
.S-headerSection-0-1-35 {
  margin-bottom: 3em;
}
.S-loveOneImageDiv-0-1-36 {
  width: 300px;
  height: 300px;
  margin-right: 4em;
  border-radius: 50%;
  margin-bottom: 2em;
}
.S-loveOneImage-0-1-37 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.S-headerContainer-0-1-38 {
  width: 100%;
  padding: 7em 1em 2em 1em;
  box-shadow: none;
}
.S-headerContainerV2-0-1-39 {
  width: 100%;
  padding: 12em 1em 2em 1em;
  box-shadow: none;
  align-items: center;
  justify-content: center;
}
.S-loveOneTitle-0-1-40 {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.S-loveOneName-0-1-41 {
  font-size: 3rem;
  line-height: 2.8rem;
}
.S-loveOneDates-0-1-42 {
  font-size: 1.5em;
}
.S-loveOneBio-0-1-43 {
  font-size: 1.15em;
}
.S-loveOneButtons-0-1-44 {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
}
.S-loveOneButton-0-1-45 {
  font-size: 1em !important;
}
.S-shareButtonLarge-0-1-46 {
  display: block;
}
.S-shareButton-0-1-47 {
  display: none;
}
@media screen and (max-width: 1378px) {
  .S-loveOneButton-0-1-45 {
    font-size: 0.90em !important;
  }
  .S-loveOneImageDiv-0-1-36 {
    width: 300px;
    height: 300px;
    margin: auto !important;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1278px) {
  .S-loveOneButton-0-1-45 {
    font-size: 0.85em !important;
  }
}
@media screen and (max-width: 1200px) {
  .S-loveOneButton-0-1-45 {
    width: 100%;
  }
  .S-loveOneImageDiv-0-1-36 {
    width: 300px;
    height: 300px;
    margin: auto !important;
    border-radius: 50%;
  }
  .S-largePhoto-0-1-28 {
    display: none;
  }
  .S-loveOneDates-0-1-42 {
    text-align: center;
  }
  .S-smallPhoto-0-1-26 {
    display: flex;
    justify-content: center !important;
  }
}
@media screen and (max-width: 998px) {
  .S-headerSection-0-1-35 {
    max-height: 790px;
  }
  .S-loveOneImageDiv-0-1-36 {
    width: 200px;
    height: 200px;
    margin-right: 4em;
    border-radius: 50%;
  }
  .S-loveOneTitle-0-1-40 {
    font-size: 1.75rem;
    line-height: 1.75rem;
  }
  .S-loveOneName-0-1-41 {
    font-size: 2.25rem;
    line-height: 2rem;
  }
  .S-loveOneDates-0-1-42 {
    font-size: 1.10em;
    text-align: center;
  }
  .S-loveOneBio-0-1-43 {
    font-size: 0.85em;
  }
  .S-loveOneButton-0-1-45 {
    font-size: 0.75em !important;
  }
}
@media screen and (max-width: 768px) {
  .S-headerSection-0-1-35 {
    padding: 1em 1em !important;
    max-height: 800px;
    margin-bottom: 3em;
  }
  .S-loveOneImageDiv-0-1-36 {
    width: 300px;
    height: 300px;
    margin: auto !important;
    border-radius: 50%;
  }
}
@media screen and (max-width: 580px) {
  .S-headerSection-0-1-35 {
    max-height: 830px;
    margin-bottom: 3em;
  }
  .S-headerContainer-0-1-38 {
    padding-bottom: 0;
  }
  .S-loveOneImageDiv-0-1-36 {
    width: 300px;
    height: 300px;
    margin-left: 2em !important;
    margin-right: 2em !important;
  }
  .S-loveOneTitle-0-1-40 {
    font-size: 1.25rem;
    line-height: 1.35rem;
  }
  .S-loveOneName-0-1-41 {
    font-size: 1.75rem;
    line-height: 1.50rem;
  }
  .S-loveOneDates-0-1-42 {
    margin: auto;
    display: inline-block;
    font-size: 0.90em;
    text-align: center;
  }
  .S-loveOneBio-0-1-43 {
    font-size: 0.85em;
  }
  .S-loveOneButton-0-1-45 {
    position: relative;
    font-size: 0.70em;
  }
  .S-shareButton-0-1-47 {
    width: 30%;
    margin: 0 40% 0 35% !important;
    display: block;
    padding-left: 2.1em;
    padding-right: 2.1em;
  }
  .S-smallPhoto-0-1-26 {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
  }
  .S-loveOneButtonsSmall-0-1-27 {
    width: 100%;
    display: flex;
    list-style-type: none;
  }
}
@media screen and (max-width: 500px) {
  .S-headerSection-0-1-35 {
    max-height: 800px;
    margin-bottom: 3em;
  }
  .S-loveOneImageDiv-0-1-36 {
    width: 300px;
    height: 300px;
    margin-left: 2em !important;
    margin-right: 2em !important;
  }
  .S-loveOneTitle-0-1-40 {
    font-size: 1.30rem;
    margin-top: 0;
    line-height: 1.8rem;
  }
  .S-loveOneName-0-1-41 {
    font-size: 2rem;
    line-height: 1.8rem;
  }
  .S-loveOneDates-0-1-42 {
    font-size: 1.1em;
  }
  .S-loveOneBio-0-1-43 {
    font-size: 1em;
  }
  .S-smallPhoto-0-1-26 {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
  }
  .S-largePhoto-0-1-28 {
    display: none;
  }
  .S-loveOneButton-0-1-45 {
    width: 100%;
    margin: 1em auto !important;
  }
  .S-loveOneButtonsSmall-0-1-27 {
    width: 100%;
    display: flex;
    list-style-type: none;
  }
  .S-shareButton-0-1-47 {
    width: 30%;
    margin: 0 40% 0 35% !important;
    padding-left: 2.1em;
    padding-right: 2.1em;
  }
}
@media screen and (max-width: 450px) {
  .S-loveOneImageDiv-0-1-36 {
    width: 200px;
    height: 200px;
    margin-top: 1em !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .S-headerSection-0-1-35 {
    max-height: 900px;
    margin-left: 0 !important;
  }
  .S-smallPhoto-0-1-26 {
    display: block;
  }
  .S-largePhoto-0-1-28 {
    display: none;
  }
  .S-loveOneTitle-0-1-40 {
    font-size: 1.20rem;
    margin-top: 0em !important;
    line-height: 1.8rem;
  }
  .S-loveOneName-0-1-41 {
    font-size: 1.9rem;
    line-height: 1.8rem;
  }
  .S-loveOneButton-0-1-45 {
    margin: 0.50em auto !important;
  }
  .S-shareButton-0-1-47 {
    width: 40%;
    margin: 0 30% !important;
    padding-left: 2.1em;
    padding-right: 2.1em;
  }
}

.l-obituaryText-0-1-54 {
  font-size: 1.2em !important;
  font-family: Noto Sans;
}
.l-obituaryButton-0-1-55 {
  font-size: 1.1em !important;
  font-family: Noto Sans;
}

.d-shareButton-0-1-112 {
  width: 20px;
  height: 20px;
  padding: 0 !important;
  margin-top: 0.5em;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-x: center;
}
.d-textCenter-0-1-113 {
  text-align: center;
}
.d-servicesDateSection-0-1-114 {
  padding: 0 !important;
}
.d-servicesLinkSection-0-1-115 {
  font-size: 1.1em !important;
  max-height: 320px;
  text-align: center;
  padding-top: 1rem;
  background-color: #f5f5f5;
}
.d-servicesLinkSectionNew-0-1-116 {
  font-size: 1.1em !important;
  min-height: 275px;
  text-align: center;
  padding-top: 1rem;
  background-color: #ffffff;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.d-imgDiv-0-1-117 {
  height: 250px;
}
.d-servicesURLSection-0-1-118 {
  padding: 2em 0 1em 0;
  text-align: center;
  line-height: 150%;
}
.d-servicesLink-0-1-119 {
  margin: 0.50em 0;
  text-align: center;
}
.d-servicesLinkInfo-0-1-120 {
  padding: 0em 0 0.5em 0.5em;
  text-align: center;
}
.d-rsvpButtons-0-1-121 {
  margin: 0 auto;
  padding: 0em 1em 2em;
  text-align: center;
}
.d-buttonRSVP-0-1-122 {
  padding: 0.625rem 1.25rem;
}
.d-infoText-0-1-123 {
  white-space: pre-line;
}
@media screen and (max-width: 1300px) {
  .d-servicesLinkSection-0-1-115 {
    font-size: 0.85em !important;
    max-height: 320px;
  }
  .d-servicesLinkInfo-0-1-120 {
    font-size: 1.1em !important;
  }
  .d-servicesURLSection-0-1-118 {
    padding: 1.5em 0 0.75em;
  }
  .d-infoText-0-1-123 {
    font-size: 0.90em !important;
  }
  .d-shareButton-0-1-112 {
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
}
@media screen and (max-width: 998px) {
  .d-servicesURLSection-0-1-118 {
    padding: 1em 0 0.75em;
    font-size: 0.85em;
  }
  .d-servicesLinkSection-0-1-115 {
    font-size: 1em !important;
    max-height: 274px;
  }
  .d-servicesLinkInfo-0-1-120 {
    font-size: 1em !important;
  }
  .d-buttonRSVP-0-1-122 {
    padding: 0.425rem 1.10rem;
    font-size: 0.85em;
  }
  .d-infoText-0-1-123 {
    font-size: 0.85em !important;
  }
  .d-shareButton-0-1-112 {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .d-shareButton-0-1-112 {
    width: 12px;
    height: 12px;
    margin-top: 0px !important;
    background-size: 12px;
  }
  .d-servicesURLSection-0-1-118 {
    padding: 1.5em 0 0.75em;
    font-size: 1.2em !important;
  }
  .d-servicesLinkSection-0-1-115 {
    font-size: 0.65em !important;
  }
  .d-servicesLinkInfo-0-1-120 {
    font-size: 1em !important;
  }
  .d-buttonRSVP-0-1-122 {
    padding: 0.325rem 0.95rem;
    font-size: 0.85em;
  }
  .d-infoText-0-1-123 {
    font-size: 0.75em !important;
  }
}

.p-shareButton-0-1-124 {
  width: 20px;
  height: 20px;
  padding: 0 !important;
  margin-top: 0.5em;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-x: center;
}
.p-textCenter-0-1-125 {
  text-align: center;
}
.p-servicesDateSection-0-1-126 {
  padding: 0 !important;
}
.p-servicesLinkSection-0-1-127 {
  font-size: 1.1em !important;
  max-height: 320px;
  text-align: center;
  padding-top: 1rem;
  background-color: #f5f5f5;
}
.p-servicesLinkSectionNew-0-1-128 {
  font-size: 1.1em !important;
  min-height: 275px;
  text-align: center;
  padding-top: 1rem;
  background-color: #ffffff;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.p-imgDiv-0-1-129 {
  height: 250px;
}
.p-servicesURLSection-0-1-130 {
  padding: 2em 0 1em 0;
  text-align: center;
  line-height: 150%;
}
.p-servicesLink-0-1-131 {
  margin: 0.50em 0;
  text-align: center;
}
.p-servicesLinkInfo-0-1-132 {
  padding: 0em 0 0.5em 0.5em;
  text-align: center;
}
.p-rsvpButtons-0-1-133 {
  margin: 0 auto;
  padding: 0em 1em 2em;
  text-align: center;
}
.p-buttonRSVP-0-1-134 {
  padding: 0.625rem 1.25rem;
}
.p-infoText-0-1-135 {
  white-space: pre-line;
}
@media screen and (max-width: 1300px) {
  .p-servicesLinkSection-0-1-127 {
    font-size: 0.85em !important;
    max-height: 320px;
  }
  .p-servicesLinkInfo-0-1-132 {
    font-size: 1.1em !important;
  }
  .p-servicesURLSection-0-1-130 {
    padding: 1.5em 0 0.75em;
  }
  .p-infoText-0-1-135 {
    font-size: 0.90em !important;
  }
  .p-shareButton-0-1-124 {
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
}
@media screen and (max-width: 998px) {
  .p-servicesURLSection-0-1-130 {
    padding: 1em 0 0.75em;
    font-size: 0.85em;
  }
  .p-servicesLinkSection-0-1-127 {
    font-size: 1em !important;
    max-height: 274px;
  }
  .p-servicesLinkInfo-0-1-132 {
    font-size: 1em !important;
  }
  .p-buttonRSVP-0-1-134 {
    padding: 0.425rem 1.10rem;
    font-size: 0.85em;
  }
  .p-infoText-0-1-135 {
    font-size: 0.85em !important;
  }
  .p-shareButton-0-1-124 {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .p-shareButton-0-1-124 {
    width: 12px;
    height: 12px;
    margin-top: 0px !important;
    background-size: 12px;
  }
  .p-servicesURLSection-0-1-130 {
    padding: 1.5em 0 0.75em;
    font-size: 1.2em !important;
  }
  .p-servicesLinkSection-0-1-127 {
    font-size: 0.65em !important;
  }
  .p-servicesLinkInfo-0-1-132 {
    font-size: 1em !important;
  }
  .p-buttonRSVP-0-1-134 {
    padding: 0.325rem 0.95rem;
    font-size: 0.85em;
  }
  .p-infoText-0-1-135 {
    font-size: 0.75em !important;
  }
}

.I-shareButton-0-1-56 {
  width: 20px;
  height: 20px;
  padding: 0 !important;
  margin-top: 0.5em;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-x: center;
}
.I-textCenter-0-1-57 {
  text-align: center;
}
.I-servicesDateSection-0-1-58 {
  padding: 0 !important;
}
.I-servicesLinkSection-0-1-59 {
  font-size: 1.1em !important;
  max-height: 320px;
  text-align: center;
  padding-top: 1rem;
  background-color: #f5f5f5;
}
.I-servicesLinkSectionNew-0-1-60 {
  font-size: 1.1em !important;
  min-height: 275px;
  text-align: center;
  padding-top: 1rem;
  background-color: #ffffff;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.I-imgDiv-0-1-61 {
  height: 250px;
}
.I-servicesURLSection-0-1-62 {
  padding: 2em 0 1em 0;
  text-align: center;
  line-height: 150%;
}
.I-servicesLink-0-1-63 {
  margin: 0.50em 0;
  text-align: center;
}
.I-servicesLinkInfo-0-1-64 {
  padding: 0em 0 0.5em 0.5em;
  text-align: center;
}
.I-rsvpButtons-0-1-65 {
  margin: 0 auto;
  padding: 0em 1em 2em;
  text-align: center;
}
.I-buttonRSVP-0-1-66 {
  padding: 0.625rem 1.25rem;
}
.I-infoText-0-1-67 {
  white-space: pre-line;
}
@media screen and (max-width: 1300px) {
  .I-servicesLinkSection-0-1-59 {
    font-size: 0.85em !important;
    max-height: 320px;
  }
  .I-servicesLinkInfo-0-1-64 {
    font-size: 1.1em !important;
  }
  .I-servicesURLSection-0-1-62 {
    padding: 1.5em 0 0.75em;
  }
  .I-infoText-0-1-67 {
    font-size: 0.90em !important;
  }
  .I-shareButton-0-1-56 {
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
}
@media screen and (max-width: 998px) {
  .I-servicesURLSection-0-1-62 {
    padding: 1em 0 0.75em;
    font-size: 0.85em;
  }
  .I-servicesLinkSection-0-1-59 {
    font-size: 1em !important;
    max-height: 274px;
  }
  .I-servicesLinkInfo-0-1-64 {
    font-size: 1em !important;
  }
  .I-buttonRSVP-0-1-66 {
    padding: 0.425rem 1.10rem;
    font-size: 0.85em;
  }
  .I-infoText-0-1-67 {
    font-size: 0.85em !important;
  }
  .I-shareButton-0-1-56 {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .I-shareButton-0-1-56 {
    width: 12px;
    height: 12px;
    margin-top: 0px !important;
    background-size: 12px;
  }
  .I-servicesURLSection-0-1-62 {
    padding: 1.5em 0 0.75em;
    font-size: 1.2em !important;
  }
  .I-servicesLinkSection-0-1-59 {
    font-size: 0.65em !important;
  }
  .I-servicesLinkInfo-0-1-64 {
    font-size: 1em !important;
  }
  .I-buttonRSVP-0-1-66 {
    padding: 0.325rem 0.95rem;
    font-size: 0.85em;
  }
  .I-infoText-0-1-67 {
    font-size: 0.75em !important;
  }
}

.f-smallPhoto-0-1-136 {
  display: none;
}
.f-loveOneButtonsSmall-0-1-137 {
  display: none;
}
.f-largePhoto-0-1-138 {
  display: block;
}
.f-blueDefault-0-1-139 {
  color: #81B0FF;
}
.f-pinkDefault-0-1-140 {
  color: #EA38B8;
}
.f-purpleDefault-0-1-141 {
  color: #954EB8;
}
.f-bbPlane-0-1-142 {
  color: #13317C;
}
.f-bbPlaneDark-0-1-143 {
  color: #25292E;
}
.f-bbNormalBlue-0-1-144 {
  color: #27276F;
}
.f-headerSection-0-1-145 {
  margin-bottom: 3em;
}
.f-loveOneImageDiv-0-1-146 {
  width: 300px;
  height: 300px;
  margin-right: 4em;
  border-radius: 50%;
  margin-bottom: 2em;
}
.f-loveOneImage-0-1-147 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.f-headerContainer-0-1-148 {
  width: 100%;
  padding: 7em 1em 2em 1em;
  box-shadow: none;
}
.f-headerContainerV2-0-1-149 {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 6em 1em 2em 1em;
  box-shadow: none;
  min-height: 100%;
  align-items: center;
  justify-content: center;
}
.f-loveOneTitle-0-1-150 {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.f-loveOneName-0-1-151 {
  font-size: 3rem;
  line-height: 2.8rem;
}
.f-loveOneDates-0-1-152 {
  font-size: 1.5em;
}
.f-loveOneBio-0-1-153 {
  font-size: 1.15em;
}
.f-loveOneButtons-0-1-154 {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
}
.f-loveOneButton-0-1-155 {
  font-size: 1em !important;
}
.f-shareButtonLarge-0-1-156 {
  display: block;
}
.f-shareButton-0-1-157 {
  display: none;
}
@media screen and (max-width: 1378px) {
  .f-loveOneButton-0-1-155 {
    font-size: 0.90em !important;
  }
  .f-loveOneImageDiv-0-1-146 {
    width: 300px;
    height: 300px;
    margin: auto !important;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1278px) {
  .f-loveOneButton-0-1-155 {
    font-size: 0.85em !important;
  }
}
@media screen and (max-width: 1200px) {
  .f-loveOneButton-0-1-155 {
    width: 100%;
  }
  .f-loveOneImageDiv-0-1-146 {
    width: 300px;
    height: 300px;
    margin: auto !important;
    border-radius: 50%;
  }
  .f-largePhoto-0-1-138 {
    display: none;
  }
  .f-loveOneDates-0-1-152 {
    text-align: center;
  }
  .f-smallPhoto-0-1-136 {
    display: flex;
    justify-content: center !important;
  }
}
@media screen and (max-width: 998px) {
  .f-headerSection-0-1-145 {
    max-height: 790px;
  }
  .f-loveOneImageDiv-0-1-146 {
    width: 200px;
    height: 200px;
    margin-right: 4em;
    border-radius: 50%;
  }
  .f-loveOneTitle-0-1-150 {
    font-size: 1.75rem;
    line-height: 1.75rem;
  }
  .f-loveOneName-0-1-151 {
    font-size: 2.25rem;
    line-height: 2rem;
  }
  .f-loveOneDates-0-1-152 {
    font-size: 1.10em;
    text-align: center;
  }
  .f-loveOneBio-0-1-153 {
    font-size: 0.85em;
  }
  .f-loveOneButton-0-1-155 {
    font-size: 0.75em !important;
  }
}
@media screen and (max-width: 768px) {
  .f-headerSection-0-1-145 {
    padding: 1em 1em !important;
    max-height: 800px;
    margin-bottom: 3em;
  }
  .f-loveOneImageDiv-0-1-146 {
    width: 300px;
    height: 300px;
    margin: auto !important;
    border-radius: 50%;
  }
}
@media screen and (max-width: 580px) {
  .f-headerSection-0-1-145 {
    max-height: 830px;
    margin-bottom: 3em;
  }
  .f-headerContainer-0-1-148 {
    padding-bottom: 0;
  }
  .f-loveOneImageDiv-0-1-146 {
    width: 300px;
    height: 300px;
    margin-left: 2em !important;
    margin-right: 2em !important;
  }
  .f-loveOneTitle-0-1-150 {
    font-size: 1.25rem;
    line-height: 1.35rem;
  }
  .f-loveOneName-0-1-151 {
    font-size: 1.75rem;
    line-height: 1.50rem;
  }
  .f-loveOneDates-0-1-152 {
    margin: auto;
    display: inline-block;
    font-size: 0.90em;
    text-align: center;
  }
  .f-loveOneBio-0-1-153 {
    font-size: 0.85em;
  }
  .f-loveOneButton-0-1-155 {
    position: relative;
    font-size: 0.70em;
  }
  .f-shareButton-0-1-157 {
    width: 30%;
    margin: 0 40% 0 35% !important;
    display: block;
    padding-left: 2.1em;
    padding-right: 2.1em;
  }
  .f-smallPhoto-0-1-136 {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
  }
  .f-loveOneButtonsSmall-0-1-137 {
    width: 100%;
    display: flex;
    list-style-type: none;
  }
  .f-loveOneButtons-0-1-154 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  .f-headerSection-0-1-145 {
    max-height: 800px;
    margin-bottom: 3em;
  }
  .f-loveOneImageDiv-0-1-146 {
    width: 300px;
    height: 300px;
    margin-left: 2em !important;
    margin-right: 2em !important;
  }
  .f-loveOneTitle-0-1-150 {
    font-size: 1.30rem;
    margin-top: 0;
    line-height: 1.8rem;
  }
  .f-loveOneName-0-1-151 {
    font-size: 2rem;
    line-height: 1.8rem;
  }
  .f-loveOneDates-0-1-152 {
    font-size: 1.1em;
  }
  .f-loveOneBio-0-1-153 {
    font-size: 1em;
  }
  .f-smallPhoto-0-1-136 {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
  }
  .f-largePhoto-0-1-138 {
    display: none;
  }
  .f-loveOneButton-0-1-155 {
    width: 100%;
    margin: 1em auto !important;
  }
  .f-loveOneButtonsSmall-0-1-137 {
    width: 100%;
    display: flex;
    list-style-type: none;
  }
  .f-loveOneButtons-0-1-154 {
    width: 100%;
    display: block;
  }
  .f-shareButton-0-1-157 {
    width: 30%;
    margin: 0 40% 0 35% !important;
    padding-left: 2.1em;
    padding-right: 2.1em;
  }
}
@media screen and (max-width: 450px) {
  .f-loveOneImageDiv-0-1-146 {
    width: 200px;
    height: 200px;
    margin-top: 1em !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .f-headerSection-0-1-145 {
    max-height: 900px;
    margin-left: 0 !important;
  }
  .f-smallPhoto-0-1-136 {
    display: block;
  }
  .f-largePhoto-0-1-138 {
    display: none;
  }
  .f-loveOneTitle-0-1-150 {
    font-size: 1.20rem;
    margin-top: 0em !important;
    line-height: 1.8rem;
  }
  .f-loveOneName-0-1-151 {
    font-size: 1.9rem;
    line-height: 1.8rem;
  }
  .f-loveOneButton-0-1-155 {
    margin: 0.50em auto !important;
  }
  .f-shareButton-0-1-157 {
    width: 40%;
    margin: 0 30% !important;
    padding-left: 2.1em;
    padding-right: 2.1em;
  }
}

.backgroundLeftBorderUrl-0-1-3 {
  background-size: cover !important;
  background-image: url(https://assets.bluebutterfly.com/memorial-page/themes/soft-gradient-brown/soft-gradient-brown-pattern-left.png);
}
.backgroundRightBorderUrl-0-1-4 {
  background-size: cover !important;
  background-image: url(https://assets.bluebutterfly.com/memorial-page/themes/soft-gradient-brown/soft-gradient-brown-pattern-right.png);
  background-position: right;
}
.backgroundCoverUrl-0-1-5 {
  background-size: cover !important;
  background-color: white;
  background-image: url(https://assets.bluebutterfly.com/memorial-page/themes/soft-gradient-brown/soft-gradient-brown-background.jpg);
}
.heroProfileCoverUrl-0-1-6 {
  width: 101%;
  height: fit-content;
  position: relative;
  background-size: cover !important;
  background-image: url(https://assets.bluebutterfly.com/memorial-page/themes/soft-gradient-brown/soft-gradient-brown-hero_profile.png);
}
.celebrateTheLife-0-1-7 {
  color: #FFFFFF;
}
.lovedOneHeadingColor-0-1-8 {
  color: #FFFFFF;
}
.lifeSpanColor-0-1-9 {
  color: #FFFFFF;
}
.keepMePostedButton-0-1-10 {
  color: #8A6559!important;
  background: #F2F2F2!important;
}
.howCanHelplButton-0-1-11 {
  color: #FFFFFF !important;
  border: 1px solid #FFFFFF !important;
  background: transparent !important;
}
.heroShareButton-0-1-12 {
  color: #8A6559!important;
  background: #F2F2F2!important;
}
.serviceRsvpButton-0-1-13 {
  color: #FFFFFF!important;
  width: 110px;
  height: 50px;
  padding: 0px !important;
  background: #8A6559!important;
}
.largePhoto-0-1-14 {
  width: 400px;
  height: fit-content;
}
.createPostBtn-0-1-15 {
  color: #FFFFFF!important;
  background: #8A6559!important;
}
.sympthyGiftBtn-0-1-16 {
  color: #8A6559!important;
  border: 2px solid #8A6559 !important;
  transform: translateY(-2px);
  box-shadow: none !important;
}
.toggleBtnColor-0-1-17 {
  color: #8A6559!important;
}
.toggleActiveBtnColor-0-1-19 {
  color: #8A6559!important;
}
.memoryCondolencesViewAllBtn-0-1-20 {
  color: #8A6559!important;
  box-shadow: inset 0 0 0px 1px #8A6559 !important;
}
.cardTextBgColor-0-1-21 {
  background-color: #8A6559!important;
}
.cardTextTextColor-0-1-22 {
  color: #FFFFFF!important;
}
.memoryCondoTextCardBadge-0-1-23 {
  color: #8A6559!important;
  background: #FFFFFF!important;
}
.memoryCondoImgCardBadge-0-1-24 {
  color: #000000!important;
  background: #FFFFF;
}
.memoryCondoVideoCardBadge-0-1-25 {
  color: #000000!important;
  background: #FFFFF;
}

.dateSection-0-1-68 {
  width: 100%;
  position: relative;
  background: #DCD1CE;
  min-height: 320px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.themeDivider-0-1-69 {
  width: 35%;
  height: 1.8em;
  margin: 0 auto;
}
.defaultDividerImg-0-1-70 {
  width: 45%;
  height: 35px !important;
  margin: 3em auto;
}
.themeDividerImg-0-1-71 {
  width: 70%;
  height: 60px !important;
  margin: 3em auto;
}
.infoSection-0-1-72 {
  margin-top: 6em;
  text-align: center;
}
.date-0-1-73 {
  font-size: 1.5em !important;
  font-weight: bolder !important;
  line-height: 125% !important;
}
.info-0-1-74 {
  font-size: 1.2em;
}
@media screen and (max-width: 1250px) {
  .themeDividerImg-0-1-71 {
    margin: 4em auto;
  }
  .dateSection-0-1-68 {
    min-height: 320px;
  }
  .infoSection-0-1-72 {
    margin-top: 5.5em;
  }
  .date-0-1-73 {
    font-size: 1.3em !important;
  }
  .info-0-1-74 {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 998px) {
  .dateSection-0-1-68 {
    min-height: 274px;
  }
}
@media screen and (max-width: 768px) {
  .dateSection-0-1-68 {
    min-height: 224px;
  }
  .themeDivider-0-1-69 {
    width: 35%;
  }
  .themeDividerImg-0-1-71 {
    margin: 2em auto 1em;
  }
  .defaultDividerImg-0-1-70 {
    margin: 2em auto 1em;
  }
  .infoSection-0-1-72 {
    margin-top: 4em;
  }
  .date-0-1-73 {
    font-size: 1.2em !important;
  }
  .info-0-1-74 {
    font-size: 1.1em;
  }
}

.dateSection-0-1-79 {
  width: 100%;
  position: relative;
  background: #DCD1CE;
  min-height: 320px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.themeDivider-0-1-80 {
  width: 35%;
  height: 1.8em;
  margin: 0 auto;
}
.defaultDividerImg-0-1-81 {
  width: 45%;
  height: 35px !important;
  margin: 3em auto;
}
.themeDividerImg-0-1-82 {
  width: 70%;
  height: 60px !important;
  margin: 3em auto;
}
.infoSection-0-1-83 {
  margin-top: 6em;
  text-align: center;
}
.date-0-1-84 {
  font-size: 1.5em !important;
  font-weight: bolder !important;
  line-height: 125% !important;
}
.info-0-1-85 {
  font-size: 1.2em;
}
@media screen and (max-width: 1250px) {
  .themeDividerImg-0-1-82 {
    margin: 4em auto;
  }
  .dateSection-0-1-79 {
    min-height: 320px;
  }
  .infoSection-0-1-83 {
    margin-top: 5.5em;
  }
  .date-0-1-84 {
    font-size: 1.3em !important;
  }
  .info-0-1-85 {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 998px) {
  .dateSection-0-1-79 {
    min-height: 274px;
  }
}
@media screen and (max-width: 768px) {
  .dateSection-0-1-79 {
    min-height: 224px;
  }
  .themeDivider-0-1-80 {
    width: 35%;
  }
  .themeDividerImg-0-1-82 {
    margin: 2em auto 1em;
  }
  .defaultDividerImg-0-1-81 {
    margin: 2em auto 1em;
  }
  .infoSection-0-1-83 {
    margin-top: 4em;
  }
  .date-0-1-84 {
    font-size: 1.2em !important;
  }
  .info-0-1-85 {
    font-size: 1.1em;
  }
}

.dateSection-0-1-90 {
  width: 100%;
  position: relative;
  background: #DCD1CE;
  min-height: 320px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.themeDivider-0-1-91 {
  width: 35%;
  height: 1.8em;
  margin: 0 auto;
}
.defaultDividerImg-0-1-92 {
  width: 45%;
  height: 35px !important;
  margin: 3em auto;
}
.themeDividerImg-0-1-93 {
  width: 70%;
  height: 60px !important;
  margin: 3em auto;
}
.infoSection-0-1-94 {
  margin-top: 6em;
  text-align: center;
}
.date-0-1-95 {
  font-size: 1.5em !important;
  font-weight: bolder !important;
  line-height: 125% !important;
}
.info-0-1-96 {
  font-size: 1.2em;
}
@media screen and (max-width: 1250px) {
  .themeDividerImg-0-1-93 {
    margin: 4em auto;
  }
  .dateSection-0-1-90 {
    min-height: 320px;
  }
  .infoSection-0-1-94 {
    margin-top: 5.5em;
  }
  .date-0-1-95 {
    font-size: 1.3em !important;
  }
  .info-0-1-96 {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 998px) {
  .dateSection-0-1-90 {
    min-height: 274px;
  }
}
@media screen and (max-width: 768px) {
  .dateSection-0-1-90 {
    min-height: 224px;
  }
  .themeDivider-0-1-91 {
    width: 35%;
  }
  .themeDividerImg-0-1-93 {
    margin: 2em auto 1em;
  }
  .defaultDividerImg-0-1-92 {
    margin: 2em auto 1em;
  }
  .infoSection-0-1-94 {
    margin-top: 4em;
  }
  .date-0-1-95 {
    font-size: 1.2em !important;
  }
  .info-0-1-96 {
    font-size: 1.1em;
  }
}

.dateSection-0-1-101 {
  width: 100%;
  position: relative;
  background: #DCD1CE;
  min-height: 320px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.themeDivider-0-1-102 {
  width: 35%;
  height: 1.8em;
  margin: 0 auto;
}
.defaultDividerImg-0-1-103 {
  width: 45%;
  height: 35px !important;
  margin: 3em auto;
}
.themeDividerImg-0-1-104 {
  width: 70%;
  height: 60px !important;
  margin: 3em auto;
}
.infoSection-0-1-105 {
  margin-top: 6em;
  text-align: center;
}
.date-0-1-106 {
  font-size: 1.5em !important;
  font-weight: bolder !important;
  line-height: 125% !important;
}
.info-0-1-107 {
  font-size: 1.2em;
}
@media screen and (max-width: 1250px) {
  .themeDividerImg-0-1-104 {
    margin: 4em auto;
  }
  .dateSection-0-1-101 {
    min-height: 320px;
  }
  .infoSection-0-1-105 {
    margin-top: 5.5em;
  }
  .date-0-1-106 {
    font-size: 1.3em !important;
  }
  .info-0-1-107 {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 998px) {
  .dateSection-0-1-101 {
    min-height: 274px;
  }
}
@media screen and (max-width: 768px) {
  .dateSection-0-1-101 {
    min-height: 224px;
  }
  .themeDivider-0-1-102 {
    width: 35%;
  }
  .themeDividerImg-0-1-104 {
    margin: 2em auto 1em;
  }
  .defaultDividerImg-0-1-103 {
    margin: 2em auto 1em;
  }
  .infoSection-0-1-105 {
    margin-top: 4em;
  }
  .date-0-1-106 {
    font-size: 1.2em !important;
  }
  .info-0-1-107 {
    font-size: 1.1em;
  }
}

.container-0-1-164 {
  color: white;
  width: 100%;
  filter: saturate(0.7);
  height: fit-content;
  display: flex;
  padding: 8px 0;
  align-items: center;
  justify-content: space-around;
  background-color: #8A6559;
}
@media (max-width: 768px) {
  .container-0-1-164 {
    gap: 9px;
    color: white;
    width: 100%;
    filter: saturate(0.7);
    height: fit-content;
    display: flex;
    padding: 27px 0;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: space-around;
    background-color: #8A6559;
  }
}
@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown.swal2-toast-column>.swal2-container>.swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-shown.swal2-toast-column>.swal2-container>.swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em}body.swal2-toast-shown.swal2-toast-column>.swal2-container>.swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-shown.swal2-toast-column>.swal2-container>.swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-shown.swal2-toast-column>.swal2-container>.swal2-toast .swal2-validationerror{font-size:1em}body.swal2-toast-shown>.swal2-container{position:fixed;background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown>.swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown>.swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:.3125em .3125em 0}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{align-items:center;justify-content:center;margin:1.25em auto 0}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:0 .3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:.75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validationerror{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validationerror::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}[dir=rtl] .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }

.jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped {
  -webkit-transform: 0deg;
  -moz-transform: 0deg;
  -ms-transform: 0deg;
  -o-transform: 0deg;
  transform: 0deg; }
  .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
      left: 18%; }
    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg);
      left: 5%; }
    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
      left: 84%; }
      .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
        left: -480%;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg); }

.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
  display: none; }

.jp-card-logo {
  height: 36px;
  width: 60px;
  font-style: italic; }
  .jp-card-logo, .jp-card-logo:before, .jp-card-logo:after {
    box-sizing: border-box; }

.jp-card-logo.jp-card-amex {
  text-transform: uppercase;
  font-size: 4px;
  font-weight: bold;
  color: white;
  background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
  background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
  border: 1px solid #EEE; }
  .jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after {
    width: 28px;
    display: block;
    position: absolute;
    left: 16px; }
  .jp-card-logo.jp-card-amex:before {
    height: 28px;
    content: "american";
    top: 3px;
    text-align: left;
    padding-left: 2px;
    padding-top: 11px;
    background: #267AC3; }
  .jp-card-logo.jp-card-amex:after {
    content: "express";
    bottom: 11px;
    text-align: right;
    padding-right: 2px; }

.jp-card.jp-card-amex.jp-card-flipped {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
  background-color: #108168; }

.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
  opacity: 1; }

.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
  visibility: visible; }

.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
  opacity: 1; }

.jp-card-logo.jp-card-discover {
  background: #FF6600;
  color: #111;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  padding-top: 9px;
  letter-spacing: .03em;
  border: 1px solid #EEE; }
  .jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after {
    content: " ";
    display: block;
    position: absolute; }
  .jp-card-logo.jp-card-discover:before {
    background: white;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    bottom: -5%;
    right: -80%;
    z-index: -1; }
  .jp-card-logo.jp-card-discover:after {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    top: 10px;
    left: 27px;
    background-color: #FF6600;
    background-image: -webkit-radial-gradient(#FF6600, #fff);
    background-image: radial-gradient(  #FF6600, #fff);
    content: "network";
    font-size: 4px;
    line-height: 24px;
    text-indent: -7px; }

.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
  right: 12%;
  top: 18%; }

.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
  background-color: #86B8CF; }

.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
  opacity: 1; }

.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  transition: 400ms;
  content: " ";
  display: block;
  background-color: #FF6600;
  background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);
  background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
  height: 50px;
  width: 50px;
  border-radius: 25px;
  position: absolute;
  left: 100%;
  top: 15%;
  margin-left: -25px;
  box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); }

.jp-card-logo.jp-card-visa {
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 18px;
  margin-top: 5px; }
  .jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after {
    content: " ";
    display: block;
    width: 100%;
    height: 25%; }
  .jp-card-logo.jp-card-visa:before {
    position: absolute;
    left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 6px 0;
    border-color: transparent #ffffff transparent transparent; }

.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
  background-color: #191278; }

.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
  opacity: 1;
  box-shadow: none; }

.jp-card-logo.jp-card-visaelectron {
  background: white;
  text-transform: uppercase;
  color: #1A1876;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px; }
  .jp-card-logo.jp-card-visaelectron:before, .jp-card-logo.jp-card-visaelectron:after {
    content: " ";
    display: block;
    width: 100%;
    height: 25%; }
  .jp-card-logo.jp-card-visaelectron:before {
    background: #1A1876; }
  .jp-card-logo.jp-card-visaelectron:after {
    background: #E79800; }
  .jp-card-logo.jp-card-visaelectron .elec {
    float: right;
    font-family: arial;
    font-size: 9px;
    margin-right: 1px;
    margin-top: -5px;
    text-transform: none; }

.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visaelectron.jp-card-identified .jp-card-back:before {
  background-color: #191278; }

.jp-card.jp-card-visaelectron.jp-card-identified .jp-card-logo.jp-card-visaelectron {
  opacity: 1; }

.jp-card-logo.jp-card-mastercard {
  color: white;
  font-style: normal;
  text-transform: lowercase;
  font-weight: bold;
  text-align: center;
  font-size: 9px;
  line-height: 84px;
  z-index: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
  .jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after {
    content: " ";
    display: block;
    width: 36px;
    top: 0;
    position: absolute;
    height: 36px;
    border-radius: 18px; }
  .jp-card-logo.jp-card-mastercard:before {
    left: 0;
    background: #EB001B;
    z-index: -1;
    opacity: 0.9; }
  .jp-card-logo.jp-card-mastercard:after {
    right: 0;
    background: #FF5F00;
    z-index: -2; }

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
  box-shadow: none; }

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
  background-color: #0061A8; }

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
  opacity: 1; }

.jp-card-logo.jp-card-maestro {
  color: white;
  font-style: normal;
  text-transform: lowercase;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  line-height: 84px;
  z-index: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
  .jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after {
    content: " ";
    display: block;
    width: 36px;
    top: 0;
    position: absolute;
    height: 36px;
    border-radius: 18px; }
  .jp-card-logo.jp-card-maestro:before {
    left: 0;
    background: #EB001B;
    z-index: -2; }
  .jp-card-logo.jp-card-maestro:after {
    right: 0;
    background: #00A2E5;
    z-index: -1;
    opacity: 0.8; }

.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
  box-shadow: none; }

.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
  background-color: #0B2C5F; }

.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
  opacity: 1; }

.jp-card-logo.jp-card-dankort {
  width: 60px;
  height: 36px;
  padding: 3px;
  border-radius: 8px;
  border: #000000 1px solid;
  background-color: #FFFFFF; }
  .jp-card-logo.jp-card-dankort .dk {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .jp-card-logo.jp-card-dankort .dk:before {
      background-color: #ED1C24;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 6px; }
    .jp-card-logo.jp-card-dankort .dk:after {
      content: '';
      position: absolute;
      top: 50%;
      margin-top: -7.7px;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 7px 10px 0;
      border-color: transparent #ED1C24 transparent transparent;
      z-index: 1; }
  .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k {
    position: absolute;
    top: 50%;
    width: 50%;
    display: block;
    height: 15.4px;
    margin-top: -7.7px;
    background: white; }
  .jp-card-logo.jp-card-dankort .d {
    left: 0;
    border-radius: 0 8px 10px 0; }
    .jp-card-logo.jp-card-dankort .d:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      background: #ED1C24;
      border-radius: 2px 4px 6px 0px;
      height: 5px;
      width: 7px;
      margin: -3px 0 0 -4px; }
  .jp-card-logo.jp-card-dankort .k {
    right: 0; }
    .jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after {
      content: '';
      position: absolute;
      right: 50%;
      width: 0;
      height: 0;
      border-style: solid;
      margin-right: -1px; }
    .jp-card-logo.jp-card-dankort .k:before {
      top: 0;
      border-width: 8px 5px 0 0;
      border-color: #ED1C24 transparent transparent transparent; }
    .jp-card-logo.jp-card-dankort .k:after {
      bottom: 0;
      border-width: 0 5px 8px 0;
      border-color: transparent transparent #ED1C24 transparent; }

.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
  background-color: #0055C7; }

.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
  opacity: 1; }

.jp-card-logo.jp-card-elo {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  background: black;
  color: white;
  text-align: center;
  text-transform: lowercase;
  font-size: 21px;
  font-style: normal;
  letter-spacing: 1px;
  font-weight: bold;
  padding-top: 13px; }
  .jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o {
    display: inline-block;
    position: relative; }
  .jp-card-logo.jp-card-elo .e {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  .jp-card-logo.jp-card-elo .o {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    right: 0;
    top: 7px;
    border-radius: 100%;
    background-image: -webkit-linear-gradient( yellow 50%, red 50%);
    background-image: linear-gradient( yellow 50%, red 50%);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    text-indent: -9999px; }
    .jp-card-logo.jp-card-elo .o:before {
      content: "";
      position: absolute;
      width: 49%;
      height: 49%;
      background: black;
      border-radius: 100%;
      text-indent: -99999px;
      top: 25%;
      left: 25%; }

.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
  background-color: #6F6969; }

.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
  opacity: 1; }

.jp-card-logo.jp-card-jcb {
  border-radius: 5px 0px 5px 0px;
  -moz-border-radius: 5px 0px 5px 0px;
  -webkit-border-radius: 5px 0px 5px 0px;
  background-color: white;
  font-style: normal;
  color: white;
  width: 50px;
  padding: 2px 0 0 2px; }
  .jp-card-logo.jp-card-jcb > div {
    width: 15px;
    margin-right: 1px;
    display: inline-block;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
    border-radius: 5px 0px 5px 0px;
    -moz-border-radius: 5px 0px 5px 0px;
    -webkit-border-radius: 5px 0px 5px 0px; }
    .jp-card-logo.jp-card-jcb > div:before, .jp-card-logo.jp-card-jcb > div:after {
      content: " ";
      display: block;
      height: 8px; }
    .jp-card-logo.jp-card-jcb > div.j {
      background-color: #000063;
      background-image: -webkit-linear-gradient(left, #000063, #008cff);
      background-image: linear-gradient(to right,#000063, #008cff); }
    .jp-card-logo.jp-card-jcb > div.c {
      background-color: #630000;
      background-image: -webkit-linear-gradient(left, #630000, #ff008d);
      background-image: linear-gradient(to right,#630000, #ff008d); }
    .jp-card-logo.jp-card-jcb > div.b {
      background-color: #006300;
      background-image: -webkit-linear-gradient(left, #006300, #00ff00);
      background-image: linear-gradient(to right,#006300, #00ff00); }

.jp-card.jp-card-jcb.jp-card-identified .jp-card-front:before, .jp-card.jp-card-jcb.jp-card-identified .jp-card-back:before {
  background-color: #CB8000; }

.jp-card.jp-card-jcb.jp-card-identified .jp-card-logo.jp-card-jcb {
  opacity: 1;
  box-shadow: none; }

.jp-card-logo.jp-card-dinersclub {
  font-family: serif;
  height: 40px;
  width: 100px;
  color: white;
  font-size: 17px;
  font-style: normal;
  letter-spacing: 1px; }
  .jp-card-logo.jp-card-dinersclub::before, .jp-card-logo.jp-card-dinersclub::after {
    display: block;
    position: relative; }
  .jp-card-logo.jp-card-dinersclub::before {
    content: 'Diners Club'; }
  .jp-card-logo.jp-card-dinersclub::after {
    content: 'International';
    text-transform: uppercase;
    font-size: 0.6em; }

.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo {
  box-shadow: none !important; }

.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before {
  background-color: #999; }

.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub {
  opacity: 1; }

.jp-card-container {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  width: 350px;
  max-width: 100%;
  height: 200px;
  margin: auto;
  z-index: 1;
  position: relative; }

.jp-card {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 315px;
  border-radius: 10px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  transition: all 400ms linear; }
  .jp-card > *, .jp-card > *:before, .jp-card > *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit; }
  .jp-card.jp-card-flipped {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .jp-card .jp-card-front, .jp-card .jp-card-back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    transition: all 400ms linear;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 10px;
    background: #DDD; }
    .jp-card .jp-card-front:before, .jp-card .jp-card-back:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      border-radius: 10px;
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease; }
    .jp-card .jp-card-front:after, .jp-card .jp-card-back:after {
      content: " ";
      display: block; }
    .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
      color: white;
      font-weight: normal;
      opacity: 0.5;
      -webkit-transition: opacity 400ms linear;
      -moz-transition: opacity 400ms linear;
      transition: opacity 400ms linear; }
      .jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused {
        opacity: 1;
        font-weight: 700; }
    .jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc {
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      font-size: 14px; }
    .jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {
      width: 50px;
      height: 35px;
      border-radius: 5px;
      background: #CCC;
      position: relative; }
      .jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before {
        content: " ";
        display: block;
        width: 70%;
        height: 60%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background: #d9d9d9;
        position: absolute;
        top: 20%; }
  .jp-card .jp-card-front .jp-card-logo {
    position: absolute;
    opacity: 0;
    right: 5%;
    top: 8%;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    transition: 400ms; }
  .jp-card .jp-card-front .jp-card-lower {
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: 30px; }
    @media only screen and (max-width: 480px) {
      .jp-card .jp-card-front .jp-card-lower {
        width: 90%;
        left: 5%; } }
    .jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
      visibility: hidden;
      float: right;
      position: relative;
      bottom: 5px; }
    .jp-card .jp-card-front .jp-card-lower .jp-card-number {
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      font-size: 24px;
      clear: both;
      margin-bottom: 30px; }
    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      letter-spacing: 0em;
      position: relative;
      float: right;
      width: 25%; }
      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 7px;
        white-space: pre;
        display: block;
        opacity: .5; }
      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
        content: attr(data-before);
        margin-bottom: 2px;
        font-size: 7px;
        text-transform: uppercase; }
      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
        position: absolute;
        content: attr(data-after);
        text-align: right;
        right: 100%;
        margin-right: 5px;
        margin-top: 2px;
        bottom: 0; }
    .jp-card .jp-card-front .jp-card-lower .jp-card-name {
      text-transform: uppercase;
      font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
      font-size: 20px;
      max-height: 45px;
      position: absolute;
      bottom: 0;
      width: 190px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: horizontal;
      overflow: hidden;
      text-overflow: ellipsis; }
  .jp-card .jp-card-back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
    .jp-card .jp-card-back .jp-card-bar {
      background-color: #444;
      background-image: -webkit-linear-gradient(#444, #333);
      background-image: linear-gradient(#444, #333);
      width: 100%;
      height: 20%;
      position: absolute;
      top: 10%; }
    .jp-card .jp-card-back:after {
      content: " ";
      display: block;
      background-color: #FFF;
      background-image: -webkit-linear-gradient(#FFF, #FFF);
      background-image: linear-gradient(#FFF, #FFF);
      width: 80%;
      height: 16%;
      position: absolute;
      top: 40%;
      left: 2%; }
    .jp-card .jp-card-back .jp-card-cvc {
      position: absolute;
      top: 40%;
      left: 85%;
      -webkit-transition-delay: 600ms;
      -moz-transition-delay: 600ms;
      transition-delay: 600ms; }
    .jp-card .jp-card-back .jp-card-shiny {
      position: absolute;
      top: 66%;
      left: 2%; }
      .jp-card .jp-card-back .jp-card-shiny:after {
        content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.";
        position: absolute;
        left: 120%;
        top: 5%;
        color: white;
        font-size: 7px;
        width: 230px;
        opacity: .5; }
  .jp-card.jp-card-identified {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
    .jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back {
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.5); }
      .jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before {
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
        background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
        background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
        opacity: 1; }
      .jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }
    .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }