body{
	overflow-x:hidden;
}
*{
  scrollbar-width: thin !important;
  scrollbar-color: #E20A16 #eeeeee !important;
}


.school_btn .elementor-button-content-wrapper,
.school_btn2 .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.school_btn .elementor-button-icon,
.school_btn2 .elementor-button-icon {
    display: inline-flex;
    align-items: center;
    transition: transform 0.35s ease;
}

.school_btn:hover .elementor-button-icon,
.school_btn2:hover .elementor-button-icon {
    transform: translateX(6px);
}

.school_btn2:hover .elementor-button-icon svg path{
	stroke:#E20A16;
	stroke-width: .5;
	opacity: 1 !important;
    stroke-opacity: 1 !important;
}


header.scrolling #brxe-bwwyio{
    background-color: rgba(0, 0, 0, .2);
    backdrop-filter: blur(21px);
}
.home-post-slider button.splide__arrow.splide__arrow--prev {
    left: calc(100% - 95px) !important;
}
.about_count span.elementor-counter-number-suffix {
    font-size: 28px;.gt_float_switcher
    margin-top: 7px;
    margin-left: 2px;
}
.eton_blog_post h3{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.school_btn2:hover{
	transform: translateY(-5px);
}
.single-team-member #brx-header .brxe-section {
    background: #3c3c3c !important;
    border-bottom: 1px solid #dfdfdb !important;
}

.splide__list > div {
	height: auto !important;
}
.overview h2,
.overview h3{
    transition:all .5s ease-in-out;
}

.overview:hover h2,
.overview:hover h3{
    color: #E20A16 !important;
}


/* iov_image_reveal  */
.iov_reveal img {
    height: 390px;
    width: 100%;
    object-fit: cover;
    transform-origin: left;
    border-radius: 10px;
}

.iov_reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.credit {
  font-family: Termina, sans-serif;
  position: absolute;
  bottom: 10px;
}


/* end   */


/* sidebar  menu css  */
.iov_side_menu .dialog-lightbox-close-button::before {
    content: 'Menu';
    position: absolute;
    left: 35px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
}

.iov_side_menu .dialog-close-button {
    display: flex;
    top: 4%;
    font-size: 20px;
    border: 1px solid;
    width: 90px;
    padding: 9px;
    border-radius: 50px;
    padding-left: 10px;
    align-items: center;
}

.iov_side_menu .dialog-close-button:hover svg{
	fill:#181512
}


.iov_side_menu .dialog-close-button:hover {
    color: #181512 !important;
}

.iov_side_menu .dialog-close-button:hover .e-font-icon-svg {
    fill: currentColor !important;
}

.sub-menu li a {
    font-family: Open Sans !important;
    font-weight: 400 !important;
    color: #92918F !important;
    font-size: 14px !important;
}

.sub-menu li a:hover{
	color:#E20A16 !important;
}
.iovmenu span.sub-arrow svg path {
    fill: #E20A16 !important;
}

/* End  */

.gt_float_switcher {
    font-family: Arial;
    font-size: 20px;
    border-radius: 20px !important;
/*     box-shadow: rgba(0,0,0,0.15) 0 5px 15px; */
	box-shadow:none !important;
    background: #ffffffde !important;
    overflow: hidden;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    position: absolute;
    width: 130px;
    /*right: 0;*/
    backdrop-filter: blur(11px);
}

.gt_float_switcher img {
    width: 22px !important;
}

.gt_float_switcher .gt_options a:hover {
    background: #212121 !important;
    color: #fff;
}
.gt_float_switcher {
    font-size: 17px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang{
	padding: 12px 20px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    position: absolute;
    right: 20px;
    top: 10px;
}

.brxe-block.accordion-content-wrapper {
    padding: 0px 0px !important;
}

.adn-open-on-hover .listening {
    transition:
	height 0.3s ease,
	opacity 0.3s ease,
	margin 0.3s ease,
	padding 0.3s ease;
	overflow: hidden;
}

.adn-open-on-hover .listening.hide-on-hover {
    height: 0 !important;
    min-height: 0 !important;
    opacity: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    pointer-events: none;
}


/*==================== About Us Page =================*/
.page-banner-section{
	position: relative;
	min-height: 100vh !important;
	height: 100vh !important;
}
.page-banner-section:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(186deg, rgb(24 21 18 / 49%) 18.44%, rgb(24 21 18 / 74%) 103.31%);
}
.page-banner-section .brxe-container{
	z-index: 2;
}
.about-believe-section{
	position: relative;
}
.about-believe-section:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(145deg, rgb(20 22 54 / 54%) 0%, rgb(38 42 98 / 64%) 55%, rgb(38 42 98 / 54%) 100%);
}
.about-believe-section .brxe-container{
	z-index: 2;
}
.about-believe-section .brxe-div{
	transition: 0.6s;
}
.about-believe-section .brxe-div:hover{
	background-color: #e20a16bf !important;
}
.about-believe-section .brxe-div h3, 
.about-believe-section .brxe-div .brxe-text-basic, 
.about-believe-section .brxe-div .brxe-icon{
	transition: 0.6s;
}
.about-believe-section .brxe-div:hover h3{
	color: #fff !important;
}
.about-believe-section .brxe-div:hover .brxe-text-basic{
	color: #d3d3d3 !important;
}
.about-believe-section .brxe-div:hover .brxe-icon{
	background-color: #fff !important;	
	color: #e20a16bf !important;
}
.difference-item-card{
	transition: 0.6s;
}
.difference-item-card:hover{
	background-color: #000000d6 !important;
}
.difference-item-card .brxe-text-basic, .difference-item-card h5{
	transition: 0.6s;
}
.difference-item-card:hover h5{
	color: #fff !important;
}
.difference-item-card:hover .brxe-text-basic{
	color: #ffffffdb !important;
}
.about-education-group{
	position: relative;
}
.about-education-group:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    left: 0;
    top: 0;
    background: linear-gradient(120deg, rgb(20 22 54 / 76%) 0%, rgb(38 42 98 / 78%) 55%, rgb(38 42 98 / 57%) 100%);
}
.about-education-group .brxe-container{
	z-index: 222;
}

.eton-image-learner .bricks-image-caption {
    background: linear-gradient(0deg, rgb(0 0 0), rgba(0, 0, 0, .25) 70%, #00000000) !important;
    border-radius: 10px !important;
}
.eton-image-learner .bricks-layout-item img{
	border-radius: 10px !important;
}

.eton-management-section .tab-title, .eton-management-section .brxe-text-basic, 
.eton-management-section .management-card, .eton-management-section .management-card .inner-content-wrapper, 
.eton-management-section .management-card img{
	transition: 0.6s;
}
.eton-management-section .tab-title:hover{
	background-color: var(--bricks-color-red) !important;	
}
.eton-management-section .tab-title:hover .brxe-text-basic{
	color: #fff !important;
}
.eton-management-section .management-card:hover .inner-content-wrapper{
	background-color: #F3F0EA;
}
.eton-management-section .management-card, .eton-management-section .post-image-wrapper{
	overflow: hidden;
}
.eton-management-section .management-card:hover img{
	transform: scale(1.1);
}


.card-imaging-col{
	transition: 0.6s;
}
.card-imaging-col:hover{
	box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}


.selected-card-inner img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(292deg) brightness(105%) contrast(102%);
}
.brxe-breadcrumbs .item{
	pointer-events: none !important;
}
.brxe-breadcrumbs .item:first-child{
	pointer-events: auto !important;
}


.translated-ltr .curriculum-card-section h5{
	font-size: 19px !important;
}
.translated-ltr .learning-pathway-leadership h3{
	font-size: 18px !important;
}
.translated-ltr .formative-years-section .inner-card-level{
	height: 160px !important;
}
.translated-ltr .formative-years-section .inner-card-level h3{
	font-size: 20px !important;
}
.translated-ltr .eton-build-card{
	height: 270px !important;
}
.translated-ltr .difference-contents-section h3{
	font-size: 20px !important;
}
.eton-management-section .inner-content-wrapper h5{
	font-size: 15px !important;
}


.story-inner-wrapper{
	position: relative;
}
.story-inner-wrapper:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    background: #ddd;
    left: 50%;
    top: 10px;
    border-radius: 5px;
}
.timeline-image-card{
	position: relative;
}
.timeline-image-card:after {
    content: '';
    position: absolute;
    width: 42px;
    height: 6px;
    background: #dddddd;
    top: 50%;
    right: -42px;
}
.timeline-image-card:nth-child(even):after {
    content: '';
    position: absolute;
    width: 42px;
    height: 6px;
    background: #dddddd;
    top: 50%;
    left: -42px;
}

.book-tour-page-section .gform-theme--foundation .gform_fields{
	row-gap: 15px !important;
}
.book-tour-page-section .gform-theme--foundation .gform_fields input, .book-tour-page-section .gform-theme--foundation .gform_fields select {
    border: 1px solid #e6dfd2;
    border-radius: 6px;
    padding: 0 14px;
    font-family: inherit;
    background: #fdfcfa;
    outline: 0;
    height: 43px;
    width: 100%;
    color: #a5a5a5;
    line-height: 40px;
    font-size: 13px !important;
}
.book-tour-page-section .gform_required_legend{
	display: none !important;
}
.book-tour-page-section .gform_button {
    border: 1px solid var(--bricks-color-red) !important;
    border-radius: 25px !important;
    background-color: var(--bricks-color-red) !important;
    outline: 0 !important;
    padding: 14px 40px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-top: 5px !important;
	transition: 0.6s !important;
}
.book-tour-page-section .gform_button:hover{
    border: 1px solid #000 !important;
    background-color: #000 !important;	
}
.book-tour-page-section .gform_validation_errors{
	display: none !important;
}


@media only screen and (max-height: 719px){
	#brxe-iqjucb{
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.adn-open-on-hover{
        width: 55% !important;
        row-gap: 10px !important;
    }
    .brxe-block.listening{
        padding: 20px !important;
    }
    .usp-accordion-content {
        max-height: 230px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 1200px){
    .adn-open-on-hover{
        width: 55% !important;
        row-gap: 10px !important;
		
    }
    .brxe-block.listening{
        padding: 20px !important;
    }
    .usp-accordion-content {
        max-height: 230px;
		overflow-y: scroll;
		margin-left: 10px !important;
		padding-left: 15px !important;
    }
}


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

	.gt_float_switcher {
		font-size: 12px !important;
		width: 110px;
	}
	.gt_float_switcher .gt-selected .gt-current-lang {
		padding: 12px 15px !important;
	}  
}

@media only screen and (max-width: 480px){
    .adn-open-on-hover{
        width: 100% !important;
        row-gap: 10px !important;
    }
/* 	 span.gt_float_switcher-arrow {
		display: none !important;
	} */
	.gt_float_switcher { 
		width: 80px;
	}  
	.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code { 
		top: 0px !important; 
	}
}


.etoh-testimonials {
	 --etoh-transition: 600ms cubic-bezier(.25,.8,.25,1); 
	position: relative;
	width: 100%;
	overflow: hidden;
}
.etoh-testimonials *,
.etoh-testimonials *::before,
.etoh-testimonials *::after {
	box-sizing: border-box;
}
.etoh-testimonials-container {
	margin: 0 auto;
	position: relative;
}
.etoh-testimonials-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	position: relative;
	z-index: 10;
}
.etoh-testimonials-eyebrow {
	display: block;
	margin-bottom: 8px;
	color: var(--etoh-blue);
	font-size: 11px;
	line-height: 1.4;
	font-weight: 500;
}
.etoh-testimonials-heading h2 {
	margin: 0;
	color: var(--etoh-blue);
	font-size: clamp(30px, 3vw, 44px);
	line-height: 1.18;
	font-weight: 400;
	letter-spacing: -0.025em;
}
.etoh-testimonials-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	padding: 6px 7px 6px 13px;
	border-radius: 30px;
	background: #f0ede6;
	color: var(--etoh-blue);
	font-size: 10px;
	line-height: 1;
	text-decoration: none;
}
.etoh-testimonials-more-icon {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #e7dfca;
}
.etoh-testimonials-slider {
	position: relative;
	width: 100%;
	height: 475px;
	margin-top: 20px;
	overflow: visible;
}
.etoh-testimonials-track {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.etoh-testimonial-card {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 380px;
	height: 440px;
	opacity: 0;
	pointer-events: none;
	transform-origin: center center;
	transition:
		transform var(--etoh-transition),
		opacity var(--etoh-transition),
		filter var(--etoh-transition),
		width var(--etoh-transition),
		height var(--etoh-transition);
	will-change: transform, opacity; 
}
.etoh-testimonial-card.is-active {
	z-index: 5;
	width: 370px;
	height: 440px;
	opacity: 1;
	pointer-events: auto;
	transform:
		translate(-50%, -50%)
		translateX(0)
		rotate(0deg)
		scale(1);
	filter: none;
}
.etoh-testimonial-card.is-prev {
	z-index: 4;
	opacity: 1;
	pointer-events: none !important;
	transform: translate(-50%, -50%) translateX(-367px) rotate(0deg) scale(1);
	filter: none;
}
.etoh-testimonial-card.is-prev .etoh-testimonial-media{
	transform: scale(.75) perspective(500px) rotatey(20deg);
}
.etoh-testimonial-card.is-next {
    z-index: 4;
    opacity: 1;
    pointer-events: none !important;
    transform: translate(-50%, -50%) translateX(357px) rotate(0deg) scale(1);
    filter: none;
}
.etoh-testimonial-card.is-next .etoh-testimonial-media{
	transform: scale(.75) perspective(500px) rotatey(-20deg);
}
.etoh-testimonial-card.is-prev-2 {
    z-index: 2;
    opacity: 0.7;
    pointer-events: none !important;
    transform: translate(-50%, -50%) translateX(-700px) rotate(0deg) scale(1);
    filter: none;
}
.etoh-testimonial-card.is-prev-2 .etoh-testimonial-media{
	transform: scale(.75) perspective(500px) rotatey(20deg);
}
.etoh-testimonial-card.is-next-2 {
    z-index: 2;
    opacity: .7;
    pointer-events: none !important;
    transform: translate(-50%, -50%) translateX(700px) rotate(0deg) scale(1);
    filter: none;
}
.etoh-testimonial-card.is-next-2 .etoh-testimonial-media{
	transform: scale(.75) perspective(500px) rotatey(-20deg);
}
/* Off-stage parks. Cards leave and enter from their own side of the slider,
   so a wrapping card is never seen travelling back across the middle. */
.etoh-testimonial-card.is-hidden {
	z-index: 0;
	opacity: 0;
	pointer-events: none;
}
.etoh-testimonial-card.is-hidden-prev {
	transform: translate(-50%, -50%) translateX(-980px) rotate(0deg) scale(.65);
}
.etoh-testimonial-card.is-hidden-next {
	transform: translate(-50%, -50%) translateX(980px) rotate(0deg) scale(.65);
}
.etoh-testimonial-card.is-hidden-prev .etoh-testimonial-media {
	transform: scale(.75) perspective(500px) rotatey(20deg);
}
.etoh-testimonial-card.is-hidden-next .etoh-testimonial-media {
	transform: scale(.75) perspective(500px) rotatey(-20deg);
}
/* A card teleported around the ring must land instantly at its park. */
.etoh-testimonial-card.is-no-transition,
.etoh-testimonial-card.is-no-transition .etoh-testimonial-media {
	transition: none !important;
}
.etoh-testimonial-media {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 20px;
	background: #d9d9d9;
	box-shadow:
		0 20px 40px rgba(20,25,80,.14),
		0 4px 12px rgba(0,0,0,.08);
	transition: transform var(--etoh-transition);
}
.etoh-testimonial-media > img,
.etoh-testimonial-media > video,
.etoh-testimonial-media > iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	object-fit: cover;
}
.etoh-testimonial-media > iframe {
	pointer-events: none;
}
.etoh-testimonial-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.16%, rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, 0.7) 100%);
    pointer-events: none;
}
.etoh-testimonial-meta {
	position: absolute;
	top: 13px;
	left: 13px;
	z-index: 4;
}
.etoh-testimonial-type {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 7px 20px;
    border-radius: 20px;
    background: rgba(255,255,255,.78);
    color: #000;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    backdrop-filter: blur(5px);
}
.etoh-testimonial-content {
    position: absolute;
    right: 20px;
    bottom: 24px;
    left: 20px;
    z-index: 4;
    color: #fff;
}
.etoh-testimonial-text {
    margin-bottom: 25px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}
.etoh-testimonial-title {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.etoh-testimonial-designation {
	display: block;
	color: rgba(255,255,255,.85);
	font-size: 10px;
	line-height: 1.35;
	font-weight: 400;
	display: none;
}
.etoh-testimonial-play {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 8;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 50%;
    background: rgba(20,25,75,.25);
    color: #fff;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(5px);
    transition: .3s ease;
}
.etoh-testimonial-play:hover {
	background: rgba(255,255,255,.25);
	transform: scale(1.08);
}
.etoh-testimonial-card.is-active .etoh-testimonial-play {
	width: 38px;
	height: 38px;
	font-size: 12px;
}
.etoh-testimonials-controls {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 20px;
}
.etoh-testimonials-controls button {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    transition: .3s ease;
	border: 1px solid #e20a16;
}
.etoh-testimonials-controls button svg{
	width: 20px;
}
.etoh-testimonials-controls button path{
	stroke: #e20a16;
}
.etoh-testimonials-controls button:hover {
	background: #e20a16;
}
.etoh-testimonials-controls button:hover path{
	stroke: #fff;
}
.etoh-testimonial-popup {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease;
}
.etoh-testimonial-popup.is-open {
	opacity: 1;
	visibility: visible;
}
.etoh-testimonial-popup-overlay {
	position: absolute;
	inset: 0;
	background: rgba(5,7,25,.82);
	backdrop-filter: blur(8px);
}
.etoh-testimonial-popup-inner {
	position: relative;
	z-index: 2;
	width: min(1000px, 90vw);
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(0,0,0,.35);
}
.etoh-testimonial-popup-video {
	position: absolute;
	inset: 0;
}
.etoh-testimonial-popup-video iframe,
.etoh-testimonial-popup-video video {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}
.etoh-testimonial-popup-close {
	position: absolute;
	top: -48px;
	right: 0;
	z-index: 5;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 50%;
	background: rgba(0,0,0,.25);
	color: #fff;
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
}
body.etoh-testimonial-popup-open {
	overflow: hidden;
}
.etoh-testimonial-view-more {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 2px 0 0;
    color: inherit;
    font: inherit;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    position: absolute;
    z-index: 5;
    font-size: 13px;
    right: 0;
    bottom: 21px;
}

.etoh-testimonial-view-more:hover {
    opacity: 0.75;
}
.etoh-testimonial-text-popup {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 250ms ease,
        visibility 250ms ease;
}
.etoh-testimonial-text-popup.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
.etoh-testimonial-text-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}


/* =========================================================
   POPUP BOX
========================================================= */
.etoh-testimonial-text-popup-inner {
    position: relative;
    z-index: 2;
    width: min(760px, 100%);
    max-height: min(80vh, 700px);
    overflow-y: auto;
    background: #ffffff;
    padding: 50px 35px 45px;
    border-radius: 12px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.25);
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.etoh-testimonial-text-popup-close {
    position: absolute;
    top: 15px;
    right: 18px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #2D3982;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    z-index: 5;
}


/* =========================================================
   POPUP TITLE
========================================================= */
.etoh-testimonial-popup-title {
    margin: 0 0 6px;
    color: #000;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}


/* =========================================================
   POPUP DESIGNATION
========================================================= */

.etoh-testimonial-popup-designation {
    margin-bottom: 16px;
    color: #666666;
    font-size: 15px;
    line-height: 1.5;
}


/* =========================================================
   POPUP CONTENT
========================================================= */

.etoh-testimonial-popup-text {
    font-size: 16px;
    line-height: 27px;
}

.etoh-testimonial-popup-text p {
    margin: 0 0 18px;
}

.etoh-testimonial-popup-text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   BODY LOCK
========================================================= */

body.etoh-testimonial-popup-open {
    overflow: hidden;
}


.eton-shape-image{
	height: 780px;
	-webkit-mask-image: url("https://www.etonhouse.co.th/wp-content/uploads/2026/09/design_shape.png");
	mask-image: url("https://www.etonhouse.co.th/wp-content/uploads/2026/09/design_shape.png");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.brxe-icon-box.apply-process-item .content{
	transition: 0.6s;
	padding: 14px 20px 20px !important;
	border-bottom: 1px solid #8080808C;
}
.brxe-icon-box.apply-process-item .content h4{
	margin-bottom: 5px;
}
.brxe-icon-box.apply-process-item.active .content{
	background-color: #F3F0EA;
}
.brxe-icon-box.apply-process-item .icon, .brxe-icon-box.apply-process-item .icon svg path{
	transition: 0.6s;
}
.brxe-icon-box.apply-process-item.active .icon {
    background-color: var(--bricks-color-red) !important;
}
.brxe-icon-box.apply-process-item.active .icon svg path{
	fill: #fff !important;
}
.process-box-eton{
	position: relative;
}
.process-box-eton:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 85%;
    top: 30px;
    left: 45px;
    background: linear-gradient(91deg, #e20a16 0%, #b79f9f1c 100%);
    z-index: -1;
}
.webpage-bottom-cts-section{
	position: relative;
}
.webpage-bottom-cts-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000008a;
    left: 0;
    top: 0;
}
.webpage-bottom-cts-section .brxe-container{
	z-index: 222;
}
.translated-ltr  .eligibility-content-section .brxe-text-basic{
	font-size: 13px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .etoh-testimonial-text-popup {
        padding: 15px;
    }

    .etoh-testimonial-text-popup-inner {
        max-height: 85vh;
        padding: 45px 25px 30px;
        border-radius: 10px;
    }

    .etoh-testimonial-text-popup-close {
        top: 10px;
        right: 12px;
        font-size: 30px;
    }

    .etoh-testimonial-popup-title {
        font-size: 23px;
    }

    .etoh-testimonial-popup-text {
        font-size: 16px;
        line-height: 1.65;
    }

}

@media (max-width: 1250px) {

	.etoh-testimonials-container {
		width: calc(100% - 50px);
	}

	.etoh-testimonial-card.is-prev {
		transform:
			translate(-50%, -50%)
			translateX(-285px)
			rotate(-3deg)
			scale(.86);
	}

	.etoh-testimonial-card.is-next {
		transform:
			translate(-50%, -50%)
			translateX(285px)
			rotate(3deg)
			scale(.86);
	}

	.etoh-testimonial-card.is-prev-2 {
		transform:
			translate(-50%, -50%)
			translateX(-480px)
			rotate(-6deg)
			scale(.68);
	}

	.etoh-testimonial-card.is-next-2 {
		transform:
			translate(-50%, -50%)
			translateX(480px)
			rotate(6deg)
			scale(.68);
	}

}

@media (max-width: 1000px) {

	.etoh-testimonials-slider {
		height: 450px;
	}

	.etoh-testimonial-card.is-active {
		width: 285px;
		height: 400px;
	}

	.etoh-testimonial-card.is-prev {
		transform:
			translate(-50%, -50%)
			translateX(-235px)
			rotate(-3deg)
			scale(.78);
		opacity: .7;
	}

	.etoh-testimonial-card.is-next {
		transform:
			translate(-50%, -50%)
			translateX(235px)
			rotate(3deg)
			scale(.78);
		opacity: .7;
	}

	.etoh-testimonial-card.is-prev-2 {
		transform:
			translate(-50%, -50%)
			translateX(-375px)
			rotate(-5deg)
			scale(.57);
		opacity: .4;
	}

	.etoh-testimonial-card.is-next-2 {
		transform:
			translate(-50%, -50%)
			translateX(375px)
			rotate(5deg)
			scale(.57);
		opacity: .4;
	}


}

@media (max-width: 700px) {

	.etoh-testimonials {
		padding: 0px 0 25px;
	}

	.etoh-testimonials-container {
		width: calc(100% - 30px);
	}

	.etoh-testimonials-header {
		display: block;
	}

	.etoh-testimonials-heading h2 {
		font-size: 28px;
	}

	.etoh-testimonials-more {
		margin-top: 18px;
	}

	.etoh-testimonials-slider {
		height: 425px;
		margin-top: 0px;
	}

	.etoh-testimonial-card.is-active {
		width: min(275px, 76vw);
		height: 385px;
	}

	.etoh-testimonial-card.is-prev {
		transform:
			translate(-50%, -50%)
			translateX(-150px)
			rotate(-4deg)
			scale(.64);
		opacity: .45;
	}

	.etoh-testimonial-card.is-next {
		transform:
			translate(-50%, -50%)
			translateX(150px)
			rotate(4deg)
			scale(.64);
		opacity: .45;
	}

	.etoh-testimonial-card.is-prev-2 {
		transform:
			translate(-50%, -50%)
			translateX(-250px)
			rotate(-7deg)
			scale(.46);
		opacity: .22;
	}

	.etoh-testimonial-card.is-next-2 {
		transform:
			translate(-50%, -50%)
			translateX(250px)
			rotate(7deg)
			scale(.46);
		opacity: .22;
	}

	.etoh-testimonial-popup {
		padding: 15px;
	}

	.etoh-testimonial-popup-inner {
		width: 100%;
	}

	.etoh-testimonial-popup-close {
		top: -45px;
	}


}

@media (max-width: 480px) { 
	.etoh-testimonials-slider {
		height: 465px;
	} 
	.etoh-testimonial-card.is-active {
		width: 100%;
		height: 460px;
	}
	.etoh-testimonial-card.is-prev {
		transform:
			translate(-50%, -50%)
			translateX(-125px)
			rotate(-4deg)
			scale(.55);
		opacity: .38;
	} 
	.etoh-testimonial-card.is-next {
		transform:
			translate(-50%, -50%)
			translateX(125px)
			rotate(4deg)
			scale(.55);
		opacity: .38;
	} 
	.etoh-testimonial-card.is-prev-2 {
		transform:
			translate(-50%, -50%)
			translateX(-205px)
			rotate(-7deg)
			scale(.38);
		opacity: .18;
	} 
	.etoh-testimonial-card.is-next-2 {
		transform:
			translate(-50%, -50%)
			translateX(205px)
			rotate(7deg)
			scale(.38);
		opacity: .18;
	}
}

/* Off-stage parks, scaled to each breakpoint so wrapping cards stay clipped
   by the section's overflow instead of drifting into view. */
@media (max-width: 1250px) {

	.etoh-testimonial-card.is-hidden-prev {
		transform:
			translate(-50%, -50%)
			translateX(-760px)
			rotate(-6deg)
			scale(.6);
	}

	.etoh-testimonial-card.is-hidden-next {
		transform:
			translate(-50%, -50%)
			translateX(760px)
			rotate(6deg)
			scale(.6);
	}

}

@media (max-width: 1000px) {

	.etoh-testimonial-card.is-hidden-prev {
		transform:
			translate(-50%, -50%)
			translateX(-600px)
			rotate(-5deg)
			scale(.5);
	}

	.etoh-testimonial-card.is-hidden-next {
		transform:
			translate(-50%, -50%)
			translateX(600px)
			rotate(5deg)
			scale(.5);
	}

}

@media (max-width: 700px) {

	.etoh-testimonial-card.is-hidden-prev {
		transform:
			translate(-50%, -50%)
			translateX(-400px)
			rotate(-7deg)
			scale(.4);
	}

	.etoh-testimonial-card.is-hidden-next {
		transform:
			translate(-50%, -50%)
			translateX(400px)
			rotate(7deg)
			scale(.4);
	}

}

@media (max-width: 480px) {

	.etoh-testimonial-card.is-hidden-prev {
		transform:
			translate(-50%, -50%)
			translateX(-340px)
			rotate(-7deg)
			scale(.34);
	}

	.etoh-testimonial-card.is-hidden-next {
		transform:
			translate(-50%, -50%)
			translateX(340px)
			rotate(7deg)
			scale(.34);
	}

}




/* fees page  */

.table-wrap {
	overflow-x: auto;
	border-radius: 14px;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 3.5rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.table-wrap table {
	width: 100%;
	border-collapse: collapse;
}

.table-wrap thead {
	background: #fff;
}
.table-wrap table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}
.table-wrap table th {
	background: #FAF7F2;
}

.table-wrap th {
	text-align: left;
	padding: 1.1rem 1.5rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #E20A16;
	border-bottom: 1px solid #eee;
	font-family: 'EB Garamond';
}

.table-wrap td {
	padding: 1.05rem 1.5rem;
	border-bottom: 1px solid var(--border);
}

.table-wrap tr:last-child td { border-bottom: none; }

.table-wrap tbody tr:hover { background: #FAF7F2; }


.years-daily-slider .splide__list .brxe-block{
	position: relative;
}
/* .years-daily-slider .splide__list .brxe-block:nth-child(even){
	top: 0px;
}
.years-daily-slider .splide__list .brxe-block:nth-child(2){
	top: 25px;
}
.years-daily-slider .splide__list .brxe-block:nth-child(3){
	top: 14px;
}
.years-daily-slider .splide__list .brxe-block:last-child{
	top: 25px;
} */
/* .years-daily-slider .splide__list .brxe-block:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 125px;
    background: red;
    bottom: -55px;
    left: 50%;
    z-index: -1;
} */

.years-daily-slider .splide__list .brxe-block:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #E20A16;
    bottom: -150px;
    left: 50%;
    z-index: -1;
}

.years-daily-slider .splide__list .brxe-block:nth-child(even) .slider-circle-wrapper{
	margin-top: 30px !important;
}
.years-daily-slider .splide__list .brxe-block:nth-child(3) .slider-circle-wrapper{
	margin-top: 30px !important;
}
.slider-circle-item{
	outline: 2px dotted red;
	outline-offset: 6px;
	position: absolute;
	bottom: -90px;
	left: 50%;
	display: none;
	transform: translate(-50%);
}
.years-daily-slider .splide__track {
    padding-bottom: 50px;
    position: relative;
}
.years-daily-slider .splide__track:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 2px dotted red;
    opacity: 0.4;
}

/* .page-id-2638 .years-daily-slider .splide__track:after {
    bottom: 18px;
}  */


.extra-activities-programes .apply-process-item{
	transition: 0.6s;
}
.extra-activities-programes .apply-process-item.active{
	background-color: var(--bricks-color-red) !important;
}
.extra-activities-programes .apply-process-item.active .brxe-text-basic, 
.extra-activities-programes .apply-process-item.active h2{
	color: #fff;
}
.extra-activities-programes .apply-process-item.active h4{
	color: #fff;
	border-color: #fff !important;
}
.extra-activities-programes .apply-process-item.brxe-container {
    margin-bottom: 0;
    align-items: center;
}
.etn_team-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.etn_team-card .post-image-wrapper {
  position: relative;
  overflow: hidden;
}
.etn_team-card .hover-overlay{
	 position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px 20px 20px;
  background: linear-gradient( to bottom, rgba(226, 10, 22, 0) 0%, rgba(226, 10, 22, 0) 30%, rgba(0, 0, 0, 0.75) 65%, rgba(0, 0, 0, 0.95) 100% );
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
}
.etn_team-card .post-image-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1 !important;
  visibility: visible !important;
}
.etn_team-card:hover .hover-overlay{
	opacity: 1;
  visibility: visible;
	transform: translateY(0);
}
.etn_team-card .etn_team_title {
    position: absolute;
    top: auto;
    color: #fff;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: linear-gradient( to bottom, rgba(226, 10, 22, 0) 0%, rgba(226, 10, 22, 0) 0%, rgba(0, 0, 0, 0.95) 100%, rgba(0, 0, 0, 0.95) 100% );
    padding: 20px 0;
}
.etn_team-card:hover .etn_team_title {
	opacity: 0;
  visibility: hidden;
}


.book-tour-page-section .hsfc-Step .hsfc-Step__Content {
    padding: 0 !important;
}



/* ===================================================
   EtonAspire Interactive Component - Complete CSS
   =================================================== */

.eton-diagram-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
}

.eton-wheel-card {
	position: relative; 
	background: #ffffff;
	border-radius: 32px;
	box-shadow: 0 14px 35px -8px rgba(0, 0, 0, 0.08);
	border: 1px solid #e2e8f0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.eton-wheel-svg {
	width: 550px;
	height: 550px;
	overflow: visible;
}
.sector-group {
  cursor: pointer;
  transform-origin: 200px 200px;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), 
              filter 0.25s ease;
}
.sector-group path {
  stroke: #ffffff;
  stroke-width: 4px;
  stroke-linejoin: round;
}
.sector-group:hover,
.sector-group.active {
  transform: scale(1.05);
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.22));
}
.eton-center-hub {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 210px;
	height: 210px;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	pointer-events: none;
	user-select: none;
	z-index: 5;
	font-weight: 400;
}
.eton-center-hub span{
	color: var(--bricks-color-red);
	font-weight: 500;
}
.eton-svg-label {
	position: absolute;
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	transform: translate(-50%, -50%);
	pointer-events: none;
	user-select: none;
	z-index: 10;
}
.eton-lbl-top {
    top: 27%;
    left: 65%;
}
.eton-lbl-right {
    top: 60%;
    left: 75%;
}
.eton-lbl-bottom {
  top: 78%;
  left: 50%;
}
.eton-lbl-left {
	top: 60%;
	left: 25%;
}
.eton-lbl-left-middle {
    top: 27%;
    left: 34%;
}
.eton-card {
  position: relative;
  padding: 30px 20px;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: background-color 0.2s ease;
}
.eton-card:last-child {
  border-bottom: none;
}
.eton-card:hover,
.eton-card.active {
  background-color: #fafbfc;
}
.eton-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
.eton-card[data-key="character"].active::before { 
  background-color: #dc2626; 
}
.eton-card[data-key="confidence"].active::before { 
  background-color: #f87171; 
}
.eton-card[data-key="skills"].active::before { 
  background-color: #334155; 
}
.eton-card[data-key="mindset"].active::before { 
  background-color: #881337; 
}
.aspire-card:hover .card_svg_wrap{
	background-color: var(--bricks-color-red) !important;
}
.aspire-card .card_svg_wrap{
	transition: all 0.3s ease;
}
.aspire-card:hover .card_svg_wrap svg{
  stroke: white;
}
.aspire-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #dc2626, #ef4444);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}
.aspire-card:hover::before {
    transform: scaleX(1);
}

/* =========================================
   STORY SCROLL SECTION
========================================= */

.story-scroll {
    position: relative;
    width: 100vw !important;
    margin-left: calc(50% - 50vw);
    overflow: visible;
}
.story-container {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================
   STICKY VISUAL AREA
========================================= */
.story-sticky {
    position: sticky !important;
    top: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
/*     min-height: 650px; */
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    display: block !important;
}

/* =========================================
   IMAGE AREA
========================================= */
.story-images {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55% !important;
    height: 100% !important;
    overflow: hidden;
    z-index: 1;
}
.story-image {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    transition: none;
}
.story-image:first-child {
    opacity: 1;
    visibility: visible;
}

/* White fade over image (left side) */
.story-images::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to right, #fff 0%, rgba(255,255,255,0.95) 20%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0) 100%);
}

/* =========================================
   CONTENT AREA
========================================= */
.story-contents {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 45% !important;
    height: 100% !important;
    overflow: hidden;
    z-index: 10;
}
.story-contents .story-content {
    position: absolute !important;
    top: 0 !important;          /* JS controls vertical position */
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;    /* box = text height only */
    box-sizing: border-box;
    padding-left: clamp(40px, 6vw, 110px);
    padding-right: clamp(25px, 3vw, 50px);
    transform: none;
    opacity: 0;
    visibility: hidden;
    will-change: transform;
}
.story-contents .story-content:first-child {
    opacity: 1;
    visibility: visible;
}
.story-content h2 {
    margin: 0 0 22px;
    font-size: clamp(32px, 3vw, 52px);
    line-height: 1em;
    font-weight: 400;
}
.story-content .brxe-text-basic {
    font-size: 15px;
    line-height: 1.65;
    color: #555;
}

/* White overlay: left -> right, keeps text readable */
/* .story-images::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 60%;              
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        to right,
        rgba(255,255,255,1)    0%,
        rgba(255,255,255,0.96) 30%,
        rgba(255,255,255,0.85) 50%,
        rgba(255,255,255,0.45) 78%,
        rgba(255,255,255,0)    100%
    );
}

.story-content .brxe-text-basic {
    color: #333;
} */



@media (max-width: 991px) {
  .eton-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .eton-card:nth-child(2) {
    border-right: none;
  }
  .eton-card:nth-child(-n+2) {
    border-bottom: 1px solid #e2e8f0;
  }
}
@media (max-width: 600px) {
  .eton-cards-grid {
    grid-template-columns: 1fr;
  }
  .eton-card {
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
  }
  .eton-card:last-child {
    border-bottom: none;
  } 
   
  .eton-svg-label {
    font-size: 13px;
  }
}

.eton_spotlight_slide #brxe-xjajqi-list { 
	height: auto !important;
}

/*======== About Page ======*/

#brxe-cyaikp {
    position: relative !important;
    height: 100vh !important; 
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}


#brxe-cyaikp .learners-section {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important; 
    min-height: 90vh;        
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: 0 auto !important;
/*     padding: 0 !important; */
}
.learners-left {
    flex: 1;
    margin: 0 !important;
}
.learners-right {
    position: relative !important;
    flex: 1;
    height: 400px;
    margin: 0 !important;
}

/* Stacked Items */
.etn_scroll-image_item {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    will-change: transform, opacity;
}

.etn_scroll-image_item:first-child {
    opacity: 1;
    visibility: visible;
}

.etn_scroll-image_item img { 
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.etn_scroll-image_item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1; 
    border-radius: 12px;
}

.etn_scroll-image_item h2 {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    color: #fff;
    font-size: 40px;
    text-align: center;
    pointer-events: none;
    font-weight: 500;
}

.etn_scroll-image_item:hover img {
    transform: scale(1.05);
}


#brxe-nuvdyz, #brxe-bxapju, #brxe-logwzc, #brxe-wtmbzb, ##brxe-sfllob{
	scroll-margin-top: 100px !important;
}
.mycall {
    display: block !important;
}


/* menu css   */

/* Container styling to push arrow to the right */
.bricks-nav-menu .menu-item-has-children > .brx-submenu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* Push the SVG arrow icon to the far right */
.bricks-nav-menu .menu-item-has-children > .brx-submenu-toggle button {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* Ensure the full width link alignment */
.bricks-nav-menu .menu-item-has-children > .brx-submenu-toggle a {
    flex-grow: 1 !important;
}

.gt_float_switcher:not(.scrolling) {
    right: 160px !important;
}



.gtranslate_wrapper {
    position: absolute;
    right: 155px;
}


/* End   */

.iov_booking {
	display:none;
}
.mobile_logo img { 
    width: 83%;
    right: 0;
}
/* 

.mobile_logo{
    display: none !important;
}
 */