@property --_w {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vw; 
}
@property --_h {
  syntax: '<length>';
  inherits: true;
  initial-value: 100vh; 
}

:root {
  --w: tan(atan2(var(--_w),1px)); /* screen width */
  --h: tan(atan2(var(--_h),1px)); /* screen height*/
  /* The result is an integer without unit  */
}

body {
  --counter-rest: h var(--h) w var(--w);
  --dtp-default: #000;
  --dtp-red: #ea1e35;
  --dtp-green: #70AC45;
  --dtp-pale-green: #e0edd6;
  --dtp-orange: #e79225;
  --dtp-blue: #138fc2;
  --dtp-pale-blue: #87adbc;
  --dtp-white: #fff;
  --dtp-dark-red: #d41e35;
  --dtp-pale-red: #f2d4d1;
  --dtp-pale-red-2: #ecdcda;
  --dtp-pale-red-transparent: #e3d4d28f;
  --dtp-pale-red-3: #e6c8c5;
  --dtp-pale-orange: #fedfc7;
  --dtp-pale-orange-2: #f9f5ef;
  --dtp-footer-white: #f1f0ea;
  --dtp-fontsize-cta: 15px;
  --dtp-fontsize-10: 12px;
  --dtp-fontsize-13: 13.5px;
  --dtp-fontsize-17: 15px;
  --dtp-fontsize-18: 20px;
  --dtp-fontsize-19: 20px; /* originally 17px */
  --dtp-fontsize-22: 20px;
  --dtp-fontsize-23: 21px;  
  --dtp-fontsize-footeritems: 15px;
  --dtp-fontsize-menuitems: 21px;
  --dtp-fontsize-menuButton: 21px;
  --dtp-fontsize-25: 23px;
  --dtp-fontsize-28: 26px;
  --dtp-fontsize-30: 29px;
  --dtp-fontsize-31: 30px;
  --dtp-fontsize-35: 31px;
  --dtp-fontsize-37: 34px;
  --dtp-fontsize-40: 35px;
  --dtp-fontsize-42: 39px;
  --dtp-fontsize-45: 40px;
  --dtp-fontsize-49: 45px;
  --dtp-fontsize-55: 55px;
  --dtp-fontsize-83: 78px;
  --dtp-fontsize-cta: 19px;
  --dtp-zIndex-top: 15;
  --dtp-zIndex-inner: -1;
  --dtp-zIndex-base: 1;
  --dtp-zIndex-mod-low: 2;
  --dtp-zIndex-mod: 5;
  --dtp-zIndex-mod-up: 7;
  --dtp-zIndex-max: 10;
  --dtp-lineheight-default: 2.3rem;
  --dtp-lineheight-default-large: 2.5rem;
  --dtp-letterspacing-default: 0.11rem;
  --dtp-letterspacing-default-small: 0.03rem;
  --dtp-lineheight-smalltext: 1rem;
  --dtp-letterspacing-smalltext: 0.15em;
  --dtp-lineheight-h1: 3.8rem;
  --dtp-lineheight-h1-large: 4.5rem;
  /* --dtp-letterspacing-h1: 1.12rem; */
  --dtp-letterspacing-h1: 0.7rem; /* for DTP */
  --dtp-lineheight-h2: 3.5rem;
  --dtp-letterspacing-h2: 0.9rem;
  --dtp-lineheight-h3: 1.8rem;
  --dtp-letterspacing-h3: 0.5rem;
  --dtp-letterspacing-h4: 0.3rem;
  --dtp-lineheight-masthead: 6.5rem;
  --dtp-letterspacing-masthead: 1.3rem;
  --dtp-letterspacing-cta: 0.6rem;
  --dtp-letterspacing-cta-2: 0.15rem;
  --dtp-lineheight-menu-title: 2.5em;
  /* --dtp-lineheight-menu-title: 6.12rem; */
  --dtp-section-padding: 5% 0 0 0;
  --dtp-subsection-margin: 0 0 6.5% 0;
  --dtp-h1-margin: 0 0 1% 0;
  --dtp-lineheight-training-title: 4rem;
}

@media only screen and (max-width: 1700px) and (min-width: 993px){
  body {
    --dtp-fontsize-10: 10px;
    --dtp-fontsize-13: 10.5px;
    --dtp-fontsize-17: 1.0vw;
    --dtp-fontsize-18: 1.21vw;
    --dtp-fontsize-19: 1.1vw;
    --dtp-fontsize-22: 1.2vw;
    --dtp-fontsize-23: 1.2vw;
    --dtp-fontsize-footeritems: 1.1vw;
    --dtp-fontsize-menuitems: 20px;
    --dtp-fontsize-menuButton: 21px;
    --dtp-fontsize-25: 1.2vw;
    --dtp-fontsize-28: 1.3vw;
    --dtp-fontsize-30: 1.7vw;
    --dtp-fontsize-31: 1.7vw;
    --dtp-fontsize-35: 1.8vw;
    --dtp-fontsize-37: 2vw;
    --dtp-fontsize-40: 28px;
    --dtp-fontsize-42: 2.3vw;
    --dtp-fontsize-45: 39px;
    --dtp-fontsize-49: 35px;
    --dtp-fontsize-55: 3vw;
    --dtp-fontsize-83: 4vw;
    --dtp-fontsize-cta: 1.21vw;
    --dtp-lineheight-h3: 1.5vw;
    --dtp-lineheight-default: 2.4vw;
    --dtp-lineheight-default-large: 2.4vw;
    --dtp-lineheight-h1: 3rem;
    --dtp-lineheight-h1-large: 4rem;
    --dtp-lineheight-masthead: 6vw;
    --dtp-letterspacing-masthead: 1.3rem;
    --dtp-letterspacing-cta: 0.1rem;
    --dtp-letterspacing-cta: 0.4rem;
  }

  .homepage .section1 .s1SS2bg .dtp-content .dtp-h1 {
    transform: translate(-50%, -4.5vw) !important;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 993px){
  body {
    --dtp-fontsize-10: 0.85vw;
  }
}

@media only screen and (max-width: 992px) {
  body {
    --dtp-fontsize-10: 16px;
    --dtp-fontsize-13: 10.5px;
    --dtp-fontsize-17: 14px;
    --dtp-fontsize-18: 19px;
    --dtp-fontsize-19: 22px;
    --dtp-fontsize-22: 18px;
    --dtp-fontsize-23: 19px;
    --dtp-fontsize-footeritems: 14px;
    --dtp-fontsize-menuitems: 19px;
    --dtp-fontsize-menuButton: 19px;
    --dtp-fontsize-25: 20px;
    --dtp-fontsize-28: 27px;
    --dtp-fontsize-30: 22px;
    --dtp-fontsize-31: 22px;
    --dtp-fontsize-35: 38px;
    --dtp-fontsize-37: 34px;
    --dtp-fontsize-40: 30px;
    --dtp-fontsize-42: 46px;
    --dtp-fontsize-45: 38px;
    --dtp-fontsize-49: 30px;
    --dtp-fontsize-55: 39px;
    --dtp-fontsize-83: 41px;
    --dtp-h1-margin: 0 0 3% 0;
    --dtp-letterspacing-default: 0.1rem;
    --dtp-letterspacing-default-small: 0.1rem;
    --dtp-lineheight-default-large: 2.4rem;
    --dtp-lineheight-h1: 3rem;
    --dtp-lineheight-h1-large: 4.5rem;
    --dtp-letterspacing-h1: 0.5rem;
    --dtp-lineheight-h2: 3.2rem;
    --dtp-letterspacing-h2: 0.7rem;
    --dtp-letterspacing-h3: 0.5rem;
    --dtp-letterspacing-h4: 0.5rem;
    --dtp-lineheight-h3: 2rem;
    --dtp-lineheight-menu-title: 1.3em;
    /* --dtp-lineheight-menu-title: 2.12rem; */
    --dtp-lineheight-default: 2.3rem;
    --dtp-lineheight-h1-large: 3.5rem;
    --dtp-lineheight-smalltext: 1.3rem;
    --dtp-letterspacing-smalltext: 0.5vw;
    --dtp-letterspacing-cta: 0.5rem;
    --dtp-letterspacing-cta-2: 0.5rem;
    --dtp-subsection-margin: 0 0 10.5% 0;
    --dtp-lineheight-training-title: 3.5rem;
  }
}

@media only screen and (max-width: 600px){
  body {
    --dtp-fontsize-cta: 2.6vw;
    --dtp-fontsize-10: 2.4vw;
    --dtp-fontsize-13: 2.8vw;
    /* --dtp-fontsize-19: 14px; */
    --dtp-fontsize-17: 2.3vw;
    --dtp-fontsize-18: 3vw;
    --dtp-fontsize-19: 3.4vw;
    --dtp-fontsize-22: 3.5vw;
    --dtp-fontsize-23: 3.5vw;
    --dtp-fontsize-footeritems: 2.3vw;
    --dtp-fontsize-menuitems: 3.5vw;
    --dtp-fontsize-menuButton: 3.5vw;
    --dtp-fontsize-25: 4vw;
    --dtp-fontsize-28: 4.2vw;
    --dtp-fontsize-30: 4.3vw;
    --dtp-fontsize-31: 3vw;
    --dtp-fontsize-35: 6vw;
    --dtp-fontsize-37: 5vw;
    --dtp-fontsize-40: 5vw;
    --dtp-fontsize-42: 7vw;
    --dtp-fontsize-45: 5vw;
    --dtp-fontsize-49: 6vw;
    --dtp-fontsize-55: 6.1vw;
    --dtp-fontsize-83: 8vw;
    --dtp-letterspacing-default: 0.06rem;
    --dtp-letterspacing-default-small: 0.11rem;
    --dtp-lineheight-default: 6vw;
    --dtp-lineheight-default-large: 6.6vw;
    --dtp-lineheight-h1: 1.3em;
    --dtp-lineheight-h2: 7vw;
    --dtp-lineheight-h3: 5vw;
    --dtp-lineheight-smalltext: 3vw;
    --dtp-letterspacing-h1: 0.3rem;
    --dtp-letterspacing-h3: 0.3rem;
    --dtp-letterspacing-h4: 0.3rem;
    --dtp-letterspacing-h2: 0.3rem;
    --dtp-letterspacing-smalltext: 0.3vw;
    --dtp-letterspacing-cta: 0.2rem;
    --dtp-letterspacing-cta-2: 0.2rem;
    --dtp-lineheight-training-title: 8.4vw;
    --dtp-lineheight-menu-title: 9vw;
  }

  /* body .pricing{
    --dtp-fontsize-55: 5.5vw !important;
  } */


}

/* OverRide Existing Bootstrap css */
html :where(img) {
  height: auto;
  max-width: 100%;
}

.container {
  padding: 0;
  z-index: var(--dtp-zIndex-base);
  position: relative;
  text-align: center;
}

.row {
  margin: 0;
}

a, a:hover, a:active{
  color: inherit;
}

.list-custom-margin{
  margin-bottom: 3%;
}

@media (max-width: 991px) and (min-width: 576px) {
  .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 1400px) and (min-width: 992px) {
  .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
}

/******************** General  **********************/
.cls-1-white{
  fill: white;
}

.dtp-container{
  background-color: var(--dtp-pale-orange-2);
  /* overflow-y: hidden; */
  overflow: hidden;
}


.dtp-content{
  line-height: var(--dtp-lineheight-default);
  letter-spacing: var(--dtp-letterspacing-default);
  margin-top: 2%;
  position: relative;
}

.dtp-flex-left{
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 1% 0;
}
.dtp-flex-right{
  display: flex;
  justify-content: right;
  align-items: center;
  padding: 1% 0;
}

.dtp-flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1% 0;
}

@media only screen  and (max-width: 992px){
  .dtp-flex-left{
   justify-content: center; 
  }
  .dtp-flex-right{
   justify-content: center; 
  }

  .dtp-flex-left-mobile{
    justify-content: left;
  }
  .dtp-flex-right-mobile{
    justify-content: right;
  }

  .mobile-br-hidden br{
    display: none;
  }

  .dtp-p.mobile-br-hidden{
    text-align: justify;
  }
}




.dtp-bg-red{
  background-color: var(--dtp-red, #ea1e35);
  color: var(--dtp-red, #ea1e35);
}
.dtp-bg-blue{
  background-color: var(--dtp-blue, #138fce);
  color: var(--dtp-blue, #138fce);
}
.dtp-bg-green{
  background-color: var(--dtp-green, #70ac45);
  color: var(--dtp-green, #70ac45);
}
.dtp-bg-orange{
  background-color: var(--dtp-orange, #e79225);
  color:  var(--dtp-orange, #e79225);
}
.dtp-bg-white{
  background-color: var(--dtp-white, #ffffff);
  color: var(--dtp-white, #ffffff);
}

.sendToBack{
  z-index:-1 !important;
}

.dtp-order-1-mobile, .dtp-order-2-mobile, .dtp-order-3-mobile{
  order: initial;
}

.no-ls{
  letter-spacing: 0rem;
}


@media only screen and (max-width: 992px){
  .dtp-order-1-mobile{
    order: 1;
    z-index: 0 !important;
  }
  
  .dtp-order-2-mobile{
    order: 2;
    z-index: 1 !important;
  }

  .dtp-order-3-mobile{
    order: 3;
  }
}
/*** Fonts ***/
body {
  font-family: "MHeiHK-medium", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-19);
  position:relative;
  height: 100%;
  width: 100%;
}

section, p, h1, h2, h3{
  position: relative;
}

section:first-of-type{
  padding-top: 0;
}

section:last-of-type{
  padding-bottom: 18%;
}

p,h1,h2,h3,
.dtp-content,
.section-content,
.dtp-h1,
.dtp-h2,
.dtp-h3,
.dtp-p{
  display:inline-block; 
}

.dtp-no-margin{
  margin: 0 0 0 0 !important;
}

.hidden{
  display: none !important;
}

.mobile-hidden{
  /* display: inherit;
  margin: auto; */
}

.desktop-hidden{
  display: none !important;
}

@media only screen and (max-width: 992px){
  .mobile-hidden{
    display: none !important;
  }

  .desktop-hidden{
    display: block !important;
    margin: auto;
  }
}

/**** Color Text Rules ****/
.dtp-red{
  color: var(--dtp-red);
}
.dtp-dark-red{
  color: var(--dtp-dark-red);
}
.dtp-blue{
  color: var(--dtp-blue);
}
.dtp-orange{
  color: var(--dtp-orange);
}
.dtp-green{
  color: var(--dtp-green);
}
.dtp-white{
  color: var(--dtp-white, white);
}
.dtp-black{
  color: black;
}
.red-stroke{
  text-shadow: -1px -1px 0 var(--dtp-red, #ea1e35), 1px -1px 0 var(--dtp-red, #ea1e35), -1px 1px 0 var(--dtp-red, #ea1e35), 1px 1px 0 var(--dtp-red, #ea1e35);
  -webkit-text-stroke: 2px var(--dtp-red, #ea1e35);
  text-stroke: 2px var(--dtp-red);
  color: var(--dtp-white, #fff);
}
.green-stroke{
  text-shadow: -1px -1px 0 var(--dtp-green, #70AC45), 1px -1px 0 var(--dtp-green, #70AC45), -1px 1px 0 var(--dtp-green, #70AC45), 1px 1px 0 var(--dtp-green, #70AC45);
  -webkit-text-stroke: 2px var(--dtp-green, #70AC45);
  text-stroke: 2px var(--dtp-green);
  color: var(--dtp-white, #fff);
}
.green-stroke{
  text-shadow: -1px -1px 0 var(--dtp-green, #70AC45), 1px -1px 0 var(--dtp-green, #70AC45), -1px 1px 0 var(--dtp-green, #70AC45), 1px 1px 0 var(--dtp-green, #70AC45);
  -webkit-text-stroke: 2px var(--dtp-green, #70AC45);
  text-stroke: 2px var(--dtp-green);
  color: var(--dtp-white, #fff);
}
.orange-stroke{
  text-shadow: -1px -1px 0 var(--dtp-orange, #e79225), 1px -1px 0 var(--dtp-orange, #e79225), -1px 1px 0 var(--dtp-orange, #e79225), 1px 1px 0 var(--dtp-orange, #e79225);
  -webkit-text-stroke: 2px var(--dtp-orange, #e79225);
  text-stroke: 2px var(--dtp-orange);
  color: var(--dtp-white, #fff);
}

@media only screen and (max-width: 992px){
  .green-stroke{
     -webkit-text-stroke: 1.6px var(--dtp-green, #70AC45);
    text-stroke: 1.6px var(--dtp-green);
    text-shadow:0px 0px 0 var(--dtp-green, #70AC45), 0px 0px 0 var(--dtp-green, #70AC45), 0px 0px 0 var(--dtp-green, #70AC45), 0px 0px 0 var(--dtp-green, #70AC45);
  }
  .orange-stroke{
     -webkit-text-stroke: 1.6px var(--dtp-orange, #e79225);
    text-stroke: 1.6px var(--dtp-orange);
    text-shadow:0px 0px 0 var(--dtp-orange, #e79225), 0px 0px 0 var(--dtp-orange, #e79225), 0px 0px 0 var(--dtp-orange, #e79225), 0px 0px 0 var(--dtp-orange, #e79225);
  }
}

/**** Font/Text CSS Rules ****/

p,
.dtp-smalltext{
  font-family: "MHeiHK-medium", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-10);
  line-height: var(--dtp-lineheight-smalltext);
  letter-spacing: var(--dtp-letterspacing-smalltext);
margin-top: 2%;}

.dtp-smalltext a{
  text-decoration: underline !important;
  color: var(--dtp-black);
}
.dtp-smalltext a:hover{
  color: var(--dtp-pale-blue);
}

.dtp-midtext{
  font-size: var(--dtp-fontsize-28);
}

p,
.dtp-p{
  font-family: "MHeiHK-medium", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-19);
  line-height: var(--dtp-lineheight-default);
  letter-spacing: var(--dtp-letterspacing-default);
  white-space: nowrap;
}

.dtp-p ul{
  padding-left: 1rem;
}

.dtp-p strong{
  font-family: "MHeiHK-heavy", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-decoration: underline;
}

/* .dtp-p br{
  display:none;
} */

.dtp-text-center{
  text-align:center;
}

.dtp-text-left{
  text-align: left;
}

.dtp-text-right{
  text-align: right;
}

h1, 
.dtp-h1 {
  font-family: "GenJyuu-bold", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-55);
  letter-spacing: var(--dtp-letterspacing-h1);
  line-height: var(--dtp-lineheight-h1);
  margin: var( --dtp-h1-margin, '0 0 2% 0');
  position: relative;
}

h2,
.dtp-h2 {
  font-family: "GenJyuu-bold", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-45);
  letter-spacing: var(--dtp-letterspacing-h2);
  line-height: var(--dtp-lineheight-h2);
  position: relative;
}

h3,
.dtp-h3 {
  font-family: "GenJyuu-bold", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-37);
  letter-spacing: var(--dtp-letterspacing-h3);
  line-height: var(--dtp-lineheight-h3);
  position: relative;
  font-weight: 600;
}

h4,
.dtp-h4{
  font-family: "GenJyuu-bold", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-28);
  letter-spacing: var(--dtp-letterspacing-h4);
  line-height: var(--dtp-lineheight-h3);
  position: relative;
  font-weight: 300;
}

.dtp-title{
  position: relative;
  margin-bottom: 4%;
}

.dtp-content-title{
  display:block;
  width: 100%;
  margin-bottom: 7%;
}

.dtp-list{
  padding: 0;
  width: 100%;
  margin-top: 12%;
  margin-left: -4%;
  list-style: none;;
padding: 0 2%;}

.dtp-list li{
  margin-bottom: 9%;
  position: relative;
  /* list-style-image: url(../img/list-style-icon.svg); */
width: 91%;}

.dtp-list li::before{
  content:'';
  background-image:url(../img/list-style-icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat:no-repeat;
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  top: 19%;
  left: -4%;
}

.dtp-heavy{
  font-family: MHeiHK-Heavy, Arial, Helvetica, sans-serif;
}

/***** PS Table ******/
.dtp-tables-container .dtp-table{
  font-size: var(--dtp-fontsize-25, 22px);
}

.table-header{
  line-height: 2.5rem;
  margin-bottom: 1%;
}

.table-header:nth-child(2){
  white-space: nowrap;
}

.dtp-tables-container .dtp-table table{
  width: 85%;
  margin: auto;
  text-align: center;
  background-color: var(--dtp-pale-red-transparent, #ecdcda);
  /* background-image: url(../img/pricing-tickets-table-bg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; */
  border-radius: 3rem;
  border-collapse: separate;
  border: 4px solid white;
  border-spacing: 0;
}

.dtp-tables-container .dtp-table table th,
.dtp-tables-container .dtp-table table td{
  border-collapse: collapse;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  padding: 2% 0 0;
}


.dtp-tables-container .dtp-table table tr td:first-of-type{
  padding-left: 50px;
  padding: 3% 5% 3%;
}

.dtp-tables-container .dtp-table table tr td .dtp-h3{
  line-height: 2.5rem;
}

.pricing .section1 .subsection1 .pricing-list{
  padding-right: 4%;
}

.pricing .section1 .subsection1 .dtp-priceList{
  /* background-image: url(../img/pricing-s1-ss1-bg.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat; */
  background-color: #f2d3bb;
  border: 1px solid #ed9825;
  border-radius: 2rem;
  width: 92%;
  z-index: -1;
  margin-top: -3%;
}

.dtp-priceList .dtp-priceList-title{
  margin-bottom: 9%;
}

.dtp-priceList .dtp-priceList-title::before{
  content: '';
  background-image: url(../img/list-style-icon-orange.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.35em;
  height: 0.35em;
  position: absolute;
  top: 50%;
  left: -6%;
  transform: translate(0,-50%);
}
.dtp-priceList .dtp-priceList-title::after{
  content: '';
  background-image: url(../img/list-style-icon-orange.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.35em;
  height: 0.35em;
  position: absolute;
  top: 50%;
  right: -2%;
  transform: translate(0,-50%);
}

.dtp-list-2{
  padding: 0;
  width: 100%;
  list-style: none;
  margin-top: 7%;
}

.dtp-list-2 li{
  margin-bottom: 3%;
  position: relative;
  /* list-style-image: url(../img/list-style-icon.svg); */
  margin-top: 1%;
  x;
  }

/* .dtp-list-2 li:after {
  content: "";
  background: var(--dtp-orange, #e79225);
  position: absolute;
  bottom: -2px;
  left: 50%;
  height: 1px;
  width: 78%;
  transform: translate(-50%, 0);
} */

.dtp-list-2 li:last-of-type{
  margin-bottom: 7%;
}

.dtp-list-2 li:last-of-type::after{
  background: none;
}

.dtp-list-2 li .dtp-h3{
  letter-spacing: 0.1rem;
}

.dtp-priceitems{
  padding: 0% 0% 0% 10%;
}

.dtp-priceitem{
  display: inline-block;
}

.dtp-priceitems .dtp-h1{
  letter-spacing: 0em;
}

.dtp-priceitems .dtp-smalltext{
  text-align: left;
    padding-left: 13%;
    margin-top: -2%;
}

.dtp-priceitems:nth-of-type(1) .dtp-smalltext{
  position: absolute;
  padding:0;
  letter-spacing: 0.1em;
}

.dtp-priceitems-left{
  /* width: 58%; */
  font-size: var(--dtp-fontsize-23);
}

.dtp-priceitems-right{
  /* width: 15%; */
}


.subsections{
  margin: var( --dtp-subsection-margin, '0 0 6% 0')
}

.highlight-text{
  font-family:"GenJyuu-bold", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-30);
}

.highlight-text-2{
  font-family:"MHeiHK-heavy", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-23, 23px);
}

.dtp-oculus{
    margin: auto;
    width: 8%;
    margin-bottom: -1%;
}

.bubble-underline{
  position:relative;
  margin-bottom: 0.3%;
}

.bubble-underline img.bubbles{
  position:absolute;
  bottom:0;
  left:0.5%;
  width: 100%;
}

.bubble-underline img.bubbles-2{
  position:absolute;
  bottom:0;
  left: 4.5%;
  width: 89%;
}

.pricing .main-carousel .bubble-underline img.bubbles-2{
  position:absolute;
  bottom:0;
  left: 14%;
  width: 68%;
}

.bubble-underline img.bubbles-3{
  position:absolute;
  bottom:0;
  left:-0.6%;
  width: 97%;
}

.bubble-underline img.bubbles-4{
  position:absolute;
  bottom: 1px;
  left: 1%;
  width: 95%;
}


.bubble-underline img.bubbles-5{
  position:absolute;
  bottom:0;
  left: 0%;
  width: 99%;
}

.homepage .horizontal-lines.leftSide{
  position: absolute;
  bottom: 50%;
  left: -8%;
  width: 14%;
  transform: translate(-50%,0%);
}

.homepage .horizontal-lines.rightSide{
  position: absolute;
  bottom: 50%;
  right: -6.6%;
  width: 14%;
  transform: translate(50%,0%);
}

.homepage .horizontal-lines-2{
  position: absolute;
  bottom: -34%;
  left: 0%;
  width: 85%;
}

.underlined::after{
  content:'';
  position:absolute;
  width: 95%;
  height: 10%;
  bottom: -6%;
  left:50%;
  transform: translate(-51%, 0);
  background-image: url(
  ../img/underline-blackline.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.dtp-block{
  display: block;
}

/*** Homepage Section General CSS ***/
.main-banner{
  position: absolute;
  /* z-index: 1; */
  bottom: 0;
  right: -23%;
  width: 100%;
}

.main-banner .red-banner-bg,
.main-banner .orange-banner-bg,
.main-banner .green-banner-bg{
  z-index: 1;
  width: 65%;
}
.main-banner .red-banner-text,
.main-banner .orange-banner-text,
.main-banner .green-banner-text{
  position: absolute;
  left: 32%;
  bottom: 9%;
  z-index: 1;
  width: 41%;
}

section{
  padding: var( --dtp-section-padding, 5% 0 0 0) ; 
  /* background-size: 100% 100%;  */
  background-repeat: repeat-y;
}

.section-content{
  padding: 10px 15px;
  width: 75%;
}

.futura-bold{
  font-family:"Futura-Bold", Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 1800px) and (min-width: 1601px){
  .section-content{
    width: 85%;
  }

}
@media only screen and (max-width: 1600px){
  .section-content{
    width: 85%;
  }


  .homepage .section3 .section-content {
    width: 80% !important;
  }
}

.subsections{
  flex-direction: row;
  /* z-index: var( --dtp-zIndex-base); */
  position: relative;
  z-index:0;
}



.subsection-title{
  font-family: "MHeiHK-heavy", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-30);
  letter-spacing: 0.3rem;
  padding: 5px 0px;
}

.subsection-title span::before{
  content: '';
  background-image: url(../img/overline-dot.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 7px;
  height: 7px;
  color: var(--dtp-pale-orange);
  position: absolute;
  top: -25%;
  left: 34%;
}

.subsection-title span{
  font-size: var(--dtp-fontsize-37);
  color: var(--dtp-pale-orange);
  position:relative;
}


.bubble-underline{
  line-height: 1.8em;
  letter-spacing: var(--dtp-letterspacing-h1, 1rem);
}

.popout-box-red{
  background-image: url(../img/popout-box-red.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 84px 104px 47px;
  line-height: 1.7rem;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 8%;
  padding: 8.1% 6% 6%;
  margin-top: -0.5%;
}

.popout-box-orange{
  background-image: url(../img/popout-box-orange.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 84px 104px 47px;
  line-height: 2.5rem;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 6%;
  padding: 7.1% 6% 5%;
  margin-top: 1vw;
}

@media only screen and (max-width: 1920px){
  .popout-box-orange{
    line-height: 2vw;
  }
}


/***** Custom CSS for Homepage ****/
.homepage .main-carousel{
  padding-top: 0%;
}

.homepage .main-carousel{
  padding-top: 0;
}

.homepage .dtp-header-bubble .dtp-p{
  max-width: 64%;
  transition: none;
}

.homepage .section1 .subsections .dtp-p{
  line-height: var(--dtp-lineheight-default-large, 2.8rem);
  margin-top: 0;
}

.homepage .section1 .subsections img{
  width: 90%;
}

.homepage .section1 .subsection1{
  margin-top: -9%;
}

.homepage .section1 .s1-mainTitle{
  margin: 0;
  margin-left: 13%;
}

.homepage .section1 .s1SS2bg{
  background-image: url(../img/homepage-s1-ss2-infobox.png);
  background-repeat: no-repeat;
  background-size: 93%;
  background-position: center;
  position: relative;
  padding: 7% 0 8%;
  align-items: normal;
}
/* for DTP */
/* .homepage .section1 .s1SS2bg-1{
  background-image: url(../img/homepage-s1-ss2-infobox-1.png);
}
.homepage .section1 .s1SS2bg-2{
  background-image: url(../img/homepage-s1-ss2-infobox-2.png);
} */
/* .homepage .section1 .s1SS2bg-3{
  background-image: url(../img/homepage-s1-ss2-infobox-3.png);
} */

.homepage .section1  .s1SS2bg .dtp-content .dtp-h1{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-76px);
  width: 100%;
  font-size:var(--dtp-fontsize-42);
}

.homepage .section1  .s1SS2bg .dtp-content{
  font-size:var(--dtp-fontsize-17);
  line-height: var(--dtp-lineheight-default-large, 2.8rem);
  
}

.homepage-s1-ss2-mainContent{
  text-align: center;
  display: inline-block;
    margin: auto;
    margin-top: 1.9%;
    margin-bottom: -0.4%;
    width: 89%;
}

.homepage .section2{
  -webkit-mask-clip: content;
  mask-clip: content;
  -webkit-mask-image: url(../img/homepage-section-2-bg-clip.svg);
  mask-image: url(../img/homepage-section-2-bg-clip.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.homepage .section4{
  background-image: url(../img/homepage-section-4-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  background-position: top;
  padding-top: 11%;
  /* margin-bottom: 8%; */
}

.homepage .section2 .section-content{

  padding-top: 5%;
  width:90%
}

.homepage .section2 .section-content:last-of-type{
  padding-bottom: 35%;
}

.homepage .section2{
  margin-top: -2%;
  z-index: -2;
  padding: 0;
}

#homepage-s2-ss1-title{
  padding-top: 6%;
}

.homepage .section2 .subsection1>.dtp-h1{
  margin-top: 5%;
}
.homepage .section2 .subsection1 .dtp-p{
  letter-spacing: var(--dtp-letterspacing-default-small);
  word-break: break-all;
}

.homepage .section2 #homepage-s2-floorplan{
  width: 100%;
  margin:auto;
  margin-top: -7.9%;
  max-width: 1440px;
}

/* New Section for DTP */
.homepage .section2 .homepage-s2-floorplan-content{
  position: relative;
}

@media only screen and (min-width: 992px){
  .homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container{
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 0 3.5%;
  }
}

.homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-columns-divider{
  position: absolute;
  width: 100%;
  height:100%;
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}

.homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-columns{
  position: relative;
}

.homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-title{
  color: var(--dtp-white);
  width: 38%;
  margin: 0 auto;
  margin-bottom: 4%;
  background-color: var(--dtp-green);
  border-radius: 2rem;
  padding: 3% 0% 3% 3%;
}

.homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-title.floorplan-column-title-2{
  background-color: var(--dtp-orange);
}

.homepage .section2 .homepage-s2-floorplan-content .floorplan-columns-container .floorplan-column-text{
  width: 83%;
  font-size: var(--dtp-fontsize-18);
  margin: 0 auto;
  letter-spacing: var(--dtp-letterspacing-default);
  white-space: nowrap;
  display:flex;
  justify-content: center;
}

@media only screen and (max-width: 992px){
  .homepage .section2 .dtp-floorplan-image-container{
    margin-top: 10%;
  }
}


.homepage .section2 .threeDmap-container{
  width: 90%;
  margin: auto;
  margin-top: 2%;
  padding: 4% 5%;
  background-color: var(--dtp-pale-orange-2, #f9f5ef);
  border-radius: 12em;
  margin-bottom:3%;
  background-image:url('../img/threeDmap-bg-image.png');
  background-size: 102% 104%;
  background-repeat:no-repeat;
  background-position: center;
}

.homepage .section2 .threeDmap-container iframe{
  width: 94%;
  height: 720px;
  border-radius: 3rem;
}

@media only screen and (max-width: 1500px){
  .homepage .section2 .threeDmap-container iframe{
    height: 38vw;;
  }
}

.homepage .section2 .flckering-text-container{
  position:relative;
  margin: 10% 0 5%;
}

.homepage .section2 .flckering-text-container .flickering-text{
  letter-spacing: 1.12vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-49%, -50%);
  font-size: var(  --dtp-fontsize-31, 32px);
}

.homepage .section2  .flickering-arrows-base{
  width: 39%;
  position: absolute;
  bottom: -107%;
  left: 50%;
  transform: translate(-50.5%, 0);
}

.homepage .section3{
  padding-top: 2%;
  margin-top: -4%;
}

.homepage .section3 .section-content{
  width:70%;
}

.homepage .section3 .subsections{
  margin-bottom: 10%;
}

.homepage .section3 .subsection2 .dtp-smalltext{
  position: absolute;
  left: 12.2%;
  bottom: 161px;
  width: 78%;
}

.homepage .section3 .subsections:last-of-type{
  margin-bottom: 6%;
}

.homepage .section3 .subsection1{
  background-image: url(../img/homepage-s3-ss1-bg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /* min-height: 23vw; */
  width: 100%;
  max-height: 837px;
  padding: 8% 5%;
  margin-top: 2%;
}
.homepage .section3 .subsection2{
  background-image: url(../img/homepage-s3-ss2-bg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /* min-height: 38vw; */
  width: 100%;
  max-height: 1500px;
  padding: 17% 0% 23%;
}
.homepage .section3 .subsection3{
  background-image: url(../img/homepage-s3-ss3-bg-2.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /* min-height: 52vw; */
  width: 100%;
  max-height: 1123px;
  padding: 9% 7% 7%;
  margin: auto;
}


.dtp-columns{
  padding: 3% 0% 0%;
  position: relative;
  margin-top: 1%;
}

.dtp-columns .dtp-column{
  padding: 2% 2%;
}

.dtp-column-main-image{
  display: block;
  margin: auto;
  width: 27%;
  max-width: 235px;
}

.dtp-columns .dtp-column-image{
  display:block;
  margin: auto;
  margin-bottom: 1%;
  width: 69%;
}
.dtp-columns .dtp-column-text{
   white-space: normal;
position: relative
}

.homepage .section3 .subsection2 .dtp-column-text .dtp-smalltext{
  bottom: -5%;
  left:0;
}

.homepage .section3 .subsection2 .dtp-columns .dtp-column-image{
      width:50%;
}

.homepage .section3 .subsection2 .dtp-columns .dtp-column{
  margin-top: -2%;
}

.homepage .section3 .subsection2 .dtp-columns .dtp-column-image{
  margin-bottom: 3%;
}

.homepage .section3 .subsection2 .dtp-buttons{
  margin-top: 0%;
  margin-bottom: 3%;
}

.homepage .section3 .subsection3 .dtp-contact-container,
.homepage .section3 .subsection3 .dtp-contact-map-container{
  position:relative;
}

.homepage .section3 .subsection3 .dtp-contact-container{
  width: 80%;
  margin:auto;
  margin-top: 2%;
  margin-left: 23%;
}

.homepage .section3 .subsection3 .dtp-contact-container .dtp-contact-details:nth-of-type(2) .dtp-contact-text{
  letter-spacing: var(--dtp-letterspacing-default-small);
}

.homepage .section3 .subsection3 .dtp-contact-map-container{
    width: 80%;
    height: 22vw;
    max-height: 400px;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 3%;
    text-align: right;
}


.homepage .section3 .subsection3 .dtp-contact-map-container iframe{
    border-radius: 4em;
}


@media only screen and (max-width: 992px){
  .homepage .section3 .subsection3 .dtp-contact-container{
    width: 100%;
  }

  .homepage .section3 .subsection3 .dtp-contact-map-container{
      width: 79%;
      height: 43vw;
      max-width: 550px;
  }

  .homepage .section3 .subsection3 .dtp-contact-map-container iframe{
    border-radius: 3em;
  }
}

.dtp-image{
  display: block;
  margin: auto
}

.dtp-location-image{
  width: 73%;
  max-width: 710px;
}
.dtp-map-image{
  width: 80%;
  margin: 0 10%;
}

#dtp-location-map{
  height:100%;
}

.dtp-map-marker{
  width: 20%;
}

/* .dtp-location-text, */
.dtp-map-marker{
  position:absolute;
}

.dtp-contact-details{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4.5%;
}

.dtp-contact-container .dtp-contact-details:nth-child(3){
  margin-top: 3%;
}

.dtp-contact-text{
  font-size: var(--dtp-fontsize-25, 23px);
  letter-spacing: 0.2rem;;
  font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;

  top: 13%;
  right: 24%;
  display:inline-block;
margin-left: 8px;}

.dtp-location-text{
    color: var(--dtp-white, #fff);
    font-size: var(--dtp-fontsize-30, 21px);
    letter-spacing: 4;
    line-height: 2.1rem;
    background-image:url(../img/homepage-s3-ss3-location.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    padding: 3% 12% 4% 8.5%;
    margin-left: -15px;
    }

@media only screen and (max-width: 1650px){
  .dtp-location-text{
    top:14%;
    right: 19.5%;
    letter-spacing: 0.4rem;
    line-height: 1.8rem;
  }
}

.dtp-map-marker{
    top: 39%;
    right: 22.5%;
}


.dtp-divider{
  position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    height: 70%;
    width: 1px;
    padding: 0;
}

.dtp-orange-divider{
  background-image: url(../img/orange-divider.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 5px;
  height: 80%;
  top: 10%;
}
.dtp-green-divider{
  background-image: url(../img/green-divider.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 5px;
  height: 83%;
  top: 10%;
}

.dtp-dotted-divider{
  width:100%;
  height: 4px;
}

.dtp-buttons-row{
  width: 85%;
  margin:auto;
  padding-bottom: 3%;
}

.dtp-buttons{
    display: inline-block;
    padding: 1.3% 4%;
    border-radius: 2rem;
    color: white;
    font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;
    letter-spacing: var(--dtp-letterspacing-cta, 1.12rem);
    position: relative;
    border: 1px solid transparent;
}

.dtp-white .dtp-buttons{
  color: var(--dtp-green, #70AC45);
}

.dtp-buttons-row .dtp-buttons{
    padding: 3.5% 11%;
}

.multiple-buttons{
  width: auto;
    padding: 3% 17%;
    letter-spacing: 0.4rem;
}

.training-items .multiple-buttons{
    padding: 3% 8%;
    letter-spacing: 0.3rem;
}

.dtp-back-buttons{
  text-decoration: none;
  border: none;
  background: none;
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  font-family: GenJyuu-bold, Arial, Helvetica, sans-serif;
  letter-spacing: var(--dtp-letterspacing-default);
}

.dtp-back-buttons svg{
  width: 20%;
  max-width: 55px;
  margin-right: 15px;
}

.dtp-buttons a{
  white-space: nowrap;;
}

.dtp-buttons:hover {
  animation: 0.2s ease 0s 1 normal forwards running buttonHover;
  filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 8px 16px);
}

@keyframes buttonHover{
  0%{transform:scale3d(1,1,1)} 
  /* 100%{transform:scale3d(1.2,1.2,1.2)} */
  100%{transform:scale3d(1.1,1.1,1.1)}
}

@keyframes buttonHover3D{
  0%{transform:scale3d(1,1,1) translate(-50%,0)}
  /* 100%{transform:scale3d(1.2,1.2,1.2)} */
  100%{transform:scale3d(1.1,1.1,1.1) translate(-50%,0)}
}

.dtp-buttons svg{
  width: 12px;
  margin-bottom:0.5%;
}

.homepage .section4 .dtp-buttons{
  display: block;
  width: 40%;
  padding: 1.3% 8%;
  margin-top:5%;
}

.dtp-buttons:hover{
  background-color: #f9f5ef;
}

.dtp-bg-orange.dtp-buttons:hover{
  border: 1px solid var(--dtp-orange);
}
.dtp-bg-green.dtp-buttons:hover{
  border: 1px solid var(--dtp-green);
}
.dtp-bg-blue.dtp-buttons:hover{
  border: 1px solid var(--dtp-blue);
}
.dtp-bg-red.dtp-buttons:hover{
  border: 1px solid var(--dtp-red);
}
.dtp-bg-white.dtp-buttons:hover{
  border: 1px solid var(--dtp-green);
}

.dtp-bg-orange.dtp-buttons:hover a{
  color: var(--dtp-orange);
}
.dtp-bg-green.dtp-buttons:hover a{
  color: var(--dtp-green);
}
.dtp-bg-blue.dtp-buttons:hover a{
  color: var(--dtp-blue);
}
.dtp-bg-red.dtp-buttons:hover a{
  color: var(--dtp-red);
}
.dtp-bg-white.dtp-buttons:hover a{
  color: var(--dtp-green);
}

.cls-1{
  fill: #fff;
}

.dtp-bg-white.dtp-buttons .cls-1{
  fill: var(--dtp-green);
}

.dtp-bg-orange.dtp-buttons:hover .cls-1{
  fill: var(--dtp-orange);
}
.dtp-bg-blue.dtp-buttons:hover .cls-1{
  fill: var(--dtp-blue);
}
.dtp-bg-green.dtp-buttons:hover .cls-1{
  fill: var(--dtp-green);
}
.dtp-bg-red.dtp-buttons:hover .cls-1{
  fill: var(--dtp-red);
}
.dtp-bg-orange.dtp-buttons:hover .cls-1-white{
  fill: var(--dtp-orange);
}
.dtp-bg-blue.dtp-buttons:hover .cls-1-white{
  fill: var(--dtp-blue);
}
.dtp-bg-green.dtp-buttons:hover .cls-1-white{
  fill: var(--dtp-green);
}
.dtp-bg-red.dtp-buttons:hover .cls-1-white{
  fill: var(--dtp-red);
}

/* .dtp-buttons::after{
  content: url(../img/white-arrow.svg);
  color: inherit;
  width: 17px;
  height: 17;
  position: absolute;
  right: 13%;
  top: 50%;
  transform: translate(0%,-50%);
} */

/**** Pricing *****/
.pricing{
  background-color: #ede9e3;
}

.pricing .main-carousel{
  padding-top: 11%;
}

.pricing .main-carousel .mySwiper{
  width: 70%; 
  margin:auto; 
  border-radius: 1rem;
  margin-bottom:9%;
}

.pricing .main-carousel .carousel-title{
  margin-bottom: 4%;
  position: relative;
}

.dtp-dashed-box{
  border: 1px dashed var(--dtp-orange);
  border-radius: 1em;
  padding: 5%;
}

.pricing .section1 .dtp-s1-ss2-subtitle{
  position: absolute;
  background-color: white;
  top: -6%;
  line-height: var(--dtp-lineheight-default);
}


.pricing .section1{
  background-color: white;
  padding-bottom: 14%;
}

.pricing .section1 .dtp-title{
  margin-top: 2%;
  position: relative;
}

.pricing .section1 .dtp-pricing-detailsbox span.dtp-h1,
.pricing .section2 .group-details-table span.dtp-h1{
  letter-spacing: 0.03em;
}

.pricing .section1 .dtp-pricing-detailsbox span.dtp-h3,
.pricing .section2 .group-details-table span.dtp-h3{
  letter-spacing: var(--dtp-letterspacing-default-small);
}

.pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box{
  display: flex;
  align-items: center;
  height: 10vw;
  max-height: 200px;
  justify-content: center;
}

.pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box:nth-of-type(2){
  padding-left: 8%;
}

.pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box:nth-of-type(2) span.dtp-h1{
  font-size: var(--dtp-fontsize-83);
}

.pricing .section1 .dtp-pricing-detailsbox .groupPricing-container div.dtp-smalltext{ 
  letter-spacing: 0.1em;
}

.pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box img{
  width: 45%;
  position: absolute;
  right: -5%;
  top: -70%;
}

@media only screen and (min-width: 1800px){
  .pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box img{
    top: -3em;
  }
}

.pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box span.dtp-h3 span .dtp-smalltext{
  font-family:"GenJyuu-bold", Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-19) ;
  letter-spacing: var(--dtp-letterspacing-default);
  position: absolute;
  bottom: -32%;
  right: 54%;
}

@media only screen and (min-width: 992px) and (max-width: 1300px){
  .pricing .section1 .dtp-pricing-detailsbox .groupPricing-container .groupPricing-box span.dtp-h3 span .dtp-smalltext{
    bottom: -0.8vw;
  }
}

.pricing .section2{
  padding-top:0;
}

.pricing .section2 .section-content{
    margin:8% 0 19%;
}

.pricing-section2-headline{
  margin-top: 4%;
}

.price-tickets{
  width:40%;
}

.price-ticket-tags{
  position: absolute;
  top: -33%;
  left: 31%;
  width: 25%;
}

.pricing-tickets-container{
  margin-top: 5%;

}

.pricing-tickets-container .dtp-content::after{
  content: '';
  height: 100%;
  border: 1px solid var(--dtp-orange, #e79225);
  position: absolute;
  right: 0;
  top: -33%;
}

.pricing-tickets-container .dtp-content:last-of-type:after{
  border: none;
}

.pricing-tickets-container .dtp-content:last-of-type .price-ticket-tags{
  /* top: -88%;
  left: 24%;
  width: 37%; */ /*Comment out for removing one price tag*/
  top: -60%;
  left: 24%;
  width: 35%;
}

.pricing-groupMode-container{
  background-image: url(../img/pricing-tickets-container-bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 6%;
}

.pricing-groupMode-container .dtp-smalltext{
  width: 85%;
  margin: auto;
  margin-left: 9%;
  margin-top: 1%;
}

.pricing-groupMode-container .pricing-groupMode-table{
  font-size: var(--dtp-fontsize-25, 22px);
}

.underline-dashed{
  background-image:url(../img/underline-dashed.png);
  background-size: 32%;
  background-position: center 91%;
  background-repeat: no-repeat;
}

.pricing-groupMode-container .pricing-groupMode-table table{
  width: 85%;
  margin: auto;
  text-align: center;
  background-color: var(--dtp-pale-red-transparent, #ecdcda);
  /* background-image: url(../img/pricing-tickets-table-bg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; */
  border-radius: 3rem;
  border-collapse: separate;
  border: 4px solid white;
  border-spacing: 0;
}

.pricing-groupMode-container .pricing-groupMode-table table th,
.pricing-groupMode-container .pricing-groupMode-table table td{
  border-collapse: collapse;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  padding: 2% 0 0;
}

.no-border-right{
  border-right:none !important;
}

.no-border-bottom{
  border-bottom: none !important;
}

.pricing-groupMode-container .pricing-groupMode-table table tr td:first-of-type{
  padding-left: 50px;
  padding: 3% 5% 3%;
}

.pricing-groupMode-container .pricing-groupMode-table table tr td .dtp-h3{
  line-height: 2.5rem;
}

.pricing-buttons-wrapper{
  width: 92%;
  margin:auto;
}

.pricing-buttons-container{
  position:relative;
width: 40%;/* margin: auto; */display:  inline-block;}

.pricing-buttons-bg{
  position: absolute;
    width:36%;
}

.pricing-buttons-bg.pricing-buttons-bg-1{width: 33%;left: -4%;top: -23.5%;z-index: -1;}
.pricing-buttons-bg.pricing-buttons-bg-2{
  width: 23%;
  left: 0%;
  top: -44%;
}

.pricing-buttons{
  display:inline-block;
  width: 81%;
  margin:auto;
  margin-top:7%;
font-size: var(--dtp-fontsize-cta);padding: 2.3% 6%;}

.pricing .section2{
  /* -webkit-mask-clip: content;
  mask-clip: content;
  -webkit-mask-image: url(../img/pricing-section-2-bg-clip.svg);
  mask-image: url(../img/pricing-section-2-bg-clip.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: top;
  mask-position: top; */
  background-color: var(--dtp-pale-green);
  /* min-height:500px; */
  margin-top: -3%;
  padding-bottom: 25%;
  /* margin-bottom: 20%; */
  /* height: 100%; */
  z-index: -1;
}

.pricing .section2 .section-content-bg{
  width: 88%;
  height: 95%;
  position: absolute;
  top: 3%;
  left: 50%;
  background-image: url(../img/pricing-section2-bg.png);
  background-position: top;
  background-size: 100% 92%;
  background-repeat: no-repeat;
  transform: translate(-50%, 0);
  z-index: -1;
}

.pricing .section2 .bubble-underline img.bubbles-2{
    width: 63%;
    left: 16%;
}

@media only screen and (max-width: 1500px){
  .pricing .section2 .section-content-bg{
    width: 97%;
    height: 96%;
    top: 2.5%;
  }
}

.pricing .section2 .subsection1{
  padding: 3% 5% 5%;
}

.pricing .section2 .subsection1 .main-image{
  padding-left: 4%;
}

.pricing .section2 .subsection2{
  margin-top: 4%;
  margin-bottom: 2%;
}

.dtp-group-types-container{
  padding:0;
  margin-top: 6%;
  vertical-align: text-top;
}

.dtp-group-types{
  padding: 0;
  width: 45%;
  display:inline-block;
  vertical-align: inherit;
  position: relative;
  margin-bottom: 2%;
}

.dtp-group-types .dtp-p a{
  text-decoration: underline !important;
}

.dtp-group-types .dtp-p a:hover{
  color:#a6a6a6;
}

.dtp-group-types:nth-of-type(2n-1){
  margin-right:9%;
}

.group-booking-images{
  width: 100%;
}

.orange-lines{
  width:58%;
  margin-top:3.5%;
  margin-bottom:3%;
}

.dtp-underline-orangeLine{
  line-height: var(--dtp-lineheight-default);
}

.orange-lines-title{
  width: inherit;
  margin-top: 0vw;
  margin-bottom:2%;
  display: flex;
}

.group-booking-divider-orange {
  width: 85%;
  margin:auto;
  position: relative;
}

.group-details-table{
  margin-top:3%;
}

.group-details-table:last-of-type{
  margin-top: 4%;
}

.group-details-table .table-title{
  font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-37, 34px);
  letter-spacing: var(--dtp-letterspacing-h3);
  color: white;
  text-align: left;
  /* margin-bottom: 3%; */
  margin-bottom: 1%;
}

.group-details-table.red-table .table-title{
  color: var(--dtp-red);
}
.group-details-table.blue-table .table-title{
  color: var(--dtp-blue);
}
.group-details-table.green-table .table-title{
  color: white;
  margin-bottom: -2%;
  margin-left: 4%;
}

.group-details-table.red-table .table-title span{
  /* background-image: url(../img/pricing-s2-ss2-decors-tag-1.png); */
  background-image: none !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 3% 2% 3% 3%;
}
.group-details-table.blue-table .table-title span{
  /* background-image: url(../img/pricing-s2-ss2-decors-tag-2.png); */
  background-image: none !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 3% 2% 3% 3%;
}
.group-details-table.green-table .table-title span{
  background-image: url(../img/pricing-s2-ss2-decors-tag-2.png);
  /* background-image: none !important; */
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 3% 2% 3% 4%;
  /* margin-bottom: -12%; */
}

.group-details-table table{
  margin:auto;
  width: 79%;
  border-radius: 3rem;
  border-collapse: separate;
  border: 3.5px solid white;
  border-spacing: 0;
  background-color: var(--dtp-pale-green, #e0edd6);
  background-color: rgb(224,237,214,0.6);
}

.group-details-table table tbody tr{
  height: 6vw;
  max-height: 100px;
}

.group-details-table table tbody tr:last-of-type{
  height: 10vw;
  max-height: 160px;
}

.group-details-table table tbody tr td .dtp-smalltext{
  font-size: var(--dtp-fontsize-13);
  margin-top: 0%;
  width: 100%;
  display:  block;
}


.group-details-table.red-table table{
  border: 3px solid var(--dtp-red);
}

.group-details-table.red-table table th,
.group-details-table.red-table table td{
  border-collapse: collapse;
  border-right: 3.5px solid var(--dtp-red);
  border-bottom: 3.5px solid var(--dtp-red);
  padding: 1.5% 0;
}

.group-details-table.blue-table table{
  border: 3px solid var(--dtp-blue);
}

.group-details-table.blue-table table th,
.group-details-table.blue-table table td{
  border-collapse: collapse;
  border-right: 3.5px solid var(--dtp-blue);
  border-bottom: 3.5px solid var(--dtp-blue);
  padding: 1.5% 0;
}
.group-details-table.green-table table{
  border: 3px solid var(--dtp-green);
}

.group-details-table.green-table table th,
.group-details-table.green-table table td{
  border-collapse: collapse;
  border-right: 3.5px solid var(--dtp-green);
  border-bottom: 3.5px solid var(--dtp-green);
  padding: 1.5% 0;
}

.group-details-table table tr td:first-of-type{
  text-align: left;
  padding-left: 5%;
  letter-spacing: 0.3rem;
  font-size: var(--dtp-fontsize-28);
}

.group-details-table table tr td:nth-of-type(2),
.group-details-table table tr td:last-of-type{
  font-size: var(--dtp-fontsize-30, 24px);
  /* color: var(--dtp-red); */
  font-family: 'MHeiHK-xbold', Arial, Helvetica, sans-serif;
  letter-spacing: var(--dtp-letterspacing-default);
  position: relative;
}

/* .group-details-table table tr td:last-of-type .dtp-smalltext{
  line-height: 1rem;
  text-align: left;
  position:absolute;
  top:50%;
  right:5%;
  transform: translate(0%, -50%);
  letter-spacing: 0.05rem;
  margin: 0;
} */

.pricing-notice-items{
  font-size:var(--dtp-fontsize-25, 24px);
  font-family: 'MHeiHK-xbold', Arial, Helvetica, sans-serif;
  letter-spacing: var(--dtp-letterspacing-default);
  margin-top: 4%;
}

.pricing-notice-items .pricing-notice-item{
  background-image: url(../img/pricing-notice-item-bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 6% 0 4%;
}

.pricing .section2 .subsection4{
  width: 80%;
  margin:auto;
  /* padding:0 5%;
  padding-right:1%; */
  position: relative;
  margin-bottom: 7%;
  margin-top:5%;
}

.pricing .section2 .subsection4 .subsection4-bg{
  width: 97%;
  height: 105%;
  position: absolute;
  top: 6%;
  left: 1%;
}

.booking-step-container{
  width: 73%;
  margin:auto;
  margin-bottom: 9%;
  padding-left: 14%;
  padding-right: 5%;
}

.booking-steps{
  text-align: left;
  margin-top:8%; 
  font-family: "MHeiHK-heavy", Arial, Helvetica, sans-serif;
  letter-spacing: var(--dtp-letterspacing-default);
  line-height: var(--dtp-lineheight-h3);
  position: relative;
}

.booking-steps span{
  font-size: 14px;
}

.booking-steps img{
  position:absolute;
  left: -14.5%;
  top:50%;
  transform: translate(0, -43%);
  /* width: 92%; */
  width: 12%;
}


.booking-steps.booking-step-2 img{
  /* width: 60%; */
  width: 12%;
  left: -13%;
}

.booking-steps.booking-step-3 img{
  width: 12%;
  transform: translate(0, -50%);
}

.booking-steps.booking-step-4 img{
  left: -13%;
  /* width: 70.5%; */
  width: 12%;
}

.booking-step-1,
.booking-step-3,
.booking-step-5{
  /* margin-left: 13%; */
}

.pricing .section2 .subsection5{
  background-image: url(../img/enquiry-details-bg.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: -2%;
  margin-top: 5%;
  width: 90%;
  margin: auto;
  margin-top: 4%;
}

.pricing .section2 .subsection5 .dtp-title .dtp-underline-whiteLine{
  background-image: url(../img/pricing-section2-subsection5-title-bg.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 5%;
  padding-right: 2;
  margin-right: 2%;
padding: 7% 3% 2%;}

.white-lines-title {
  width: inherit;
  margin-top: -1%;
  margin-bottom: 5%;
  /* margin-left: 18%; */
  display: flex;
}

.enquiry-details-container{
  width: 61%;
  margin:auto;
  margin-top: 2%;
}

.enquiry-details-container .enquiry-details{
  margin-bottom: 4%;
  font-size: var(--dtp-fontsize-28, 26px);
  font-family: "MHeiHK-heavy", Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: left;
  align-items: center;
}

.enquiry-details-container .enquiry-details span{
  font-size: var(--dtp-fontsize-25, 24px);
  border-bottom: 2.5px solid var(--dtp-green, #70ac45);
  line-height: 1.5rem;
  padding-bottom: 4px;
  vertical-align: text-top;
}

.enquiry-buttons-row{
  width: 68%;
  margin: 2% 0 7% 18%;
max-width: 720px;}

.enquiry-buttons{
  display: inline-block;
  width: 83%;
  margin: auto;
  margin-top:3%;
  margin-bottom: 6%;
  padding: 4.5% 5%;
  letter-spacing: 0.3rem !important;
}

/***** About Page CSS ******/
.text-logo{
  width: 20%;
}

.about section{
  padding-top: 0;
}

.about-bubbles{
  display: block;
  width: 93%;
  margin-left: 2%;
}

.about .dtp-masthead{
  padding-bottom: 0;
}

.dtp-masthead-text{
  font-size: var(--dtp-fontsize-83, 80px);
  line-height: var(--dtp-lineheight-masthead, 6.5rem);
  letter-spacing: var(--dtp-letterspacing-masthead, 1.3rem);
  font-family:'GenJyuu-bold', Arial, Helvetica, sans-serif;
  position: absolute;
  top: 27%;
  left: 18%;
}

.dtp-masthead,
.about .section1,
.about .section2{
  background-color: var(--dtp-white, white);
  padding-bottom: 5%;
}

.about .section2{
  padding-bottom:14%;
}

.about .section2 .section-content{
  margin-top: 6%;
}

.about .subsections img{
  width: 90%;
}

.about .section1 .subsection1 .about-bubbles{
  width: 95%;
}

.about .section1 .subsection2{
  margin-top: -3%;
  margin-bottom: 14%;
}

.about-s1-ss2-bg{
  background-image: url('../img/about-s1-ss2-bg.svg');
  background-size: 100%;
  background-position: right;
  background-repeat: no-repeat;
  /* padding: 36%; */
  padding-right: 29%;
  padding-left: 17%;
  padding-top: 31%;
  padding-bottom: 22%;
  margin-top: 25%;
  margin-left: 11%;
}

.about .section1 .subsection3 .dtp-h1 img{
  width: 95%;
}

@media only screen and (max-width: 992px){
  .about-s1-ss2-bg{
    padding: 9%;
    padding-left: 22%;
    background-size: contain;
    background-position: center;
    text-align: left;
    margin: auto;
    display: inherit;
  }
}

.about-s2-banner{
  position: absolute;
  width: 100%;
}

.about-missions-container{
  margin: auto;
  width: 93%;
  margin-top: 2%;
  z-index: 1;
  }

.about-missions-items{
  font-size: var(--dtp-fontsize-25, 24px);
  font-family: 'MHeiHK-xbold', Arial, Helvetica, sans-serif;
  letter-spacing: var(--dtp-letterspacing-default);
  color: white;
  margin-top: -11%;
  position: absolute;
  justify-content: center;
  width: 109%;
  left:50%;
  transform:translate(-50%, 0);
}

.about-missions-items .about-missions-item {
  font-size: var(--dtp-fontsize-17);
  background-size: 88%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10% 0 5%;
  line-height: 1.3rem;
  z-index: 2;
  position: relative;
  transition: none;
  display:flex;
  justify-content: center;
  align-items: center;
}

.about-missions-items .dotted-lines{
  width: 30%;
  height: 70px;
  position: absolute;
  bottom: -7%;
  left: 18%;
  z-index: 1;
}

.about-missions-items .dotted-lines:last-of-type{
  left: initial;
  right: 18%;
}
/* .about-missions-items .about-missions-item::after{
  content: '';
  background: url(../img/about-s2-dotted-line.svg) no-repeat;
  background-size: contain;
  width: 100%;
  height: 60px;
  position:absolute;
  bottom:0;
  right:0;
} */

.about-missions-items .about-missions-item span{
  font-size: var(--dtp-fontsize-35, 33px);
  line-height: 2.2rem;
}

.about-missions-items .about-missions-item:nth-of-type(1){
  background-image: url(../img/about-s2-ss1-item1.png);
}
.about-missions-items .about-missions-item:nth-of-type(2){
  background-image: url(../img/about-s2-ss1-item2.png);
}
.about-missions-items .about-missions-item:nth-of-type(3){
  background-image: url(../img/about-s2-ss1-item3.png);
}

.about .section3{
  background-color: #e3dfd9;
  padding-bottom: 13%;
}



  /**** Timeline CSS *****/
  /* .about .section3{
    -moz-mask-clip:content;
    -webkit-mask-clip: content;
    mask-clip: content;
    -moz-mask-image: url(../img/about-s3-bg-clip.svg); 
    -webkit-mask-image: url(../img/about-s3-bg-clip.svg); 
    mask-image: url(../img/about-s3-bg-clip.svg);
    mask-type: alpha;
    -moz-mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -moz-mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-size: cover;
    -moz-mask-position: bottom;
    -webkit-mask-position: bottom;
    mask-position: bottom;
  } */


  .about .section3 .section-content{
    width: 100%;
    padding-top:2%;
    padding-bottom: 28%;
  }

  
  .timeline *,
.timeline *::before,
.timeline *::after {
  box-sizing: border-box;
}



.timeline {
  position: relative;
  width: 100%;
  /* max-width: 1140px; */
  margin: 0 auto;
  padding: 15px 0;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 3px;
  background: var(--dtp-green, #70ac45);
  top: 6%;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  height: 88%;
  display: none;
}

.timeline .timeline-middleline{
    height: 88%;
    width: 1px;
    border-left: 3px solid var(--dtp-green);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,10%);
}

.timeline .timeline-item{
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 50%;
  display:flex;
  flex-direction: column;
  margin-top: 2%;
}



.timeline .timeline-item.left {
  left: 0;
}

.timeline .timeline-item.right {
  left: 50%;
}

.timeline .timeline-item.left.long{
  padding-right: 13%;
}

.timeline .timeline-item.right.long{
  padding-left: 13%;
}

.timeline .timeline-item::after {
  content: '';
  position: absolute;
  width: 41px;
  height: 41px;
  top: calc(50% - 20.5px);
  right: -20.5px;
  background: var(--dtp-green, #70ac45);
  /* border: 2px solid #006E51; */
  border-radius: 3rem;
  z-index: 1;
}

.timeline .timeline-item.right::after {
  left: -19.5px;
}

.timeline .timeline-item::before {
  content: '';
  position: absolute;
  width: 45%;
  height: 2px;
  top: calc(50% - 1px);
  right: 1px;
  z-index: 1;
  /* border-bottom: 1px var(--dtp-dark-red, #d41e35) dashed; */
  background-image: url(../img/about-s3-dotted-line.svg);
  background-repeat:no-repeat;
  background-size: contain;
  background-position:center;
  opacity:0;
  transition: all 1.4s;
}

/* .timeline .timeline-item.right::before {
  opacity:1;
} */

.timeline .timeline-item.right.aos-animate::before {
  animation: slide-left 1.4s ease-in-out;
  opacity:1;
}
.timeline .timeline-item.left.aos-animate::before {
  animation: slide-right 1.4s ease-in-out;
  opacity:1;
}

@media only screen and (max-width: 1500px){
  .timeline .timeline-item::before {
    width: 47%;
  }
}

.timeline .timeline-item.right::before {
  left: 8px;
}

.timeline .timeline-item .date {
  position: absolute;
  display: inline-block;
  /* top: 50%;
  transform: translate(0, -50%); */
  top:40%;
  text-align: center;
  font-size: var(--dtp-fontsize-45, 40px);
  font-family:'GenJyuu-bold', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: var(--dtp-letterspacing-h2);
  z-index: 1;
  /* background-color: var(--dtp-dark-red, #d41e35); */
  color: white;
  padding: 3%;
}

.timeline .timeline-item.left .date {
  right: -323px;
  background-image: url(../img/about-timeline-yearbox-left.svg);
  background-size: 100% 100%;
  background-position:center;
  background-repeat: no-repeat;
  padding: 0.5% 4% 0.5% 9%;
}

.timeline .timeline-item.right .date {
  left: -300px;
  background-image: url(../img/about-timeline-yearbox-right.svg);
  background-size: contain;
  background-position:center;
  background-repeat: no-repeat;
  padding: 0.5% 4% 0.5% 4%;
}

.timeline .timeline-item.left .date.have-month {
  right: -420px;
  background-image: url(../img/about-timeline-yearbox-left-havemonth.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.5% 4% 0.5% 9%;
  width: 350px;
}

.timeline .timeline-item.right .date.have-month {
  left: -420px;
  background-image: url(../img/about-timeline-yearbox-right-havemonth.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.5% 3% 0.5% 3%;
  width: 350px;
}


.timeline .timeline-item.left .icon {
  right: 56px;
}

.timeline .timeline-item.right .icon {
  left: 56px;
}

.timeline .timeline-item .content {
  /* padding: 30px 90px 30px 30px; */
  /* background: #F6D155; */
  position: relative;
  /* border-radius: 0 500px 500px 0; */
  padding: 0 0 4% 0;
  z-index: 2;
}

.timeline .timelin-item.right .content {
  margin-right:5%;
  /* border-radius: 500px 0 0 500px; */
  /* padding-left: 0px; */
}

.timeline .timeline-item .content img{
  max-width: 440px;
}

.timeline .timeline-item .content h2 {
  margin: 0 0 10px 0;
  font-weight: normal;
}

.timeline .timeline-item .content .timeline-item-text {
  margin: 0;
  line-height: 0rem;
  white-space: pre-line;
  position: absolute;
  display: block;
  width: 85%;
  left: 50%;
  bottom: -50%;
  transform: translate(-50%,42%);
  height: 300px;
}

.timeline .timeline-item .content p {
  margin: 0;
  padding-top: 10px;
  line-height: 1.5rem;
  white-space: initial;
  font-size: var(--dtp-fontsize-17);
  /* display: inline-block; */
}

.timeline .timeline-item .content .dtp-smalltext{
  font-size: 14px;
}

.timeline .timeline-item .content .timeline-item-text ul{
  color: #666666;
  line-height:1rem;
  text-align: left;
  display: inline-block;
  letter-spacing: 0.2rem;
}

.timeline .timeline-item .content .timeline-item-text img {
  width: 32%;
display: block;margin: auto;}


@media only screen and (max-width: 767.98px) {
  .timeline::after {
    left: 128px;
  }

  .timeline .timeline-item{
    width: 104%;
    padding-left: 166px;
    padding-right: 30px;
  }

.timeline .timeline-item.right {
    left: 0%;
  }

  .timeline .timeline-item.left::after, 
.timeline .timeline-item.right::after {
    left: 119px;
  }

  .timeline .timeline-item.left::before,
.timeline .timeline-item.right::before {
    left: 100px;
    border-color: transparent #006E51 transparent transparent;
  }

  .timeline .timeline-item.left .date,
.timeline .timeline-item.right .date {
    right: auto;
    left: 15px;
  }

  .timeline .timeline-item.left .icon,
.timeline .timeline-item.right .icon {
    right: auto;
    left: 146px;
  }

  .timeline .timeline-item.left .content,
.timeline .timeline-item.right .content {
    padding: 30px 30px 30px 90px;
    border-radius: 500px 0 0 500px;
  }
}

.about .section4{
  background-color: var(--dtp-green, #70ad45);
  margin-top: -19%;
  z-index: -1;
  padding-bottom: 8%;
  /* background-color: transparent; */
  padding-top: 7%;
  padding-bottom: 14%;
  margin-top: -27%;
  margin-bottom: -2%;
}

.about-teams-items{
  font-size: var(--dtp-fontsize-31, 30px);
  font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;
  letter-spacing:  0.6rem;
  color: white;
  position: relative;
  justify-content: center;;
}

.about-teams-items:first-of-type{
  margin-top: -1%;
}

.about-teams-items .about-teams-item{
  background: url(../img/about-s4-clouds-orange.png) no-repeat;
  background-size: contain;
  background-position: center;
  padding: 4%;
  padding-top: 4.5%;
  margin-top: 6%;
}

.about-teams-items .about-teams-item:nth-of-type(2n){
  margin-top: 0%;
  margin-bottom: 6%;
}

.about-teams-items .about-teams-item.red-cloud{
  background: url(../img/about-s4-clouds-red.png) no-repeat;
  background-size: contain;
    background-position: center;
}
.about-teams-items .about-teams-item.blue-cloud{
  background: url(../img/about-s4-clouds-blue.png) no-repeat;
  background-size: contain;
    background-position: center;
}
.about-teams-items .about-teams-item.green-cloud{
  background: url(../img/about-s4-clouds-green.png) no-repeat;
  background-size: contain;
    background-position: center;
}
.about-teams-items .about-teams-item.orange-cloud{
  background: url(../img/about-s4-clouds-orange.png) no-repeat;
  background-size: contain;
    background-position: center;
}

.about .section5{
  background-color:#e8c9b1;
  padding-top: 10%;
}

/* .about .section5{
  -webkit-mask-clip: content;
  mask-clip: content;
  -webkit-mask-image: url(../img/about-s5-bg-clip.svg);
  mask-image: url(../img/about-s5-bg-clip.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: top;
  mask-position: top;
} */

.about .section5 .subsection-main .dtp-content{
  background-image:url(../img/about-s5-text-bg.svg);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 17% 20% 22% 16%;
  margin-left: 45%;
  margin-top: 9%;
  width: 138%;
}

.about .section5 .subsection-main .about-text-bubble{
  position: absolute;
  width:30%;
  z-index: 1;
  top: -24%;
  left: 16%;
}


.about .section5 .subsection-main .mobile-hidden.main-image{
  width: 50%;
  margin-top:4%;
}

@media only screen and (max-width: 992px){

  .about .section5 .subsection-main .about-text-bubble{
    position: relative;
  }

  .about .section5 .subsection-main .dtp-content{
    padding: 6%;
    margin: auto;
  }
}

.about .section5 .subsections img{
  width: 80%;
}

.about .section5 .subsections .about-s5-labels{
  width: 11.2vw;
  top: -65%;
  left: 0;
  max-width: 100px;
  min-width: 50px;
  transition-delay: 0s;
}

.about .section5 .about-s5-items>div{
  z-index: 1;
}

@media only screen and (max-width: 1700px) and (min-width: 990px){
  .about .section5 .subsections .about-s5-labels {
    top: -78%;
    max-width: 82px;
    min-width: 80px;
}
}

/************** FAQ Custom Css ***************/
.faq .main-masthead{
  height:850px;
  background-color:white;
  display: flex;
  justify-content: 
  center;
  align-items: center;
z-index: -11;}

.faq .main-masthead .dtp-h1{
  font-size: var(--dtp-fontsize-83);
  margin-bottom: 3%;
}

.dtp-container.faq{
  background-color: #f5f1eb;
}

.faq .section1{
  position: relative;
  padding-bottom: 5%;
  margin-top: -4%;
  padding-top: 0;
  z-index: 2;
  background-color: transparent;
}

.faq .color-wrapper{
  background-color: #f5f1eb;
}

.faq .section1 .section-content{
  padding-top: 5%;
  z-index: 2;
  padding-bottom: 9%;
  }

.faq .section1 .subsections{
  width: 85%;
  margin:auto;
  position: relative;
}

.faq .section1 .dtp-title{
  margin-top: 6%;
}

.faq .dtp-steps:nth-of-type(2n){
  margin-top:8%;
}
.faq .dtp-steps:nth-of-type(2n-1){
  margin-top:-6%;
}
.faq .dtp-steps:nth-of-type(1){
  margin-top:1%;
}
.faq .dtp-steps:nth-of-type(2){
  margin-top: 15%;
}


.faq .subsections .dtp-steps .dtp-step{
  position: relative;
}

.faq .dtp-steps .dtp-step .dtp-image{
  width: 75%;
  margin-bottom: 2%;
}

.faq .dtp-steps .dtp-step .dtp-image-labels{
  position: absolute;
  width: 21%;
  top: -20%;
}

.faq .dtp-steps:nth-of-type(2n-1) .dtp-step .dtp-image-labels{
  left: 11%;
}

.faq .dtp-steps:nth-of-type(2n) .dtp-step .dtp-image-labels{
  right: 15%;
}

.faq .section1 .subsection2 .dtp-image{
  width: 78%;
}

.faq .section1 #fivesteps + .dtp-title{
  margin-top: 5%;
}

.faq .section1 .tipsSwiper{
  position: relative;
  z-index: 0;
}

.faq .section1 .tipsSwiper .tipsSwiper-button-prev,
.faq .section1 .tipsSwiper .tipsSwiper-button-next{
  position: absolute;
  top: 56%;
  width: calc(var(--swiper-navigation-size) / 44 * 38);
  /* height: var(--swiper-navigation-size); */
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
}

.faq .section1 .tipsSwiper .tipsSwiper-button-prev{
  right: auto;
  left: -19px;
}

.faq .section1 .tipsSwiper .tipsSwiper-button-next{
  right: -19px;
  left: auto;
}

.faq .section1 .tipsSwiper .tipsSwiper-button-prev svg,
.faq .section1 .tipsSwiper .tipsSwiper-button-next svg{
  width: 100%;
}

.faq .section1 .tipsSwiper .tipsSwiper-button-prev.swiper-button-disabled svg,
.faq .section1 .tipsSwiper .tipsSwiper-button-next.swiper-button-disabled svg{
  display: none;
}

/* .faq .section1 .tipsSwiper .tipsSwiper-button-prev.swiper-button-disabled svg .cls-1,
.faq .section1 .tipsSwiper .tipsSwiper-button-next.swiper-button-disabled svg .cls-1{
  fill: #c6c6c6
} */

.faq .section1 .tipsSwiper .tipsSwiper-button-prev svg .cls-2,
.faq .section1 .tipsSwiper .tipsSwiper-button-next svg .cls-2{
  fill: none;
}

.faq .section1 .tipsSwiper .tipsbox{
  background-color: transparent;
  position: relative;
  /* max-width: 1143px; */
}

.faq .section1 .tipsSwiper .tipsbox .tips-number{
  position: absolute;
  top:5%;
  left: 50%;
  transform:translate(-50%,0);
  color: var(--dtp-white, #ffffff);
  font-family: GenJyuu-bold, Arial, Helvetica, sans-serif;
  font-size: var(--dtp-fontsize-49);
}

.faq .section1 .tipsSwiper .tipsbox .tipsbox-text{
  position: absolute;
  color: var(--dtp-white, #ffffff);
  font-size: var(--dtp-fontsize-28);
  text-align: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -24%);
  white-space: normal;
  height: 50%;
  /* align-items: center; */
  display: flex;
}

@media only screen and (max-width: 992px){
  .faq .section1 .tipsSwiper .tipsbox .tipsbox-text{
    font-size: var(--dtp-fontsize-23);
    line-height: var(--dtp-lineheight-h2);
    transform: translate(-50%, -50%);
    width: 74%;
  }
}

.faq .section2{
  background-color: var(--dtp-orange-2, #f5a025);
  z-index: 2;
}

.faq .section2 .section-content{
  margin: 4% 0 9%;
}

.faq .section2 .dtp-title{
  margin-bottom: 0%;
  background-image: url('../img/faq-s2-inner-bg-top.png');
  background-position:bottom;
  background-size: 126%;
  background-repeat: no-repeat;
  padding-top:2%;
  margin-bottom: -4px;
}


/********* FAQ Expand/Collapse Box **********/
.faq-container{
  background-color: #fce5c4;
  border-radius: 6rem;
  padding: 5% 5% 7%;
}

.faq-sections{
  margin-bottom: 10%;
}

.faq-sections .faq-section-title{
  font-size: var(--dtp-fontsize-35 , 29px);
  letter-spacing: 0.8rem;;
  color: white;
  font-family: GenJyuu-bold, Arial, Helvetica, sans-serif;
  margin-bottom:3%;
}

#faq-general .faq-section-title{
  background-image: url(../img/faq-s2-title-bg-1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 1.2%;
}
#faq-general-booking .faq-section-title{
  background-image: url(../img/faq-s2-title-bg-2.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 1.2%;
}
#faq-special-booking .faq-section-title{
  background-image: url(../img/faq-s2-title-bg-3.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 1.2%;
}

.faq-sections table{
  width: 100%;
}

.faq-questions{
  margin-bottom: 1%;
  position: relative;
z-index: 0;}

.filling-bg{
  display: none;
  width: 80%;
  height: 20px;
  background-color: white;
  z-index: 0;
  position: absolute
;;/* z-index: -1; */top: 46px;left: 50%;transform: translate(-50%, 0);}

/* .faq-questions.active .filling-bg{
  display: block;
} */

.faqanswer {
	display: none;
	width: 80%;
	background: white;
	padding: 2% 0px 2.5% 30px;	
  z-index: -6;
  margin:auto;
  border-radius: 0rem 0rem 1rem 1rem;
  z-index: 1;
  margin-top: -15px;
}

.faqanswer p a{
  text-decoration: underline !important;
}

.faqanswer p a:hover{
  color: #dedede;
}

a:hover{
  color: white;
}


.togglefaq {
	text-decoration: none;
	color: #333;
	font-size: 13px;
	padding: 10px 30px;
	line-height: 20px;
	display: block;
	border: 1px solid #d0d0d0;
	width: 80%;
  border-radius: 1rem;
  z-index: 9;
  margin: auto;
  color: white;
  cursor: pointer;
  position:relative;
z-index: 2;}

#faq-general .togglefaq{
  background-color: var(--dtp-red, #d41e35);
}
#faq-general-booking .togglefaq{
  background-color: var(--dtp-blue, #138fc2);
}
#faq-special-booking .togglefaq{
  background-color: var(--dtp-green, #70ac45);
}
#faq-general .faq-answer-label{
  color: var(--dtp-red, #d41e35);
}
#faq-general-booking .faq-answer-label{
  color: var(--dtp-blue, #138fc2);
}
#faq-special-booking .faq-answer-label{
  color: var(--dtp-green, #70ac45);
}

.togglefaq p{
  margin:0;
  color: white;
  font-size: var(--dtp-fontsize-22, 20px);
  white-space: normal;
  word-break: break-all;
}

.icon-plus {
  background-image: url(../img/faq-plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	margin-right: 20px;
	width: 30px;
  height:30px;
	position:absolute;
  top:50%;
  right: 0%;
  transform: translate(0,-50%);

}

.icon-minus {
  background-image: url(../img/faq-minus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	margin-right: 20px;
	width: 30px;
  height:30px;
	position:absolute;
  top:50%;
  right: 0%;
  transform: translate(0,-50%);
}
.faqanswer p {
  margin: 0;
  padding-bottom: 20px;
  white-space: normal;
  word-break: break-all;
}

.faq-question-label,
.faq-answer-label{
  font-size: var(--dtp-fontsize-35, 31px);
  font-family: GenJyuu-bold, Arial, Helvetica, sans-serif;

}

.faq-question-label{
  align-items:center;
  /* text-shadow: -1px -1px 0 var(--dtp-white, white), 1px -1px 0 var(--dtp-white, white), -1px 1px 0 var(--dtp-white, white), 1px 1px 0 var(--dtp-white, white); */
  -webkit-text-stroke: 2px var(--dtp-white, white);
  text-stroke: 2px var(--dtp-white, white);
  color: transparent;
}

.faq-answer-label{
  justify-content: space-evenly;
  display: flex;
  align-items: center;
  line-height: 2rem;
}

.faq-question-text{
  padding-top: 5px;
}

.faq-question-text,
.faq-answer-text{
  padding-left: 10px;
padding-right: 10px;}

.faq-dividers{
  width: 50%;
}

.faq-answer-text-subtitle{
  font-size: var(--dtp-fontsize-22);
  display: flex;
  margin-top: 1%;
  justify-content: flex-start;
  align-items: center;
  letter-spacing: var(--dtp-letterspacing-default);
  margin-bottom:3.5%;
}

.faq-icons{
  background-image:url(../img/faq-icon-plus.svg);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 23px;
  height: 23px;
display: inline-block;margin-left: 12px;}

.innerToggle.active .faq-icons{
  background-image:url(../img/faq-icon.svg);
}

.innerToggle{
  cursor: pointer;
}

.collapsetext{
  display: none;
}

.faq-buttons{
  display: inline-block;
  width: inherit;
  margin: auto;
  margin-top: 3%;
  margin-bottom: 3%;
  padding-left: 7%;
  padding-top: 2%;
  padding-bottom: 2%;
}

.faq-single-button{
  margin-left:-6%;
}
.faq-multiple-button{
width: 90%;
padding: 3%;
letter-spacing: 0.4rem;
}


.faq-answer-text ol{
  padding-left: 1.6rem;
  margin-bottom: 3.5%;
}

.faq-answer-text ul{
  list-style-type: "-";
  padding-left: 1.6%;
  margin-bottom: 3.5%;
}

.faq-answer-text ul li,
.faq-answer-text ol li{
  font-family: "MHeiHK-medium", Arial, Helvetica, sans-serif;
    font-size: var(--dtp-fontsize-19);
    line-height: var(--dtp-lineheight-default);
    letter-spacing: var(--dtp-letterspacing-default);
}


/***** FAQ Table ****/
.faq-arrangements-container {
  /* background-image: url(../img/pricing-tickets-container-bg.svg); */
  background-image: url(../img/pricing-tickets-container-bg-2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 5%;
  margin: auto;
  position: relative;
  width: 93%;
  padding: 10% 4% 10%;
  margin-top:0;
  position: relative;
  margin-bottom: 6%;
  z-index: 2;
  }

.faq-arrangements-container .dtp-smalltext{
  width: 78%;
  margin: auto;
  margin-top: 1%;
  margin-right: 15%;
  font-size: var(--dtp-fontsize-13, 12.5px);
  letter-spacing: var(--dtp-letterspacing-default);
  line-height: 1.5em;
}

.faq-arrangements-container .faq-arrangements-table{
  font-size: var(--dtp-fontsize-25, 22px);
}

.faq-arrangements-container .faq-arrangements-table table{
  width: 87%;
  margin: auto;
  text-align: center;
  background-color: var(--dtp-white, #ffffff);
  /* background-image: url(../img/pricing-tickets-table-bg.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; */
  border-radius: 3rem;
  border-collapse: separate;
  border: 4px solid var(--dtp-green);
  border-spacing: 0;
}

.faq-arrangements-container .faq-arrangements-table table th,
.faq-arrangements-container .faq-arrangements-table table td{
  border-collapse: collapse;
  border-right: 4px solid var(--dtp-green);
  border-bottom: 4px solid var(--dtp-green);
  padding: 3% 0px;
}

.faq-arrangements-container .faq-arrangements-table table tr td{
  line-height: 1.3em;
}

.faq-arrangements-container .faq-arrangements-table table tr td .dtp-smalltext{
  text-align:center;
  margin:0 auto;
}

.faq-arrangements-container .faq-arrangements-table table tr:first-of-type td{
  background-color: var(--dtp-orange, #f5a025);
}

.faq-arrangements-container .faq-arrangements-table table tr:first-of-type td:first-of-type{
  border-top-left-radius: 2.75rem;
  border-collapse: separate;
  line-height: 0.7em;
}

.faq-arrangements-container .faq-arrangements-table table tr:first-of-type td:last-of-type{
  border-top-right-radius: 2.75rem;
  border-collapse: separate;
}

.faq-arrangements-container .faq-arrangements-table table tr:first-of-type td,
.faq-arrangements-container .faq-arrangements-table table tr td:first-of-type{
  padding-left: 50px;
  padding: 1% 2% 1%;
}

.faq-arrangements-container .faq-arrangements-table table tr td .dtp-h3{
  line-height: 2.2rem;
  letter-spacing: var(--dtp-default);
}

.faq .section3{
  /* background-image:url(../img/faq-s3-bg.png);
  background-size:cover;
  background-repeat: repeat-y;
  background-position: center; */
  background-color: var(--dtp-green, #70ac45);
  z-index: 2;
}

.faq .section3 .subsections{
  margin-bottom: 7%;
  z-index: 1;
}

.faq .section3 .subsections:nth-of-type(2){
  margin-bottom: 5%;
}

.faq .section3 .subsection1 .playscoperules-container{
  background-image:url(../img/faq-s3-ss1-bg.png);
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 5% 0 4%;
width: 50%;margin: auto;
position: relative;}

.faq .section3 .subsection1 .playscoperules-container .dtp-p{
  white-space: normal;
    width: 61%;
}

.faq .section3 .subsection1 .playscoperules-container .faq-buttons{
  width: inherit;
  padding: 1.1% 4.5%;
  margin-top: 5%;
  margin-left: -2%;
  }

.faq .section3 .subsection2{
  margin-top: 12%;
  z-index: 0;
}

.faq .section3 .subsection2 .dtp-title{
  margin-bottom: 0;
}

.faq .section3 .subsection2 .dtp-title .bubble-underline{
  line-height: 1.4em;
  margin-bottom: 3%;
}

.faq .section3 .subsection2 .dtp-title .bubble-underline img.bubbles-2{
  width:72%;
  left: 12.5%;
  bottom: -8px;
}

@media only screen and (max-width: 993px){
  .faq .section3 .subsection2 .dtp-title .bubble-underline img.bubbles-2{
  bottom: -1%;
  width: 89%;
  left: 4%;
}
}

.faq .section3 .subsection2 .dtp-title .bubble-underline div.custom-lineHeight{
  line-height: 1em !important;
}

.faq .section3 .subsection3 .dtp-title{
  margin-bottom: 1%;
}

.faq .section3 .prevention-container{
  background-image:url(../img/faq-s3-ss3-grid-bg.svg);
  background-size:133%;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #e9e5df;
  position:relative;
  text-align: left;
  width: 79%;
  margin: auto;
  padding: 9% 6% 7%;
  border-radius: 8rem;
  position: relative;
  margin-top: 2%;
  }

.faq .section3 .prevention-container .dtp-highlighttext{
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translate(-50%,0);
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0 2%;
  color: white;
font-size: var(--dtp-fontsize-22);}

.faq .section3 .prevention-container .dtp-highlighttext:nth-of-type(2){
  top: 35px;
}

.faq .section3 .prevention-container .dtp-section-bg{
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 0px;
  left: 50%;
  transform: translate(-50%,0);
}

.faq .section3 .prevention-container .prevention-title{
  font-size: var(--dtp-fontsize-25, 19px );
  display:block;
  margin-top: 3%;
}

.faq .section3 .prevention-container ol{
    padding-left: 1.6rem;
    margin-bottom: 4%;
}

.faq .section3 .prevention-container ol li{
  line-height: 2rem;
font-size: var(--dtp-fontsize-22);}

.faq .section3 .prevention-container .prevention-content{
  white-space: normal;
text-align: justify;}

@media only screen and (max-width: 1400px){
  .faq .section3 .section-content{
    width: 95%;
  }
  .faq .section3 .prevention-container {
    width: 87%;
    padding: 8% 7%;
  }

  .faq .section3 .prevention-container .dtp-highlighttext:nth-of-type(2){
    top: 2.5vw;
  }
}

/********** Training Page Custom CSS **********/
.training .section1{
  background-color: white;
}

.training .section-content{
  width: 75%;
}

.training .dtp-title{
  margin-bottom: 2.5%;
}

.training .dtp-title .dtp-h1{
  font-size: var(--dtp-fontsize-83, 73px );
}

.training .section-content{
  margin-top: -10%;
}

.training .subsection1{
  margin-top: 2%;
  margin-bottom: 10%;
}

.training .training-masthead{
  transform: translate(20%, -25%);width: 78%;
}

.dtp-items{
  display: inline-block;
margin-top: 2%;}

.dtp-items a{
  display: block;
}

.dtp-items .dtp-item-image{
  height: 350px;
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e0e0e0;
  margin: auto;
  margin-bottom: 2%;
  width: 91%;
  -webkit-transition: background-size 0.3s ease-in-out;
  transition: background-size 0.3s ease-in-out;
}

.dtp-items .dtp-h3{
  font-size: var(--dtp-fontsize-30);
  line-height: 2.8rem;
  color: var(--dtp-orange);
}

@media only screen and (max-width:1500px){
  .dtp-item .dtp-item-image{
    height: 20vw;
  }
  .dtp-items .dtp-h3{
    line-height: 2.2rem;
  }
}

@media only screen and (max-width: 992px){
  .dtp-item .dtp-item-image{
    height: 55vw;
  width: 83%;}
}



.dtp-items.disabled a .dtp-h3{
  color:#adadad;
}

.dtp-items a:hover{
  opacity: 0.8;
}

.dtp-items a:hover .dtp-item-image{
  background-size: 130%;
}

/***** Training Details Custom CSS *********/
.item-logo-image-container{
  display: flex;
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    justify-content: right;
    align-items: center;
}

.item-logo-image-container img{
  width: 60%;
  display: block;
}

.item-details{
  background-color: white;
}

.item-details .section1{
  padding-top: 12%;
}

.item-details .section-content{
  width:70%;
}

.item-details .dtp-title{
  margin-top: 6%;
  margin-bottom: 0;
}

.item-details .dtp-title .dtp-h1{
  line-height: var(--dtp-lineheight-training-title, 2rem);
}

.item-details .item-details-image{
  width: 100%;
  height: 700px;
  max-height: 700px;
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center;
  border-radius: 2.6rem;
  background-color: #e0e0e0;
}

.item-details #item-details-container{
  width: 80%;
  margin-top: 2%;
}

.item-details #item-details-container strong{
  text-decoration: none;
}

.item-details #item-details-container .item-details-title{
  margin-top: 5%;
display: block;}

.item-details .item-details-text{
  white-space: normal;
}

.item-details .item-details-text a{
  text-decoration: underline !important;
}
.item-details .item-details-text a:hover{
  color: #a6a6a6;
}

.item-details table tbody tr td:first-of-type{
  /* padding-right: calc(var(--bs-gutter-x) * .5); */
    padding-left: 0;
}

.item-details table tr td{
  vertical-align: top;
  line-height: var(--dtp-lineheight-default);
  letter-spacing: var(--dtp-letterspacing-default);
}

.item-details table tr td ol{
  padding-left: 1.7rem;
}
 
.item-details table tr td ul{
  padding-left: 1.1rem;
}

.item-details .item-details-links .dtp-buttons-wrapper{
  padding: 5% 0;
}

.item-details .item-details-links{
  padding: 5% 0;
}


/************** News Page Custom Css ***********/
.news{
  background-color: white;
}

.news .section-content{
  padding: 6% 0 10%;
  width: 66%;
}

.news .dtp-title{
  margin-bottom: 0;
}

.news .dtp-title .dtp-h1{
  font-size: var(--dtp-fontsize-83, 73px );
}

.news .news-items-container{
  list-style: none;
  margin-top: 5%;
}

.news .news-items-container li{
  padding: 2% 0;
  border-top: 2px solid var(--dtp-orange);
}

/* .news .news-items-container li::before{
  content:'';
  display:block;
  height: 2px;
  width: 100%;
  background-color: var(--dtp-orange);
} */

.news .news-items-container li:last-of-type{
  border-bottom: 2px solid var(--dtp-orange);
}

.news .news-items .news-item-date{
  color: var(--dtp-orange);
}

.news .news-items-container .news-items:not(.disabled):hover a>div{
  color: #dedede;
}

/****** Privacy Policy Custom Css **********/
.privacy{
  background-color: white;
}

.privacy section{
  padding-top: 13%;
}

.privacy .section-content{
  width:50%;
}

.privacy .dtp-dotted-divider{
  width: 98%;
}

.privacy .dtp-title{
  margin-bottom: 0;
}

.privacy .dtp-h1{
  font-size: var(--dtp-fontsize-83);
  line-height: var(--dtp-lineheight-h1-large);
}

.privacy .dtp-p{
  white-space: normal;
  text-align: justify;
}

.privacy #privacy-policy-container{
  padding-top:4%;
}

.privacy .privacy-title{
  color: var(--dtp-orange);
  font-size: var(--dtp-fontsize-31);
  letter-spacing: var(--dtp-letterspacing-default);
  line-height: var(--dtp-lineheight-default-large);
  font-family: MHeiHK-Heavy, Arial, Helvetica, sans-serif;

}

.privacy .privacy-text{
  margin-bottom: 5%;
}

/********** Sitemap CSS ***********/
.sitemap .subsections{
  margin-bottom: 0;
}

.sitemap-items-wrapper .inner{
  font-family: 'MHeiHK-medium',Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50%;
  margin: auto;
  z-index: 4;
  font-size: var(--dtp-fontsize-23, 22px);
  color: black;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.sitemap-items-wrapper .sitemap-items{
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.sitemap-items-wrapper .sitemap-items a{
  transition: all 0.4s;  
}


.sitemap-items-wrapper .sitemap-items a:hover{
  color: inherit;
  opacity: 0.5;
}

.sitemap-items-wrapper .sitemap-items>li{
  margin-bottom: 30px;
  margin-right: 4%;
  /* width: 28%; */
}

.sitemap-items-wrapper .sitemap-items>li>a{
  font-size: var(--dtp-fontsize-49, 49px);
  line-height: var(--dtp-lineheight-menu-title, 6.12rem);;
  letter-spacing: 1.2rem;;
  font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;
  position: relative;
  color: var(--dtp-orange);
}

.sitemap-items-wrapper .sitemap-items>li>a::after{
  content:'';
  background-image: url(../img/menu-underline.svg);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  position: absolute;
  bottom: -6px;
  left: 0;
  display: none;
}

.sitemap-items-wrapper .sitemap-items>li>ul{
  padding-left: 25px;
  list-style-type: none;
}

.sitemap-items-wrapper .sitemap-items>li>ul>li{
  margin-bottom: 20px;
  position: relative;
}

.sitemap-items-wrapper .sitemap-items>li>ul>li::before{
  content: '';
  background-image: url(../img/menu-list-disc-black.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  top: 12.5px;;
  left: -6%;
}


.sitemap-items-wrapper .sitemap-items>li>ul>li>ol{
  list-style: none;
}

/*********** General Template CSS ****************/
.general{
  background-color: white;
}

.general section{
  padding-top: 13%;
}

.general .section-content{
  width:50%;
}

.general.sitemap .section-content{
  width:65%;
}

.general .dtp-dotted-divider{
  width: 98%;
  height: auto;
}

.general .dtp-title{
  margin-bottom: 0;
}

.general .dtp-h1{
  font-size: var(--dtp-fontsize-83);
  line-height: var(--dtp-lineheight-h1-large);
}

.general .dtp-p{
  white-space: normal;
  text-align: justify;
}

.general #general-container{
  padding-top:4%;
}

.general .general-title{
  color: var(--dtp-orange);
  font-size: var(--dtp-fontsize-31);
  letter-spacing: var(--dtp-letterspacing-default);
  line-height: var(--dtp-lineheight-default-large);
  font-family: MHeiHK-Heavy, Arial, Helvetica, sans-serif;

}

.general .general-text{
  margin-bottom: 5%;
  word-break: break-all;
}

.general .general-sections{
  padding: 6% 0 8%;
}

.general .section-content .general-image-group .general-sections:first-of-type{
  padding-top: 2%;
}

.general .general-sections .dtp-h3{
  margin-bottom: 4%;
}

.general .general-image-group .general-sections .general-section-image{
  display: block;
  margin: 0 auto;
}

.general .general-image-group .general-sections:first-of-type .general-section-image{
    width: 45%;
}

.back-button-container{
  padding-top: 2%;
  padding-bottom: 5%;
}

@media only screen and (max-width: 1500px){

  .privacy .section-content{
    width:60%;
  }
  .general .section-content{
    width:60%;
  }
}

@media only screen and (max-width: 992px){
  .item-details .section-content{
    width:90%;
  }

  .item-details .item-details-image{
    height: 54vw;
  }

  .privacy .section-content{
    width:80%;
  }
  .general .section-content{
    width:80%;
  }
}

/*** Menu Css ***/
.fixed-left{
  position: fixed;
  /* left: calc((100% - 1920px)/2 + 36px); */
  left:36px;
  top: 14px;
}

.fixed-right{
  position: fixed;
  /* right: calc((100% - 1920px)/2); */
  right:36px;
  top: 30px;
  
}

@media only screen and (max-width: 1920px){
  .fixed-left{
    left: 18px;
  }

  .fixed-right{
    right: 36px;
  }

}

#dtp-menu {
  background-color: transparent;
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: var(--dtp-zIndex-top);

 
}

.dtp-logo-container{
    z-index: var(--dtp-zIndex-top);
}

.dtp-logo-container .dtp-logo{
  width: 68%;
}

/** Hamburger Menu button **/
.menu-button.menu-disabled{
  cursor: default;
}

.menu-button-wrapper{
  position: relative;
}

.menu-button-bg{
  position: absolute;
  width: 253px;
  right:0;
  top: 0;
  /* transition: all 0.4s; */
  z-index: 4;
}

.add-filter-shadow{
  filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

.menu-button-bg .st0{
  fill: var(--dtp-green, #70AC45);
}

.menu-button-bg.close .st0{
  fill: var(--dtp-white, white);
  opacity: 0.3;
}

.menu-button {
  display: inline-block;
  border-radius: 476px;
  margin: 10px;
  padding: 15px;
  /* padding-left: 25px; */
  cursor: pointer;
  z-index: var(--dtp-zIndex-top);
  cursor: pointer;
  position: absolute;
  top: -12px;
  right: 17px;
}
.menu-button .circle {
  width: 49px;
  height: 45px;
  position: relative;
}
.menu-button .line {
  position: absolute;
  height: 3px;
  width: 125%;
  background: white;
  border-radius: 8px;
  transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.35s;
}
.menu-button .top {
  top: 18%;
}
.menu-button .middle {
  top: 48%;
  width:95%;
}
.menu-button .bottom {
  top: 78%;
}
.menu-button .icon.close .top {
  transform: rotate(25deg);
  top: 48%;
}

.menu-button p{
  position: absolute;
  color: white;
  font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;
  /* font-size: var(--dtp-fontsize-23, 24px); */
  font-size: var(--dtp-fontsize-menuButton, 21px);
  letter-spacing: 0.4rem;
  right: -14px;
}

.menu-button .menu-text-close {
  right: -20px;
  display: none;
}

.menu-button.close .menu-text {
  display: none;
}

.menu-button.close .menu-text-close {
  display: block;
}

.menu-button .icon.close .middle{
  opacity: 0
}

.floating-cta{
  top: 300px;
  right: 0;
  z-index: var(--dtp-zIndex-top);
}

.floating-cta .floating-cta-icon{
  display: inline-block;
  width: 100%;
  max-width: 78px;
}

/* .menu-button .icon.close .middle, */

.menu-button .icon.close .bottom {
  transform: rotate(-25deg);
  top: 48%;
}


/*** menu-items-wrapper ****/
.menu-items-wrapper{
  background-color: var(--dtp-green, #70AC45);
  width: 100%;
  height: 100%;
  position: fixed;
  transition: all .4s;
  opacity: 0;
  pointer-events: none;
  /* background-image: url(../img/menu-bg.png);
  background-size: contain;
  background-position:top;
  background-repeat: no-repeat; */
  /* display: none; */
}

.menu-items-wrapper.open{
  opacity:1;
  pointer-events: auto;
  z-index: 4;
}

.menu-items-wrapper .inner{
  font-family: 'MHeiHK-medium',Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 1;
  width: 1500px;
  height: 50%;
  margin: auto;
  margin-top: 180px;
  z-index: 4;
  font-size: var(--dtp-fontsize-menuitems, 22px);
  color: white;
  display: flex;
  justify-content: end;
  align-items: flex-start;
}

.menu-items-wrapper .menu-items{
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 95%;
  height: 100%;
  justify-content: center;
}

@media only screen and (max-height: 730px) and (min-width: 993px){
  .menu-items-wrapper .menu-items{
    overflow-x: hidden;
    min-height: calc(var(--_h) * 0.8 - 77px);
    scrollbar-color: #699e44 transparent;
  }

  .menu-decors-7 {
    bottom: 12%;
    min-width: 130px !important;
  }
}

@media only screen and (max-height: 660px) and (min-width: 993px){
  .menu-items-wrapper .menu-items{
    min-height: calc(var(--_h) * 0.5 - 77px);
  }
}

.menu-items-wrapper .menu-items a{
  transition: all 0.4s;  
}


.menu-items-wrapper .menu-items a:hover{
  opacity: 0.5;
}

.menu-items-wrapper .menu-items>li{
  width: 420px;
  margin-right: 90px;
  margin-bottom: 0px;
  margin-right: 1%;
}
@media only screen and (min-width: 993px){
  .menu-items-wrapper .menu-items>li:first-of-type, .menu-items-wrapper .menu-items>li:nth-of-type(4n){
    margin-right: 1%;
    width: 32%;
  }
}

@media only screen and (max-width: 1200px) and (min-width: 993px){
      .menu-items-wrapper .menu-items>li:first-of-type, .menu-items-wrapper .menu-items>li:nth-of-type(4n){
        margin-right: 5px;
        width: 40%;
    }
}

.menu-items-wrapper .menu-items>li>a{
  font-size: var(--dtp-fontsize-49, 49px);
  line-height: var(--dtp-lineheight-menu-title);
  letter-spacing: 1.2rem;
  font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;
  position: relative;
}

@media only screen and (max-width: 1250px) and (min-width: 993px){
  .menu-items-wrapper .menu-items>li>a{
      letter-spacing: 0.8rem;
  }

  .menu-decors-7{
    right: 64% !important;
    width: 10% !important;
  }
} 

.menu-items-wrapper .menu-items>li>a::after{
  content:'';
  background-image: url(../img/menu-underline.svg);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  height: 16px;
  width: 100%;
  position: absolute;
  bottom: -6px;
  left: 0;
}

.menu-items-wrapper .menu-items>li>ul{
  padding-left: 17px;
  list-style-type: none;
  margin-top: -5px;
}

.menu-items-wrapper .menu-items>li>ul>li{
  margin-bottom: 15px;
  position: relative;
}

.menu-items-wrapper .menu-items>li>ul>li::before{
  content: '';
  background-image: url(../img/menu-list-disc.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.35em;
  height: 0.35em;
  position: absolute;
  top: 9.5px;
  left: -4%;
}


.menu-items-wrapper .menu-items>li>ul>li>ol{
  list-style: none;
}

.menu-footer-container,
.menu-header-container{
  position: absolute;
  right: 4%;
}

.menu-header-container{
  top: -31px;
  text-align: center;
  right: 5%;
}

.menu-footer-container{
  bottom: -33%;
}

.language-selector ul{
  list-style: none;
  display:block;
  margin:0;
  padding: 0;
}

.language-selector ul li{
  display: inline-block;
}

.language-selector ul li>a{
  display: inline-block;
  padding: 0;
  border: 0;
  letter-spacing: var(--dtp-letterspacing-default);
  font-size: var(--dtp-fontsize-25, 20px);
  text-align: left;
}
.language-selector ul li>a::after{
  content: "|";
  color: inherit;
  padding-right: 9px;
  padding-left: 18px;
  font-size: var(--dtp-fontsize-25);
}

.language-selector ul li:last-of-type>a::after{
  content: "";

}

.language-selector ul li>a span{
  padding: 6px;
  border-radius: 5px;
}

.language-selector ul li>a span.current{
  background-color: white;
    color: var(--dtp-orange);
}

@media only screen and (max-height: 1000px){
  .menu-items-wrapper .inner{
    margin-top: 9.5%;
  }

  .menu-items-wrapper .menu-items>li {
    margin-bottom: 0px;
  }

  .menu-items-wrapper .menu-items>li>ul {
    margin-top: -2%;
  }
  .menu-items-wrapper .menu-items>li>ul>li {
    margin-bottom: 6px;
  }

  .menu-footer-container {
    bottom: -35%;
}

  .menu-decors-4 {
    width: 1000px !important;
  }

  .menu-decors-6 {
    top: 24px !important;
    right: 47% !important;
    width: 6% !important;
  }

  .menu-decors-7 {
    /* top: 330px !important; */
  }
}

@media only screen and (max-width: 1700px) and (min-width: 993px){
   .menu-decors-7{
    width: 180px !important;
    right: calc((var(--_w)*0.26  + -5vw) - 150px) !important;
   }
}


header {
  z-index: var(--dtp-zIndex-top);
}


/**** Mask Image for Carousel *****/

.mask {
  width: 30%;
  -webkit-mask-clip: content;
  -webkit-mask-image: url(../img/clip-test_1.svg);
  mask-type: alpha;
  -webkit-mask-image: url(../img/clip-test_1.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 80%;
  -webkit-mask-position: 16% 46%;
}

.mask2 {
  width: 100%;
  max-height: 860px;
  -webkit-mask-clip: content;
  mask-clip: content;
  -webkit-mask-image: url(../img/carousel_clipping.svg);
  mask-image: url(../img/carousel_clipping.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.mask3 {
  width: 100%;
  max-height: 860px;
  -webkit-mask-clip: content;
  mask-clip: content;
  -webkit-mask-image: url(../img/carousel_clipping-2.svg);
  mask-image: url(../img/carousel_clipping-2.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: bottom;
  mask-position: bottom;
}

.mask4 {
  width: 100%;
  height: 100%;
  -webkit-mask-clip: content;
  mask-clip: content;
  -webkit-mask-image: url(../img/about-masthead-clip.svg);
  mask-image: url(../img/about-masthead-clip.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: top;
  mask-position: top;
}

.mask5 {
  width: 100%;
  height: 100%;
  -webkit-mask-clip: content;
  mask-clip: content;
  -webkit-mask-image: url(../img/about-s4-masthead-clip.png);
  mask-image: url(../img/about-s4-masthead-clip.png);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: top;
  mask-position: top;

  /*** For Overwritting clip issue in Firefox ***/
  margin-top: -17%;
    margin-bottom: 15%;
}

.training-image-mask-1 {
  width: 100%;
  height: 100%;
  -webkit-mask-clip: border-box;
  mask-clip: cover;
  -webkit-mask-image: url(../img/training-main-image-clip.svg);
  mask-image: url(../img/training-main-image-clip.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: top;
  mask-position: top;
}

.training-item-image-mask{
  -webkit-mask-clip: border-box;
  mask-clip: cover;
  -webkit-mask-image: url(../img/training-items-clip.svg);
  mask-image: url(../img/training-items-clip.svg);
  mask-type: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
}

/*** Animation : Popping Out ****/
.pop-box{
  opacity:0;
}

[data-aos=pop-up] {
  opacity:0;
}

[data-aos=pop-up].aos-animate  {
  /* opacity: 0; */
  -webkit-animation: shake 1s forwards;
  animation: shake 1s forwards;
}

[data-aos][data-aos][data-aos-delay="400"][data-aos=pop-up].aos-animate{
  animation-delay: 0.4s;
}
[data-aos][data-aos][data-aos-delay="800"][data-aos=pop-up].aos-animate{
  animation-delay: 0.8s;
}
[data-aos][data-aos][data-aos-delay="900"][data-aos=pop-up].aos-animate{
  animation-delay: 0.9s;
}
[data-aos][data-aos][data-aos-delay="1000"][data-aos=pop-up].aos-animate{
  animation-delay: 1.0s;
}
[data-aos][data-aos][data-aos-delay="1200"][data-aos=pop-up].aos-animate{
  animation-delay: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1600"][data-aos=pop-up].aos-animate{
  animation-delay: 1.6s;
}

.popping,
.pop-box.aos-animate {
  opacity: 0;
  -webkit-animation: shake 1s forwards;
  animation: shake 1s forwards;
}

@keyframes shake {
  0% {
    animation-timing-function: ease-out;
    opacity:0;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  15% {
    animation-timing-function: ease-out;
    transform: scale3d(0.9, 0.9, 1) translate3d(0, 0, 0);
  }
  30% {
    animation-timing-function: ease-out;
    transform: scale3d(1.2, 0.8, 1) translate3d(0, 0, 0);
  }
  50% {
    animation-timing-function: ease-out;
    transform: scale3d(0.85, 1.2, 1) translate3d(0, -10%, 0);
  }
  70% {
    animation-timing-function: ease-out;
    transform: scale3d(1.1, 0.9, 1) translate3d(0, 0, 0);
  }
  100% {
    opacity:1;
    animation-timing-function: ease-out;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}

/*** Animation : Flickering ****/

@keyframes arrowAnimate {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.arrowbox img {
  margin: 0 auto;
  animation-name: arrowAnimate;
  animation-direction: alternate;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

/**** Animation : Floating ****/
.floating-1 {
  position: absolute;
  z-index: var(--dtp-zIndex-mod);
  -webkit-animation: float1 3s infinite linear alternate;
  animation: float1 3s infinite linear alternate;
}
@-webkit-keyframes float1 {
  0% {
    -webkit-transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    -webkit-transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(7deg);
  }
}
@keyframes float1 {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(7deg);
  }
}

.floating-2 {
  position: absolute;
  z-index: var(--dtp-zIndex-mod);
  transition: 1s;
  -webkit-animation: float2 5s 0s infinite;
  animation: float2 5s 0s infinite;
}

@keyframes float2 {
  0% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  80% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }

    /***** Animation: Flickering ******/
    .flickering{
    animation-name: arrowAnimate;
    animation-direction: alternate;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    }

    @keyframes arrowAnimate{
      from{
          opacity:0.2;
      }
      to{
          opacity:1;
      }
  }


/****** Scroll Down Animation *******/
.scrolldown2{
	position: absolute;
	left: 67px;
	bottom: 65px;
	z-index: 1;
}


.scrolldown2 span{
	position: absolute;
	left:10px;
	bottom:10px;
	color: #ffffff;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	-ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}


.scrolldown2:before {
  content: "";
  position: absolute;
  bottom:0;
  left: -10.5px;
  z-index: 10;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background:#ffffff;
  animation:
		circlemove 3.0s ease-in-out infinite,
		cirlemovehide 3.0s ease-out infinite;
}

@keyframes circlemove{
      0%{ bottom: 135px;}
     100%{ bottom:-5px;}
 }


@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }


.scrolldown2:after{
	content:"";
	position: absolute;
	bottom:0;
	left: 0;
	width: 2px;
	height: 170px;
	background: #ffffff;
}

/**** Animation: SlideIn ****/
/* .slideInLeft,
.slideInRight{
  opacity: 0;
}

.slideInLeft.aos-animate{
  animation: slideinLeft 1.5s ease-in;
  opacity: 1;
}
.slideInRight.aos-animate{
  animation: slideinRight 1.5s ease-in;
  opacity: 1;
} */


[data-aos=slide-left] {
  opacity: 0;
  transition-property: opacity;
}
[data-aos=slide-left].aos-animate {
  animation: slideinLeft 1.5s ease-in;
  opacity: 1;
}
[data-aos=slide-right] {
  opacity: 0;
  transition-property: opacity;
}
[data-aos=slide-right].aos-animate {
  animation: slideinRight 1.5s ease-in;
  opacity: 1;
}
[data-aos=slide-top] {
  opacity: 0;
  transition-property: opacity;
}
[data-aos=slide-top].aos-animate {
  animation: slideinTop 1.7s ease-in;
  opacity: 1;
}


@keyframes slideinRight {
  0%{
    clip-path: inset(0 0 0 100%);
    opacity: 0;

  }

  50%{
    clip-path: inset(0 0 0 50%);
  }

  100%{
    clip-path: inset(0 0 0 0%);
    opacity: 1;

  }
}

@keyframes slideinLeft {
  0%{
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  50%{
    clip-path: inset(0 50% 0 0);
  }

  100%{
    clip-path: inset(0 0% 0 0);
    opacity: 1;
  }
}
@keyframes slideinTop {
  0%{
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }

  50%{
    clip-path: inset(0 0 50% 0);
  }

  100%{
    clip-path: inset(0 0 0% 0);
    opacity: 1;
  }
}


/**** Swiper *****/

.swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
        display:flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-wrapper.disabled {
  transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
  display: none;
}

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: inline-block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }



  /***** Footer  *****/
  .footer-container{
    /* max-height: 700px; */
    /* -webkit-mask-clip: content;
    mask-clip: content;
    -webkit-mask-image: url(../img/footer-bg-clip.svg);
    mask-image: url(../img/footer-bg-clip.svg);
    mask-type: alpha;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 110%;
    mask-size: 110%;
    -webkit-mask-position: top;
    mask-position: top; */
    margin-top: -16%;
    background-color: transparent;}

  .footer-container .footer-bg-wrapper{
    background-color: var(--dtp-footer-white, #f1f0ea);
    margin-top: -1px;
  }

  .footer-container .footer-content{
    padding: 0% 0 1%;
    width: 80%;
  }

  .footer-container .footer-content .footer-table{
    width: 100%;
  }

  .footer-container .footer-content .footer-table th{
    font-family: 'GenJyuu-bold', Arial, Helvetica, sans-serif;
    font-size: var(--dtp-fontsize-25, 25px);
    letter-spacing: var(--dtp-letterspacing-h3);
  }

  .footer-container .footer-content .footer-table th:last-of-type,
  .footer-container .footer-content .footer-table td:last-of-type{
    padding-left: 8%;
    width: 37%; /* for DTP */
  }

  .footer-links{
    display:block;
    /* margin-top: 2.5%; */
    margin-left: -4%;
    margin-top: 4%;
  }

  @media only screen and (min-width: 993px){
  .menu-footer-container .footer-links{
    display:block;
    margin-bottom: 1%;
    /* margin-left: -4%;
    margin-top: 4%; */
    margin-right: 0.5%;
    position: fixed;
    width: auto;
    bottom:0;
    right: 0;
  }

  }


  .footer-links:nth-of-type(2){
    margin-top: 2.5%;
  }

  .footer-links ul{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
  }

  .footer-links ul li{
    display:inline-block;
  }

  .footer-links ul li .footer-items,
  .footer-links ul li > a{
    display: inline-block;
    padding: 0;
    border: 0;
    letter-spacing: var(--dtp-letterspacing-default);
    font-size: var(--dtp-fontsize-footeritems, 17px);
  }

  .footer-links ul li a:hover{
    color: inherit;
    cursor: pointer;
  }

  /* .menu-footer-container .footer-links ul li a:hover{
    color: black;
  } */

  .footer-links ul li .footer-items::after,
  .footer-links ul li > a::after{
    content: "|";
    color: inherit;
    padding-right: 14px;
    padding-left: 14px;
    /* font-size: var(--dtp-fontsize-25); */
  }

  .footer-links ul li:last-of-type .footer-items::after,
  .footer-links ul li:last-of-type > a::after{
    content:''
  }

  .copyright-container{
    padding: 1.5% 0;
    letter-spacing: var(--dtp-letterspacing-default);
  }

  .footer-container .footer-content .footer-table .footer-images{
    width: 68%;
  }

  .footer-images img{
    height: auto;
    max-width: 100%;
  }

  @media only screen and (max-width: 1130px){
    .footer-container .footer-content .footer-table .footer-images{
      width: 70%;
    }
  }

  .social-icons{
    width: 3%;
    max-width: 50px;
  margin: 1.5% 1%;}

  /***** Background Decors Css **********/
  .bg-decors{
    position: absolute;
    z-index: -2;
  }

  .bg-ss-decors{
    position: absolute;
    z-index: 1;
  }

  .homepage-s1-decors-1{
    top: 1%;
    left: 7%;
    width: 26%;
  }
  .homepage-s1-decors-2{
    top: 10%;
    right: 34%;
    z-index: -2;
    width: 7%;
  }
  .homepage .section1 .subsections .homepage-s1-decors-3{
    top: -24%;
    right: -13%;
    width: 50%;
    z-index: -1;
  }
  .homepage-s1-decors-4{
    top: 55%;
    left: 12%;
    width: 55%;
    max-width: 1200px;
  }
  .homepage-s1-decors-5{
    bottom: 3.5%;
    left: 39%;
    width: 8%;
  }

  .homepage-s1-decors-6{
    left: -14%;
    bottom: -31%;
    width: 54% !important;
    /* min-width: 203px; */
    opacity: 0;
  }

  .homepage-s1-decors-6.aos-animate{    
    animation: slideinRight 1.5s ease-in;
    opacity: 1;
  }


  .homepage-s1-decors-7{
    left: 23%;
    bottom: -3300%;
    width: 34% !important;
    min-width: 250px;
    opacity: 0;
  }

  .homepage-s1-decors-7.aos-animate{
    animation: slideinLeft 1.5s ease-in;
    opacity: 1;
  }

  .homepage-s2-decors-1{
    top: -76%;
    right: 9%;
    width: 23%;
  }

  .homepage-floorplan-decors-1{
    right:10%;
    bottom:-20%;
    width: 50%;
  }

  .homepage-s2-decors-2{
    top: 4%;
    right: 4%;
    z-index: -2;
    width: 12%;
  }
  .homepage-s2-decors-3{
    top: 25%;
    left: -4%;
    width: 25%;
  }
  .homepage-s2-decors-4{
    top: 6%;
    right: 4%;
    width: 20%;
    z-index: 1;
    max-width: 300px;
  }

@media only screen and (max-width: 1920px) and (min-width: 993px){
  .homepage-s2-decors-4{
    top: 6%;
    right: -0.1%;
  }
}

  .homepage-s2-decors-5{
    top: 5.9%;
    left: 13%;
    width: 15%;
  }
  .homepage-s2-decors-6{
   top: -9.5%;
   right: 3%;
   width: 26%;
  }
  .homepage-s2-decors-7{
   top: 13.5%;
   right: 11%;
   width: 13%;
   z-index: 0;
  }
  .homepage-s2-decors-8{
   bottom: -0.5%;
   left: -1%;
   width: 11%;
  }

  .homepage-s3-decors-information{
    top: 3%;
    left: 14%;
    width: 62%;
  }

  .homepage-s3-ss1-decors-1{
    bottom: -7%;
    left: -8%;
    width: 33%;
    min-width: 150px;
  }
  .homepage-s3-ss1-decors-2{
    top: 25%;
    left: 25%;
    width: 14%;
    min-width: 140px;
    z-index: -2;
  }
  .homepage-s3-ss1-decors-3{
    top: 23%;
    left: -3%;
    width: 9%;
    min-width: 90px;
  }
  .homepage-s3-ss1-decors-4{
    top: 12%;
    right: 6%;
    width: 15%;
    min-width: 130px;
    z-index: -2;
  }
  .homepage-s3-ss2-decors-1{
    bottom: 3%;
    left: -2%;
    width: 10.5%;
    min-width: 120px;
  }
  .homepage-s3-ss2-decors-2{
    top: 17%;
    right: -7%;
    width: 21%;
    min-width: 120px;
    /* z-index: -2; */
  }
  .homepage-s3-ss3-decors-1{
    top: -1%;
    right: 4%;
    width: 3.5%;
    min-width: 114px;
  }
  .homepage-s3-ss3-decors-2{
    top: 17%;
    left: -8%;
    width: 23%;
    min-width: 150px;
    /* z-index: -2; */
  }
  .homepage-s3-ss3-decors-3{
    bottom: 7%;
    right: 8%;
    width: 15%;
    min-width: 150px;
    z-index: -2;
  }

/*********** Pricing Decors Css **********/

  .pricing-carousel-decors-1{
    top: -74%;
    right: 17%;
    width: 13%;
  }
  .pricing-carousel-decors-2{
    top: 16%;
    left: 8.5%;
    width: 38%;
  }
  .pricing-carousel-decors-3{
    bottom: -4%;
    right: 13%;
    width: 12%;
    z-index:2;
  }
  .pricing-carousel-decors-4{
    bottom: 27%;
    left: 8.5%;
    width: 11%;
  }
  .pricing-carousel-decors-5{
    bottom: -7.5%;
    left: 19%;
    width: 13%;
  }
  .pricing-carousel-decors-6{
    bottom: -18.5%;
    left: 0;
    width: 100%;
    z-index: 1;
  }

  .pricing-s1-ss1-decors-discountIcon{
    width: 26%;
    right: 15%;
    top: -12%;
  }

  .pricing-s1-ss1-decors-1{
    top: -7.5%;
    left: 68%;
    width: 17%;
    z-index: 1;
  }

  .pricing-s1-ss1-decors-2{
    bottom: -141.5%;
    right: 6%;
    width: 25%;
    z-index: 0;
  }

  .pricing-s1-ss2-decors-1{
    top: -3%;
    left: 36%;
    width: 21%;
    z-index: 0;
  }
  .pricing-s1-ss2-decors-2{
    top: 16%;
    left: 25%;
    width: 10%;
    z-index: 0;
  }
  .pricing-s1-ss2-decors-3{
    bottom: 5%;
    left: -8%;
    width: 39%;
    z-index: 0;
  }
  .pricing-s1-ss2-decors-4{
    bottom: 5%;
    right: 19%;
    width: 7%;
    z-index: 0;
  }
  .pricing-s1-ss2-decors-5{
    bottom: 5%;
    right: 21%;
    width: 36%;
    z-index: 0;
  }
  .pricing-s1-ss2-decors-6{
    top: -23%;
    right: 29%;
    width: 7%;
    z-index: 1;
  }
  .pricing-s1-ss2-decors-7{
    top: -14%;
    left: 0;
    width: 18%;
    z-index: 1;
  }
  .pricing-s1-ss2-decors-8{
    top: 11%;
    left: -2%;
    width: 14%;
    z-index: -1;
  }
  .pricing-s1-ss2-decors-9{
    bottom: -4%;
    right: -8%;
    width: 34%;
    z-index: 1;
  }
  .pricing-s2-tip{
    bottom: 0%;
    left: 0%;
    width: 100%;
    z-index: 1;
  }

  .pricing-s2-ss1-decors-1{
    top: -10.5%;
    right: 5%;
    width: 16%;
    z-index:1;
  }
  
  .pricing-s2-ss1-decors-2{
    top: 22%;
    right: 3%;
    width: 12%;
    z-index:1;
  }
  
  .pricing-s2-ss1-decors-3{
    bottom: 32%;
    right: 0;
    width: 17%;
    z-index:1;
  }
  .pricing-s2-ss2-decors-1{
    top: 5%;
    left: 21%;
    width: 11%;
    z-index:1;
  }
  .pricing-s2-ss2-decors-2{
    bottom: 6%;
    right: 5%;
    width: 9%;
    z-index:1;
  }
  .pricing-s2-ss3-decors-1{
    top: -30px;
    left: 41%;
    width: 5%;
    z-index:1;
  }
  .pricing-s2-ss3-decors-2{
    bottom: 37%;
    right: 21%;
    width: 18.5%;
    z-index:1;
  }
  .pricing-s2-ss4-decors-1{
    top:0;
    right: 0%;
    width: 25%;
    z-index:1;
  }
  .pricing-s2-ss4-decors-2{
    bottom: -1%;
    left: -7%;
    width: 31%;
    z-index:1;
  }
  .pricing-s2-ss5-decors-1{
    top: -6%;
    right: 10%;
    width: 26%;
    z-index:1;
  }
  .pricing-s2-ss5-decors-2{
    top: 43%;
    right: 11%;
    width: 27%;
    z-index:1;
  }
  .pricing-s2-ss5-decors-3{
    bottom: -3%;
    left: 15%;
    width: 8%;
    z-index:1;
  }

  .pricing-playcaptain{
    top: 28%;
    right: -6%;
    transform: translate(0, -113%);
    width: 30%;
    max-width: 140px;
    z-index: 1;
  }
  .pricing-bigplaytour{
    top: 0;
    left: 0;
    transform: translate(0, -113%);
    width: 55%;
    max-width: 210px;
  }

  .menu-decors{
    position: fixed;
    z-index: 2;
  }

  .menu-decors-1{
    top: 53px;
    right: 29%;
    width: 43%;
    max-width: 730px;
  }

  .menu-decors-2{
    bottom: -17%;
    right: 0%;
    width: 1500px;
  }

  .menu-decors-3{
    left: 0;
    width: 21%;
    bottom: 0;
    max-width: 458px;
  }

  .menu-decors-4{
    bottom: -5px;
    right: 35%;
    width: 1000px;
    z-index: 0;
  }

  @media only screen and (min-width: 1501px){
  .menu-decors-1{
    right: calc(var(--_w)/2 - 1700px/2 + 504px);
    width: 685px;
  }
  
  .menu-decors-4{
          right: auto;
          /* transform: translate(50%, 0%); */
     }
  }

  .menu-decors-5{
    top: -10px;
    left:0;
    width: 370px;
  }

  .menu-decors-6{
    top: 24px;
    /* right: 44%; */
    right: calc(var(--_w)/2 - 1500px/2 + 695px);
    width: 110px;
  }

  .menu-decors-7{
    top: 395px;
    /* right: 69%; */
    right: calc(var(--_w)/2 - 1500px/2 + 20px);
    bottom: 19%;
    top: auto;
    width: 11vw;
    max-width: 155px;
  }
  

  /*** Disable CSS ***/
  .disabled a{
    color: #c6c6c6 !important;
    pointer-events: none;
  }

  .disabled ul li::before{
      background-image:url(../img/menu-list-disc-disabled.svg) !important;
  }

  .menu-items-wrapper .menu-items>li.disabled>a::after{
    background-image:url(../img/menu-underline-disabled.svg);
  }

.about-decors{
  z-index: 1;
}

.about-masthead-decors-1{
  top: 23%;
  left: 6.5%;
  width: 30%;
  z-index: 0;
}

.about .subsections .about-s1-ss1-decors-1{
  top: -1%;
  left: 4%;
  width: 93%;
  z-index: 0;
}
.about .subsections .about-s1-ss2-decors-1{
  top: -6%;
  left: 19.5%;
  width: 53%;
  z-index: 0;
}
.about .subsections .about-s1-ss3-decors-1{
  bottom: -8%;
  right: 5.5%;
  width: 22%;
  z-index: 0;
}
.about .subsections .about-s1-ss3-decors-2{
  bottom: -2%;
  left: -14.5%;
  width: 13%;
  z-index: 0;
}
.about .subsections .about-s1-ss3-decors-3{
  top: -2%;
  left: 3.5%;
  width: 26%;
  z-index: 0;
}
.about .about-s1-ss1-decors-lines{
  top: 19%;
  left: 37.5%;
  width: 22%;
  z-index: -1;
}
.about .about-s1-ss2-decors-lines{
  bottom: 29%;
  right: 14.5%;
  width: 45%;
  z-index: -1;
}

@media only screen and (max-width: 1700px){
  .about .about-s1-ss1-decors-lines{
    width: 28%;
  }
  .about .about-s1-ss2-decors-lines{
    bottom: 25%;
    width: 63%;
  }
}

.about .about-s2-decors-1{
  top: 17%;
  left: 4%;
  width: 93%;
}
.about .about-s2-decors-2{
  top: 32.9%;
  left: 16.4%;
  width: 7.6%;
  z-index: 0;
}
.about .about-s2-decors-3{
  top: 40.4%;
  right: 26%;
  width: 6%;
  z-index: 0;
}
.about .about-s2-decors-4{
  bottom: -1%;
  left: 4%;
  width: 9.5%;
  z-index: 0;
  }
.about .about-s2-decors-5{
  top: -66%;
  left: 11.4%;
  width: 15%;
  z-index: 0;
}
.about .about-s2-decors-6{
  bottom: -3%;
  right: -2%;
  width: 17%;
  z-index: 0;
}

.about .about-s3-decors-1{
  bottom: 0%;
  width: 100%;
  z-index: 0;
}

.about .about-s4-decors-1{
  top: -13%;
  left: 21%;
  width: 18%;
  z-index: 0;
}
.about .about-s4-decors-2{
  top: -20%;
  right: 25%;
  width: 14%;
  z-index: 0;
}
.about .about-s4-decors-3{
  bottom: -32%;
  left: 22%;
  width: 21%;
}
.about .about-s4-decors-4{
  bottom: -44%;
  right: 23%;
  width: 15%;
}
.about .about-s4-decors-5{
  top: -26%;
  left: -8%;
  width: 14%;
}
.about .about-s4-decors-6{
  top: -26%;
  right: -8%;
  width: 14%;
}
.about .about-s4-decors-7{
  bottom: 28%;
  right: 44%;
  width: 11%;
}
.about .about-s5-decors-playworkers{
  top: -31%;
  left: -5%;
  width: 66%;
  z-index: 0;
}
.about .about-s5-decors-1{
  top: -28%;
  right: 16%;
  width: 15%;
}
.about .section5 .subsections .about-s5-decors-2{
  top: -399%;
  right: -90%;
  width: 150%;
}
.about .section5 .subsections .about-s5-decors-3{
  top: -422%;
  right: -112%;
  width: 90%;
}
.about .section5 .subsections .about-s5-decors-4{
  top: -399%;
  right: -90%;
  width: 150%;
}
/* .about .section5 .subsections .about-s5-decors-3{
  top: -20%;
  right: -6%;
  width: 35%;
}
.about .section5 .subsections .about-s5-decors-4{
  top: -63%;
  right: -6%;
  width: 42%;
} */
.about .section5 .subsections .about-s5-decors-5{
  top: -390%;
  right: -83%;
  width: 80%;
}

@media only screen and (min-width: 993px) and (max-width: 1700px){
  .about .section5 .subsections .about-s5-decors-2{
    width: 11.6vw;
  }
  /* .about .section5 .subsections .about-s5-decors-3{
    width: 4.5vw;
  } */
  .about .section5 .subsections .about-s5-decors-4{
    top: -75px;
    right: -86%;
    width: 96%;
  }
  .about .section5 .subsections .about-s5-decors-5{
    width: 8.5vw;
  }
}

.about .section5 .section-content .about-s5-decors-line-1{
  top: 62%;
  left: 28%;
  width: 41%;
  z-index: 0;
}
.about .section5 .section-content .about-s5-decors-line-2{
  top: 36%;
  left: 31%;
  width: 39%;
  z-index: 0;
}
.about .section5 .section-content .about-s5-decors-line-3{
  top: 57%;
  left: 29%;
  width: 50%;
  z-index: 0;
}

.faq .main-masthead .faq-masthead-decors-1{
  top: 12%;
  left: 30%;
  width: 2%;
  z-index: 1;
}
.faq .main-masthead .faq-masthead-decors-2{
  top: -4%;
  right: 32%;
  width: 6%;
  z-index: 1;
}
.faq .main-masthead .faq-masthead-decors-3{
  bottom: -14px;
  left: -5%;
  width: 53%;
  z-index: -100;
}
.faq .main-masthead .faq-masthead-decors-4{
  bottom: -8%;
  right: 0;
  width: 42%;
  z-index: 1;
}
.faq .main-masthead .faq-masthead-decors-5{
  top: 17%;
  left: -1%;
  width: 3%;
  z-index: 0;
}
.faq .main-masthead .faq-masthead-decors-6{
  top: -48%;
  right: -10%;
  width: 26%;
  z-index: 0;
}

.faq .section1 .faq-s1-decors-1{
  top: 6%;
  left: 50%;
  width: 44%;
  z-index: 0;
  transform: translate(-57%, 0);
}

.faq .section1 .faq-s1-decors-2{
  bottom: 20%;
  left: 50%;
  width: 44%;
  z-index: 0;
  transform: translate(-57%, 0);
}

.faq .section1 .faq-s1-decors-3{
  top: auto;
  left: 18%;
  bottom: 30%;
  width: 19%;
  z-index: 1;
  transform: translate(-57%, 0);
}
.faq .section1 .faq-s1-decors-4{
  top: 1.3%;
  left: 35%;
  width: 10%;
  z-index: 2;
  transform: translate(-57%, 0);
}
.faq .section1 .faq-s1-decors-5{
  bottom: -17%;
  right: 3%;
  width: 20%;
  z-index: 2;
  transform: translate(-57%, 0);
}

.faq .section1 .faq-s1-decors-bg-1{
  top: auto;
  bottom: 10%;
  left: 6%;
  width: 23%;
  z-index: 0;
  transform: translate(-57%, 0);
}
.faq .section1 .faq-s1-decors-bg-2{
  bottom: -29.3%;
  right: -29%;
  width: 55%;
  z-index: 0;
  transform: translate(-57%, 0);
}
.faq .section1 .faq-s1-decors-bg-3{
  bottom: -12.7%;
  left: 18%;
  width: 41%;
  z-index: 0;
  transform: translate(-57%, 0);
}

.faq .section3 .faq-s3-ss1-decors-1{
  top: -17%;
  left: -19%;
  width: 17%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss1-decors-2{
  bottom: 12%;
  right: -24%;
  width: 42%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss1-decors-3{
  bottom: -172%;
  right: -41%;
  width: 56%;
  z-index: -1;
}

.faq .section3 .faq-s3-ss2-decors-1{
  top: 1%;
  left: 1%;
  width: 19%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss2-decors-2{
  top: 26%;
  right: -7%;
  width: 10%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss2-decors-3{
  top: 49%;
  right: -10%;
  width: 26%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss2-decors-4{
  top: -16%;
  right: 10%;
  width: 20%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss2-decors-5{
  bottom: -29%;
  left: 22%;
  width: 19%;
  z-index: 0;
}

.faq .section3 .faq-s3-ss3-decors-1{
  top: -7%;
  left: -10%;
  width: 23%;
  z-index: 1;
}
.faq .section3 .faq-s3-ss3-decors-2{
  top: -6%;
  right: 5%;
  width: 18%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss3-decors-3{
  bottom: 20%;
  right: -7%;
  width: 14%;
  z-index: 0;
}
.faq .section3 .faq-s3-ss3-decors-4{
  bottom: -11%;
  right: 5%;
  width: 34%;
  z-index: 0;
}

.training .training-decors-1{
  top: 0%;
  left: 17%;
  width: 22%;
  z-index: 1;
}
.training .training-decors-2{
  top: -2%;
  right: 29%;
  width: 5%;
  z-index: 1;
}
.training .training-decors-3{
  top: 15%;
  left: 0%;
  width: 22%;
  z-index: 0;
}
.training .training-decors-4{
  top: 19.5%;
  right: 0%;
  width: 30%;
  z-index: 0;
}
.training .training-decors-5{
  top: 35.5%;
  right: 24%;
  width: 3%;
  z-index: 0;
}
.training .training-decors-6{
  top: 8%;
  left: -1%;
  width: 3%;
  z-index: 0;
}

.news .news-decors-1{
  top: 0%;
  left: 17%;
  width: 22%;
  z-index: 1;
}
.news .news-decors-2{
  top: -3.5%;
  right: 29%;
  width: 5%;
  z-index: 1;
}
.news .news-decors-3{
  top: 25%;
  left: 0%;
  width: 10%;
  z-index: 0;
}
.news .news-decors-4{
  bottom: -4%;
  right: 0%;
  width: 12%;
  z-index: 0;
}
.news .news-decors-5{
  bottom: 33.5%;
  left: 15%;
  width: 2.5%;
  z-index: 0;
}
.news .news-decors-6{
  top: 8%;
  left: -1%;
  width: 3%;
  z-index: 0;
}
.news .news-decors-7{
  top: 12%;
  left: 37%;
  width: 1.2%;
  z-index: 0;
}
.news .news-decors-8{
  top: 9%;
  right: 4%;
  width: 2.2%;
  z-index: 0;
}
.news .news-decors-9{
  bottom: 41%;
  right: 23%;
  width: 3%;
  z-index: 0;
}

.item-details .item-details-decors-1{
  top: 0%;
  left: 38%;
  width: 20%;
  z-index: 0;
}
.item-details .item-details-decors-2{
  top: 17%;
  left: 0;
  width: 7%;
  z-index: 0;
}
.item-details .item-details-decors-3{
  top: 1%;
  right: 0%;
  width: 13%;
  z-index: 0;
}
.item-details .item-details-decors-4{
  top: 13%;
  right: 14.5%;
  width: 3%;
  z-index: -1;
}
.item-details .item-details-decors-5{
  top: -1.2%;
  right: 29%;
  width: 4.5%;
  z-index: 0;
}
.item-details .item-details-decors-6{
  top: 6%;
  left: 34%;
  width: 1.6%;
  z-index: 0;
}
.item-details .item-details-decors-7{
  top: 8%;
  left: -1%;
  width: 3%;
  z-index: 0;
}
.item-details .item-details-decors-8{
  bottom: 25%;
  right: 27%;
  width: 3.5%;
  z-index: 0;
}
.item-details .item-details-decors-9{
  bottom: 22%;
  right: 19%;
  width: 1.5%;
  z-index: 0;
}


.privacy .privacy-decors-1{
  top: 0%;
  left: 38%;
  width: 22%;
  z-index: 0;
}
.privacy .privacy-decors-2{
  top: 17%;
  left: 0;
  width: 8%;
  z-index: 0;
}
.privacy .privacy-decors-3{
  top: 1%;
  right: 0%;
  width: 14%;
  z-index: 0;
}
.privacy .privacy-decors-4{
  top: 13%;
  right: 19.5%;
  width: 3%;
  z-index: -1;
}
.privacy .privacy-decors-5{
  top: -1.2%;
  right: 29%;
  width: 4.5%;
  z-index: 0;
}
.privacy .privacy-decors-6{
  top: 6%;
  left: 34%;
  width: 1.6%;
  z-index: 0;
}
.privacy .privacy-decors-7{
  top: 8%;
  left: -1%;
  width: 3%;
  z-index: 0;
}
.privacy .privacy-decors-8{
  bottom: 30%;
  right: 0%;
  width: 7%;
  z-index: 0;
}

/********* General Template Decors ***********/
.general .general-decors-1{
  top: 0%;
  left: 38%;
  width: 22%;
  z-index: 0;
}
.general .general-decors-2{
  top: 17%;
  left: 0;
  width: 8%;
  z-index: 0;
}
.general .general-decors-3{
  top: 1%;
  right: 0%;
  width: 14%;
  z-index: 0;
}
.general .general-decors-4{
  top: 13%;
  right: 19.5%;
  width: 3%;
  z-index: -1;
}
.general .general-decors-5{
  top: -1.2%;
  right: 29%;
  width: 4.5%;
  z-index: 0;
}
.general .general-decors-6{
  top: 6%;
  left: 34%;
  width: 1.6%;
  z-index: 0;
}
.general .general-decors-7{
  top: 8%;
  left: -1%;
  width: 3%;
  z-index: 0;
}
.general .general-decors-8{
  bottom: 30%;
  right: 0%;
  width: 7%;
  z-index: 0;
}
.general .general-decors-9{
  bottom: 50%;
  right: 42%;
  width: 3%;
  z-index: 0;
}


/****** Decors Media Query *****/
@media only screen and (max-width: 992px){
  .training .training-decors-3{
    top:18vw;
  }
  .training .training-decors-4{
    top:23vw;
  }
  .training .training-decors-6{
    top:13vw;
  }
}



/***** All Media Queries ******/
@media only screen and (max-width: 1700px) and (min-width: 993px){
  .dtp-logo-container .dtp-logo {
    width: 17vw;
  max-width: 215px;}

  .menu-items-wrapper .inner{
    width: 100vw;
    /* width: 100%; */
    }

  .menu-items-wrapper .menu-items>li {
    margin-right: 2%;
    width: 27%;
    }

    .menu-header-container{
      right: 0%;
      top: -20px;
    }

    .menu-decors-5{
      width: 22vw;
    max-width: 280px;}

    .homepage-s2-decors-3 {
      top: 27%;
      left: -10%;
      width: 28%;
  }

  .homepage .section1 .subsections img.column-images {
    position: absolute;
    bottom: -20%;
    right: -20%;
    width: 69%;
  }
  
  .homepage .section1 .subsections img.column-images.column-image-2 {
    width: 41%;
    right: -28%;
    bottom: -8%;
  }
  
  .homepage .section1 .subsections img.column-images.column-image-3 {
    width: 33%;
    right: -17%;
    top: auto;
    bottom: -10%;
  }

}


@media only screen and (max-width: 992px){
  .booking-step-container {
    width: 85%;
}


  .fixed-left{
    left: 10px;
    top: 5px;
  }

  .dtp-logo-container .dtp-logo{
    width: 100px;
    min-width: auto;
  top: 0;}

  .menu-button p{
    right: -2px;
  }

  .menu-button .menu-text-close {
    right:-7px
  }

  .menu-items-wrapper .inner {
    width: 800px;
    margin-top: 15%;
  }

  .menu-items-wrapper .menu-items>li {
    margin-bottom: -6px;
    margin-right: -1%;
    width: 230px;
    }


}

@media only screen and (max-width: 992px){
  /* body{
    overflow: hidden;
  }

  .mobile-disabled{
    width:100%;
    height:100%;
    position:fixed;
    background-color: #dedede;
    z-index: 100;
  } */
}

#outer {
  display: flex;
  flex-flow: column;
  height: 100%;
}

#inner_remaining {
  background-color: transparent;
  flex-grow : 1;
}



/*** Notification ***/
.notification-container{
  position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: 100;
}

.notification-container .overlay{
  background-color: black;
  opacity: 0.6;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.notification-container .notification-box{
  z-index: 3;
  background-color: white;
  position: absolute;
  width: 50%;
  height: 100%;
  max-width: 700px;
  max-height: 600px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1%;
}

.notification-container .notification-box .notification-box-wrapper{
    height: 100%;
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    position: relative;
}

.notification-container .notification-box .notification-box-wrapper .overlay{
  opacity: 0.4;
  z-index: auto;
}


.notification-container .notification-box .notification-close{
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 36px;
  line-height: 1rem;
  cursor: pointer;
  color: white;
}

.notification-container .notification-box .notification-content{
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  max-height: 1000px;
  overflow-y: auto;
}


.notification-container .notification-box .notification-content h1{
  font-size: var(--dtp-fontsize-55);
  color: white;
}

.notification-container .notification-box .notification-content p{
  font-size: var(--dtp-fontsize-19);
  white-space: break-spaces;
  letter-spacing:  var(--dtp-letterspacing-default);
  line-height: 1em;
}

.notification-container .notification-box .notification-content a{
  color: #bab49c;
}


.notification-container .notification-box .notification-content a.notification-btns{
  width: 50%;
  padding: 1% 3%;
  background-color: #bab49c;
  border: none;
  color: white;
  text-align: center;
  display: block;
  margin-left: 25%;
  text-decoration: none;
  margin-top: 15px;
}

/* Dtp Css */
.homepage .columns-container{
  margin-top: 3%;
}

.dtp-sponsors-container .dtp-sponsors{
  padding-top: -1%;
  padding-bottom: 1%;
}

.dtp-sponsors-container .dtp-sponsors:last-of-type{
  padding-top: 3%;
  padding-bottom: 11%;
}

.custom-lineheight{
  line-height: var(--dtp-lineheight-h3);
  margin-top: 1%;
}

.homepage .section3 .dtp-column-side-images{
  position: absolute;
  top: -70%;
}
.homepage .section3 .dtp-column-side-image-1{
  width: 22%;
  left: 10%;
}
.homepage .section3 .dtp-column-side-image-2{
  width: 11%;
  right: 16%;
  top: -14%;
}

.homepage .section1 .subsections img.column-images{
  position: absolute;
  bottom: -43%;
  right: -28%;
  width: 56%;
}

.homepage .section1 .subsections img.column-images.column-image-2{
  width: 28%;
  right: -21%;
  bottom: -33%;
}

.homepage .section1 .subsections img.column-images.column-image-3{
  width: 28%;
  right: -21%;
  top: -54%;
}

@media only screen and (min-width: 1700px) {
  .homepage .section1 .subsections img.column-images {
    position: absolute;
    bottom: -61%;
    right: -35%;
    width: 65%;
  }

  .homepage .section1 .subsections img.column-images.column-image-2 {
    width: 33%;
    right: -29%;
    bottom: -54%;
  }

  .homepage .section1 .subsections img.column-images.column-image-3 {
    width: 31%;
    right: -29%;
    top: -67%;
  }
}

.homepage-s3-ss2-sections{
  margin-top: 7%;
  position: relative;
  /* margin-bottom: 1%; */
}

.homepage-s3-ss2-sections.paidArea{
    margin-top: 5%;
    margin-bottom: 2%;
}

.homepage .paidArea .paidArea-columns{
  width: 75%;
  margin: auto;
  text-align: left !important;
}

.homepage .paidArea .paidArea-columns h3 span{
  font-size: var(--dtp-fontsize-17);
  letter-spacing: var(--dtp-letterspacing-cta-2);
}

.homepage .openinfo-mobile-images{
  margin-top: 2%;
}

.homepage .openinfo-mobile-image-2{
  margin-top: 11%;
}

@media only screen and (min-width: 993px){
  .homepage .paidArea .paidArea-column-1{
    margin-left: 23%;
  }
  .homepage .paidArea .paidArea-column-2{
    margin-right: 18%;
  }
}


@media only screen and (max-width: 1700px) and (min-width: 993px){
  .homepage .section2 #homepage-s2-floorplan{
    max-width: initial;
    margin-top: -8.7vw;
    width:100%;
  }

  .homepage .section3 .subsection2 .dtp-smalltext {
    position: absolute;
    left: 10.2%;
    bottom: 11vw;
    width: 78%;
}

.homepage .section3 .subsection2 {
  padding: 15% 0% 25%;
}

}