/* Custom Reset */
* {
      box-sizing: border-box;
}

body {
      font-family: "Montserrat", sans-serif;
      font-weight: normal;
      margin: 0;
      padding: 0px;

}

a.active,
a:focus,
button:focus,
button.active {
      outline: none;
}

a {
      text-decoration: none;
}

a:focus,
a:hover,
a:active {
      outline: 0;
      box-shadow: none;
}

a:focus,
a:hover {
      text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
      margin: 0;
      padding: 0;
}

a {
      text-decoration: none;
      transition: all 0.5s ease-in-out;
}

a:hover {
      text-decoration: none;
}

ul,
ol {
      margin: 0;
      padding: 0;
      list-style: none;
}

ul li {
      list-style: none;
}

p {
      margin: 0;
      padding: 0;
}

input:focus,
select:focus,
textarea:focus {
      outline: none;
}

img {
      border-style: none;
      display: inline-block;
      max-width: 100%;
      height: auto;
}

/*  */
.hero-sec {
      background-image: url(../images/hero-bg.png);
      background-repeat: no-repeat;
      background-size: cover;
}

.hero-middle {
      background: linear-gradient(180deg, rgba(160, 28, 45, 0.60) 0%, rgba(160, 28, 45, 0.00) 100%);
      text-align: center;
      padding: 99px 58px 150px;
      max-width: 800px;
      margin: 0 auto;
      flex: 1;
}

.hero-middle .card-wrapper img {
  width: 50%;
  margin: 0 auto;
}

.hero-middle h1 {
      color: #FFF;
      margin-bottom: 51px;
      font-size: 60px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%;
}

.hero-middle p {
      color: #FFF;
      font-size: 32px;
      font-weight: 600;
      line-height: 140%;
      margin-bottom: 32px;
}

.breadcrumbs {
  display: none;
}

.package-label,
.package-label-variation {
  display: none !important;
}

.hero-card {
      background: url(../images/hero-hape1.png);
      background-repeat: no-repeat;
      background-size: cover;
      padding: 21px 42px;
      max-width: 247px;
}

.hero-card:nth-child(1) {
      z-index: 3;
      position: relative;
      transform: rotate(-5deg);
}

.hero-card:nth-child(2) {
      background: url(../images/hero-shape2.png);
      margin: 0px -37px;
      z-index: 2;
      position: relative;

}

.hero-card:nth-child(3) {
      background: url(../images/hero-shape3.png);
      transform: rotate(5deg);
      position: relative;
      z-index: 1;
      margin-left: -62px;
}

.hero-card:nth-child(2) span,
.hero-card:nth-child(2) h6 {
      color: #19B2F0;
}

.hero-card span {
      color: #FFF;
      font-size: 19.73px;
      font-weight: 600;
      line-height: 140%;
}

.hero-card h6 {
      color: #FFF;
      font-size: 48.428px;
      font-weight: 700;
      line-height: 140%;
}

.hero-inner {
      display: flex;
}

.right-img {
      display: flex;
      align-items: end;
}

.gel-sec {
      background: #E6F7FF;
      padding: 126px 0px;
}

.title2 {
      color: #2A3C49;
      font-size: 56px;
      font-weight: 700;
      line-height: 160%;
}

.gel-card-wrapper {
      display: grid;
      grid-template-columns: 4fr 4fr 4fr;
      grid-gap: 24px;
      margin-top: 48px;
}

.gel-wrapper .gel-card-wrapper.gel-card-wrapper2 {
  grid-template-columns: 4fr 4fr;
}

.cremogel-sec .gel-card-wrapper {
      grid-template-columns: 4fr 4fr;
}

.cremogel-sec .gel-card {
      background: #FFF0F2;
}

.cremogel-sec .gel-card .title6 {
      min-height: auto;
}

.gel-card {
      border-radius: 32px;
      background: #FFF;
      padding: 32px;
}

.title6 {
      color: #2A3C49;
      font-size: 22px;
      font-weight: 700;
      line-height: normal;
}

.gel-card .title6 {
      margin-bottom: 24px;
      min-height: 54px;
}

.icon-box {
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(222, 2, 42, 0.55) 7.81%, rgba(25, 178, 240, 0.55) 96.87%), #FFF;
      display: flex;
      width: 96px;
      height: 96px;
      justify-content: center;
      align-items: center;
      margin-bottom: 32px;
}

.body-para {
      color: var(--Text, #58677B);
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 160%;
}

.gel-right {
      max-width: 1156px;
      margin-left: auto;
}

.cremogel-sec {
      padding: 126px 0px;
}

.subtitle {
      color: #19B2F0;
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      margin-top: 24px;
}

.gel-wrapper {
      max-width: 1440px;
      margin: 0 auto;
}

.mb-96 {
      margin-bottom: 96px;
}

.pt-40 {
      padding-top: 40px !important;
}

.gel-sec .gel-wrapper .title6,
.deine-sec .gel-card-wrapper .title6 {
      min-height: inherit;
}

.gel-sec .gel-wrapper .gel-card-wrapper {
      grid-gap: 48px;
}

.deine-sec {
      padding: 126px 0px;
}

.text-red {
      color: #DE022A !important;
}

.deine-sec .gel-card {
      background: #FFF0F2;
}

.deine-sec .gel-card-wrapper {
      grid-gap: 48px;
}

.form {
      border-radius: 32px;
      padding: 96px;
      max-width: 1200px;
      margin: 96px auto 0px;
      background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(149deg, rgba(222, 2, 42, 0.10) 0%, rgba(25, 178, 240, 0.10) 100%), #FFF;
}

.form-group-wrapper {
      display: grid;
      grid-template-columns: 6fr 6fr;
      grid-gap: 48px;
}

.form h6 {
      color: #2A3C49;
      font-size: 20px;
      margin-bottom: 0px;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.4px;
}

.contact-sec {
      background: linear-gradient(136deg, var(--Brand-Red-light, #FFF0F2) 0%, var(--Brand-Blue-light, #E6F7FF) 100%);
      padding: 96px 0px;
}

.contact-sec .form-control {
      border-bottom: 1px solid #58677B !important;
      border: none;
      height: 40px;
      width: 100%;
      color: #2A3C49;
      font-size: 20px;
      font-weight: 700;
      line-height: normal;
      border-radius: 0px;
      letter-spacing: 0.4px;
}

.contact-sec .form-control::placeholder {
      color: #2A3C49;
}

.mb-64 {
      margin-bottom: 64px;
}

.mb-24 {
      margin-bottom: 24px !important;
}

.form-check {
      display: flex;
      align-items: center;
      grid-gap: 10px;
      padding-left: 26px;
      margin-bottom: 12px;
}

.form-check-input {
      width: 20px;
      height: 20px;
      border: 1px solid #58677B;
      margin-top: 0px;
}

.form-check .form-check-input {
      margin-left: 0px;
}

.form-check:last-child {
      margin-bottom: 0px;
}

.gewinnspiel-sec {
      background: url(../images/gewinnspiel-bg.png);
      background-repeat: no-repeat;
      background-size: cover;
}

.gewinnspiel-sec .container {
      max-width: 1440px;
}

.gewinnspiel-inner {
      padding: 64px;
      min-height: 807px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: linear-gradient(180deg, rgba(160, 28, 45, 0.60) 0%, rgba(160, 28, 45, 0.00) 100%);
      max-width: 672px;
}

.gewinnspiel-inner h2 {
      color: #FFF;
      font-size: 48px;
      font-weight: 700;
      line-height: 140%;
      margin-bottom: 40px;
      padding-right: 20px;
}

.gewinnspiel-inner p {
      color: #FFF;
      font-size: 24px;
      font-weight: 600;
      line-height: 140%;
}

.title3 {
      color: #2A3C49;
      font-size: 48px;
      font-weight: 700;
      line-height: 160%;
}

.tab-sec {
      background: #E6F7FF;
      padding: 126px 0px;
}

.body-para2 {
      color: #58677B;
      font-size: 20px;
      font-weight: 500;
      margin: 48px 0px;
      line-height: 160%;
}

.nav-link {
      color: #2A3C49;
      font-size: 23px;
      font-weight: 700;
      line-height: 160%;
      padding: 10px 16px;
      background-color: transparent;
      border: none;
      border-radius: 20px 20px 0px 0px;
}

.nav-link.active {
      background-color: #fff;
}

.tab-content {
      background-color: #fff;
      border-radius: 20px;
      padding: 20px;
}

.custom-card {
      background-color: #E6F7FF;
      padding: 20px;
}

.nav {
      margin-left: 20px;
}

.custom-card p {
      color: #2A3C49;
      font-size: 20px;
      margin-bottom: 0px;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 0.4px;
}

.tab-right {
      max-width: 672px;
}

.custom-card .form-control {
      height: 56px;
      border-radius: 0px;
}

.tab-sec .container {
      max-width: 1440px;
      margin: 0 auto;
}

.tab-sec.bg-white .nav-link.active {
      background: #FFF0F2;
}

.tab-sec.bg-white .tab-content {
      background: #FFF0F2;
}

.tab-sec.bg-white .custom-card {
      background: #fff;
}

.faq-sec {
      padding: 96px 0px;
}

.faq-inner {
      border-radius: 32px;
      background: #E6F7FF;
      padding: 32px;
      max-width: 1200px;
      margin: 64px auto 0px;
}

.faq-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 32px 60px;
}

.faq-header h3 {
      color: #2A3C49;
      font-size: 32px;
      font-weight: 700;
      line-height: 120%;
}

.custom-faq {
      background: #ffffff;
}

.accordion-item {
      border-radius: 32px !important;
      background: #FFF;
      padding: 32px;
      border: none;
      margin-bottom: 16px;
}

.accordion-button {
      color: #2A3C49;
      font-size: 20px;
      font-weight: 700;
      line-height: 40px;
      background-color: transparent;
      padding: 20px 0px;
}

.faq-btn:not(.collapsed) {
      background: #f2f4f7;
      box-shadow: none;
}

.faq-content {
      padding: 0 0px 32px;
      color: #58677B;
      font-size: 18px;
      font-weight: 500;
      line-height: 180%;
}

.accordion-button:not(.collapsed) {
      background: transparent;
      color: #2A3C49;
}

.accordion-button::after {
      border-radius: 24px;
      background: var(--Brand-Blue, #19B2F0);
      display: flex;
      width: 48px;
      height: 48px;
      justify-content: center;
      align-items: center;
      background-image: url(../images/plus.svg);
}

.accordion-button:not(.collapsed)::after {
      background: url(../images/minus.svg);
}

.faq-item.active {
      border: 2px solid #19B2F0;

}

.faq-inner.faq-inner2 {
      background: #FFF0F2;
}

.faq-inner.faq-inner2 .faq-item.active {
      border: none;
}

.faq-inner.faq-inner2 .accordion-button::after {
      background: url(../images/plus-red.svg);
}

.faq-inner.faq-inner2 .accordion-button:not(.collapsed)::after {
      background: url(../images/minus-red.svg);
}

.footer-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      grid-gap: 20px;
}

.footer-list {
      display: flex;
      align-items: center;
      grid-gap: 48px;
}

.footer-link {
      display: block;
      color: #2A3C49;
      font-size: 18px;
      font-weight: 500;
      line-height: 140%;
}
footer{
      padding: 32px 0px;
      border-top: 1px solid #E6E6E6;
}
.primary-button {
  background: #d7213b;
  padding: 7px 30px;
  border-radius: 100px;
  border: 1px solid #d7213b;
  color: #fff;
  transition: all ease-in 0.2s;
}
form label a {
    color: #d7213b;
    text-decoration: underline;  
}
.primary-button:hover {
  color: #d7213b;
  background: #fff;
}
.footer-item2 ul li a {
  font-size: 16px;
}
.hero-middle li {
  font-weight: 500;
  font-size: 24px;
  color: #fff;
}