.fill-c-black {
      fill: #626262;
      color: #626262;
  }

  .mg-calc-body {
      padding: 32px 32px 40px 32px;
  }

  .mg-calc-sidebar {
      padding: 32px;
  }

  .checkbox-wrap {
      cursor: pointer;
  }

  .checkbox-label {
      padding-left: 16px;
  }

  .checkbox {
      display: flex;
      width: 24px;
      height: 24px;
      border: 1px solid #000000;
      border-radius: 8px;
      margin: 0;
      position: relative;
      align-items: center;
      justify-content: center;
      transition: ease .5s;
  }

  .checkbox svg {
      opacity: 0;
      transition: ease .5s;
  }

  .checked .checkbox {
      border-color: #e20074;
      background-color: #e20074;
  }

  .checked .checkbox svg {
      opacity: 1;
  }

  .mg-group {
      padding-bottom: 32px;
  }

  .mg-group-discount {
      padding-top: 8px;
  }

  .mg-form-input-v1 {
      width: 100%;
      height: 48px;
      position: relative;
      background-color: #fff;
      border-radius: 8px;
      border: 1px solid rgba(38, 38, 38, 0.1);
      transition: ease .5s;
  }

  .mg-form-input-v1 .form-control {
      font-size: 16px;
      line-height: 28px;
      border: 0;
      background-color: transparent;
      font-family: "TeleNeo ExtraBold";
      font-weight: 800;
      outline: 0 !important;
      box-shadow: none !important;
      height: 100%;
      padding: 10px 53px 8px 24px;
      text-align: center;
  }

  .mg-form-input-v1.disabled .form-control {
      pointer-events: none;
  }

  .mg-form-input-v1 .currency {
      position: absolute;
      right: 0;
      top: 14px;
      width: 46%;
  }

  .mg-form-input-v1:active,
  .mg-form-input-v1:not(.disabled):focus-within,
  .mg-form-input-v1:not(.disabled):hover {
      border-color: #000000;
  }

  .mg-service-list {
      margin-left: -6px;
      margin-right: -6px;
  }

  .mg-service-item {
      padding-left: 6px;
      padding-right: 6px;
      flex: 0 0 33.33333%;
  }

  .mg-service-item:last-of-type {
      flex: 0 0 100%;
      padding-top: 12px;
  }

  .mg-service {
      border-radius: 8px;
      border: 1px solid rgba(38, 38, 38, 0.1);
      background-color: #FFF;
      padding: 16px;
      color: #262626;
      text-align: center;
      font-family: "TeleNeo ExtraBold";
      font-size: 20px;
      font-weight: 800;
      line-height: 20px;
      cursor: pointer;
      transition: ease .5s;
      position: relative;
  }

  .mg-service:before {
      content: "";
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -1px;
      right: -1px;
      border: 2px solid #e20074;
      opacity: 0;
      border-radius: 8px;
      transition: ease .5s;
  }

  .mg-service:hover:before,
  .active .mg-service:before {
      opacity: 1;
  }

  .mg-benefit-item {
      padding: 12px 16px;
      border: 1px dashed #AEB7C0;
      border-radius: 4px;
      margin-bottom: 8px;
  }

  .no-service-item .extra-servicem,.no-service-item .mg-benefit-section {
      display: none !important;
  }

  .mg-benefit-section {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
  }

  .mg-benefit-section > *{
    flex: 0 0 100%;
  }

  .br-section {
      padding-top: 16px;
      padding-bottom: 16px;
  }

  .breadcrumb>li i svg {
      width: 16px;
      height: 16px;
  }

  .ttl-olp {
      padding: 24px 16px;
  }

  .c-row-ods {
      margin-left: -8px;
      margin-right: -8px;
  }

  .c-row-ods *[class*="col-"] {
      padding-left: 8px;
      padding-right: 8px;
  }

  .c-row-ods-v2 {
      margin-left: -4px;
      margin-right: -4px;
  }

  .c-row-ods-v2 *[class*="col-"] {
      padding-left: 4px;
      padding-right: 4px;
  }

  .c-ods-card {
      height: 100%;
      display: flex;
      flex-direction: column;
  }

  .cod-image {
      border-radius: 16px 16px 0 0;
      padding-bottom: 66.5%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .cod-text {
      padding: 40px 32px 32px;
      border-radius: 0 0 16px 16px;
      background-color: #F4F6F8;
      flex-grow: 1;
  }

  .cod-text p a {
      color: #e20074;
      text-decoration: underline;
  }

  .inner-cnt {
      padding: 24px;
  }

  .mg-hero-banner {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 24px;
      height: 480px;
      padding: 24px 20px;
  }

  .magenta-badge {
      position: absolute;
      top: 0;
      right: 0;
      padding: 16px 12px;
      border-radius: 0 24px 0 24px;
  }

  .magenta-badge-img {
      width: 115px;
  }

  .c-ods-card-slider .slick-slide {
      flex: 0 0 353px;
      width: 353px;
      margin-bottom: 0;
      height: auto;
  }

  .c-ods-card-slider .slick-track {
      display: flex;
  }

  .cta-image-wrap {
      position: absolute;
      top: -85px;
      left: 0;
      z-index: 1;
      width: 320px;
      left: 50%;
      transform: translateX(-50%);
  }

  .p-v1-pp {
      padding-top: 117px !important;
  }

  .cta-image-wrap .img-xs {
      position: relative;
      left: -31px;
  }

  .cta-corner-slider.slick-initialized {
      margin-left: -8px;
      margin-right: -8px;
  }

  .cta-corner-slider .slick-slide {
      padding-right: 8px;
      padding-left: 8px;
      width: 326px;
      margin-bottom: 0 !important;
  }

  .cta-corner-slider .slick-arrow {
      transform: translateY(0);
      top: -106px;
  }

  .cta-corner-slider .slick-prev {
      right: 64px !important;
      left: auto !important;
  }

  .cta-corner-slider .slick-next {
      right: 8px !important;
  }

  .cta-corner-slider .slick-arrow.slick-disabled {
      display: block !important;
      opacity: .2;
      pointer-events: none;
  }

  .cta-tile-ppt,
  .cta-tile-h-ppt {
      height: 480px;
      background-position: center;
      background-size: cover;
      padding-bottom: 24px;
  }

  @media screen and (min-width: 768px) and (max-width: 991.98px) {
      .mg-hero-banner {
          height: 325px;
      }
  }

  @media screen and (min-width: 768px) {
      .mg-hero-banner-overlay {
          opacity: 0.7;
          background: linear-gradient(91deg, #262626 21.91%, rgba(38, 38, 38, 0) 62.9%);
      }

      .cta-image-wrap {
          width: 402px;
          top: -100px;
          transform: translateX(-55%);
      }

      .p-v1-pp {
          padding-top: 168px !important;
      }

      .cta-tile-h-ppt {
          height: 520px;
          padding: 16px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
      }
  }

  @media screen and (min-width: 992px) {
      .br-section {
          padding-top: 18px;
          padding-bottom: 18px;
      }

      .ttl-olp {
          padding: 24px 24px 32px;
      }

      .inner-cnt {
          padding: 64px 40px;
      }

      .mg-hero-banner {
          padding: 40px;
      }

      .magenta-badge {
          padding: 29px 34px;
      }

      .magenta-badge-img {
          width: 201px;
      }

      .cod-image {
          padding-bottom: 61%;
      }

      .mg-calc-body {
          padding-bottom: 108px;
      }

      .checkbox-label {
          padding-left: 18px;
      }

      .checkbox {
          width: 28px;
          height: 28px;
      }

      .mg-form-input-v1 {
          width: 145px;
          height: 44px;
      }

      .mg-form-input-v1 .currency {
          right: 30px;
          top: 8px;
          width: auto;
      }

      .mg-form-input-v1 .form-control {
          font-size: 20px;
          line-height: 25px;
          text-align: right;
      }

      .mg-group {
          padding-bottom: 48px;
      }

      .mg-group-discount {
          padding-top: 50px;
      }

      .mg-service {
          line-height: 28px;
          padding: 19px 16px;
      }

      .mg-service-item {
          flex: 0 0 25%;
      }

      .mg-service-item:last-of-type {
          flex: 0 0 25%;
          padding-top: 0;
      }

      .cta-corner-slider .slick-list {
          margin-right: -50%;
      }

      .cta-tile-h-ppt {
          height: 560px;
      }
  }

  @media screen and (min-width: 1200px) {
      .cta-corner-slider .slick-slide {
          width: 386px;
      }
  }

  .bs-second-banner-ghg {
      height: 480px;
      background-image: url("https://dtdl-static-natco.eshop.yo-digital.com/resize-image?f=assets/cz/213993795936732_M1-768x480.webp&alt=M1-768x480");
      background-position: center;
      padding-bottom: 27px;
      background-position-y: top;
  }

  @media screen and (min-width: 768px) {
      .bs-second-banner-ghg {
          padding: 20px;
          background-image: url("https://dtdl-static-natco.eshop.yo-digital.com/resize-image?f=assets/cz/213993795936732_M1-768x480.webp&alt=M1-768x480");
          background-position: center left;
      }
  }

  @media screen and (min-width: 992px) {
      .bs-second-banner-ghg {
          height: 450px;
          padding: 30px;
          background-image: url("https://dtdl-static-natco.eshop.yo-digital.com/resize-image?f=assets/cz/226723048424257_M1-930x450.webp&alt=M1-930x450");
      }
  }

  @media screen and (min-width: 1200px) {
      .bs-second-banner-ghg {
          padding: 40px;
          background-image: url("https://dtdl-static-natco.eshop.yo-digital.com/resize-image?f=assets/cz/214037855968187_M1-1140x450.webp&alt=M1-1140x450");
      }
  }