.main-section {
  background-image: url("/assets/dk/img/white-background-with-cracked-glass-texture.webp");
  background-size: cover;
  min-height: 50vh;
  background-position: top;
  padding-bottom: 50px;
}

#first-heading {
  font-size: calc(1rem + 3vw);
}

#sub-heading {
  background-color: #f8b81f;
  color: white;
  font-style: italic;
  font-weight: bold;
}

#h1bg h1 {
  color: white;
  padding: 8px;
  margin: 0px;
  text-decoration: underline;
  text-decoration-style: dashed;
  font-weight: bold;
  font-size: calc(1rem + 3vw);
}

#second-heading {
  color: initial;
  font-size: calc(1.5rem + 3vw);
}

#h1bg {
  background-color: #75a19d;
  margin-top: 100px;
}

#contain-section {
  background-color: #08afff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.contain-text {
  display: block;
  text-align: center;
  color: white;
  font-size: 32px;
}

.contain-icon {
  color: white;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 62px;
}

#advantages-section-competition-title {
  color: red;
}

#advantages-section-own-title {
  color: green;
}

#advantages-section-own-list {
  color: green;
  font-size: 21px;
  font-weight: 400;
}

#advantages-section-competition-list {
  color: red;
  font-size: 21px;
  font-weight: 400;
}

#advantages-section {
  background-image: url("/assets/dk/img/play-1173495_640.webp");
  background-repeat: no-repeat;
  background-position: right;
}

.color-section {
  min-height: 100vh;
  position: relative;
  padding: 120px 0px 60px;
}

#bg-purple {
  background-color: #983f98;
}

.color-section-title-box {
  border-bottom: solid;
  border-color: white;
  border-top: solid;
  border-color: white;
  position: relative;
  margin-bottom: 50px;
}

.color-section-title-box h2 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
  color: white;
  text-align: center;
}

.color-section li {
  color: white;
  font-size: 24px;
  margin-bottom: 25px;
}

.color-section-end2 {
  text-align: center;
  color: white;
  font-size: 17px;
}

.color-section-big {
  text-align: center;
  color: white;
  font-size: 36px;
}

#bg-red {
  background-color: #f05a5a;
}

.section-about li {
  font-size: 18px;
  margin-top: 15px;
}

.section-about .first {
  font-size: 28px;
  font-weight: 450;
  margin-bottom: 40px;
}

.section-about .second {
  font-size: 21px;
  font-weight: 700;
}

.section-about {
  padding-top: 50px;
  padding-bottom: 35px;
}

#bg-green {
  background-color: #55ac68;
}

#early_bird_title {
  color: white;
  text-align: center;
}

#early_bird_subtitle {
  color: white;
  text-align: center;
  font-size: 21px;
}

.list-comment {
  font-size: 17px;
  font-style: italic;
}

.contact-info {
  display: block;
  text-align: center;
  font-size: 20px;
}

#advantages-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

#bg-orange {
  background-color: #f39c12;
}

.motivation-card {
  height: 100%;
}

.motivation-bad-iconbg {
}

#early-bird-box {
  border-style: dashed;
  border-color: white;
  border-width: 4px;
  padding: 8px;
}

.faq-item {
  background: rgba(255, 255, 255, 0);
  border-style: none;
  border-right-style: none;
}

#contact-details {
  margin-top: 15px;
  font-style: italic;
}

@media (min-width: 768px) {
  .vertical-line-right {
    border-right: 1px solid white;
    border-bottom: none !important;
  }
}

.vertical-line-right {
  border-bottom: 1px dotted white;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

#logos {
  width: 100%;
  text-align: justify;
}

#logos img {
  display: inline-block;
  opacity: 0.3;
  vertical-align: center !important;
}

#fix {
  width: 100%;
  height: 0;
  display: inline-block;
}

#logo-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: initial;
  margin-top: 75px;
  margin-bottom: 40px;
}

.logo {
  width: 10%;
  height: 25%;
  color: white;
  font-size: 2rem;
  border: 4px solid white;
}

.logo img {
  width: 100%;
  opacity: 0.3;
}

@media (min-width: 768px) {
  #logo-container {
    width: 80%;
  }
}

.logo img:hover {
  opacity: 0.7;
}

#motivation-section {
  padding: 40px 0;
}

#early-bird-box h3 {
  color: white;
  margin-bottom: 25px;
}

#bg-bluegreen {
}

footer {
  padding-top: 60px;
  padding-bottom: 15px;
}

footer p {
  color: white;
}

footer a {
  color: white;
}

footer h2 {
  color: white;
}

footer li {
  color: white;
  text-align: left;
}

#carousel-2 {
  max-width: 360px;
  margin: auto;
}

.section-about .third {
  font-size: 18px;
}

.frame-dotted {
  border-style: dashed;
  border-color: white;
  height: 100%;
  border-width: 8px;
}

.caption {
  text-align: center;
  color: white;
  font-size: 25px;
}

#advantages-section li {
  margin-top: 20px;
  position: relative;
  padding-left: 31px;
}

#advantages-section h2 {
  margin-bottom: 20px;
}

#quiz-section p {
  font-size: 24px;
}

#quiz-section {
}

.color-section p {
  color: white;
}

.reason-icon {
  color: white;
  font-size: 60px;
  display: block;
  text-align: center;
}

.reascon-title {
  display: block;
  text-align: center;
  color: white;
  font-size: 25px;
  margin: 16px;
}

.reason-description {
  color: white;
  font-size: 20px;
  display: block;
  margin-top: 8px;
}

.reason-box {
  border-style: dashed;
  color: rgba(255, 255, 255, 0.8);
  padding: 25px;
  border-width: 5px;
  height: 100%;
}

.gift-description {
  color: white;
  font-size: 21px;
}

.gift-title {
  display: block;
  color: white;
  font-weight: bold;
  font-size: 20px;
}

.gift-text-background {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px;
  display: inline-block;
  margin-top: 25px;
}

#advantages-section li svg {
  position: absolute;
  left: 0;
  top: 8px;
  line-height: 26px;
  font-size: 25px;
}

.pricingbox-lesson {
  background-image: url("/assets/dk/img/online-lesson-bg.jpg");
}

.pricingbox-airsoft {
  background-image: url("/assets/dk/img/airsoft-gift-background.jpg");
}

.pricingbox-pixity {
  background-image: url("/assets/dk/img/pixity-gift-background.png");
}

.pricingbox {
  background-size: cover;
  padding: 10px 0 10px;
  text-align: left;
}

.gitfts-label {
  color: red;
  text-align: left;
  display: block;
  font-weight: 600;
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 18px;
}

.gitfts-or {
  color: red;
  text-align: center;
  display: block;
  font-weight: 600;
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 5px;
}

@media (max-width: 991px) {
  #order-1 {
    order: 1 !important;
  }
}

@media (max-width: 991px) {
  #order-4 {
    order: 4 !important;
  }
}

@media (max-width: 991px) {
  #order-5 {
    order: 5 !important;
  }
}

@media (max-width: 991px) {
  #order-6 {
    order: 6 !important;
  }
}

@media (max-width: 991px) {
  #order-7 {
    order: 7 !important;
  }
}

@media (max-width: 991px) {
  #order-8 {
    order: 8 !important;
  }
}

@media (max-width: 991px) {
  #order-9 {
    order: 9 !important;
  }
}

@media (max-width: 991px) {
  #order-3 {
    order: 3 !important;
  }
}

@media (max-width: 991px) {
  #order-2 {
    order: 2 !important;
  }
}

.package-name {
  display: block;
  color: white;
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 12px;
}

.guarantee-label {
  display: block;
  color: #409517;
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  margin-top: 30px;
}

.order-button {
  margin: 30px 0;
}

.gift-symbol {
  float: right;
  width: 93px;
}

#pricing-orange {
  background-color: #f39c12;
  border: none;
}

.pricing-orange-border {
  border: solid #f39c12 3px;
  height: 100%;
  border-radius: 10px;
}

.pricing-red-border {
  border: solid #e24f43 3px;
  height: 100%;
  border-radius: 10px;
}

.pricing-green-border {
  border: solid #27ae60 3px;
  height: 100%;
  border-radius: 10px;
}

#red-button:hover {
  background-color: #eb7970;
  font-size: 35px;
  color: white;
}

#green-button:hover {
  background-color: #69eda1;
  font-size: 35px;
  color: white;
}

#orange-button:hover {
  background-color: #ffd086;
  font-size: 35px;
  color: white;
}

#orange-green {
  background-color: #f39c12;
  font-size: 35px;
  color: white;
}

#red-button {
  background-color: #e24f43;
  font-size: 35px;
  color: white;
}

#green-button {
  background-color: #27ae60;
  font-size: 35px;
  color: white;
}

#orange-button {
  background-color: #f39c12;
  font-size: 35px;
  color: white;
}

#pricing-red {
  background-color: #e24f43;
  border: none;
}

#pricing-green {
  background-color: #27ae60;
  border: none;
}

.price {
  color: white;
  font-size: 39px;
}

.price2 {
  display: block;
  color: white;
  font-style: italic;
  font-size: 24px;
}

.pricing-table {
  padding: 50px 0;
}

.img-half {
  width: 50%;
  display: block;
  margin: 25px auto;
}

#hr-icon {
  background-color: #75a19d;
  color: white;
  text-align: center;
  padding: 10px 0;
  margin: 25px 0;
}

.navbar {
  background-color: #75a19d;
}

#hr-icon .icon {
  margin: 0 25px;
  font-size: 45px !important;
}

#head-exercises-section {
  background-image: url("/assets/dk/img/duplo26.jpg");
  background-size: cover;
  min-height: 50vh;
}

#head-exercises-section h1 {
}

#exercise-download .caption {
  font-size: 18px;
  text-align: center;
  font-weight: 550;
  margin-bottom: 0px;
  color: black;
}

#exercise-download .box {
  border-style: dotted;
  border-color: grey;
  border-width: 1px;
  padding: 5px;
  margin: 5px;
}

#exercise-download {
  padding: 50px 0;
}

#hr-quiz {
  height: 44px;
  background-image: url("/assets/dk/img/line-blue.png");
  background-size: 100% 57%;
  background-repeat: repeat-x;
  margin-top: 25px;
}

#hr-practice {
  height: 44px;
  background-image: url("/assets/dk/img/line-purple.png");
  background-size: 100% 57%;
  background-repeat: repeat-x;
  margin-top: 25px;
}

#hr-green {
  height: 44px;
  background-image: url("/assets/dk/img/line-green.png");
  background-size: 100% 57%;
  background-repeat: repeat-x;
  margin-top: 25px;
}

#hr-video {
  height: 44px;
  background-image: url("/assets/dk/img/line-orange.png");
  background-size: 100% 57%;
  background-repeat: repeat-x;
  margin-top: 25px;
}

#footer a:active, a:hover {
  color: #fcf8f8;
  text-decoration: none;
  font-weight: bold;
}

.exercise-icon {
  color: white;
  font-size: 100px;
  text-align: center;
  display: block;
}

.nav-box span {
  color: white;
  text-align: center;
  display: block;
  font-size: 18px;
  margin-top: 12px;
}

#tiles-section {
  padding: 50px 0;
}

#tiles-section a {
  text-decoration: none;
}

h2 {
  font-size: calc(2rem + .9vw);
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

#faq-section .accordion-item {
  border: 1px solid #dae6e6;
  border-radius: 25px;
  overflow: hidden;
}

.accordion {
  --bs-accordion-border-color: none;
}

.accordion {
  --bs-accordion-bg: rgba(33, 37, 41, 0);
  --bs-accordion-btn-focus-box-shadow: rgba(0, 0, 0, 0);
}

.accordion-button {
  background-color: transparent !important;
  color: black;
}

.accordion-button:after {
  color: black !important;
}

#faq-section .accordion-button {
  position: relative;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  cursor: pointer;
  padding: 16px 30px;
  padding-right: 70px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: steelblue !important;
  background-color: rgba(241, 241, 241, 0.3) !important;
}

#faq-section .accordion-item {
  margin-bottom: 25px;
}

#faq-section p {
  color: grey;
}

#faq-section {
  margin-top: 50px;
}

p {
  margin: 0 0 10px;
}

.color-section {
  min-height: 100vh;
  background-color: #7054e6;
  position: relative;
  padding: 120px 0 0px;
}

h2 {
  font-size: calc(2rem + .9vw);
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

.color-section li {
  color: white;
  font-size: 24px;
  margin-bottom: 25px;
}

.color-section h2 {
  color: white;
  text-align: center;
}

.accordion {
  --bs-accordion-border-color: none;
}

.accordion {
  --bs-accordion-bg: rgba(33, 37, 41, 0);
  --bs-accordion-btn-focus-box-shadow: rgba(0, 0, 0, 0);
}

.accordion-button {
  background-color: transparent !important;
  color: black;
}

.accordion-button:after {
  color: black !important;
}

#airsoft-caption {
  color: white;
  font-weight: 400;
  font-size: 21px;
  text-align: center;
}

.faq-answer {
  color: white;
}

#bg-green .accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.faq-button {
  background-color: #ffffff00 !important;
  border-right-style: none;
  color: white !important;
}

#accordion-1 {
  background: rgba(255, 255, 255, 0);
  border-style: none;
  border-right-style: none;
}

.fontsize25 {
  font-size: 25px;
}

.fontsize61 {
  font-size: 61px;
}

p {
  margin: 0 0 10px;
}

.color-section {
  min-height: 100vh;
  position: relative;
  padding: 120px 0px;
}

.color-section-big {
  text-align: center;
  color: white;
  font-size: 36px;
}

#bg-green {
  background-color: #55ac68;
}

#early_bird_title {
  color: white;
  text-align: center;
}

#early_bird_subtitle {
  color: white;
  text-align: center;
  font-size: 21px;
}

.list-comment {
  font-size: 17px;
  font-style: italic;
}

#early-bird-box {
  border-style: dashed;
  border-color: white;
  border-width: 4px;
  padding: 8px;
}

#bg-green .faq-item {
  background: rgba(255, 255, 255, 0);
  border-style: none;
  border-right-style: none;
}

h3 {
  color: white;
  margin-bottom: 25px;
}

#bg-green .accordion-header {
  border-right-style: none;
  color: white;
}

#bg-green .accordion-body p {
  color: white;
}

.nav-box {
  background-color: var(--bs-body-color);
  padding: 15px;
  margin-bottom: 10px;
}

#why-section {
  background-color: steelblue;
}

.fit-cover {
  object-fit: cover;
}

@media (min-width: 576px) {
  #hero-section .long-text {
    font-size: calc(1.275rem + .3vw) !important;
  }
}

#hero-section {
  padding-top: 50px;
}

#hero-section h2 {
  margin-bottom: 25px;
}

.herobg {
  max-width: 80vw;
  display: block;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 25px;
  border-radius: 25px;
}

.hero h1 {
  color: white;
}

.hero p {
  color: white;
}

.hero .background {
  background-color: var(--bs-secondary-color);
  padding: 10px;
}

.bubble {
  margin-top: 25px;
  margin-bottom: 25px;
  --r: 1em;
  --t: 1.5em;
  padding: 1em;
  border-inline: var(--t) solid #0000;
  border-radius: calc(var(--r) + var(--t))/var(--r);
  mask: radial-gradient(100% 100% at var(--_p) 0,#0000 99%,#000 102%) var(--_p) 100%/var(--t) var(--t) no-repeat, linear-gradient(#000 0 0) padding-box;
  background-color: rgb(22, 138, 255);
  color: #fff;
  --_p: 100%;
  border-bottom-right-radius: 0 0;
  place-self: center;
}

#btn6 {
  background-color: #ff9822;
  border-color: #ff9822;
}

#btn7 {
  background-color: #2289ff;
  border-color: #2289ff;
}

#btn4 {
  background-color: #f05a5a;
  border-color: #f05a5a;
}

#btn2 {
  background-color: #2cdb00;
  border-color: #2cdb00;
}

#btn5 {
  background-color: #8e73fb;
  border-color: #8e73fb;
}

#btn1 {
  background-color: #00e5ff;
  border-color: #00e5ff;
}

#btn3 {
  background-color: #ff1fc7;
  border-color: #ff1fc7;
}

.btn8 {
  border-color: #6b6b6b;
  background-color: white;
  color: black;
}

.btn8:hover {
  border-color: #6b6b6b;
  background-color: #6b6b6b;
  color: white;
}

#carousel-1 {
  height: 600px;
}

.topleft {
  object-position: left top;
}

@media (max-width: 767px) {
  #objection-section img {
    max-width: 50vw;
  }
}

#objection-section {
  min-height: 100vh;
  padding-top: 50px;
}

.modal-title {
  color: black;
}

#order-section input[type="text"], select {
  border: black;
  border-style: solid;
  border-width: 0.1px;
  border-radius: 9px;
  height: calc(2.25rem + 27px);
  margin-top: 15px;
  margin-bottom: 25px;
}

.form-label {
  font-weight: bold;
  font-size: 20px;
}

#order-bg {
  background-image: url("/assets/dk/img/orderbg.webp");
  padding-bottom: 75px;
}

#order-container {
  background-color: rgba(0,0,0,0.8);
  color: white;
  border-radius: 30px;
  padding: 25px;
}

#order-section h1 {
  text-align: center;
  font-size: 45px;
}

#order-section .btn {
  margin: 28px;
}

#order-section h2 {
  font-size: calc(1.175rem + 1.5vw);
  font-weight: 500;
  margin-top: 40px;
}

#order-section #change_package_link:link {
  color: white;
}

#order-section #change_package_link:active {
  color: white;
}

#order-section #change_package_link:hover {
  color: white;
  font-weight: bold;
}

#order-section #change_package_link:visited {
  color: white;
  font-weight: bold;
}

.order-info {
  font-size: 1.2rem;
}

#order-section h1 {
  color: white;
}

#order-section a {
  color: white;
}

.color-section-title-caption {
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}

#earlybird-airsoft {
  background-color: #55ac68;
  padding-top: 50px;
  color: white;
}

#earlybird-airsoft h2 {
  text-align: center;
  margin-bottom: 40px;
}

.accordion-body {
  padding-top: 0px;
}

#earlybird-pixity {
  background-color: #7054e6;
  padding-top: 50px;
  color: white;
}

#earlybird-pixity h2 {
  text-align: center;
  margin-bottom: 40px;
}

#early_bird_section {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5px;
  padding-right: 5px;
  background: linear-gradient(153deg, rgba(85,172,104,1) 30%, rgba(112,84,230,1) 73%);
}

#early_bird_container {
  border: red 7px dashed;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(0, 0, 0, 0.2);
}

#early_bird_or {
  color: white;
  position: absolute;
  background: orange;
  bottom: -30px;
  left: 10%;
  height: 72px;
  width: 210px;
  z-index: 10;
  padding: 10px;
}

#early_bird_questions_section {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 5px;
  padding-right: 5px;
  background: linear-gradient(153deg, rgba(85,172,104,1) 30%, rgba(112,84,230,1) 73%);
}

#early_bird_questions_container {
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
}