/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1744865632
Updated: 2025-04-17 04:53:52

*/
p:last-child{
	margin:0 !important;
}
.elementor img{
	vertical-align: bottom;
}
.custom-btn .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-btn  .elementor-button-icon svg {
    width: 24PX;
    height: 24px;
}
.header-menu .elementor-nav-menu a:before {
    content: "";
    position: absolute;
    left: 0 !important;
    right: 0;
    bottom: -27px;
    height: 3px !important;
    background: #5271ff !important;
    z-index: 9;
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}
.header-menu .elementor-nav-menu a.elementor-item-active:before,
.header-menu .elementor-nav-menu a:hover:before {
		-webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.course-bx span.elementor-button-icon svg {
    width: 20px;
}

.testi-carousel,
.testi-carousel .swiper-slide{
	overflow:  inherit;
}
.testi-carousel .elementor-main-swiper {
    width: 100% !important;
}

.testi-carousel .elementor-swiper-button {
    width: 48px;
    height: 48px;
    background: #5271FF;
    border-radius: 40px;
    padding: 10px 10px;
    line-height: 0;
	position: absolute;
    z-index: 1;
	top:50%;
}

.testi-carousel .elementor-swiper-button svg {
    fill: #fff;
}
.testi-carousel .elementor-testimonial {
    background: #fff;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    padding: 42px;
    margin: 0;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.testi-carousel .elementor-testimonial .elementor-testimonial__footer {
    order: 1;
	margin-top: 0;
}

.testi-carousel .elementor-testimonial .elementor-testimonial__content {
    order: 2;
}

.testi-carousel .elementor-testimonial .elementor-testimonial__content .elementor-testimonial__text {
    text-align: left;
}
.testi-carousel .elementor-testimonial:before {
    content: '';
    background: url(https://wecodepros.com/dev/premier_tutoring/wp-content/uploads/2025/04/quote-icn.png);
    top: -16px;
    width: 41px;
    height: 31PX;
    position: absolute;
    right: 32px;
    left: auto;
}
.testi-carousel .swiper-container  .elementor-swiper-button-prev {
    left: -56px;
}
.testi-carousel .swiper-container  .elementor-swiper-button-next{
	right: -56px;
}
.testi-carousel .swiper-slide{
	opacity: 0;
	visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.testi-carousel .swiper-slide.swiper-slide-next,
.testi-carousel .swiper-slide.swiper-slide-duplicate-prev,
.testi-carousel .swiper-slide.swiper-slide-active{
		opacity: 1;
	visibility: visible;
}

.succeed-45 span {
    color: #5271FF;
}
.testi-carousel .swiper-slide:after {
    border-style: solid;
    border-width: 24px 24px 0 0;
    content: "";
    display: inline-block;
    height: 24px;
    left: 42px;
    position: absolute;
    bottom: -24px;
    width: 12px;
    border-color: transparent;
    border-top-color: #ffffff;
}
span.star {
    display: block;
    color: #FFB62F;
    font-size: 32px;
    margin-top: 30px;
    line-height: 24px;
}
.seaten-98 {
    animation: roatation 8s linear infinite;
}
.student-info-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0 auto;
    width: 70%;
}

.student-info-item {
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 #0000001f;
    width: 30%;
}
.learn-heading-1 span {
    color: #5271FF;
}

@keyframes roatation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.book-class {
    animation: scalation 8s linear infinite;
}
@keyframes scalation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.pages-65 {
    animation: walking 10s linear infinite;
}
@keyframes walking {
  0% {
    transform: translate(0px) rotate(0deg);
  }
  50% {
    transform: translate(100px) rotate(180deg);
  }
  100% {
    transform: translate(0px) rotate(360deg);
  }
}



.earth-21 {
    animation: roatation 8s linear infinite;
}
@keyframes roatation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.all-pages {
    animation: walking 10s linear infinite;
}
@keyframes walking {
  0% {
    transform: translate(0px) rotate(0deg);
  }
  50% {
    transform: translate(100px) rotate(180deg);
  }
  100% {
    transform: translate(0px) rotate(360deg);
  }
}

.dotes-78 {
    animation: scalation 8s linear infinite;
}
@keyframes scalation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

.solution-58 {
    animation: scalation 8s linear infinite;
}
@keyframes scalation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

.tutoring-00 {
    animation: scalation 8s linear infinite;
}
@keyframes scalation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}


.triangle-3 {
    animation: walking 10s linear infinite;
}
@keyframes walking {
  0% {
    transform: translate(0px) rotate(0deg);
  }
  50% {
    transform: translate(100px) rotate(180deg);
  }
  100% {
    transform: translate(0px) rotate(360deg);
  }
}

.offer-10 {
    animation: scalation 8s linear infinite;
}
@keyframes scalation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

.classic-as span {
    font-size: 24px;
    font-weight: 500;
    color: #5271FF;
}


.premier-2025 p:last-child {
    margin: 0;
}
.Readuy-to span {
    font-size: 64px;
    color: #5271FF;
}

.team-column figure.elementor-image-box-img {
    position: relative;
    padding: 20px;
}
.team-column figure.elementor-image-box-img:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    z-index: -1;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px 0 2px 0;
    border-color: #5271ff;
    transition: all 0.4s ease-in-out;
}
.team-column:hover figure.elementor-image-box-img:after {
	  transform: rotate(90deg);
}

.faq-sec .e-n-accordion-item {
    border-bottom: 1px solid rgb(0 13 58 / 30%);
}
.logged-in .login-scetion-year a {
    display: flex;
    width: 32%;
}
.Quiz-sectoin.active {
    display: flex;
}
.login-scetion-year .open-quizz {
    cursor: pointer;
}
@media only screen and (max-width: 767px) {

.education-88 {
    background: linear-gradient(45deg, #fff, #fff) !important;
}
	.testi-carousel .swiper-container  .elementor-swiper-button-next {
    right: -12px;
}
	.testi-carousel .swiper-container  .elementor-swiper-button-prev {
    left: -12px;
}
	.Readuy-to span {
    font-size: 28px;
}
	.header-55 .elementor-menu-toggle {
    position: relative;
}

.header-55 nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute;
    top: 20px;
    bottom: 0;
    right: 0px;
    left: -377px;
    background: #000;
    width: 430px;
    height: 270px;
    z-index: 999;
}

.all-pages {
   
    animation: none;
}	
	.triangle-3 {
   
    animation: none;
}
	
	.tutoring-00 {
    animation: none;
}
	
	.solution-58 {
    animation: none;
}

	
}

/* #year-level {
  display: none;
}
#year-level.show {
  display: block;
} */


/* Free Test Page  Design */
#quiz-step-container h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 24px;
}
.subject-buttons {
    background: #fff;
    padding: 10px;
    display: flex;
    gap: 24px;
    border: 1px solid #2a3fa2;
    border-radius: 10px;
	margin-bottom: 50px;
}

.select-subject {
	border: 0;
    color: #2A3FA2;
    font-size: 20px;
    font-weight: 600;
    background: rgb(42, 63, 162, 0.1);
    max-width: 120px;
    width: 100%;
    position: relative;
}
.select-subject:hover, .select-subject.active {
    background: #2A3FA2;
    color: #fff;
}

.quiz-question {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    padding: 24px;
    margin-bottom: 32px;
	border-radius: 15px;
}

form#quiz-form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    align-items: self-start;
}
.quiz-question-wrap {
    flex: 0 0 48%;
}
.quiz-question label {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}
.btn-wrap {
    border-top: 1px solid rgb(0 0 0 / 15%);
    flex: 0 0 100%;
    margin-top: 32px;
    text-align: right;
    padding-top: 32px;
}


.open-quizz.active,
.test-option.active {
    background: rgb(223 233 255) !important;
	position: relative;
}
.open-quizz:after,
.test-option:after {
    display: block !important;
    content: "";
	position: absolute;
	right: 24px;
	top: 24px;
	height: 32px;
	width: 32px;
	background: url('/wp-content/uploads/2025/05/icon-park-solid_check-one.svg') no-repeat 95% 20% / 32px;
	opacity: 0;
	visibility: hidden;
	transition : all 0.4s ease-in-out;
}
.open-quizzmth5:after, .open-quizzmth6:after, .open-quizzmth7:after, .open-quizzmth8:after,
.open-quizzeng5:after, .open-quizzeng6:after, .open-quizzeng7:after, .open-quizzend8:after{
	display: block !important;
    content: "";
	position: absolute;
	right: 24px;
	top: 24px;
	height: 32px;
	width: 32px;
	background: url('/wp-content/uploads/2025/05/icon-park-solid_check-one.svg') no-repeat 95% 20% / 32px;
	opacity: 0;
	visibility: hidden;
	transition : all 0.4s ease-in-out;
}
.open-quizzmth5.active:after, .open-quizzmth6.active:after, .open-quizzmth7.active:after, .open-quizzmth8.active:after,
.open-quizzeng5.active:after, .open-quizzeng6.active:after, .open-quizzeng7.active:after, .open-quizzeng8.active:after{
	opacity: 1;
	visibility: visible;
} 
.open-quizz.active:after,
.test-option.active:after{
	opacity: 1;
	visibility: visible
}
.brint-btn,
#quiz-form button {
    background-color: #5271FF;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #5271FF;
    border-radius: 5px 5px 5px 5px;
    padding: 12px 35px 12px 35px;
    color: #fff;
}
.brint-btn:hover,
#quiz-form button:hover {
	background: transparent;
	color: #5271FF;
}
.success-score {
    max-width: 450px;
    background: #fff;
    padding: 42px;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #5271ff;
    border-radius: 15px;
}

.success-score h5 span {
    font-size: 42px;
    display: block;
    margin-bottom: 16px;
    font-weight: 700;
    color: #4CAF50;
}
.login-error {
    padding-top: 50px;
}
.Quiz-sectoin iframe#fq-ifc {
    width: 100% !important;
}

@media only screen and (max-width: 767px){
	.logged-in .login-scetion-year a {
    width: 100%;
}
	.logged-in .login-scetion-year {
    width: 100% !important;
    max-width: 100% !important;
}
	
.subject-buttons {gap: 10px;}
.quiz-question-wrap {
    flex: 0 0 100%;
}
	
	
}