@media screen and (min-width: 1024px) {
    .hero-feature .hero-feature__image {
        height: 550px!important;
    }
}

@media (min-width: 1024px) {
  #hero-feature-2095077898 .container {
        max-width: none!important;
    }
}

#hero-feature-2095077898 .container, #hero-feature-2095077898 .container-fluid {
    width: 100%!important;
    padding-left:0px;
    padding-right:0px;
    margin-right: auto;
    margin-left: auto;
}

.hero-feature .hero-feature__background {
    background-color: #003652!important;
}

.hero-feature .hero-feature__title .title {
    color: #8ff6b1!important;
}

.hero-feature .hero-feature__subHeadline {
    color: #fff!important;
    text-align: center;
}

@media screen and (min-width: 1024px) {
  #hero-feature-2095077898  .sub-header-sh1 {
        font-size: 44px;
    }
}

.hero-feature .hero-feature__content .hero-feature__content-wrapper .hero-feature__headlines, .hero-feature .hero-feature__content-button-wrapper .hero-feature__content-wrapper .hero-feature__headlines {
    display: flex;
    flex-direction: column;
    align-items: center!important;
    gap: 8px;
    align-self: stretch;
}
.fs-32 {font-size:32px}
.box-with-icon  {gap: 15px;
    align-items: center;
    display: flex;}
.box-with-icon p {margin-top:0px}
.box-with-icon img {width:40px;height:auto;}

.box-with-icon_lg img {width:80px;height:auto;}

.my-checklist {
  list-style-type: none!important;
  margin-left:0px!important;
}

.my-checklist li {
  position: relative;
  padding-left: 55px;
  line-height: 40px;
}

.my-checklist li::before {
  content: url('/content/dam/metlifecom/sk/leto-plne-zazitkov/icon-tick.svg'); 
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: no-repeat center center;
}

.responsive-column-layout.metlife-dark-blue {
    background-color: #003652!important;
}

.aem-GridColumn:last-of-type > .responsive-column-layout.metlife-dark-blue {
    margin-bottom: 0px !important;
}

.responsive-column-layout.metlife-dark-blue .component {
    background-color: #003652!important;
}

@media screen and (min-width: 1024px) {
    .header-h4 {
        font-size: 25px!important;
    }
}

#wysiwig-margin-40 {
  margin-bottom:40px!important;
}