.elementor .e-65885f2-87b979a{border-radius:9px;border-color:#ff0000;border-style:solid;}.elementor .e-1500480-162d685{position:sticky;font-family:"Playfair Display";font-weight:300;font-size:26px;color:#ffffff;letter-spacing:0px;column-count:1;line-height:28px;text-align:center;text-decoration:none;text-transform:capitalize;-webkit-text-stroke:0px #ffffff;stroke:#ffffff;stroke-width:0px;border-radius:42px;border-color:#000000;border-style:solid;background-image:linear-gradient(#00000033, #00000033);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:#0a0057;background-clip:border-box;mix-blend-mode:darken;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 1);filter:blur(0px);backdrop-filter:blur(0px);transition:all 200ms;align-self:center;}.elementor .e-642e0bb{flex-direction:column;}.elementor .e-7261ad0-1cbcc0a{border-radius:18px;border-width:0px;border-color:#ffffff;border-style:none;background-image:url("https://goldcrestcollegeofeducation.com/wp-content/uploads/2026/08/f3361aed-15df-4932-80ad-a238b7fed39d-1024x768.jpg");background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-clip:border-box;box-shadow:0px 0px 14px 5px rgba(0, 0, 0, 1);/* =========================================
 GOLD CREST - PREMIUM BLUE IMAGE ANIMATION
 Elementor Custom CSS
 ========================================= */

selector {
  position: relative;
  overflow: hidden;
  border-radius: 22px;

  /* Premium shadow */
  box-shadow:
      0 15px 40px rgba(0, 35, 100, 0.35),
      0 0 25px rgba(0, 140, 255, 0.20);

  /* Smooth floating animation */
  animation: goldcrestFloat 5s ease-in-out infinite;

  transform: translateZ(0);
  transition: all 0.5s ease;
}


/* IMAGE */
selector img {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 22px;

  /* Blue cinematic effect */
  filter:
      saturate(1.08)
      contrast(1.04)
      brightness(0.98);

  transition:
      transform 0.8s ease,
      filter 0.8s ease;
}


/* =========================================
 ANIMATED BLUE GRADIENT BORDER
 ========================================= */

selector::before {
  content: "";
  position: absolute;
  inset: -3px;

  border-radius: 25px;

  background: linear-gradient(
      120deg,
      #001b44,
      #0066cc,
      #00bfff,
      #0055aa,
      #001b44
  );

  background-size: 400% 400%;

  animation: goldcrestGradient 7s ease infinite;

  z-index: -1;
}


/* =========================================
 MOVING LIGHT / SHINE EFFECT
 ========================================= */

selector::after {
  content: "";

  position: absolute;

  top: -30%;
  left: -80%;

  width: 45%;
  height: 170%;

  background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,0.08),
      rgba(255,255,255,0.45),
      rgba(255,255,255,0.08),
      transparent
  );

  transform: rotate(25deg);

  animation: goldcrestShine 4.5s ease-in-out infinite;

  pointer-events: none;
  z-index: 3;
}


/* =========================================
 FLOATING ANIMATION
 ========================================= */

@keyframes goldcrestFloat {

  0% {
      transform: translateY(0px);
  }

  50% {
      transform: translateY(-10px);
  }

  100% {
      transform: translateY(0px);
  }
}


/* =========================================
 BLUE GRADIENT ANIMATION
 ========================================= */

@keyframes goldcrestGradient {

  0% {
      background-position: 0% 50%;
  }

  50% {
      background-position: 100% 50%;
  }

  100% {
      background-position: 0% 50%;
  }
}


/* =========================================
 MOVING SHINE
 ========================================= */

@keyframes goldcrestShine {

  0% {
      left: -80%;
      opacity: 0;
  }

  20% {
      opacity: 1;
  }

  55% {
      left: 130%;
      opacity: 1;
  }

  70% {
      opacity: 0;
  }

  100% {
      left: 130%;
      opacity: 0;
  }
}


/* =========================================
 HOVER EFFECT
 ========================================= */

selector:hover {
  transform: translateY(-8px) scale(1.015);

  box-shadow:
      0 22px 55px rgba(0, 50, 140, 0.45),
      0 0 35px rgba(0, 170, 255, 0.35);
}


selector:hover img {
  transform: scale(1.04);

  filter:
      saturate(1.15)
      contrast(1.06)
      brightness(1.03);
}


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

@media (max-width: 767px) {

  selector {
      border-radius: 16px;
      animation-duration: 6s;
  }

  selector img {
      border-radius: 16px;
  }

  selector::before {
      border-radius: 19px;
  }

  selector:hover {
      transform: translateY(-4px) scale(1.01);
  }
}\n}.elementor .e-2ccf3c2-329ceef{border-radius:18px;border-width:0px;border-color:#ffffff;border-style:none;background-image:url("https://goldcrestcollegeofeducation.com/wp-content/uploads/2026/08/f3361aed-15df-4932-80ad-a238b7fed39d-1024x768.jpg");background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-clip:border-box;box-shadow:0px 0px 14px 5px rgba(0, 0, 0, 1);/* =========================================
 GOLD CREST - PREMIUM BLUE IMAGE ANIMATION
 Elementor Custom CSS
 ========================================= */

selector {
  position: relative;
  overflow: hidden;
  border-radius: 22px;

  /* Premium shadow */
  box-shadow:
      0 15px 40px rgba(0, 35, 100, 0.35),
      0 0 25px rgba(0, 140, 255, 0.20);

  /* Smooth floating animation */
  animation: goldcrestFloat 5s ease-in-out infinite;

  transform: translateZ(0);
  transition: all 0.5s ease;
}


/* IMAGE */
selector img {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 22px;

  /* Blue cinematic effect */
  filter:
      saturate(1.08)
      contrast(1.04)
      brightness(0.98);

  transition:
      transform 0.8s ease,
      filter 0.8s ease;
}


/* =========================================
 ANIMATED BLUE GRADIENT BORDER
 ========================================= */

selector::before {
  content: "";
  position: absolute;
  inset: -3px;

  border-radius: 25px;

  background: linear-gradient(
      120deg,
      #001b44,
      #0066cc,
      #00bfff,
      #0055aa,
      #001b44
  );

  background-size: 400% 400%;

  animation: goldcrestGradient 7s ease infinite;

  z-index: -1;
}


/* =========================================
 MOVING LIGHT / SHINE EFFECT
 ========================================= */

selector::after {
  content: "";

  position: absolute;

  top: -30%;
  left: -80%;

  width: 45%;
  height: 170%;

  background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,0.08),
      rgba(255,255,255,0.45),
      rgba(255,255,255,0.08),
      transparent
  );

  transform: rotate(25deg);

  animation: goldcrestShine 4.5s ease-in-out infinite;

  pointer-events: none;
  z-index: 3;
}


/* =========================================
 FLOATING ANIMATION
 ========================================= */

@keyframes goldcrestFloat {

  0% {
      transform: translateY(0px);
  }

  50% {
      transform: translateY(-10px);
  }

  100% {
      transform: translateY(0px);
  }
}


/* =========================================
 BLUE GRADIENT ANIMATION
 ========================================= */

@keyframes goldcrestGradient {

  0% {
      background-position: 0% 50%;
  }

  50% {
      background-position: 100% 50%;
  }

  100% {
      background-position: 0% 50%;
  }
}


/* =========================================
 MOVING SHINE
 ========================================= */

@keyframes goldcrestShine {

  0% {
      left: -80%;
      opacity: 0;
  }

  20% {
      opacity: 1;
  }

  55% {
      left: 130%;
      opacity: 1;
  }

  70% {
      opacity: 0;
  }

  100% {
      left: 130%;
      opacity: 0;
  }
}


/* =========================================
 HOVER EFFECT
 ========================================= */

selector:hover {
  transform: translateY(-8px) scale(1.015);

  box-shadow:
      0 22px 55px rgba(0, 50, 140, 0.45),
      0 0 35px rgba(0, 170, 255, 0.35);
}


selector:hover img {
  transform: scale(1.04);

  filter:
      saturate(1.15)
      contrast(1.06)
      brightness(1.03);
}


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

@media (max-width: 767px) {

  selector {
      border-radius: 16px;
      animation-duration: 6s;
  }

  selector img {
      border-radius: 16px;
  }

  selector::before {
      border-radius: 19px;
  }

  selector:hover {
      transform: translateY(-4px) scale(1.01);
  }
}\n}.elementor .e-a5b67e4{width:50%;flex-direction:column;}.elementor .e-f0b3ba3{flex-direction:row;/* =========================================
 GOLD CREST - PREMIUM BLUE IMAGE ANIMATION
 Elementor Custom CSS
 ========================================= */

selector {
  position: relative;
  overflow: hidden;
  border-radius: 22px;

  /* Premium shadow */
  box-shadow:
      0 15px 40px rgba(0, 35, 100, 0.35),
      0 0 25px rgba(0, 140, 255, 0.20);

  /* Smooth floating animation */
  animation: goldcrestFloat 5s ease-in-out infinite;

  transform: translateZ(0);
  transition: all 0.5s ease;
}


/* IMAGE */
selector img {
  width: 100%;
  height: auto;
  display: block;

  border-radius: 22px;

  /* Blue cinematic effect */
  filter:
      saturate(1.08)
      contrast(1.04)
      brightness(0.98);

  transition:
      transform 0.8s ease,
      filter 0.8s ease;
}


/* =========================================
 ANIMATED BLUE GRADIENT BORDER
 ========================================= */

selector::before {
  content: "";
  position: absolute;
  inset: -3px;

  border-radius: 25px;

  background: linear-gradient(
      120deg,
      #001b44,
      #0066cc,
      #00bfff,
      #0055aa,
      #001b44
  );

  background-size: 400% 400%;

  animation: goldcrestGradient 7s ease infinite;

  z-index: -1;
}


/* =========================================
 MOVING LIGHT / SHINE EFFECT
 ========================================= */

selector::after {
  content: "";

  position: absolute;

  top: -30%;
  left: -80%;

  width: 45%;
  height: 170%;

  background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,0.08),
      rgba(255,255,255,0.45),
      rgba(255,255,255,0.08),
      transparent
  );

  transform: rotate(25deg);

  animation: goldcrestShine 4.5s ease-in-out infinite;

  pointer-events: none;
  z-index: 3;
}


/* =========================================
 FLOATING ANIMATION
 ========================================= */

@keyframes goldcrestFloat {

  0% {
      transform: translateY(0px);
  }

  50% {
      transform: translateY(-10px);
  }

  100% {
      transform: translateY(0px);
  }
}


/* =========================================
 BLUE GRADIENT ANIMATION
 ========================================= */

@keyframes goldcrestGradient {

  0% {
      background-position: 0% 50%;
  }

  50% {
      background-position: 100% 50%;
  }

  100% {
      background-position: 0% 50%;
  }
}


/* =========================================
 MOVING SHINE
 ========================================= */

@keyframes goldcrestShine {

  0% {
      left: -80%;
      opacity: 0;
  }

  20% {
      opacity: 1;
  }

  55% {
      left: 130%;
      opacity: 1;
  }

  70% {
      opacity: 0;
  }

  100% {
      left: 130%;
      opacity: 0;
  }
}


/* =========================================
 HOVER EFFECT
 ========================================= */

selector:hover {
  transform: translateY(-8px) scale(1.015);

  box-shadow:
      0 22px 55px rgba(0, 50, 140, 0.45),
      0 0 35px rgba(0, 170, 255, 0.35);
}


selector:hover img {
  transform: scale(1.04);

  filter:
      saturate(1.15)
      contrast(1.06)
      brightness(1.03);
}


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

@media (max-width: 767px) {

  selector {
      border-radius: 16px;
      animation-duration: 6s;
  }

  selector img {
      border-radius: 16px;
  }

  selector::before {
      border-radius: 19px;
  }

  selector:hover {
      transform: translateY(-4px) scale(1.01);
  }
}\n}.elementor .e-529191c{flex-direction:column;}.elementor .e-0393ba1-6af7f82{box-shadow:10px 5px 10px 0px rgba(0, 0, 0, 1),6px 0px 10px 0px rgba(0, 0, 0, 1);opacity:110%;}.elementor .e-2939ee1-f014aeb{border-radius:0px;border-width:3px;box-shadow:10px 0px 10px 0px rgba(0, 0, 0, 1);}.elementor .e-af69aa7-65202cc{box-shadow:20px 0px 10px 0px rgba(0, 0, 0, 1);}