.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2bfa2e4:#383A3B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-2bfa2e4 );color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.book-section {
	display: flex;
	justify-content: center;
	align-items: center;
	transform-style: preserve-3d;
	perspective: 1000px;
}

.book-section .book {
	position: relative;
	width: 255px;
	height: 378px;
	box-shadow: 20px 20px 20px rgba(0,0,0,0.2);
	transform-style: preserve-3d;
}

.book-section .book-square {
	position: relative;
	width: 255px;
	height: 255px;
	box-shadow: 20px 20px 20px rgba(0,0,0,0.2);
	transform-style: preserve-3d;
}

.book-section .book:hover, .book-section .book-square:hover {
	transform: rotateY(35deg);
	transition: 0.5s;
	box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
}

.book-section .book:not(:active), .book-section .book-square:not(:active) {
	transition: 0.8s;
}

.book-section .book:active, .book-section .book-square:active {
	transform: rotateY(180deg);
	transition: 0.8s;
}

.book-section .book:before {
	content: '';
	position: absolute;
	width: 40px;
	height: 100%;
	transform-origin: left;
	background-position: center;
	transform: rotateY(90deg);
}

.book-section .book-square:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 100%;
	transform-origin: left;
	background-position: center;
	transform: rotateY(90deg);
}

.book-section .book:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: center;
	background-position: center;
	transform: rotateY(180deg) translateZ(40px);
}

.book-section .book-square:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: center;
	background-position: center;
	transform: rotateY(180deg) translateZ(13px);
}

.book-section .book img, .book-section .book-square img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.book-description ul,
.book-description li {
    font-size: inherit;
}

@media only screen and (min-width: 800px) {
    .book-section {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	transform-style: preserve-3d;
    	perspective: 1000px;
    }
    
    .book-section .book {
    	position: relative;
    	width: 383px;
    	height: 567px;
    	box-shadow: 20px 20px 20px rgba(0,0,0,0.2);
    	transform-style: preserve-3d;
    }
    
    .book-section .book-square {
    	position: relative;
    	width: 353px;
    	height: 353px;
    	box-shadow: 20px 20px 20px rgba(0,0,0,0.2);
    	transform-style: preserve-3d;
    }
    
    .book-section .book:hover, .book-section .book-square:hover {
    	transform: rotateY(35deg);
    	transition: 0.5s;
    	box-shadow: 0px 20px 20px rgba(0,0,0,0.2);
    }
    
    .book-section .book:not(:active), .book-section .book-square:not(:active) {
    	transition: 0.8s;
    }
    
    .book-section .book:active, .book-section .book-square:active {
    	transform: rotateY(180deg);
    	transition: 0.8s;
    }
    
    .book-section .book:before {
    	content: '';
    	position: absolute;
    	width: 60px;
    	height: 100%;
    	transform-origin: left;
    	background-position: center;
    	transform: rotateY(90deg);
    }
    
    .book-section .book-square:before {
    	content: '';
    	position: absolute;
    	width: 20px;
    	height: 100%;
    	transform-origin: left;
    	background-position: center;
    	transform: rotateY(90deg);
    }
    
    .book-section .book:after {
    	content: '';
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	transform-origin: center;
    	background-position: center;
    	transform: rotateY(180deg) translateZ(60px);
    }
    
    .book-section .book-square:after {
    	content: '';
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	transform-origin: center;
    	background-position: center;
    	transform: rotateY(180deg) translateZ(20px);
    }
    
    .book-section .book img, .book-section .book-square img {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;

    }
}

#spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 5px solid #ccc;
  border-top-color: #114a7c;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}/* End custom CSS */