.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"VijeNeue";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"VijeNeue";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"VijeNeue";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"VijeNeue";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 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){--kit-widget-spacing: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 *//*custom css for vertical lines*/
body {
  background-image: 
    linear-gradient(to right, 
      rgba(0,0,0,0.1) 1px, 
      transparent 1px
    );
  background-size: calc(100% / 6) 100%;
}

/* Mobile view: 3 lines (left, center, right) */
@media (max-width: 768px) {
  body {
    background-image: 
      linear-gradient(to right, rgba(0,0,0,0.1) 1px, transparent 1px),
      linear-gradient(to right, rgba(0,0,0,0.1) 1px, transparent 1px),
      linear-gradient(to right, rgba(0,0,0,0.1) 1px, transparent 1px);
    background-position: 5%, 50%, 95%;
    background-size: 1px 100%;
    background-repeat: no-repeat;
  }
}










/*home carousel pointer*/
.carousel-next,
.carousel-prev {
  cursor: pointer;
  transition: transform 0.2s ease;
}

/* Optional: small hover animation for better UX */
.carousel-next:hover,
.carousel-prev:hover {
  transform: scale(1.1);
}







/* Custom CSS for hover image box */
.elementor-element.hover-image-box {
  filter: grayscale(100%);
  transition: filter 0.4s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Pseudo-element for background image WITH DARK OVERLAY */
.elementor-element.hover-image-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 100% !important;
  background: inherit;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.4s ease;
  transform: scale(1);
  z-index: 0;
  /* ADD THIS LINE FOR DARK OVERLAY */
  filter: brightness(0.4); /* Adjust 0.5 (50% darkness) to your preference */
}

/* Hover: Scale pseudo-element */
.elementor-element.hover-image-box:hover {
  filter: grayscale(0%);
}

.elementor-element.hover-image-box:hover::before {
  transform: scale(1.05);
}

/* Icon styles (unchanged) */
.hover-image-box::after {
  content: url("http://vijeschool.com/wp-content/uploads/2025/10/Rectangle-30.svg");
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

.hover-image-box:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}











/* custom css for hover image box for horizontal */
.hover-image-box-horizontal {
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transition: all 0.5s ease;
  cursor: pointer;
  overflow: hidden;
}

/* Pseudo-element for background image with zoom effect */
.hover-image-box-horizontal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  background: inherit;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease, filter 0.5s ease;
  transform: scale(1);
  z-index: 0;
  /* Dark overlay AND grayscale */
  filter: grayscale(100%) brightness(0.5);
}

/* Hover: Remove grayscale, keep some darkness, and zoom background */
.hover-image-box-horizontal:hover::before {
  transform: scale(1.1);
  filter: grayscale(0%) brightness(0.7); /* Color + darker overlay visible */
}

/* icon on hover */
.hover-image-box-horizontal::after {
  content: url("http://vijeschool.com/wp-content/uploads/2025/10/Rectangle-30.svg");
  position: absolute;
  top: 85%;
  left: 5%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

.hover-image-box-horizontal:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}












/* custom css for hover image box for horizontal in course category page*/
.hover-category {
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transition: all 0.5s ease;
  cursor: pointer;
  overflow: hidden;
}

/* Pseudo-element for background image with zoom effect */
.hover-category::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  background: inherit;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.5s ease, filter 0.5s ease;
  transform: scale(1);
  z-index: 0;
  /* Dark overlay AND grayscale */
  filter: grayscale(100%) brightness(0.5);
}

/* Hover: Remove grayscale, keep some darkness, and zoom background */
.hover-category:hover::before {
  transform: scale(1.1);
  filter: grayscale(0%) brightness(0.7); /* Color + darker overlay visible */
}

/* icon on hover */
.hover-category::after {
  content: url("http://vijeschool.com/wp-content/uploads/2025/10/Rectangle-30.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

.hover-category:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'VijeNeue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Regular-1.woff2') format('woff2'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Regular-1.woff') format('woff'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'VijeNeue';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Bold-1.woff2') format('woff2'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Bold-2.woff') format('woff'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'VijeNeue';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Black-1.woff2') format('woff2'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Black-2.woff') format('woff'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'VijeNeue';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Light-1.woff2') format('woff2'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Light-2.woff') format('woff'),
		url('https://vijeschool.com/wp-content/uploads/2025/10/VijeNeue-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */