.elementor-1661 .elementor-element.elementor-element-14d47df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.88;--padding-top:0200px;--padding-bottom:0200px;--padding-left:0px;--padding-right:0px;}.elementor-1661 .elementor-element.elementor-element-14d47df:not(.elementor-motion-effects-element-type-background), .elementor-1661 .elementor-element.elementor-element-14d47df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hoopstudy.org/wp-content/uploads/2026/03/85F12717-258D-4BEF-8A9C-6CEC78AAF907-1.jpeg");background-repeat:no-repeat;background-size:cover;}.elementor-1661 .elementor-element.elementor-element-14d47df::before, .elementor-1661 .elementor-element.elementor-element-14d47df > .elementor-background-video-container::before, .elementor-1661 .elementor-element.elementor-element-14d47df > .e-con-inner > .elementor-background-video-container::before, .elementor-1661 .elementor-element.elementor-element-14d47df > .elementor-background-slideshow::before, .elementor-1661 .elementor-element.elementor-element-14d47df > .e-con-inner > .elementor-background-slideshow::before, .elementor-1661 .elementor-element.elementor-element-14d47df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B0B0B;--background-overlay:'';}.elementor-1661 .elementor-element.elementor-element-14d47df > .elementor-shape-bottom .elementor-shape-fill, .elementor-1661 .elementor-element.elementor-element-14d47df > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F7F7F7;}.elementor-1661 .elementor-element.elementor-element-14d47df > .elementor-shape-bottom svg, .elementor-1661 .elementor-element.elementor-element-14d47df > .e-con-inner > .elementor-shape-bottom svg{height:86px;transform:translateX(-50%) rotateY(180deg);}.elementor-1661 .elementor-element.elementor-element-70ca278{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1661 .elementor-element.elementor-element-a2b6418{text-align:center;}.elementor-1661 .elementor-element.elementor-element-a2b6418 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:64px;font-weight:700;text-transform:capitalize;font-style:normal;line-height:1.2em;color:#FFFFFF;}.elementor-1661 .elementor-element.elementor-element-73cc187{--display:flex;}.elementor-1661 .elementor-element.elementor-element-e6bde0f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-1661 .elementor-element.elementor-element-14d47df > .elementor-shape-bottom svg, .elementor-1661 .elementor-element.elementor-element-14d47df > .e-con-inner > .elementor-shape-bottom svg{height:52px;}.elementor-1661 .elementor-element.elementor-element-14d47df{--padding-top:74px;--padding-bottom:98px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1661 .elementor-element.elementor-element-a2b6418{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -11px) 0px;padding:0px 0px 0px 0px;}.elementor-1661 .elementor-element.elementor-element-a2b6418 .elementor-heading-title{font-size:25px;}}/* Start custom CSS *//* CLICKABLE CARD — +15% darker at rest + +15% darker on hover */
.hs-card{
  display:block;
  position:relative;
  cursor:pointer;
  text-decoration:none;
  border-radius:22px;
  overflow:hidden;

  border: 1px solid rgba(58,134,255,.22);
  box-shadow:
    0 18px 55px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 30px rgba(58,134,255,.34); /* ✅ more blue */

  transform: translateY(0);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  will-change: transform;
}

/* Dark overlay (darker at rest) */
.hs-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.34) 55%,
    rgba(0,0,0,.16) 100%
  );
  opacity: .53;                 /* ✅ +15% darker start */
  transition: opacity .22s ease;
  pointer-events:none;
  z-index:1;
}

.hs-card > *{
  position:relative;
  z-index:2;
}

/* Hover: lift + stronger blue glow */
.hs-card:hover{
  transform: translateY(-10px);
  border-color: rgba(58,134,255,.42);
  box-shadow:
    0 28px 85px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 52px rgba(58,134,255,.56); /* ✅ more blue */
}

/* Hover overlay (darker) */
.hs-card:hover::before{
  opacity: .90;                 /* ✅ +15% darker hover */
}

.hs-card:active{
  transform: translateY(-6px) scale(.995);
}

/* HoopStudy FAQ - Modern Card Accordion (v2) */
.hs-faq .elementor-accordion-item{
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important; /* softer */
  border-radius: 18px !important;
  overflow: hidden !important;
  margin: 0 0 16px 0 !important;
  box-shadow: 0 14px 40px rgba(2, 6, 23, .08) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

/* Title row */
.hs-faq .elementor-tab-title{
  position: relative !important;
  padding: 20px 22px 20px 22px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  border: 0 !important;
  background: #ffffff !important;
}

/* Left accent bar (subtle) */
.hs-faq .elementor-tab-title::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 4px !important;
  background: rgba(58,134,255,.0) !important;
  border-radius: 999px !important;
  transition: background .18s ease !important;
}

/* Hover highlight */
.hs-faq .elementor-tab-title:hover{
  background: rgba(58,134,255,.06) !important;
}

/* Active state */
.hs-faq .elementor-tab-title.elementor-active{
  color: #0B0B0B !important;
}
.hs-faq .elementor-tab-title.elementor-active::before{
  background: rgba(58,134,255,.95) !important; /* your accent */
}

/* Content */
.hs-faq .elementor-tab-content{
  padding: 0 22px 18px 22px !important;
  border: 0 !important;
  color: #3B3B3B !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Lift on hover */
@media (hover:hover){
  .hs-faq .elementor-accordion-item:hover{
    transform: translateY(-3px) !important;
    border-color: rgba(58,134,255,.22) !important;
    box-shadow: 0 18px 55px rgba(2, 6, 23, .10) !important;
  }
}

/* Icon polish */
.hs-faq .elementor-accordion-icon{
  opacity: .85 !important;
}
.hs-faq .elementor-accordion-icon i{
  transition: transform .18s ease !important;
}
.hs-faq .elementor-tab-title.elementor-active .elementor-accordion-icon i{
  transform: rotate(45deg) !important; /* makes a + feel like an x on open */
}/* End custom CSS */