.control-icon {
    transform: translateY(3px);
}

.wowbook-toc-header-text {
    color: transparent !important;    
}

.wowbook-lightbox .wowbook-book-container {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

.lng-container {
    display: flex;
    flex-direction: row;
    padding-top: 8rem;
    justify-content: end;
}

.btn-lang {
    position: relative;
    z-index: 100000;
    font-size:16px;
}

.fancybox-button--zoom {
    display: none !important;
}

.fancybox-container {
    z-index: 100003 !important;
}

.btn-prevention {
    border-radius: 36px;
    background-color: #bcdcf5;
    padding: 0.75rem 1.75rem 0.75rem 1.75rem;
    animation: shake 3s cubic-bezier(.36,.07,.19,.97) infinite !important;
    color: #024a8a;
    font-weight: 700;
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.33);
}

#spotlight {
    position: fixed;
    top: 0;
    left: 0;
    width: 1159px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(251, 250, 240, 0.8) 0%, rgba(215, 209, 174, 0.3) 70%, rgba(155, 151, 129, 0) 100%);   
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}

#vid-overlay {
    background-color: white;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
}

.mini-book-col {
    display: flex;
    justify-content: center;
}

#show-book1, #show-book2, #show-book3, #show-book4 {
    z-index: 100000;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 330px;
    width: 212px;
}

.wowbook-close {
    display: none !important;
}

.cover {
    height: 670px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pages {
    padding: 6rem 6.75rem;
    height: 670px;
    background-size: contain;
    background-repeat: no-repeat;
}

.toc-section-container {
    height: 100%;
    width: 100%;
    display: flex;
}

.toc-items {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-top: 10rem;
    padding-bottom: 10rem;
    width: 67%;
    transform: translateY(30px);
}

.toc-item-container {
    height: 28%;
    display: flex;
}

.toc-item {
    font-weight: bold;
    font-size: 30px;
    padding: 12px;
}

.big-line {
    height: 0.25rem;
    width: 550px;
    margin-bottom: 2rem;
}

.education-qr-code-container {
    font-size: 16px !important;
    display: flex;
    flex-direction: column;
    width: 200px !important;
    line-height: 26px !important;
    align-items:center;
    margin: 1.5rem;
}

.education-qr-code {
    width: 180px;
    margin-bottom:2rem;
}

.fr-img-wrap {
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}

.investigation-rhs-btn-row {
    margin-top: 13.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 750px;
    flex-wrap: wrap;
}

.rhs-btn-row {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 750px;
}

.fancybox-rhs-img-row {
    display: flex;
    justify-content: center;
}

.fancybox-rhs {
    width: fit-content;
}

.grouped_elements {
    width: fit-content;
}

.fancybox-rhs-img {
    width: fit-content;
    max-width: 300px;
    animation: bounce 2s cubic-bezier(.36,.07,.19,.97) infinite;
}

#demo {
    margin-top: 300px;
}

/* .bee3D--slide {
    background-color: gray;
} */

.btn-more-container {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 535px;
    left:180px;
}

.btn-more {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #CE0B10;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: white;
/*     padding-top: 25px;
margin-left: 300px;
margin-top: 200px; */
    box-shadow: 3px 6px 10px 0 rgba(0,0,0,0.33);
    animation: swing 2s cubic-bezier(.36,.07,.19,.97) infinite !important;
    z-index: 1;
}

.btn-more-label {
     transform: translateY(-1px);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20.5px;
     width: 50px;
}

.bee3D--caption {
    color:white;
    background-color:#e00000;
    padding:0.5rem 1.5rem;
    font-size: 18px;
    width: fit-content;
    text-align: center;
    margin-top: 2.5rem;
}



  .page img {
    width:100%;
    height:100%;
  }

  .page li:nth-child(odd) img{
    transform:scaleX(-1);
  }

  .wowbook-page-content {
/*     background-color:#f9f5dc !important;
 */	padding:0px;
  }
  
  
 .content-overflow {
     overflow: auto;
     padding-right: 3rem;
 }
 
 #EducationPage4RhsImage1 {
     transform: translateX(375px);
 }
 
 #EducationPage5RhsImage1 {
     transform: translate(375px, -50px);
 }
 
/*  #EducationPage6RhsImage1 {
    transform: translateX(-40px);
}

#EducationPage6RhsImage2 {
    transform: translate(-65px, 8px);
    scale: 106%;
}

#EducationPage6RhsImage3 {
    transform: translateX(-99px);
} */
 
 #EducationPage6RhsImage4 {
     position: absolute;
     left: 111px;
     top: 132px;
 }
 
 #EducationPage7RhsImage1 {
     transform: translateX(-33px);
 }
 
  #EducationPage8RhsImage1 {
     position: absolute;
     top: -130px;
     left: 170px;
 }
 
 #EducationPage8RhsImage2 {
     position: absolute;
     top: -130px;
     left: 470px;
 }
 
 #EducationPage8RhsImage3 {
     position: absolute;
     top: 87px;
     left: -130px;
 }
 
 #EducationPage8RhsImage4 {
     position: absolute;
     top: 80px;
     left: 170px;
 }
 
 #EducationPage8RhsImage5 {
     position: absolute;
     top: 80px;
     left: 470px;
 }
 
 #InvestigationPage4RhsImage1 {
     position: absolute;
     left: -30px;
     top: -227px;
 }
 
 #InvestigationPage4RhsImage2 {
     position: absolute;
     left: -30px;
     top: -102px;
 }
 
 #InvestigationPage4RhsImage3 {
     position: absolute;
     left: -30px;
     top: 33px;
 }
 
 #InvestigationPage6RhsImage2 img {
     width: 210px !important;
 }
 
 #money-flow-1 {
     transition: transform 0.3s ease;
     cursor: zoom-in;
 }
 
 #money-flow-2 {
     transition: transform 0.3s ease;
     cursor: zoom-in;
 }
 
 .zoomed {
     transform: scale(1.2);
 }
 
 #InvestigationPage30Cloud1 {
     position: absolute;
     top: 240px;
 }
 
 #InvestigationPage30Cloud2 {
     position: absolute;
     top: 260px;
     left: 380px;
 }
 
 #InvestigationPage30Cloud3 {
     position: absolute;
     top: 320px;
     right: 20px;
 }
 
 #book-2-page-8-btn-more-trigger {
     top: 8px;
     left: 335px;
 }
 
 #book-2-page-9-btn-more-trigger {
     top: 450px;
     left: 190px;
 }
 
 #book-2-page-10-btn-more-trigger {
     top: 195px;
     left: 240px;
 }
 
 #book-2-page-11-btn-more-trigger {
     top: 460px;
     left: 418px;
 }
 
 #book-2-page-12-construction-btn-more-trigger {
     top: -55px;
     left: -110px;
 }
 
 #book-2-page-12-banking-btn-more-trigger {
     top: 33px;
     left: 637px;
 }
 
 #book-2-page-12-insurance-btn-more-trigger {
     top: 428px;
     left: -107px;
 }
 
 #book-2-page-12-property-btn-more-trigger {
     top: 400px;
     left: 575px;
 }
 
 #book-2-page-14-btn-more-trigger {
      top: 70px;
      left: 675px;
 }
 
 #integrity-1 {
     top: 30px;
     right: 45px;
     align-items: end;
 }
 
 #integrity-2 {
     top: 181px;
     left: 145px;
     align-items: start;
 }
 
 #integrity-3 {
     top: 351px;
     right: 115px;
     align-items: end;
 }
 
 #integrity-4 {
     top: 535px;
     left: 56px;
     align-items: start;
 }
 
 #integrity-5 {
     top: 700px;
     left: 350px;
     align-items: center;
 }
 
 #book-2-page-15-btn-more-trigger {
     top: 225px;
     left: 570px;
 }
 
 #book-2-page-16-btn-more-trigger {
     top: 314px;
     left: 520px;
 }
 
 #book-2-page-17-btn-more-trigger {
     top: 45px;
     left: 440px;
 }
 
 #subscribe-now {
     animation: shake 2s cubic-bezier(.36,.07,.19,.97) infinite;
 }
 
 #book-3-page-19-btn-more-trigger {
     top: 345px;
     left: 470px;
 }
 
 #book-3-page-20-btn-more-trigger {
     top: 400px;
     left: 250px;
 }
 
 #book-3-page-21-btn-more-trigger {
     top: 434px;
     left: 258px;
 }
 
 #public-vigilance-img-1 {
  animation: to1 2s  normal 1 forwards;
}
#public-vigilance-img-2 {
  animation: to2 2s  normal 1 forwards;
}

#public-vigilance-img-3 {
  animation: to3 2s  normal 1 forwards;
}

#public-vigilance-img-4 {
  animation: to4 2s  normal 1 forwards;
}

#public-vigilance-img-6 {
  animation: to6 2s  normal 1 forwards;
}

#public-vigilance-img-7 {
  animation: to7 2s  normal 1 forwards;
}

#public-vigilance-img-8 {
  animation: to8 2s  normal 1 forwards;
}

@keyframes to1 {
from {top: 400px;}
to{top:120px;left:80px} 
}
@keyframes to2 {
from {top: 400px;}
to{top:120px;} 
}
@keyframes to3 {
from {top: 400px;}
to{top:120px;left:640px} 
}
@keyframes to4 {
from {top: 400px;}
to{top:400px;left:80px} 
}
@keyframes to6 {
from {top: 400px;}
to{top:400px;left:640px} 
}
@keyframes to7 {
  from {top: 400px;}
  to{top:680px;left:226px} 
}
@keyframes to8 {
from {top: 400px;}
to{top:680px;left:496px} 
}
 
 #book-3-page-22-btn-more-trigger {
     top: 410px;
     left: 210px;
 }
 
 #book-3-page-23-btn-more-trigger {
     top: 315px;
 }
 
 #book-3-page-24-btn-more-trigger {
     top: 162px;
     left: 615px;
 }
 
 #book-3-page-25-btn-more-trigger {
     top: 378px;
     left: 266px;
 }
 
 #book-4-page-33-title {
     width: 54rem;
 }
 
 #book-4-page-34-title {
     width: 52rem;
 }
 
 #book-4-page-34-btn-more-trigger {
     top: 309px;
     left: -71px;
 }
 
 #book-4-page-35-title {
     width: 48rem;   
 }
 
 #book-4-page-35-btn-more-trigger {
     top: 140px;
     left: -140px;
 }
 
 #book-4-page-36-title {
     width: 50rem;
 }
 
 #book-4-page-36-btn-more-trigger {
     top: 433px;
     left: -139px;
 }
 
 #book-4-page-37-btn-more-trigger {
     top: -20px;
     left: 580px;
 }
 
 #book-4-page-37-title {
     width: 48rem;   
 }