.elementor-20399 .elementor-element.elementor-element-cc98a61{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.85;--padding-top:155px;--padding-bottom:155px;--padding-left:20px;--padding-right:20px;}.elementor-20399 .elementor-element.elementor-element-cc98a61:not(.elementor-motion-effects-element-type-background), .elementor-20399 .elementor-element.elementor-element-cc98a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://realistic-black-parrot.65-108-131-33.cpanel.site/wp-content/uploads/2026/10/Sports-Recreational-Activities-banner.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-20399 .elementor-element.elementor-element-cc98a61::before, .elementor-20399 .elementor-element.elementor-element-cc98a61 > .elementor-background-video-container::before, .elementor-20399 .elementor-element.elementor-element-cc98a61 > .e-con-inner > .elementor-background-video-container::before, .elementor-20399 .elementor-element.elementor-element-cc98a61 > .elementor-background-slideshow::before, .elementor-20399 .elementor-element.elementor-element-cc98a61 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20399 .elementor-element.elementor-element-cc98a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00192C00 0%, var( --e-global-color-primary ) 90%);}.elementor-20399 .elementor-element.elementor-element-e226766{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-20399 .elementor-element.elementor-element-e226766 .rstb-page-title{text-align:center;color:#FFFFFF;font-size:56px;font-weight:500;line-height:66px;}.elementor-20399 .elementor-element.elementor-element-02ca290 .rs-divider{background-color:#FFFFFF26;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-20399 .elementor-element.elementor-element-02ca290 .rs-divider.dot-enable::before, .elementor-20399 .elementor-element.elementor-element-02ca290 .rs-divider.dot-enable::after{background:#FFFFFF;width:145px;height:2px;}.elementor-20399 .elementor-element.elementor-element-02ca290 .rs-divider.dot-enable::before{left:50%;transform:translateX(-50%);}.elementor-20399 .elementor-element.elementor-element-02ca290 .rs-divider.dot-enable::after{display:none !important;}.elementor-20399 .elementor-element.elementor-element-02ca290.elementor-widget-rs-divider{width:480px;height:1px;}.elementor-20399 .elementor-element.elementor-element-48a2561{--display:flex;}@media(max-width:1366px){.elementor-20399 .elementor-element.elementor-element-e226766{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;}}@media(max-width:1200px){.elementor-20399 .elementor-element.elementor-element-e226766 .rstb-page-title{font-size:50px;line-height:60px;}}@media(max-width:1024px){.elementor-20399 .elementor-element.elementor-element-cc98a61{--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-20399 .elementor-element.elementor-element-e226766{width:100%;max-width:100%;}.elementor-20399 .elementor-element.elementor-element-e226766 .rstb-page-title{font-size:46px;line-height:1.2em;}}@media(max-width:880px){.elementor-20399 .elementor-element.elementor-element-e226766 .rstb-page-title{font-size:36px;}}@media(max-width:767px){.elementor-20399 .elementor-element.elementor-element-cc98a61{--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-20399 .elementor-element.elementor-element-cc98a61{--content-width:1620px;}}/* Start custom CSS for html, class: .elementor-element-d3a36d5 *//* AIK Co-Curricular Activities
   Paste in: WordPress Dashboard > Appearance > Customize > Additional CSS */

.aik-cca{
  --green:#0E5A3A; --light:#F3F7F4; --ink:#1D2B23; --muted:#4F6157; --line:#DCE6DF;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink); line-height:1.7; font-size:18px;
}
.aik-cca *{box-sizing:border-box}
.aik-cca h1,.aik-cca h3,.aik-cca p{margin:0}
.aik-cca .wrap{max-width:960px;margin:0 auto;padding:0 24px}

.aik-cca .top{padding:72px 0 56px;text-align:center}
.aik-cca h1{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--green);line-height:1.15}
.aik-cca .bar{width:64px;height:4px;background:var(--green);border-radius:2px;margin:20px auto 28px}
.aik-cca .top p{color:var(--muted);max-width:760px;margin:0 auto}

.aik-cca .societies{background:transparent;padding:8px 0 72px}
.aik-cca .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.aik-cca .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px 20px;text-align:center;box-shadow:0 8px 24px -16px rgba(14,90,58,.35)}
.aik-cca .card h3{font-size:20px;font-weight:600;color:var(--ink)}

.aik-cca .icon{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;background:#E3F0E8;
  display:flex;align-items:center;justify-content:center;transition:background .2s}
.aik-cca .icon span{font-size:38px;line-height:1;display:block}
.aik-cca .card:hover .icon{background:var(--green)}

@media (max-width:700px){
  .aik-cca .grid{grid-template-columns:1fr}
  .aik-cca .top{padding:48px 0 40px}
}/* End custom CSS */