/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.lowercase { text-transform:none;}

.dm-hero-section{box-shadow: 0px 16px 30px rgb(0 102 238 / 10%);}

.features-list ul>li:before { content: "\f00c"; color: #D3D7DD;font-size: 16px; }
.dnd-section .dnd-column {
    padding: 0 20px!important;
}
.features-3-col-box{
    background: #fff;
    cursor: pointer;
    padding: 25px 30px;
    border-radius: 10px;
    min-height: 210px;
    position: relative;
    margin-bottom: 20px;
    border-top: 12px solid #e2e2e2;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    background: #fff;
    box-shadow: 0px 3px 30px rgb(24 78 196 / 10%);
    border: 0px solid #e2e2e2;
    border-top: 12px solid #ff5ca0;
    border-top-right-radius: 10px;
  display: block; 
  min-height: 510px;
  max-width: 415px;
  display: block;
min-height: 550px;

  
  }
  .features-3-col-box ul {
    list-style: none !important;
    padding-left: 0;
    display: inline-block;
    margin: 4px 0px 5px 0px;
}

  .features-3-col-box ul li {
    font-size: 16px;
    position: relative;
    padding-left: 28px;
}

  .features-3-col-box ul>li:before {
    content: "\f067";
    font-family: 'Font Awesome 5 Pro'; font-weight:900;
    font-size: 12px;
    position: absolute;
    left: 0px;
    color: #ff5ca0;
    width: 16px;
    height: 16px;
    font-weight: 900;
    top: 3px;
    bottom: 0;transition: all .2s ease-in-out 0s;
}
@media (max-width:767px){
  
}






.dm-section-2 .bh-module{padding-top:0px!important; padding-bottom:0px!important;}

.category-icon-box {
    padding: 30px 10px 0px 10px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 8px;
    height: 140px;
    width: 140px;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    visibility: visible; animation-duration: 2s; animation-delay: 1.5s; animation-name: fadeInDown;-webkit-animation-iteration-count: fadeInDown; animation-iteration-count: fadeInDown;
}
.bh-td:nth-child(1) .category-icon-box:hover{background-color: rgb(0 75 204 / 5%);}
.bh-td:nth-child(2) .category-icon-box:hover{background-color: rgb(0 222 103 / 10%);}
.bh-td:nth-child(3) .category-icon-box:hover{background-color: rgb(255 92 160 / 10%);}
.bh-td:nth-child(4) .category-icon-box:hover{background-color: rgb(145 100 244 / 10%);}
.bh-td:nth-child(5) .category-icon-box:hover{background-color: rgb(255 185 1 / 10%);}
.bh-td:nth-child(6) .category-icon-box:hover{background-color: rgb(219 0 36 / 5%);}
.bh-td:nth-child(7) .category-icon-box:hover{background-color: rgb(51 224 255 / 10%);}
.bh-td:nth-child(8) .category-icon-box:hover{background-color: rgb(211 215 221 / 30%);}






  .category-icon-box h4{text-align: center; font-size: 16px; text-transform: capitalize;}

  .category-icon-box span{
    background: url('https://www.benefithub.com/hubfs/BH-Discount-Marketplace/Discount-Marketplace-icons-group-01.svg');background-repeat: no-repeat;
    background-size: 581px;
    background-position: -25px -15px;
    height: 45px;
    width: 45px;
    display: block;
    margin: 0 auto; 
    margin-bottom: 20px ;
}



.category-icon-box span.automobiles-icon{background-position: -50px 3px;}
.category-icon-box span.food-icon{background-position: -101px 3px;}
.category-icon-box span.top-brands-icon{background-position: -156px 3px;}
.category-icon-box span.insurance-icon{background-position: -211px 3px;}
.category-icon-box span.local-deals-icon{background-position: -265px 3px;}
.category-icon-box span.tickets-icon{background-position: -428px 2px;}
.category-icon-box span.travel-icon{background-position: -373px 3px;}
.category-icon-box span.wellbeing-icon{background-position: -320px 3px;}


@media (max-width:767px){
    .category-icon-box { height: 125px; width: 42%; float: left; margin: 10px; }
    .category-icon-box h4 { text-align: center; font-size: 14px; text-transform: capitalize; }
}




.csm-icon-box {
/*     cursor: pointer; */
    padding: 00px 10px 0px 10px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 8px;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}

  .csm-icon-box h3{text-align: center; text-transform: capitalize;}
  .csm-icon-box h6{text-align: center; text-transform: capitalize;font-weight:600!important;}
  .csm-icon-box>div{
    background: url('https://www.benefithub.com/hubfs/BH-Discount-Marketplace/Discount-Marketplace-icons.svg');
    background-repeat: no-repeat;
    background-size: 1400px;
    background-position: -25px -15px;
    height: 45px;
    width: 45px;
    display: block;
    margin: 0 auto; 
    margin-bottom: 20px ;
}



.csm-icon-box .csm-icon-1{background-position: -16px 132px;}
.csm-icon-box .csm-icon-2{background-position: -94px 132px;}
.csm-icon-box .csm-icon-3{background-position: -180px 132px;}
.csm-icon-box .csm-icon-4{background-position: -265px 132px;}
.csm-icon-box .csm-icon-5{background-position: -350px 130px;}



.casestudy-box { cursor: pointer; padding: 45px 30px ; border-radius: 20px ; min-height: 625px ; position: relative; margin-bottom: 20px ; color:#0C2242;background:#fff;border: 1px solid #e2e2e2; -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; transition: all .15s ease; }


.oth-feat-4-col-box {
	color: #0C2242;
	cursor: pointer;
	padding: 25px 30px;
	border-radius: 10px;
	position: relative;
	margin-bottom: 20px;
	transition: all .15s ease;
	background: #fff;
	box-shadow: 0px 3px 30px rgb(24 78 196 / 10%);
	border: 0px solid #e2e2e2;
	border-top: 10px solid #00DEC1;
	border-top-right-radius: 10px;
	display: block;
	min-height: 360px;
	max-width: 415px;
	max-height: 360px;
	overflow: hidden;
	border-bottom: 50px solid #fff;
	text-align: left !important;

}
  .cta_button {
      cursor: pointer;
      user-select: none;
      display: inline-block;
      text-align: center;
      text-decoration: none;
      transition: all .4s ease;
      text-shadow: none;
      width: 190px;
      line-height: 1.5em;
      height: auto;
      padding: 15px 14px;
      background: #0066EE;
      min-width: 190px;
      border: 1px solid #0066EE;
      color: #fff;
      border-radius: 8px;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: 'Montserrat', sans-serif;
    -webkit-box-shadow: -10px 20px 40px 0px rgb(0 102 238 / 10%);
    -moz-box-shadow: -10px 20px 40px 0px rgb(0 102 238 / 10%);
    box-shadow: -10px 20px 40px 0px rgb(0 102 238 / 10%);
}
  .dm-section-savings-calculator{}



.savings-graphic{    margin-left: -44px;}

@media (max-width:767px){
  .savings-graphic{    margin-left: auto;}
  
}

.dm-section-giving-raise{background: #F9FAFD;}

.dm-section-7  .span9 {margin: 0 auto!important; float: none; display: block!important;}
.dm-section-7  .hs_cos_wrapper_type_form .hs-form {max-width:975px;margin: 0 auto!important; float: none; display: block!important;
    background-color: transparent;
    border-radius: 0px;
    border-top: 0px solid #00d6d6;
    box-shadow: none;
      padding: 0px;

}

.dm-section-7 textarea, 
.dm-section-7 input[type="text"], 
.dm-section-7 input[type="password"], 
.dm-section-7 input[type="datetime"], 
.dm-section-7 input[type="datetime-local"],
.dm-section-7 input[type="date"], 
.dm-section-7 input[type="month"], 
.dm-section-7 input[type="time"], 
.dm-section-7 input[type="week"], 
.dm-section-7 input[type="number"], 
.dm-section-7 input[type="email"], 
.dm-section-7 input[type="url"], 
.dm-section-7 input[type="search"], 
.dm-section-7 input[type="tel"], 
.dm-section-7 select {
    border: 1px solid #ff6060;
    background-color: rgb(255 255 255);
}

.dm-section-7 .hs_cos_wrapper_type_form .hs-richtext {
    color: #000;
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 10px;
    border-bottom: 0px solid #0000000a;
    font-weight: 600;
    margin-top: -15px;
}


.dm-section-7 .hs_cos_wrapper_type_form .hs-richtext p{font-size: 12px; font-family: 'Montserrat',sans-serif;}

.dm-section-7 .hs_cos_wrapper_type_form .hs-richtext p span{font-size: 12px; font-family: 'Montserrat',sans-serif;background-color: transparent!important; color: #0C2242!important; font-size: 12px!important;}
.dm-section-7 .hs-form .field label { display: inline-block; font-weight: 500 !important; font-size: 16px !important; color: #0c2242; }


.dm-section-7 input[type="submit"] {margin: 0 auto; text-align: center; float: none; display: block;}


.dmf-tag{position:relative;background: #fff; box-shadow: -2px 6px 20px #e2e9f6; border-radius: 7px; height: 60px; width: 300px; ;    margin-bottom: 35%;}

.dmf-tag .tag-icon{width: 25%; float: left; height: 100%; display: inline-block;}
.dmf-tag .tag-icon:before {
    content: " ";
    background: url(https://www.benefithub.com/hubfs/BH-Discount-Marketplace/Discount-Marketplace-icons-group-01.svg) no-repeat;
    background-size: 581px;
    background-position: -46px -113px;
    height: 50px;
    width: 45px;
    display: block;
    margin: 5px 5px 5px 15px;
}

.dmf-tag.one .tag-icon:before{    background-position:  -46px -113px;}
.dmf-tag.two .tag-icon:before{    background-position:-101px -113px;}
.dmf-tag.three .tag-icon:before{    background-position:-156px -113px;}
.dmf-tag.four .tag-icon:before{    background-position: -211px -113px;}
.dmf-tag.five .tag-icon:before{    background-position: -265px -113px;}
.dmf-tag.six .tag-icon:before{    background-position: -318px -113px;}

.dmf-tag.one{right:-25%; margin-top:5em;}
.dmf-tag.two {right:0%;}
.dmf-tag.three{right:-25%;}
.dmf-tag.four{left:-25%;  margin-top:5em;}
.dmf-tag.five{right:0%;}
.dmf-tag.six{left:-25%;}





.dmf-tag .tag-copy{width: 75%; display: inline-block;padding: 9px 5px;    text-align: left;}
.dmf-tag .tag-copy p{font-size: 14px; font-weight: 500; font-family: 'Montserrat'; color: #0C2242;line-height: 40px;}
.dmf-tag.one .tag-copy p,
.dmf-tag.four .tag-copy p{line-height:1.4;}
  .dmf-tag .tag-copy p { line-height:normal;}
 .dmf-m-hide{display:inherit;}
 .dmf-m-show{display:none;}
@media(max-width:930px) {
  .dmf-m-hide{display:none;}
   .dmf-m-show{display:inherit;}
    .dmf-tag {right: auto!important; margin: 20px auto!important; left: auto!important;     display: block!important;}
  .dm-section-features-overview img{margin-bottom:-22px!important;}
  .dmf-stacked tr td { width: 100%; display: inline-block; margin-bottom: 0px; }

}




.features-data .bh-product-boxes{max-width: 600px; text-align: center; margin: 30px auto; }
.features-data .bh-product-boxes h4{    text-align: center;}



.features-list .bh-product-boxes {
/*     cursor: pointer; */
    padding: 35px 35px;
    border-radius: 15px;
    min-height: auto;
    position: relative;
    margin: 30px auto;
    border: 1px solid #D3D7DD;
    min-height: 325px;
}
.dm-hero-section .row-fluid-wrapper {
    position: relative;
    z-index: 1;
}

.features-list .bh-product-boxes{margin: 40px 15px 30px 15px }

.features-scalable.features-list .bh-product-boxes{min-height: 390px;    }
.features-user.features-list .bh-product-boxes{min-height: 426px;    }
.features-mobile.features-list  .bh-product-boxes{min-height: 315px;    }
.features-data.features-list .bh-product-boxes {
    margin: auto;
    margin: 20px auto;

}

#hs_cos_wrapper_FeaturesMobileList,
#hs_cos_wrapper_FeaturesAdminControlsList,
#hs_cos_wrapper_FeaturesScalableList{background:rgb(211 215 221 / 20%);}



#hs_cos_wrapper_FeaturesMobileList  .bh-product-boxes,
#hs_cos_wrapper_FeaturesAdminControlsList  .bh-product-boxes,
#hs_cos_wrapper_FeaturesScalableList .bh-product-boxes{background: #fff; border:0px solid #fff!important}


#hs_cos_wrapper_FeaturesAdminControlsList .bh-product-boxes{min-height:410px;}

@media(min-width:768px) {
  #hs_cos_wrapper_FeaturesAdminControlsList .bh-product-boxes {
    min-height: 447px;
}
}

.features-list .bh-product-boxes ul>li:before {
    content: "\f00c";
    color: rgb(76 95 117 / 70%);
    font-size: 16px;
}



#hs_cos_wrapper_FeaturesScalableList .owl-carousel .owl-item:nth-child(3n - 2) .bh-product-boxes,
#hs_cos_wrapper_FeaturesUser .owl-carousel .owl-item:nth-child(3n - 2) .bh-product-boxes{ animation-delay: 0.1s; }
#hs_cos_wrapper_FeaturesScalableList .owl-carousel .owl-item:nth-child(3n - 1) .bh-product-boxes,
#hs_cos_wrapper_FeaturesUser .owl-carousel .owl-item:nth-child(3n - 1) .bh-product-boxes{animation-delay: 0.2s;}
#hs_cos_wrapper_FeaturesScalableList .owl-carousel .owl-item:nth-child(3n - 0) .bh-product-boxes,
#hs_cos_wrapper_FeaturesUser .owl-carousel .owl-item:nth-child(3n - 0) .bh-product-boxes{animation-delay: 0.3s;}

#hs_cos_wrapper_FeaturesAdminControlsList .owl-carousel .owl-item:nth-child(2n - 1) .bh-product-boxes{animation-delay: 0.1s;}
#hs_cos_wrapper_FeaturesAdminControlsList .owl-carousel .owl-item:nth-child(2n - 0) .bh-product-boxes{animation-delay: 0.2s;}


#hs_cos_wrapper_FeaturesMobileList .owl-carousel .owl-item:nth-child(3n - 2) .bh-product-boxes{animation-delay: 0.1s;}
#hs_cos_wrapper_FeaturesMobileList .owl-carousel .owl-item:nth-child(3n - 1) .bh-product-boxes{animation-delay: 0.2s;}
#hs_cos_wrapper_FeaturesMobileList .owl-carousel .owl-item:nth-child(3n - 0) .bh-product-boxes{animation-delay: 0.3s;}



.real-discouts.features-list .bh-product-boxes.first-row{min-height: 405px;}
.real-discouts.features-list .bh-product-boxes.second-row{min-height: 332px;}
.real-discouts.features-list .bh-product-boxes.third-row{min-height: 270px;}


.features-list .bh-product-boxes:hover{    
    background: #fff;
      margin-top: 25px;
    transition: all 1.2s;
    box-shadow: -2px 6px 20px rgb(226 233 246 / 90%);
  border:1px solid #fff!important;


}

.features-list .bh-product-boxes img{   width: auto;}

.features-list .bh-product-boxes .product-boxes-icon {
      min-height: 50px; margin-bottom: 10px;
}
.features-list .bh-product-boxes h4{
    text-align: left;
    font-size: 21px;
    font-weight: 600;
  margin-bottom: 20px;
}
.features-list .bh-product-boxes p{
  font-size: 18px;
    font-weight: 400;
      line-height: 1.4;
    min-height: 100px;
}



.features-list .bh-product-boxes .product-boxes-icon .product-image { background: url(https://www.benefithub.com/hubfs/BH-Discount-Marketplace/Discount-Marketplace-icons-group-01.svg); background-size: 581px; background-position: -55px -167px; height: 45px; width: 45px; display: block; background-blend-mode: color; }

.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-1{background-position: -55px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-2{background-position: -111px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-3{background-position: -163px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-4{background-position: -214px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-5{background-position: -271px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-6{background-position: -321px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-7{background-position: -379px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-8{background-position: -429px -167px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-discount-icon-9{background-position: -474px -167px;}

.features-list .bh-product-boxes .product-boxes-icon .feat-scalable-icon-1{background-position: -55px -230px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-scalable-icon-2{background-position: -111px -230px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-scalable-icon-3{background-position: -163px -230px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-scalable-icon-4{background-position: -214px -230px;}

.features-list .bh-product-boxes .product-boxes-icon .feat-user-icon-1{background-position: -50px -300px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-user-icon-2{background-position: -108px -302px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-user-icon-3{background-position: -159px -304px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-user-icon-4{background-position: -212px -306px;}

.features-list .bh-product-boxes .product-boxes-icon .feat-admin-icon-1{background-position: -51px -354px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-admin-icon-2{background-position: -100px -361px;}


.features-list .bh-product-boxes .product-boxes-icon .feat-data-icon-1{background-position: -158px -369px;}


.features-list .bh-product-boxes .product-boxes-icon .feat-mobile-icon-1{background-position: -42px -423px;height: 54px;width: 60px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-mobile-icon-2{background-position: -108px -424px;height: 55px;width: 46px;}
.features-list .bh-product-boxes .product-boxes-icon .feat-mobile-icon-3{background-position: -156px -435px;}

@media (min-width:767px){
  .real-discouts .bh-product-boxes{margin: 40px 0px 30px 0px ;}
  
}
@media (max-width:767px){
  
  .features-list .bh-product-boxes { min-height: auto!important;margin: 15px auto;}
  .features-list .owl-carousel .owl-nav>div.owl-prev { left: -40px !important; box-shadow: none; }
  .features-list .owl-carousel .owl-nav>div.owl-next { right: -40px !important; box-shadow: none; }
  .features-list .owl-carousel .owl-nav>div { top: 40%; margin-top: 0; background: #ffffff!important; border-radius: 50%; width: 45px !important; height: 45px; }
  .features-list .owl-carousel .owl-nav>div:before { font-family: 'Font Awesome 5 Pro'; font-weight:900; color: #d3d7dd!important; background: transparent !important; opacity: 1; display: block; border-radius: 50%; text-align: center; width: 100%; line-height: 40px; font-size: 14px; opacity: 1; font-weight: 700; border: 3px solid #D4D7DC; }
  .features-list .owl-carousel .owl-nav>div:hover:before { background: transparent !important; }
  #hs_cos_wrapper_OtherCategories .owl-carousel .owl-dot{    margin: 5px 10px;}
   #hs_cos_wrapper_OtherCategories .bh-slider-container { padding-left: 10px; padding-right: 10px; position: relative; }
  .features-list.bh-slider-container { padding-left: 27px; padding-right: 27px; position: relative; }
}


.other-categories h4 {
  font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.other-categories .bh-product-boxes {
    padding: 10px 20px;
    border-radius: 10px;
    min-height: 200px;
    max-width: 220px;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    margin: 20px auto;
    max-height: 200px;

}
.other-categories .bh-product-boxes .product-image {
    background: url(https://www.benefithub.com/hubfs/BH-Discount-Marketplace/Discount-Marketplace-icons-group-01.svg);
    background-size: 581px;
    background-position: -50px 3px;
    height: 45px;
    width: 45px;
    display: block;
    margin: 30px auto;
}
.other-categories .bh-product-boxes:hover {
    background: #fff;
    box-shadow: 0px 3px 30px rgb(24 78 196 / 10%);
    border: 1px solid #fff;
}

.other-categories .bh-product-boxes{}


.other-categories .bh-product-boxes .product-image.oth-cat-icon-1{background-position: -50px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-2{background-position: -101px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-3{background-position: -156px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-4{background-position: -211px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-5{background-position: -265px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-6{background-position: -479px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-7{background-position: -318px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-8{background-position: -373px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-9{background-position: -426px -58px;}
.other-categories .bh-product-boxes .product-image.oth-cat-icon-10{background-position: -533px -58px;}


@media (max-width:767px){
  
  .other-categories .bh-product-boxes { padding: 4px 5px; border-radius: 10px; min-height: 160px; max-width: 220px; position: relative; margin-bottom: 20px; border: 1px solid #e2e2e2; -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; transition: all .15s ease; margin: 20px auto; max-height: 159px; }
  .other-categories .bh-product-boxes .product-image{margin: 20px auto;}
  
}



.features-list .owl-nav {    display: block;}
.features-list .owl-carousel .owl-dots{display:none!important;}
.features-list  .bh-slider.owl-carousel.hide-nav-desktop .owl-nav>div {
    display: block !important;
}


.owl-carousel .owl-nav>div {  top: 45%;margin-top: 0;    background: #ffffff!important;    border-radius: 50%;  width: 60px !important; height: 60px;  }
.owl-carousel .owl-nav>div:before { font-family: 'Font Awesome 5 Pro'; font-weight:900; color: #d3d7dd; background: transparent !important; opacity: 1; display: block; border-radius: 50%; text-align: center; width: 100%; line-height: 54px; font-size: 20px; opacity: 1; font-weight: 700; border: 3px solid #D4D7DC; }


.owl-carousel .owl-nav>div:hover:before { color: #ffffff; opacity: 1; background: #D4D7DC!important; }
.owl-carousel .owl-nav>div.owl-prev { left: -40px !important; box-shadow: none; }


  .features-list .owl-carousel .owl-nav>div.disabled:before { color: #d3d7dd !important; opacity: .5; }


.integrations-logo{ background: url(https://www.benefithub.com/hubfs/BH-Discount-Marketplace/Asset%201.svg); background-repeat: no-repeat;background-size: 581px; background-position: -36px -723px; height: 70px; width: 120px; display: block; background-blend-mode: color; margin: 0 auto; }

.okta-logo { background-position: -11px -808px; height: 70px; width: 120px;  }
.google-logo { background-position: -183px -801px; height: 70px; width: 137px;  }
.microsoft-logo { background-position: -356px -801px; height: 70px; width: 155px; }
.auth0-logo { background-position:-7px -866px; height: 70px; width: 140px; }
.onelogin-logo {background-position: -185px -865px; height: 70px; width: 150px;  }
.ping-identity-logo{ background-position: -324px -864px; height: 70px; width: 214px;}
.bigfish-logo { background: url(https://www.benefithub.com/hubfs/BH-Rewards-and-Recognition/Rewards-and-Recognition-icon-group.svg)!important; background-position: 3px 81px!important; height: 70px; width: 170px; }
.wishlist-logo{ background: url(https://www.benefithub.com/hubfs/BH-Rewards-and-Recognition/Rewards-and-Recognition-icon-group.svg)!important; background-position: -204px 78px!important; height: 80px; width: 182px;}
.rr-integrations-module{max-width:900px; margin:0 auto;float:none;}

.rr-integrations-module .integration-3-col-box .card .front{min-height: 235px;}
.integration-3-col-box { cursor: pointer; border-radius: 15px; min-height: 220px; position: relative; margin-bottom: 20px; color: #0C2242; -moz-transition: all .15s ease; -o-transition: all .15s ease; -webkit-transition: all .15s ease; max-width: 100%!important; width: 100%; height: 220px; }

.integration-3-col-box .card { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50%;  }

.integration-3-col-box .card .front { background: #fff; height: 220px; max-width: 300px; width: 100%; border-radius: 15px; max-width: 100%!important; width: 100%; height: auto; padding: 4.1em 3em; border: 1px solid #D3D7DD;}
.integration-3-col-box .card .front:hover,
.integration-3-col-box .card .front:focus{    box-shadow: -2px 6px 20px rgb(226 233 246 / 90%);    background: #fff;    border: 0px solid #fff;}
.integration-3-col-box .card .back { background: #fff; border: 0px solid #fff; border-radius: 15px; height: auto; max-width: 100%; width: 100%; -webkit-transform: rotateY( 180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY( 180deg); padding: 1.5em 2em; box-shadow: -2px 6px 20px rgb(226 233 246 / 90%);height: 220px; display:flex; align-items:center;}

.integration-3-col-box .card .back p { text-align: left!important; font-size: 15px; font-weight: 500; line-height: 1.3; padding: 0px 10px; color: #0c2242; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; max-height: 180px;}





textarea, input[type="text"], 
input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], select {
    min-height: 60px;
}







.accordion .accordion-header .accordion-icon { background: url(https://www.benefithub.com/hubfs/BH-Voluntary-Benefits/Icons/voluntary-icons-v1.svg); background-size: 800px; background-position: 0 -66px; height: 55px; width: 55px; background-blend-mode: color; float: left; display: block; position: absolute; top: auto; line-height: 90px; text-align: center; bottom: auto; left: 5%; margin-top: -4px;margin: auto; position: absolute; top: 0; bottom: 0; } }

.accordion .accordion-header .accordion-icon.pp-accordion-icon-1{ background-position: 0 -66px;}
.accordion .accordion-header .accordion-icon.pp-accordion-icon-2 { background-position: -267px -66px;}
.accordion .accordion-header .accordion-icon.pp-accordion-icon-3 { background-position: -401px -66px;}
.accordion .accordion-header .accordion-icon.pp-accordion-icon-4 { background-position: -534px -66px;}
.accordion .accordion-header .accordion-icon.pp-accordion-icon-5 {background-position: -132px -66px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-1 { background-position: -736px -7126px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-2 { background-position: -640px -7131px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-4 {background-position: -816px -7128px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-6{background-position: -426px -7128px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-7 { background-position:-530px -7128px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-8 {background-position: -222px -7127px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-9 {background-position: -111px -7127px;}
.accordion .accordion-header .accordion-icon.fw-accordion-icon-3 {background-position:-324px -7126px;}
.accordion .accordion-header .accordion-icon.hw-accordion-icon-1 { background-position: -2px -168px;}
.accordion .accordion-header .accordion-icon.hw-accordion-icon-2 { background-position: -127px -168px;}
.accordion .accordion-header .accordion-icon.hw-accordion-icon-3 {background-position: -498px -168px;}
.accordion .accordion-header .accordion-icon.hw-accordion-icon-4 {background-position: -252px -168px;}
.accordion .accordion-header .accordion-icon.hw-accordion-icon-5 {background-position: -623px -168px;}
.accordion .accordion-header .accordion-icon.hw-accordion-icon-6 {background-position: -376px -168px;}
.accordion .accordion-header .accordion-icon.hw-accordion-icon-7 {background-position: -747px -168px;}


#hs_cos_wrapper_BH21--Product-boxes .features-list .bh-product-boxes {min-height: 377px;padding: 45px 40px;}
#hs_cos_wrapper_BH21--Product-boxes .features-list .bh-product-boxes .product-boxes-icon{min-height: 4px; margin-bottom: 10px;display:none;}
#hs_cos_wrapper_BH21--Product-boxes .features-list .bh-product-boxes h4 { position: relative; padding-left: 40px; }
#hs_cos_wrapper_BH21--Product-boxes .features-list .bh-product-boxes h4:before { content: "";background: url(https://www.benefithub.com/hubfs/BH-Voluntary-Benefits/Icons/voluntary-icons-v1.svg); background-size:850px; background-position: -55px 130px; height: 35px; width: 40px; background-blend-mode: color; line-height: 90px; text-align: center; left: -6px; margin-top: 0; position: static; top: 0; bottom: 0; display: block; margin-bottom: 10px;}
#hs_cos_wrapper_BH21--Product-boxes  .features-list .bh-tr .bh-td:nth-child(1) h4:before{background-position: -6px 0;}
#hs_cos_wrapper_BH21--Product-boxes  .features-list .bh-tr .bh-td:nth-child(2) h4:before{background-position:-96px 0; }
#hs_cos_wrapper_BH21--Product-boxes  .features-list .bh-tr .bh-td:nth-child(3) h4:before{background-position: -193px 0;}
.vb-section-features-CTA-blue{background:#0C2242;}
.wcu-slider.features-list .bh-product-boxes{min-height:272px;}
.wcu-slider.features-list .bh-product-boxes .s-copy-section{text-align:center;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon { min-height: 50px; margin-bottom: 24px; }
.wcu-slider.features-list .bh-product-boxes p {min-height: 75px; }
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image { background: url(https://www.benefithub.com/hubfs/BH-Rewards-and-Recognition/Rewards-and-Recognition-icon-group.svg); background-size: 778px; background-position: -4px -25px; height: 45px; width: 45px; display: block; background-blend-mode: color; margin: 25px auto;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image{margin: 25px auto;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image.wcu-icon-1{background-position: -4px -25px;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image.wcu-icon-2{background-position: -59px -25px;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image.wcu-icon-3{background-position: -113px -25px;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image.wcu-icon-4{background-position: -166px -25px;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image.wcu-icon-5{background-position: -381px -19px;}
.wcu-slider.features-list .bh-product-boxes .product-boxes-icon .product-image.wcu-icon-6{background-position: -437px -19px;}

  
.rewards-features.features-list .bh-product-boxes{padding: 30px 30px;min-height: 300px;border: 1px solid transparent;}  
.rewards-features.features-list .bh-product-boxes .product-boxes-icon { min-height: 76px; margin-bottom: 20px; }
.rewards-features.features-list .bh-product-boxes .product-boxes-icon .product-image { background: url(https://www.benefithub.com/hubfs/BH-Rewards-and-Recognition/Rewards-and-Recognition-icon-group.svg); background-size: 778px; background-position: 1px -91px; height: 80px; width: 80px; display: block; background-blend-mode: color; }
.rewards-features.features-list .bh-product-boxes h4{    margin-bottom: 10px;}

.rewards-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rewards-feat-icon-1{background-position: 1px -91px;}
.rewards-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rewards-feat-icon-2{background-position: -98px -91px;}
.rewards-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rewards-feat-icon-3{background-position: -198px -91px;}
.rewards-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rewards-feat-icon-4{background-position: -298px -91px;}

.rr-key-features.features-list .bh-product-boxes{padding: 30px 35px;min-height: 300px;border: 1px solid transparent;    background: #fff;}  
.rr-key-features.features-list .bh-product-boxes .product-boxes-icon { min-height: 80px; margin-bottom:0px; }
.rr-key-features.features-list .bh-product-boxes p{    min-height: 50px;}
.rr-key-features.features-list .bh-product-boxes .product-boxes-icon .product-image {  background: url(https://www.benefithub.com/hubfs/BH-Rewards-and-Recognition/Rewards-and-Recognition-icon-group.svg); background-size: 778px; background-position: -4px -25px; height: 45px; width: 45px; display: block; background-blend-mode: color; margin: 25px auto; }
.rr-key-features.features-list .bh-product-boxes h4 { margin-bottom: 20px; text-align: center;  font-size: 18px; }


.rr-key-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rr-key-feat-1{background-position: -220px -20px;}
.rr-key-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rr-key-feat-2{background-position: -275px -20px;}
.rr-key-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rr-key-feat-3{background-position: -326px -18px;}


.recog-features.features-list .bh-product-boxes{padding: 30px 35px;min-height: 300px;border: 1px solid transparent;}  
.recog-features.features-list .bh-product-boxes .product-boxes-icon { min-height: 76px; margin-bottom: 20px; }
.recog-features.features-list .bh-product-boxes .product-boxes-icon .product-image { background: url(https://www.benefithub.com/hubfs/BH-Rewards-and-Recognition/Rewards-and-Recognition-icon-group.svg); background-size: 778px; background-position: 1px -91px; height: 80px; width: 80px; display: block; background-blend-mode: color; }
.rewards-features.features-list .bh-product-boxes h4{    margin-bottom: 10px;}

.recog-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rec-feat-icon-1{background-position: -397px -87px;}
.recog-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rec-feat-icon-2{background-position: -495px -87px;}
.recog-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rec-feat-icon-3{background-position: -597px -87px;}
.recog-features.features-list .bh-product-boxes .product-boxes-icon .product-image.rec-feat-icon-4{background-position: -698px -87px;}


@media (min-width:767px){
  .rr-hero-section h1{margin-bottom:30px;}
  .rr-hero-section h3{margin-bottom:20px;}
  .rr-hero-section p{margin-bottom:30px;}
}
.section-header {
  text-align: center;
}
.section-header h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 16px;
}
.section-header hr {
  border: 1px solid #fff;
  width: 56px;
}

.steps {
  position: relative;
  margin-top: 32px;
  padding: 10px;
}


.steps .content p {
  color: #676767;
  font-size: 16px;
}

.steps .content h2 {
  font-weight: 600;
  font-size: 16px;
  color: #676767;
}

.steps-container {
  position: relative;
  width: 25%;
  padding: 25px 0;
  float: left;
}

.steps-container .content {
  padding: 40px 35px;
  position: relative;
  border-radius: 15px;
  position:relative;
  margin: 5%;
  margin-top: 80px!important;
  border: 1px solid #D3D7DD;
  min-height:402px;
  transition: all .2s ease-in-out 0s;
}

.steps-container:hover .content,
.steps-container:focus .content{
    background-color: white;
    box-shadow: -2px 6px 40px rgb(226 233 246 / 100%);
    border:1px solid transparent;
  margin-top:57px!important;
  transition: all .2s ease-in-out 0s;
}

.steps-container .content ul>li:before{content: "\f111" !important; font-family: 'Font Awesome 5 Pro' !important; font-size: 8px !important; line-height: 23px !important; text-align: center;color: #D3D7DD!important; }


.steps .steps-container:nth-child(even) {
}

.steps-container {
}

.steps .steps-container .date {
  font-weight: 900;
  font-size: 16px;
  color: #0C2242;
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border-radius: 50%;
  align-items: center;
  margin: 0 auto;
  text-align: center;
  float: none;
  margin-top: -36px;
  border: 4px solid #004BCC;
  z-index: 9;
  position: relative;
}


#step1 .date{border-color:#004BCC;}
#step2 .date{border-color:#00DEC1;}
#step3 .date{border-color:#FF5CA0;}
#step4 .date{border-color:#FCA120;}

.steps .steps-container:hover .date{height:70px;width:70px;  margin-top: -60px;transition: all 0.5s ease-in-out 0s;background-color: #fff;}
.steps #step1.steps-container:hover .date{background: url(https://www.benefithub.com/hubfs/BH-Solutions/Logo-icon.svg);background-repeat: no-repeat;background-size: 34px;background-position: 13px 12px;background-color: #fff;  }
.steps #step2.steps-container:hover .date{  background: url(https://www.benefithub.com/hubfs/BH-Solutions/Pick-and-Choose-icon.svg); background-repeat: no-repeat; background-size: 27px; background-position: 17px 17px; background-color: #fff; }

.steps #step3.steps-container:hover .date{background: url(https://www.benefithub.com/hubfs/BH-Solutions/Create-Your-BenefitHub-Icon.svg);background-repeat: no-repeat;background-size: 20px;background-position: 20px 16px;background-color: #fff;  }
.steps #step4.steps-container:hover .date{background: url(https://www.benefithub.com/hubfs/BH-Solutions/Registration-Method-Icon.svg); background-repeat: no-repeat; background-size: 32px; background-position: 15px 19px; background-color: #fff;   }




.step-line { display: none; margin-top: 10%; width: 16px; height: 22px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; z-index: 9; transform: rotate(0deg); position: absolute; top: 53px; margin: 0 auto; left: 0; right: 0; }

#step1 .step-line{border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 16px solid #004BCC;}
#step2 .step-line{border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 16px solid #00DEC1;}
#step3 .step-line{border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 16px solid #FF5CA0;}
#step4 .step-line{border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 16px solid #FCA120;}






#step1:before,
#step3:before,
#step2:before,
#step4:before{content: "";position: absolute;height: 3px;background-color: #dee1e4;top: 0;bottom: 0;left: 0;margin: 0 auto;width: 100%;z-index: 0;}

#step1:before{width:50%;right:0px;left: auto;}
#step4:before{width:50%;left:0px;right : auto;}



@media (min-width:767px){
.steps-container.active .date,
.steps-container.active .content,
.steps-container.active .content h2,
.steps-container.active .content p,
.steps-container:focus .date,
.steps-container:focus .content,
.steps-container:focus .content h2,
.steps-container:focus .content p,
.steps-container:hover .date,
.steps-container:hover .content,
.steps-container:hover .content h2,
.steps-container:hover .content p{background:#ffffff;}

.steps-container.active .step-line,
.steps-container:focus .step-line,
.steps-container:hover .step-line{border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 16px solid #00c994;display: block;border-radius: 5px;transform: rotate(0deg);transition: all .2s ease-in-out 0s;}
/* .dmf-tag {display: flex;align-items: center;} */

  .dmf-tag { line-height:60px; }
}


@media (max-width: 767px) {
    .steps::after {      left: 12%; margin: 0px;  }
    .steps-container {width: 100%;padding: 10px 0;  }
    #step1:before { height: 60%!important; bottom: 0px!important; top: auto!important; }
    #step4:before { height: 42%!important; top: 0px!important; bottom: auto!important; }
    .steps .steps-container .date{position: absolute; top: 50%; left: -9px; bottom: 0;}
    #step1:before, #step3:before, #step2:before, #step4:before { content: ""; position: absolute; width: 3px!important; background-color: #dee1e4; top: 0; bottom: 0; left: 0!important; margin: 0 auto; height: 100%; z-index: 0; right: auto!important; } 
    .steps-container .content { padding: 26px 20px; position: relative; border-radius: 15px; position: relative; margin: 5%; margin-top: 0px!important; border: 1px solid #D3D7DD; min-height: auto; width: 85%; text-align: left; margin-left: 10%; }
  
    .steps .steps-container:hover .date{width: 22px!important; height: 22px!important;     margin-top: -36px!important;transition:none!important;background: #FFF!important;}
  .steps-container:hover .content, .steps-container:focus .content{margin-top: 0px!important;}
  .features-list .bh-product-boxes p , .other-categories h4 {
    font-size:16px;
  }
.accordion .accordion-header .accordion-icon {
    transform: scale(0.7);
}
}


/* input active CSS */
.hs_bh___21_benefit_areas_of_interest ul li input:checked~span:before {
    content: '\f058';
    color: #fff;
}