.lpv-available-payment-methods {
  justify-content: center !important;
}

button {
  font-size: 24px !important;
}

:root {
  --color-red: #d50004;
  --color-yellow: #f8b03a;
  --color-green: #bbce00;
  --color-icon: #d50004;
  --color-blue: #00487a;
  --color-blue1: #174393;
  --color-blue2: #03ffff;
  --color-grey: #f1f1f1;
  --color-black: #000;
  --color-white: #fff;
  --font-size: 20px;
  --line-height: 140%;
  --font: Myriad Pro, myriad-pro,sans-serif;
  --700: 700;
}

body {
  font-family: var(--font);
  font-size: var(--font-size);
  line-height: var(--line-height);
  background-color: var(--color-white);
}

.container1 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 10px;
}

.container2 {
  max-width: 1710px;
  margin: 0 auto;
  padding: 0 10px;
}

.container3 {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 10px;
}

.container4 {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 10px;
}

.container5 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
}

b, strong {
  font-weight: var(--700);
}

h1, h2, h3, h4 {
  font-family: var(--font);
}

h1 {
  font-size: 48px;
  font-weight: var(--700);
}

h2 {
  font-size: 32px;
  font-weight: var(--700);
}

h3 {
  font-size: 30px;
  font-weight: var(--700);
}

h4 {
  font-size: 24px;
  font-weight: var(--700);
}

p {
  margin-top: 0;
  margin-bottom: 1.2rem;
}

u.underline {
  text-decoration-color: var(--color-blue1);
}

a {
  color: #0070C0;
  font-weight: 700;
}

a:hover {
  text-decoration: none;
}

section.einstieg {
  background-image: url("../../assets/img/bg_251238249a.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
}

section.einstieg2 {
  background-image: url("../../assets/img/bg-dotted-map_neu.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
}

.h1 {
  font-size: 66px;
  font-weight: var(--700);
}

.blue {
  color: #00487a;
}

.blue1 {
  color: #1743934;
}

.blue2 {
  color: #03ffff;
}

.bg-red {
  background-color: var(--color-red);
}

.bg-grey {
  background-color: var(--color-grey);
}

.bg-grey1 {
  background-color: #f8f9fa;
}

.bg-blue3 {
  background-image: linear-gradient(145deg, var(--color-blue) 0%, #eee 85%) !important;
}

.bg-blue {
  background-color: var(--color-blue);
}

.bg-blue1 {
  background-color: var(--color-blue1);
}

.bg-blue2 {
  background-color: var(--color-blue2);
}

.btn-primary {
  background-color: var(--color-blue2);
  border-color: var(--color-blue);
  font-size: 24px;
  line-height: var(--line-height);
  margin: 1rem auto;
  border-radius: 5px;
  padding: 15px 70px;
  position: relative;
  overflow: hidden;
  color: var(--color-blue);
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(26, 26, 26, .6);
}

.btn-primary:before {
  content: "";
  position: absolute;
  right: -10px;
  top: -10px;
  background-color: var(--color-blue);
  opacity: 1;
  width: 70px;
  height: 120px;
  transform: rotate(15deg);
}

.btn-primary:after {
  content: "\f245";
  font-weight: 400;
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 15px;
  top: 17.5px;
  font-size: 30px;
  color: var(--color-white);
}

.btn-primary:hover {
  background-color: var(--color-blue);
  font-size: 24px;
  border-color: var(--color-vlue2);
  line-height: var(--line-height);
  color: var(--color-white);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.btn-primary:hover:before {
  content: "";
  position: absolute;
  right: -10px;
  top: -10px;
  background-color: var(--color-blue2);
  opacity: 0.5;
  width: 70px;
  height: 120px;
  transform: rotate(15deg);
}

.btn-primary:hover:after {
  color: var(--color-blue);
}

.btn-primary1 {
  border: 0px;
  margin: 0.5rem auto;
  color: #403c3c;
  box-shadow: 2px 2px 8px rgba(26, 26, 26, .8);
  font-size: 1.2em;
  letter-spacing: 1px;
  padding: 10px 25px;
  position: relative;
  font-weight: 500;
  word-break: break-word;
  white-space: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #fffe00), color-stop(1, #ffc000));
  border-radius: 10px;
  line-height: 130%;
}

.btn-primary1:hover {
  word-break: break-word;
  white-space: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ffc000), color-stop(1, #d1ac3c));
  box-shadow: 4px 4px 10px rgba(26, 26, 26, .8);
  color: #005C9E;
}

.btn-primary1:active {
  word-break: break-word;
  white-space: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #fffe00), color-stop(1, #ffc000));
  box-shadow: 4px 4px 10px rgba(26, 26, 26, .8);
  color: #005C9E;
}

button.btn-primary1::after {
  content: url("")"";
  position: absolute;
  transform: rotate(-30deg);
  right: -15px;
  word-break: break-word;
  white-space: normal;
}

.btn-primary2 {
  border: 0px;
  margin: 0.5rem auto;
  color: #403c3c;
  box-shadow: 2px 2px 8px rgba(26, 26, 26, .8);
  font-size: 15px;
  padding: 10px 25px;
  position: relative;
  font-weight: 500;
  word-break: break-word;
  white-space: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #fffe00), color-stop(1, #ffc000));
  border-radius: 10px;
}

.btn-primary2:hover {
  word-break: break-word;
  white-space: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #ffc000), color-stop(1, #d1ac3c));
  box-shadow: 4px 4px 10px rgba(26, 26, 26, .8);
  color: #005C9E;
}

.btn-primary2:active {
  word-break: break-word;
  white-space: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #fffe00), color-stop(1, #ffc000));
  box-shadow: 4px 4px 10px rgba(26, 26, 26, .8);
  color: #005C9E;
}

.bg-paket {
  background-image: url(https://shop.maxlq.de/ll/webinar/images/bg-paket.webp);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg {
  background-image: url("../../assets/img/bg_erde_1935178514.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-1 {
  background-image: url("chat-gpt_2248134023a.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-2 {
  background-image: url("hintergrund_722756467.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-3 {
  background-image: url("hintergrund_1040624467.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-4 {
  background-image: url("bg-cta_2238225905a.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-5 {
  background-image: url("bg-autonomes-fahren.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-6 {
  background-image: url("bg-aktien_1660645078.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-7 {
  background-image: url("../../assets/img/bg_2249776393.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.layer {
  background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, .45) 50%);
}

.layer > * {
  position: relative;
  z-index: 1;
}

div.layer3 {
  background: rgba(255, 255, 255, 0.85);
}

div.layer3 > * {
  position: relative;
  z-index: 1;
}

div.layer4 {
  background: rgba(0, 0, 0, 0.50);
}

div.layer4 > * {
  position: relative;
  z-index: 1;
}

div.layer5 {
  background: rgba(255, 255, 255, 0.75);
}

div.layer5 > * {
  position: relative;
  z-index: 1;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.layer-2 {
  background-image: url(https://shop.maxlq.de/ll/webinar/images/layer-2.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.layer-2 > * {
  position: relative;
  z-index: 1;
}

.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 10rem;
  width: 100%;
  font-size: 2rem;
  border-top-left-radius: 25px !important;
  border-top-right-radius: 25px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-3 {
  border-radius: 50% !important;
}

div.feature.bg-red.bg-gradient.text-white.mb-4 > i {
  font-size: 80pt;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.card {
  border-radius: 25px !important;
}

.video-teaser {
  background-color: rgba(241, 241, 241, 0.4);
  padding: 20px;
  border-radius: 10px;
  margin: 0 auto;
}

.video-teaser-body {
  margin-bottom: 0;
  padding-top: 1rem !important;
}

.video-teaser-body > p {
  margin-bottom: 0;
  text-align: left;
  border-right: 1px solid #eee;
  padding-right: 30px;
  margin-left: 30px;
}

.video-teaser-body > p:last-child {
  border-right: unset;
  padding-right: 0;
  text-align: center !important;
  padding-top: 10px;
}

ul.iconsS {
  list-style-type: none;
}

ul.iconsS li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  padding-bottom: 15px;
}

ul.iconsS {
  list-style-type: none;
  margin-left: 12px;
}

ul.iconsS li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  padding-bottom: 15px;
}

ul.iconsS li:nth-child(1):after {
  content: "\f34e";
  position: absolute;
  left: -35px;
  top: 15px;
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  color: var(--color-red);
  font-weight: 300;
}

ul.iconsS li:nth-child(2):after {
  content: "\f51e";
  position: absolute;
  left: -35px;
  top: 15px;
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  color: var(--color-red);
  font-weight: 300;
}

ul.iconsS li:nth-child(3):after {
  content: "\e533";
  position: absolute;
  left: -38px;
  top: 15px;
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  color: var(--color-red);
  font-weight: 300;
}

ul.iconsS li:nth-child(4):after {
  content: "\e417";
  position: absolute;
  left: -35px;
  top: 15px;
  font-family: "Font Awesome 6 Pro";
  font-size: 30px;
  color: var(--color-red);
  font-weight: 300;
}

ul.iconsS li:before {
  position: absolute;
  left: -45px;
  top: 2.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 50px;
  height: 50px;
  content: "";
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

ul.green-check {
  margin-left: 1.5em;
  list-style: none;
  list-style: none;
}

ul.green-check li {
  position: relative;
  line-height: 1.3;
  font-size: 1.15em;
  padding-left: 20px;
  padding-bottom: 20px;
  list-style: none;
  word-break: break-word;
}

ul.green-check li::before {
  position: absolute;
  left: -1.5em;
  top: -0.1em;
  content: url("../../assets/img/check_1441134716.png") " ";
}

ul.green-check1 {
  margin-left: 1.5em;
  list-style: none;
  list-style: none;
}

ul.green-check1 li {
  position: relative;
  line-height: 1.3;
  padding-left: 20px;
  padding-bottom: 20px;
  list-style: none;
  word-break: break-word;
}

ul.green-check1 li::before {
  position: absolute;
  left: -1.5em;
  top: -0.1em;
  content: url("../../assets/img/check_1441134716.png") " ";
}

ul.green-check1 li::before {
  position: absolute;
  left: -1.5em;
  top: -0.1em;
  content: url("../../assets/img/check_1441134716.png") " ";
}

ul.green-check2 {
  margin-left: 1.15em;
  list-style: none;
  list-style: none;
}

ul.green-check2 li {
  position: relative;
  line-height: 1.3;
  font-size: 0.9em;
  padding-left: 20px;
  padding-bottom: 20px;
  list-style: none;
  word-break: break-word;
}

ul.green-check2 li::before {
  position: absolute;
  left: -1.5em;
  top: -0.1em;
  content: url("../../assets/img/check_1441134716.png");
}

ul.icons2 {
  list-style-type: none;
  margin-left: 12px;
}

ul.icons2 li {
  position: relative;
  padding-left: 1.25em;
  padding-bottom: 20px;
}

ul.icons2 li:after {
  content: "\e098";
  position: absolute;
  left: -40px;
  top: 15px;
  font-family: "Font Awesome 6 Pro";
  font-size: 34px;
  color: var(--color-blue1);
  font-weight: 300;
}

ul.icons2 li:before {
  position: absolute;
  left: -45px;
  top: 2.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 50px;
  height: 50px;
  content: "";
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

ul.arrow {
  list-style-type: none;
  margin-left: 12px;
}

ul.arrow li {
  position: relative;
  padding-left: 1.25em;
  padding-bottom: 30px;
}

ul.arrow li:after {
  content: "\f061";
  position: absolute;
  left: -35px;
  top: 0px;
  font-family: "Font Awesome 6 Pro";
  font-size: 34px;
  color: var(--color-white);
  font-weight: 300;
}

ul.arrow li:before {
  position: absolute;
  left: -45px;
  top: -9.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-green);
  width: 50px;
  height: 50px;
  content: "";
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

ul.arrow li:last-child {
  position: relative;
  padding-left: 1.25em;
  padding-bottom: 0px;
}

ol.numbers {
  list-style-type: none;
  margin-left: 53px;
}

ol.numbers li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  padding-bottom: 60px;
}

ol.numbers li:nth-of-type(1):after {
  content: "1";
  position: absolute;
  left: -67.5px;
  top: -22.5px;
  font-size: 70px;
  color: var(--color-green);
  font-weight: 700;
}

ol.numbers li:before {
  position: absolute;
  left: -85px;
  top: -2.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 75px;
  height: 75px;
  content: "";
  border-radius: 50%;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

ol.numbers2 {
  list-style-type: none;
  margin-left: 53px;
}

ol.numbers2 li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  padding-bottom: 60px;
}

ol.numbers2 li:nth-of-type(1):after {
  content: "2";
  position: absolute;
  left: -67.5px;
  top: -22.5px;
  font-size: 70px;
  color: var(--color-green);
  font-weight: 700;
}

ol.numbers2 li:before {
  position: absolute;
  left: -85px;
  top: -2.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 75px;
  height: 75px;
  content: "";
  border-radius: 50%;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

ol.numbers3 {
  list-style-type: none;
  margin-left: 53px;
}

ol.numbers3 li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  padding-bottom: 60px;
}

ol.numbers3 li:nth-of-type(1):after {
  content: "3";
  position: absolute;
  left: -67.5px;
  top: -22.5px;
  font-size: 70px;
  color: var(--color-green);
  font-weight: 700;
}

ol.numbers3 li:before {
  position: absolute;
  left: -85px;
  top: -2.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 75px;
  height: 75px;
  content: "";
  border-radius: 50%;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

ol.numbers4 {
  list-style-type: none;
  margin-left: 53px;
}

ol.numbers4 li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  padding-bottom: 60px;
}

ol.numbers4 li:nth-of-type(1):after {
  content: "4";
  position: absolute;
  left: -67.5px;
  top: -22.5px;
  font-size: 70px;
  color: var(--color-green);
  font-weight: 700;
}

ol.numbers4 li:before {
  position: absolute;
  left: -85px;
  top: -2.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 75px;
  height: 75px;
  content: "";
  border-radius: 50%;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

ol.numbers5 {
  list-style-type: none;
  margin-left: 53px;
}

ol.numbers5 li {
  padding-left: 15px;
  position: relative;
  text-align: left;
  padding-bottom: 60px;
}

ol.numbers5 li:nth-of-type(1):after {
  content: "5";
  position: absolute;
  left: -67.5px;
  top: -22.5px;
  font-size: 70px;
  color: var(--color-green);
  font-weight: 700;
}

ol.numbers5 li:before {
  position: absolute;
  left: -85px;
  top: -2.5px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 75px;
  height: 75px;
  content: "";
  border-radius: 50%;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

.margin-img-1 {
  margin-top: -40px;
}

.big {
  font-size: 24px;
}

.big2 {
  font-size: 28px;
}

.modal.active {
  z-index: 9999999999 !important;
}

.feature.bg-green-1.bg-gradient.text-white.mb-4 img {
  filter: drop-shadow(1px 1px rgba(0, 0, 0, 0.5));
}

ul.blue-check1 {
  margin-left: 1.5em;
  list-style: none;
  list-style: none;
}

ul.blue-check1 li {
  position: relative;
  line-height: 1.3;
  padding-left: 20px;
  padding-bottom: 25px;
  list-style: none;
  word-break: break-word;
}

ul.blue-check1 li::before {
  position: absolute;
  left: -1.5em;
  top: -0.3em;
  content: url("../../assets/img/Check_1725176050_blau1.png") " ";
}

ul.blue-check {
  margin-left: 1.5em;
  list-style: none;
  list-style: none;
}

ul.blue-check li {
  position: relative;
  line-height: 1.3;
  padding-left: 20px;
  padding-bottom: 25px;
  list-style: none;
  word-break: break-word;
}

ul.blue-check li::before {
  position: absolute;
  left: -1.5em;
  top: -0.3em;
  content: url("../../assets/img/Check_1725176050_blau.png") " ";
}

.timeline-with-icons {
  border-left: 3px solid var(--color-blue1);
  position: relative;
  list-style: none;
}

.timeline-with-icons .timeline-item {
  position: relative;
}

.timeline-with-icons .timeline-item:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline-with-icons .timeline-icon {
  position: absolute;
  left: -50px;
  background-color: var(--color-blue1);
  color: var(--color-yellow);
  border-radius: 50%;
  height: 41px;
  width: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fas-c {
  background-color: var(--color-blue1);
  border-radius: 50%;
  padding: 9px;
}

.fas-c-3 {
  background-color: var(--color-blue1);
  border-radius: 50%;
  padding: 19px;
}

.fas-c-2 {
  background-color: #ffa55c;
  border-radius: 50%;
  padding: 10px;
}

.carousel {
  padding: 50px;
  height: 450px;
}

@media screen and (max-width:800px) {
  .carousel {
    padding: 0;
  }
}

.carousel-control-next, .carousel-control-prev {
  width: 10%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bbce00'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23bbce00'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.carousel-indicators [data-bs-target] {
  background-color: #bbce00 !important;
}

.box-shadow1 {
  box-shadow: 5px 5px 15px #808080;
}

.text-shadow1 {
  text-shadow: 0px 0px 5px #00487a;
}

@media (min-width: 1750px) {
  div.rolf {
    position: relative;
  }
}

@media (min-width: 1750px) {
  div.rolf:after {
    position: absolute;
    content: url(https://shop.maxlq.de/ll/webinar/images/anna.webp?no_cache=1)"";
    right: 0;
    bottom: -6px;
  }
}

@media (min-width: 1750px) {
  div.rolf > * {
    z-index: 1;
    position: relative;
  }
}

@media (min-width: 1750px) {
  div.logo-gbt {
    position: relative;
  }
}

@media (min-width: 1750px) {
  div.logo-gbt:before {
    position: absolute;
    content: url(https://shop.maxlq.de/ll/webinar/images/logo-2.webp)"";
    left: 10px;
    top: 35%;
    opacity: 45%;
  }
}

@media (min-width: 1750px) {
  div.logo-gbt:after {
    position: absolute;
    content: url(https://shop.maxlq.de/ll/webinar/images/logo-2.webp)"";
    right: 10px;
    top: 35%;
    opacity: 45%;
  }
}

@media (min-width: 1750px) {
  div.logo-gbt > * {
    z-index: 1;
    position: relative;
  }
}

@media (min-width: 1750px) {
  div.vital {
    position: relative;
  }
}

@media (min-width: 1750px) {
  div.vital:before {
    position: absolute;
    content: url("apfel_15950131.png")"";
    left: 0px;
    bottom: -6px;
    opacity: 45%;
  }
}

@media (min-width: 1750px) {
  div.vital:after {
    position: absolute;
    content: url("Obstschale_22667324.png")"";
    right: 0;
    bottom: -6px;
    opacity: 45%;
  }
}

@media (min-width: 1750px) {
  div.vital > * {
    z-index: 1;
    position: relative;
  }
}

@media (min-width: 2560px) {
  .width-big-screen {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 1500px) {
  .bg-4 {
    background-image: url("bg-cta_2238225905b.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 768px) {
  ol.numbers li:nth-of-type(2) {
    margin-left: 0px;
  }
}

@media (max-width: 768px) {
  u[data-bs-toggle="collapse"].underline {
    position: inherit;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 29px;
    line-height: 42px;
  }
}

@media (max-width: 768px) {
  .h2 {
    font-size: 26px;
    line-height: 34px;
  }
}

@media (max-width: 768px) {
  h3, .big {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 768px) {
  .btn-primary {
    padding: 5px;
  }
}

@media (max-width: 768px) {
  #clockdiv2, #clockdiv3, #clockdiv4, #clockdiv5, #clockdiv1 {
    font-size: 30px !important;
  }
}

@media (max-width: 768px) {
  #clockdiv1 div > span.days:after, #clockdiv2 div > span.days:after, #clockdiv3 div > span.days:after, #clockdiv4 div > span.days:after, #clockdiv5 div > span.days:after, #clockdiv1 div > span.hours:after, #clockdiv2 div > span.hours:after, #clockdiv3 div > span.hours:after, #clockdiv4 div > span.hours:after, #clockdiv5 div > span.hours:after, #clockdiv1 div > span.minutes:after, #clockdiv2 div > span.minutes:after, #clockdiv3 div > span.minutes:after, #clockdiv4 div > span.minutes:after, #clockdiv5 div > span.minutes:after, #clockdiv1 div > span.seconds:after, #clockdiv2 div > span.seconds:after, #clockdiv3 div > span.seconds:after, #clockdiv4 div > span.seconds:after, #clockdiv5 div > span.seconds:after {
    top: 40px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  i.fa-light {
    font-size: 30pt !important;
  }
}

@media (max-width: 768px) {
  i.fa-light.fa-lock {
    font-size: unset !important;
  }
}

@media (max-width: 768px) {
  .feature {
    height: 5rem !important;
  }
}

@media (max-width: 768px) {
  .bg-ts-2 {
    min-height: 500px !important;
  }
}

@media (max-width: 768px) {
  .feature.bg-green-1.bg-gradient.text-white.mb-4 img {
    max-width: 100px !important;
    width: 100%;
  }
}

@media (max-width: 768px) {
  #clockdiv2, #clockdiv3, #clockdiv4, #clockdiv5, #clockdiv1 {
    margin: 0 auto !important;
  }
}

@media (max-width: 1024px) {
  .btn-primary:before, .btn-primary:after {
    display: none;
  }
}

@media (max-width: 1024px) {
  ul {
    padding-left: 50px !important;
    margin-left: 0 !important;
  }
}

.modal-content {
  max-width: 768px;
  width: 100%;
}

.bu {
  font-size: 0.80em !important;
  line-height: 1.4;
}

u[data-bs-toggle="collapse"].underline {
  position: relative;
}

u[data-bs-toggle="collapse"].underline:after {
  content: "\f078";
  color: var(--color-blue1);
  font-family: "Font Awesome 6 Pro";
  font-size: 22px;
  color: var(--color-yellow);
  font-weight: 300;
  text-decoration: none;
  position: absolute;
  right: -40px;
  top: 2.5px;
}

u[aria-expanded="true"].underline:after {
  content: "\f077";
  color: var(--color-blue1);
  font-family: "Font Awesome 6 Pro";
  font-size: 22px;
  color: var(--color-yellow);
  font-weight: 300;
  text-decoration: none;
  position: absolute;
  right: -40px;
  top: 2.5px;
}

u[aria-expanded="true"].underline:before, u[data-bs-toggle="collapse"].underline:before {
  position: absolute;
  right: -45px;
  top: 0px;
  position: absolute;
  font-size: 18px;
  background-color: var(--color-white);
  width: 30px;
  height: 30px;
  content: "";
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.card {
  display: block;
}

.text2 {
  text-align: left;
}

.text1 {
  text-align: right;
}

@media (max-width: 768px) {
  u[data-bs-toggle="collapse"].underline {
    position: inherit;
  }
}

@media (max-width: 768px) {
  #buttonscroll, u[aria-expanded="true"].underline:before, u[data-bs-toggle="collapse"].underline:before, u[aria-expanded="true"].underline:after, u[data-bs-toggle="collapse"].underline:after {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .text1 {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .text2 {
    text-align: center;
  }
}

@media (max-width: 1080px) {
  .bg-paket {
    height: 500px;
  }
}

@media (max-width: 1080px) {
  .none-destop {
    display: none;
  }
}

@media (max-width: 1080px) {
  #carouselExampleIndicators {
    display: none;
  }
}

@media (max-width: 550px) {
  .mobile {
    display: none;
  }
}

@media (max-width: 550px) {
  .btn-primary1 {
    max-width: 320px;
    width: 100%;
  }
}

@media (max-width: 550px) {
  .btn-primary2 {
    max-width: 320px;
    width: 100%;
  }
}

@media (max-width: 550px) {
  .container5 {
    max-width: 550px;
  }
}

/* .fa-2x{font-size: 1.5em!important} */

.rand4 {
  margin-top: -25%;
  margin-left: 75%;
  margin-bottom: -15%;
}

@media (max-width: 991px) {
  .mobile2 {
    display: none;
  }
}