.elementor-kit-5{--e-global-color-primary:#25247B;--e-global-color-secondary:#171A4A;--e-global-color-text:#5E6680;--e-global-color-accent:#00ABE5;--e-global-color-cream:#F6FAFF;--e-global-color-hairline:#E2E8F4;--e-global-color-footerbg:#17164F;--e-global-color-accsoft:#55C9F0;--e-global-color-white:#FFFFFF;--e-global-color-navytext:#D7D9F1;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.05em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:17px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:1.28em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:2.2px;color:#5E6680;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#00ABE5;font-family:"Inter", Sans-serif;font-size:14px;font-weight:800;color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:14px 22px 14px 22px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#25247B;color:#FFFFFF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#25247B;}.elementor-kit-5 a:hover{color:#00ABE5;}.elementor-kit-5 h1{color:#25247B;font-family:"DM Serif Display", Sans-serif;font-size:60px;font-weight:400;line-height:1.05em;}.elementor-kit-5 h2{color:#25247B;font-family:"DM Serif Display", Sans-serif;font-size:48px;font-weight:400;line-height:1.05em;}.elementor-kit-5 h3{color:#25247B;font-family:"DM Serif Display", Sans-serif;font-size:24px;font-weight:400;line-height:1.05em;}.elementor-kit-5 h4{color:#25247B;font-family:"Inter", Sans-serif;font-size:19px;font-weight:800;line-height:1.3em;}.elementor-kit-5 h5{color:#25247B;font-family:"Inter", Sans-serif;font-size:17px;font-weight:800;line-height:1.3em;}.elementor-kit-5 h6{color:#25247B;font-family:"Inter", Sans-serif;font-size:14px;font-weight:800;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ==========================================================================
   Stamford College — utility classes used by the Elementor build.
   Edit here (Site Settings > Custom CSS) to restyle every page at once.
   ========================================================================== */

/* Cover images at fixed heights ------------------------------------------ */
.sc-cover img{width:100%;object-fit:cover;display:block}
.sc-h180 img{height:180px}
.sc-h205 img{height:205px}
.sc-h255 img{height:255px}
.sc-h480 img{height:480px}
.sc-h500 img{height:500px}

/* Card lift --------------------------------------------------------------- */
.sc-card{transition:transform .2s ease, box-shadow .2s ease}
.sc-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(37,36,123,.12)}
.sc-clip{overflow:hidden}

/* Study card: image scrim + glass chip ------------------------------------ */
.sc-scrim:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(37,36,123,.58));pointer-events:none}
.sc-scrim > *{position:relative;z-index:2}
.sc-chip-glass p{margin:0;display:inline-block;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.17);padding:8px 12px;border-radius:8px}

/* Pills ------------------------------------------------------------------- */
.sc-chip{flex:0 0 auto}
.sc-chip p{margin:0;display:inline-block;background:#F6F7F8;padding:6px 9px;border-radius:999px;white-space:nowrap}
.sc-pill p{margin:0;display:inline-block;background:#fff;border:1px solid #E2E8F4;padding:8px 11px;border-radius:999px}

/* Study card glyph tile --------------------------------------------------- */
.sc-glyph{flex:0 0 52px}
.sc-glyph p{margin:0;width:52px;height:52px;display:grid;place-items:center;background:#00ABE5;border-radius:12px;color:#fff}

/* Round tick used in check lists ------------------------------------------ */
.sc-tick{flex:0 0 30px}
.sc-tick p{margin:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#E4F7FD}

/* Mission / Vision / Values cards ----------------------------------------- */
.sc-mvv{position:relative;overflow:hidden}
.sc-mvv:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-55px;pointer-events:none;background:linear-gradient(135deg,rgba(37,36,123,.08),rgba(0,171,229,.11))}
.sc-mvv > *{position:relative;z-index:1}

/* Quick links -------------------------------------------------------------- */
.sc-quicklink{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.sc-quicklink:hover{transform:translateY(-2px);border-color:#AEE8FA;box-shadow:0 12px 26px rgba(37,36,123,.07)}

/* Numbered step dot ------------------------------------------------------- */
.sc-step-dot{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#DDF5FD}

/* Breadcrumb -------------------------------------------------------------- */
.sc-crumb p{margin:0}
.sc-crumb a{color:#5E6680}
.sc-crumb a:hover{color:#00ABE5}
.sc-crumb span{margin:0 7px;color:#9AA3B8}

/* Layout helpers ---------------------------------------------------------- */
/* Flexbox safety net: a flex item's automatic minimum size is its content, so
   a long heading or unbroken word can force a container wider than the screen
   and give the whole page a horizontal scrollbar. */
.e-con.e-flex > .e-con,
.e-con.e-flex > .elementor-widget{min-width:0}
.sc-richtext,.sc-legal{overflow-wrap:break-word}
.sc-grow{flex:1 1 260px}
.sc-max610{max-width:610px}
.sc-vrule{flex:0 0 1px}

/* Header ------------------------------------------------------------------ */
.sc-blur{backdrop-filter:blur(12px)}
.sc-topbar a{color:#E9F8FD}
.sc-topbar a:hover{color:#55C9F0}
.sc-topbar p{margin:0}
/* The logo is the only flexible item in the row, so without this it absorbs
   every pixel the nav and buttons need and collapses. */
.sc-header .sc-logo{flex:0 0 auto}
.sc-header .sc-headercta{flex:0 0 auto}

/* Footer ------------------------------------------------------------------ */
.sc-logo-white img{filter:brightness(0) invert(1)}
.sc-footer-links a{color:#D9E2E5;text-decoration:none}
.sc-footer-links a:hover{color:#55C9F0}
.sc-footer-links .elementor-icon-list-item a{font-size:12px}

/* Homepage hero ----------------------------------------------------------- */
.sc-h1-em em{font-style:italic;color:#00ABE5;font-weight:400}
.sc-hero-visual{position:relative}
.sc-hero-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(8,40,56,.02) 45%,rgba(8,40,56,.42) 100%)}
.sc-vword{position:absolute;right:16px;top:60px;writing-mode:vertical-rl;z-index:2}
.sc-vword p{margin:0}
.sc-seal p{margin:0}
.sc-btn-lux .elementor-button{box-shadow:0 12px 28px rgba(0,171,229,.25)}
.sc-btn-quiet .elementor-button{box-shadow:none}

/* Course filter tabs ------------------------------------------------------ */
.sc-course-tabs .e-n-tab-title{cursor:pointer;white-space:nowrap}
.sc-course-tabs .e-n-tabs-heading{flex-wrap:wrap}

/* Fluent Forms inside the enquiry card ------------------------------------ */
.sc-form .ff-el-input--label label{font-size:11px;font-weight:800;color:#25247B}
.sc-form .ff-el-form-control{border:1px solid #D9E0E4;border-radius:10px;padding:12px;font-family:Inter,sans-serif;background:#fff}
.sc-form .ff-el-form-control:focus{border-color:#00ABE5;box-shadow:0 0 0 3px rgba(0,171,229,.12);outline:none}
.sc-form .ff-btn-submit{background:#00ABE5;border:0;border-radius:12px;min-height:50px;padding:12px 22px;font-weight:800;font-family:Inter,sans-serif;color:#fff;transition:.2s}
.sc-form .ff-btn-submit:hover{background:#25247B;transform:translateY(-2px)}

/* Course pages ------------------------------------------------------------ */
.sc-course-visual{min-height:545px}
.sc-fact-card{max-width:270px}
.sc-fact-badge{flex:0 0 46px}
.sc-fact-badge p{margin:0;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#25247B,#00ABE5)}
.sc-coursenav{position:sticky;top:82px;z-index:40}
.sc-navpill a,.sc-navpill{display:inline-block;padding:9px 12px;border-radius:999px;white-space:nowrap}
.sc-navpill a{color:#6E7898;padding:0}
.sc-navpill:hover{background:#E9F8FD}
.sc-navpill:hover a{color:#25247B}
.sc-sticky-side{position:sticky;top:145px}
.sc-codechip p{margin:0;display:inline-block;background:#E1F7FD;color:#087EA6;padding:7px 9px;border-radius:999px}
.sc-finalcta{position:relative}
.sc-finalcta:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-110px;top:-120px;pointer-events:none}
.sc-finalcta > *{position:relative;z-index:2}

/* Rich-text blocks carried over from the source pages ---------------------- */
.sc-richtext > p{font-size:17px}
.sc-richtext h3{font-family:Inter,sans-serif;font-size:1.03rem;font-weight:800;margin:27px 0 10px;color:#25247B}
.sc-richtext ul{padding-left:20px}
.sc-richtext li{margin-bottom:6px}
.sc-richtext .course-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}
.sc-richtext .course-fact{position:relative;overflow:hidden;border:1px solid #E2E8F4;border-radius:18px;padding:20px;background:#fff}
.sc-richtext .course-fact:after{content:"";position:absolute;width:80px;height:80px;right:-30px;top:-30px;border-radius:50%;background:rgba(0,171,229,.07)}
.sc-richtext .course-fact small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#8992AE;font-weight:800}
.sc-richtext .course-fact strong{display:block;margin-top:5px;color:#25247B;font-size:14px;line-height:1.4}
.sc-richtext .fee-card{margin-top:24px;background:linear-gradient(135deg,#25247B,#35349C);color:#fff;border-radius:22px;padding:24px}
.sc-richtext .fee-card h3{color:#fff;margin-top:0}
.sc-richtext .fee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sc-richtext .fee{padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:14px}
.sc-richtext .fee small{display:block;color:#AEB7E4;text-transform:uppercase;font-size:9px;letter-spacing:.09em}
.sc-richtext .fee strong{display:block;color:#fff;font-size:17px;margin-top:5px}
.sc-richtext .table-wrap{overflow:auto;border:1px solid #E2E8F4;border-radius:16px;margin:20px 0}
.sc-richtext table.units{width:100%;border-collapse:collapse;min-width:680px}
.sc-richtext .units th,.sc-richtext .units td{padding:12px 14px;border-bottom:1px solid #E2E8F4;text-align:left;vertical-align:top}
.sc-richtext .units th{background:#F1FAFD;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#25247B}
.sc-richtext .units td{font-size:13px;color:#5E6680}
.sc-richtext .units td:first-child{font-weight:800;color:#25247B;width:160px}
.sc-richtext .units tr:last-child td{border-bottom:0}
.sc-richtext .units tr:hover td{background:#FBFDFF}
.sc-richtext .subhead{background:#EEF8FE!important;color:#087EA6!important;font-weight:800!important}
.sc-richtext .assess-intro{background:#F7FBFF;border:1px solid #E2E8F4;border-left:4px solid #00ABE5;border-radius:16px;padding:20px;margin:18px 0}
.sc-richtext .assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.sc-richtext .assess-card{border:1px solid #E2E8F4;border-radius:18px;padding:20px;background:#fff}
.sc-richtext .assess-card h3{margin-top:0}
.sc-richtext .assess-card ul{margin-bottom:0}

/* Admissions / student information blocks --------------------------------- */
.sc-richtext .info-intro{background:linear-gradient(135deg,#F6FBFF,#FBFAFF);border:1px solid #E2E8F4;border-radius:22px;padding:26px;margin-bottom:34px}
.sc-richtext .info-intro p:last-child{margin-bottom:0}
.sc-richtext .info-intro .kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#00ABE5;margin-bottom:12px}
.sc-richtext .info-intro h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:2rem;line-height:1.08;margin:0 0 14px;color:#25247B}
.sc-richtext .steps{display:grid;gap:18px}
.sc-richtext .step{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:start;border:1px solid #E2E8F4;border-radius:20px;padding:24px;background:#fff}
.sc-richtext .step-num{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#25247B,#00ABE5);color:#fff;display:grid;place-items:center;font-weight:900}
.sc-richtext .step h3{font-family:Inter,sans-serif;font-size:18px;font-weight:800;margin:0 0 8px;color:#25247B}
.sc-richtext .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sc-richtext .card{border:1px solid #E2E8F4;border-radius:18px;padding:22px;background:#fff;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.sc-richtext .card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(37,36,123,.12);border-color:#BDEBFA}
.sc-richtext .card h3{font-family:Inter,sans-serif;font-size:17px;font-weight:800;margin:0 0 8px;color:#25247B}
.sc-richtext .card p:last-child{margin-bottom:0}
.sc-richtext .notice{border-left:4px solid #00ABE5;background:#F3FBFE;border-radius:14px;padding:20px;margin:22px 0}
.sc-richtext .notice strong{color:#25247B}
.sc-richtext .checklist{display:grid;gap:10px;margin:18px 0}
.sc-richtext .checkitem{display:flex;gap:11px;padding:13px 0;border-top:1px solid #E2E8F4}
.sc-richtext .checkitem b{color:#00ABE5}
.sc-richtext .resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sc-richtext .resource{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #E2E8F4;border-radius:16px;padding:18px;background:#fff;font-weight:800;color:#25247B}
.sc-richtext .resource:hover{border-color:#AFE9FA;box-shadow:0 12px 26px rgba(37,36,123,.07)}
.sc-richtext .resource span:last-child{color:#00ABE5}
.sc-richtext .form-list{display:grid;gap:12px}
.sc-richtext .form-row{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;border:1px solid #E2E8F4;border-radius:16px;padding:16px;background:#fff}
.sc-richtext .form-row .ico{width:42px;height:42px;border-radius:12px;background:#E8F8FD;color:#00ABE5;display:grid;place-items:center;font-weight:900}
.sc-richtext .form-row b{font-size:13px;color:#25247B}
.sc-richtext .form-row a{font-size:11px;font-weight:800;color:#00ABE5}
.sc-richtext h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:2rem;line-height:1.08;margin:34px 0 14px;color:#25247B}
.sc-richtext .lead{font-size:18px;color:#48516E}
.sc-richtext ol{padding-left:20px}

/* Legal pages -------------------------------------------------------------- */
.sc-draftnote{background:#25247B;border-left:4px solid #00ABE5;border-radius:16px;padding:20px 22px}
.sc-draftnote p{margin:0;color:#EAECFB}
.sc-draftnote strong{color:#fff}
.sc-legal mark.sc-todo{background:#FFF3D6;color:#6B4A00;border:1px dashed #E0B857;border-radius:6px;padding:2px 6px;display:inline}
.sc-legal ul{padding-left:20px;margin:0 0 16px}
.sc-legal li{margin-bottom:8px}
.sc-legal p{margin:0 0 14px}
.sc-legal a{color:#25247B;text-decoration:underline}
.sc-legal a:hover{color:#00ABE5}
.sc-sidenote a{color:#25247B}

/* Sticky sidebar card ------------------------------------------------------ */
.sc-sidecard{position:sticky;top:120px}
.sc-sidelink{padding:10px 0;border-top:1px solid #E2E8F4}
.sc-sidelink a{color:#25247B}
.sc-sidelink a:hover{color:#00ABE5}

/* Responsive -------------------------------------------------------------- */
@media(max-width:1024px){
  .sc-hero-frame{position:static!important;width:100%!important;min-height:430px!important;border-radius:90px 14px 14px 14px!important}
  .sc-hero-visual .sc-seal{left:8px!important;top:20px!important}
}
@media(max-width:1024px){
  /* Burger belongs beside the buttons on the right, not floating mid-header.
     The collapsed dropdown panel sits in normal flow and inflates the nav
     widget to its own width, so take it out of flow and anchor it to the
     header; the logo then absorbs the slack and pushes the group right. */
  .sc-header > .e-con-inner{gap:14px;justify-content:flex-start}
  .sc-header .sc-logo{flex:1 0 auto}
  .sc-header .sc-headercta{order:2;flex:0 0 auto}
  .sc-header .sc-nav{order:3;flex:0 0 auto;width:auto;position:static}
  /* The nav. prefix matters: submenu lists carry the same class, and
     absolutely positioning those would break the mobile menu's dropdowns. */
  .sc-header .sc-nav nav.elementor-nav-menu--dropdown{
    position:absolute;left:0;right:0;top:100%;width:auto;
    border-top:1px solid #E2E8F4;box-shadow:0 18px 50px rgba(37,36,123,.12)
  }
  .sc-header .elementor-menu-toggle{margin:0}

  .sc-course-visual{min-height:500px}
  .sc-sticky-side,.sc-sidecard{position:relative;top:auto}
  .sc-richtext .course-facts,.sc-richtext .assessment-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  /* Button size and the CTA's auto width are set through Elementor's own
     responsive controls; its per-element CSS outranks this file. */
  .sc-header > .e-con-inner{gap:8px}
  .sc-header .sc-headercta .elementor-button{white-space:nowrap}

  .sc-h500 img,.sc-h480 img{height:320px}
  .sc-seal{min-height:82px!important}
  .sc-hero-visual{min-height:430px}
  .sc-course-visual{min-height:400px}
  .sc-richtext .fee-grid{grid-template-columns:1fr}
  .sc-coursenav{position:static}
  .sc-richtext .cards,.sc-richtext .resource-grid{grid-template-columns:1fr}
  .sc-richtext .step{grid-template-columns:1fr}
  .sc-richtext .form-row{grid-template-columns:42px 1fr}
  .sc-richtext .form-row a{grid-column:2}
}

/* Small phones (iPhone SE and similar). Elementor has a single mobile tier and
   emits its per-element rules after this file, so reclaiming the last 40px of
   header here needs !important to win. */
@media(max-width:360px){
  .sc-header > .e-con-inner{gap:6px}
  .sc-header .sc-logo img{width:104px!important}
  .sc-header .sc-headercta .elementor-button{padding:9px 11px!important;font-size:11px!important}
}/* End custom CSS */