@charset "UTF-8";
/* ---------------------------------------- BODY HTML ---------------------------------------- */
body,
html {
  max-width: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
}

/* ---------------------------------------- FONTS - PARAS & HEADINGS ---------------------------------------- */
@font-face {
  font-family: "icomoon";
  src: url("/fonts/icomoon.eot");
  src: url("/fonts/icomoon.eot") format("embedded-opentype"), url("/fonts/IcoMoon.ttf") format("truetype"), url("/fonts/icomoon.woff") format("woff"), url("/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p.header-style {
  margin-bottom: 1rem;
  font-family: "Ubuntu", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0;
  padding: 0;
  font-weight: 500;
  color: rgb(0, 40, 85);
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: rgb(0, 40, 85);
}

h3 {
  font-size: 1.875rem;
  font-weight: 700;
}

h4 {
  font-size: 1.5rem;
  font-weight: 700;
}

.strong {
  font-weight: 700;
}

.light-font {
  font-weight: 300;
}

.small, small {
  font-size: 0.7rem;
  line-height: 1;
}

.display-5 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-filhr {
  font-size: 3.43rem;
  font-weight: 300;
  line-height: 1.2;
}

.review {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  font-style: italic;
  margin-bottom: 0.3rem;
}

.review-title {
  font-size: 0.8rem;
}

.font-24 {
  font-size: 1.5rem;
  font-weight: 700;
}

h1.ics-dark-font,
h2.ics-dark-font,
h3.ics-dark-font,
h4.ics-dark-font,
h5.ics-dark-font,
h6.ics-dark-font,
p.ics-dark-font,
.ics-dark-font,
.ics-dark-font:before {
  color: rgb(0, 40, 85);
}

.boldtext {
  font-weight: bold;
}

li.sub-nav {
  padding: 11px 0 0 0;
}

.text-left {
  text-align: left !important;
}

@media screen and (max-width: 768px) {
  body,
  html {
    overflow-x: hidden;
  }
  .display-4 {
    font-size: 2.625rem;
  }
  .display-5 {
    font-size: 1.5rem;
  }
  p.subtitle,
  li.subtitle {
    font-size: 1.15rem;
  }
  .review {
    font-size: 1.15rem;
  }
  .h2,
  h2 {
    font-size: 1.875rem;
    font-weight: 700;
  }
  .h3,
  h3 {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .h4, h4 {
    font-size: 1.125rem;
    font-weight: 700;
  }
}
/* ---------------------------------------- COLOURS ---------------------------------------- */
/* ---------------------

ICS COLOUR 
in RGBA

CORE - class name: .ics
Primary Blue: rgba(0,163,225,1);
Secondary Blue: rgba(30,34,170,1);
Dark Blue: rgba(0,40,85,1);

HR - class name: .hr
Purple: rgba(100,47,108,1);
Secondary Purple rgba(139,132,215,1);

LEARNING & DEVELOPMENT - class name: .ld
Light Purple: rgba(168,61,114,1);
Secondary Purple: rgba(100,47,108,1);

ACCOUNTS - class name: .aat
Green: rgba(0,122,83,1);
Secondary Green: rgba(0,150,129,1);

ALEVEL - GCSE - class name: .high
Light Green: rgba(90,135,45,1);
Secondary Yellow: rgba(251,225,34,1);

MARKETING - LEADERSHIP MANAGEMENT - PROCUREMENT & SUPPLY - class name: .bus
Red: rgba(228,0,70,1);
Secondary Red: rgba(223,70,97,1);

PERSONAL TRAINER - class name: .pt
Blue: rgba(0,163,225,1);
Secondary Purple rgba(139,132,215,1);

NAVIGATION
Dark Blue: rgba(0,40,85,1);
Border Blue: rgba(0,163,225,1);

WARNNG
Red: rgba(228,0,70,1);

GREYS
Dark font: rgba(69,69,69,1);
Font: rgba(109,109,109,1);
Light font: rgba(152,152,152,1);
Lines & borders: rgba(217, 217, 217, 1);
Shadow: rgba(0,0,0,0.4);
Light background: rgba(0,40,85,0.05);
White background: rgba(255,255,255,1);
Speech bubble background: rgba(236, 236, 236, 0.9);

--------------------- */
/* ---------------------------------------- FONTS - LINKS - etc COLOURS ---------------------------------------- */
a {
  color: rgb(0, 40, 85);
  text-decoration: none;
}

.font-white {
  color: rgb(255, 255, 255);
}

p {
  font-size: 1.125rem;
  color: rgb(109, 109, 109);
}

.font-grey p {
  color: rgb(109, 109, 109);
}

.tab-link {
  color: rgb(109, 109, 109) !important;
}

p.light-grey,
a.light-grey {
  color: rgb(109, 109, 109);
}

a:hover {
  color: rgb(0, 40, 85);
}

h1.ics-prim-font,
h2.ics-prim-font,
h3.ics-prim-font,
h4.ics-prim-font,
h5.ics-prim-font,
h6.ics-prim-font,
p.ics-prim-font,
.ics-prim-font,
.ics-prim-font:before {
  color: rgb(0, 40, 85) !important;
}

h1.ics-sec-font,
h2.ics-sec-font,
h3.ics-sec-font,
h4.ics-sec-font,
h5.ics-sec-font,
h6.ics-sec-font,
p.ics-sec-font,
.ics-sec-font,
.ics-sec-font:before {
  color: rgb(30, 34, 170);
}

h1.ics-dark-font,
h2.ics-dark-font,
h3.ics-dark-font,
h4.ics-dark-font,
h5.ics-dark-font,
h6.ics-dark-font,
p.ics-dark-font,
.ics-dark-font,
.ics-dark-font:before {
  color: rgb(0, 40, 85);
}

.callButton .call-us-link {
  color: white !important;
}

.btn-link {
  text-decoration: none;
}

/* ---------------------------------------- BACKGROUND COLOURS ---------------------------------------- */
/*ics-prim-bg-grad below used for refer-a-friend page*/
.ics-prim-bg-grad-reverse-75 {
  background: linear-gradient(to right, rgba(30, 34, 170, 0.75) 0%, rgba(0, 163, 225, 0.75) 100%);
}

.bg-white {
  background-color: rgb(255, 255, 255);
}

.bg-white-75 {
  background-color: rgba(255, 255, 255, 0.75);
}

.bg-grey {
  background-color: rgba(0, 40, 85, 0.1);
}

.bg-grey-30 {
  background-color: rgba(0, 40, 85, 0.3);
}

.bg-grey-30-border {
  border-color: rgb(178, 190, 204);
}

.light-grey-bg {
  background: rgba(0, 40, 85, 0.05);
}

.light-grey-bg-10 {
  background: rgba(0, 40, 85, 0.1);
}

.bg-dark {
  background-color: rgb(69, 69, 69) !important;
}

.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6,
.bg-white-75 h1,
.bg-white-75 h2,
.bg-white-75 h3,
.bg-white-75 h4,
.bg-white-75 h5,
.bg-white-75 h6,
.bg-grey h1,
.bg-grey h2,
.bg-grey h3,
.bg-grey h4,
.bg-grey h5,
.bg-grey h6 {
  color: rgb(69, 69, 69);
}

.bg-white p,
.bg-white li,
.bg-white label,
.bg-white-75 p,
.bg-white-75 li,
.bg-grey p,
.bg-grey li,
.bg-grey label {
  color: rgb(109, 109, 109);
}

.ics-sec-bg {
  background-color: rgb(30, 34, 170);
}

.ics-dark-bg {
  background-color: rgb(0, 40, 85);
}

.ics-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(0, 163, 225) 0%, rgb(30, 34, 170) 100%);
}

.ics-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(0, 163, 225, 0.75) 0%, rgba(30, 34, 170, 0.75) 100%);
}

.ics-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(0, 163, 225, 0.5) 0%, rgba(30, 34, 170, 0.5) 100%);
}

.ics-sec-bg-grad-100 {
  background: linear-gradient(to right, rgb(0, 163, 225) 0%, rgb(60, 219, 192) 100%);
}

.ics-sec-bg-grad-75 {
  background: linear-gradient(to right, rgba(0, 163, 225, 0.75) 0%, rgba(60, 219, 192, 0.75) 100%);
}

.ics-sec-bg-grad-50 {
  background: linear-gradient(to right, rgba(0, 163, 225, 0.5) 0%, rgba(60, 219, 192, 0.5) 100%);
}

.ics-hero-bg-grad-25 {
  background: linear-gradient(to right, rgba(0, 40, 85, 0.25) 0%, rgba(30, 34, 170, 0.25) 100%);
}

.ics-hero-bg-grad-75 {
  background: linear-gradient(to right, rgba(0, 40, 85, 0.75) 0%, rgba(30, 34, 170, 0.75) 100%);
}

.ics-prim-bg-grad-reverse-25 {
  background: linear-gradient(to right, rgba(30, 34, 170, 0.25) 0%, rgba(0, 163, 225, 0.25) 100%);
}

.ics-prim-bg-grad-reverse-75 {
  background: linear-gradient(to right, rgba(30, 34, 170, 0.75) 0%, rgba(0, 163, 225, 0.75) 100%);
}

.ics-prim-bg-grad-100-hover {
  background: linear-gradient(to right, rgb(0, 163, 225) 0%, rgb(30, 34, 170) 100%);
}

.ics-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(0, 163, 225) 0%, rgb(30, 34, 170) 100%);
}

.ics-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(0, 40, 85) 0%, rgba(30, 34, 170, 0.75) 100%);
}

@media screen and (max-width: 768px) {
  .pm-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  }
  .it-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(223, 70, 97) 100%);
  }
  .aat-prim-bg-grad-100-hover, .icb-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(0, 122, 83) 0%, rgb(0, 150, 129) 100%);
  }
  .icb-prim-bg-grad-100-hover, .icb-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(0, 122, 83) 0%, rgb(0, 150, 129) 100%);
  }
  .ilm-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  }
  .cmi-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  }
  .cips-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  }
  .cim-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  }
  .high-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(116, 170, 80) 0%, rgb(251, 225, 34) 100%);
  }
  .hr-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(100, 47, 108) 0%, rgb(139, 132, 215) 100%);
  }
  .ld-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(168, 61, 114) 0%, rgb(100, 47, 108) 100%);
  }
  .ics-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(0, 163, 225) 0%, rgb(30, 34, 170) 100%);
  }
  .cgi-prim-bg-grad-100-hover {
    background: linear-gradient(to right, rgb(29, 8, 42) 0%, rgb(216, 141, 202) 100%);
  }
  .libf-prim-bg-grad-100-hover {
    background: linear-gradient(to right, #d04a16 0%, #ee7331 100%);
  }
}
/* ---------------------------------------- BORDERS ---------------------------------------- */
hr {
  border-top: 1px solid rgb(217, 217, 217);
}

.border {
  border: 1px solid rgb(217, 217, 217) !important;
}

.border-top {
  border-top: 1px solid rgb(217, 217, 217) !important;
}

.border-right {
  border-right: 1px solid rgb(217, 217, 217) !important;
}

.border-bottom {
  border-bottom: 1px solid rgb(217, 217, 217) !important;
}

.border-left {
  border-left: 1px solid rgb(217, 217, 217) !important;
}

.border-grey-15 {
  border: 15px solid rgba(0, 40, 85, 0.1);
}

.border-top-3 {
  border-top: 3px solid rgb(217, 217, 217);
}

.border-bottom-3 {
  border-bottom: 3px solid rgb(217, 217, 217);
}

.border-left-3 {
  border-left: 3px solid rgb(217, 217, 217);
}

.border-right-3 {
  border-right: 3px solid rgb(217, 217, 217);
}

.borderTest {
  border-color: rgb(0, 40, 85);
  border-radius: 1px !important;
  border-width: 3px;
}

.border-bottom-2 {
  border-bottom: 2px solid rgb(217, 217, 217) !important;
}

.faculty-wrap-in .border-right-3 {
  border-right: 3px solid rgb(255, 255, 255);
}

.page-hero .border-left {
  border-left: 1px solid rgb(255, 255, 255) !important;
}

.ics-prim-bg-grad-100 hr,
.ics-prim-bg-grad-75 hr,
.ics-prim-bg-grad-50 hr,
.ics-sec-bg-grad-100 hr,
.ics-sec-bg-grad-75 hr,
.ics-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.ics-prim-border-left {
  border-left-color: rgb(0, 163, 225) !important;
}

/* ---------------------------------------- SHADOWS ---------------------------------------- */
.box-shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.box-shadow:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

#home > div:first-child {
  box-shadow: inset 0px 0px 400px -100px rgba(0, 0, 0, 0.75);
}

/* ---------------------------------------- BUTTONS ---------------------------------------- */
.btn a:hover {
  color: rgb(255, 255, 255);
}

.white-prim-btn,
.ics-core-btn,
.hr-core-btn,
.ld-core-btn,
.aat-core-btn,
.icb-core-btn,
.high-core-btn,
.bus-core-btn,
.cmi-core-btn,
.pt-core-btn {
  color: rgb(0, 40, 85);
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

.white-sec-btn {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

.white-prim-btn:hover,
.white-sec-btn:hover {
  background-color: rgb(255, 255, 255);
}

.white-alt-btn {
  color: rgb(0, 40, 85);
  background-color: rgb(255, 255, 255);
  border: 3px solid rgb(0, 40, 85);
}

.white-alt-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 40, 85);
  border: 3px solid rgb(0, 40, 85);
}

.white-alt-btn i {
  color: rgb(0, 40, 85);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.white-alt-btn:hover .icon-phone,
.white-alt-btn:hover .icon-mail_outline {
  color: rgb(255, 255, 255);
}

.copymargin {
  margin-top: 100px;
}

.btn-primary,
.chat-button .icon {
  text-shadow: 1px 1px 4px rgba(0, 40, 85, 0.7);
}

.sec-btn {
  text-shadow: none !important;
  border: 3px solid rgb(217, 217, 217);
  color: rgb(109, 109, 109);
  cursor: pointer;
}

.sec-btn:hover {
  background-color: rgba(217, 217, 217, 0.6);
}

.ics-prim-bg,
.ics-prim-btn {
  background-color: rgb(0, 163, 225);
}

.ics-prim-btn {
  border-color: rgb(0, 163, 225);
}

.ics-prim-btn:hover {
  background-color: rgb(30, 34, 170);
  border-color: rgb(30, 34, 170);
}

.ics-sec-btn {
  border-color: rgb(0, 163, 225);
  color: rgb(0, 163, 225);
}

.ics-sec-btn:hover {
  background-color: rgb(0, 163, 225);
  color: rgb(255, 255, 255);
}

.ics-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 163, 225, 0.8);
}

.ics-prim-bg-grad-100 .ics-prim-btn,
.ics-prim-bg-grad-75 .ics-prim-btn,
.ics-prim-bg-grad-50 .ics-prim-btn,
.ics-sec-bg-grad-100 .ics-prim-btn,
.ics-sec-bg-grad-75 .ics-prim-btn,
.ics-sec-bg-grad-50 .ics-prim-btn {
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(0, 40, 85);
  text-shadow: none;
}

.ics-prim-bg-grad-100 .ics-prim-btn:hover,
.ics-prim-bg-grad-75 .ics-prim-btn:hover,
.ics-prim-bg-grad-50 .ics-prim-btn:hover,
.ics-sec-bg-grad-100 .ics-prim-btn:hover,
.ics-sec-bg-grad-75 .ics-prim-btn:hover,
.ics-sec-bg-grad-50 .ics-prim-btn:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.ics-prim-bg-grad-100 .bg-white .ics-prim-btn,
.ics-prim-bg-grad-75 .bg-white .ics-prim-btn,
.ics-prim-bg-grad-50 .bg-white .ics-prim-btn,
.ics-sec-bg-grad-100 .bg-white .ics-prim-btn,
.ics-sec-bg-grad-75 .bg-white .ics-prim-btn,
.ics-sec-bg-grad-50 .bg-white .ics-prim-btn,
.ics-prim-bg-grad-100 .bg-grey .ics-prim-btn,
.ics-prim-bg-grad-75 .bg-grey .ics-prim-btn,
.ics-prim-bg-grad-50 .bg-grey .ics-prim-btn,
.ics-sec-bg-grad-100 .bg-grey .ics-prim-btn,
.ics-sec-bg-grad-75 .bg-grey .ics-prim-btn,
.ics-sec-bg-grad-50 .bg-grey .ics-prim-btn {
  background-color: rgb(0, 163, 225);
  border-color: rgb(0, 163, 225);
  color: rgb(255, 255, 255);
}

.ics-prim-bg-grad-100 .bg-white .ics-prim-btn:hover,
.ics-prim-bg-grad-75 .bg-white .ics-prim-btn:hover,
.ics-prim-bg-grad-50 .bg-white .ics-prim-btn:hover,
.ics-sec-bg-grad-100 .bg-white .ics-prim-btn:hover,
.ics-sec-bg-grad-75 .bg-white .ics-prim-btn:hover,
.ics-sec-bg-grad-50 .bg-white .ics-prim-btn:hover,
.ics-prim-bg-grad-100 .bg-grey .ics-prim-btn:hover,
.ics-prim-bg-grad-75 .bg-grey .ics-prim-btn:hover,
.ics-prim-bg-grad-50 .bg-grey .ics-prim-btn:hover,
.ics-sec-bg-grad-100 .bg-grey .ics-prim-btn:hover,
.ics-sec-bg-grad-75 .bg-grey .ics-prim-btn:hover,
.ics-sec-bg-grad-50 .bg-grey .ics-prim-btn:hover {
  background-color: rgb(30, 34, 170);
  border-color: rgb(30, 34, 170);
  box-shadow: none;
}

.ics-hero-bg-grad-75 .ics-prim-btn {
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: rgb(0, 40, 85);
  text-shadow: none;
}

.ics-hero-bg-grad-75 .bg-white .ics-prim-btn {
  background-color: rgb(0, 163, 225);
  border: 3px solid rgb(0, 163, 225);
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 4px rgba(0, 40, 85, 0.7);
}

.ics-hero-bg-grad-75 .bg-white .ics-prim-btn:hover {
  background-color: rgb(30, 34, 170);
  border: 3px solid rgb(30, 34, 170);
}

.text-image-video .btn {
  width: 48%;
}

/* ---------------------------------------- HR STYLES ---------------------------------------- */
h1.hr-prim-font,
h2.hr-prim-font,
h3.hr-prim-font,
h4.hr-prim-font,
h5.hr-prim-font,
h6.hr-prim-font,
p.hr-prim-font,
.hr-prim-font,
.hr-prim-font:before {
  color: rgb(100, 47, 108) !important;
}

h1.hr-sec-font,
h2.hr-sec-font,
h3.hr-sec-font,
h4.hr-sec-font,
h5.hr-sec-font,
h6.hr-sec-font,
p.hr-sec-font,
.hr-sec-font,
.hr-sec-font:before {
  color: rgb(139, 132, 215);
}

.hr-prim-bg,
.hr-prim-btn {
  background-color: rgb(100, 47, 108);
}

.hr-prim-btn {
  border-color: rgb(100, 47, 108);
}

.hr-prim-btn:hover {
  background-color: rgb(139, 132, 215);
  border-color: rgb(139, 132, 215);
}

.hr-sec-btn {
  border-color: rgb(100, 47, 108);
  color: rgb(100, 47, 108);
}

.hr-sec-btn:hover {
  background-color: rgb(100, 47, 108);
  color: rgb(255, 255, 255);
}

.hr-sec-bg {
  background-color: rgb(139, 132, 215);
}

.hr-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(100, 47, 108) 0%, rgb(139, 132, 215) 100%);
}

.hr-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(100, 47, 108, 0.75) 0%, rgba(139, 132, 215, 0.75) 100%);
}

.hr-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(100, 47, 108, 0.5) 0%, rgba(139, 132, 215, 0.5) 100%);
}

.hr-prim-bg-grad-100 hr,
.hr-prim-bg-grad-75 hr,
.hr-prim-bg-grad-50 hr,
.hr-sec-bg-grad-100 hr,
.hr-sec-bg-grad-75 hr,
.hr-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.hr-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(100, 47, 108) 0%, rgba(139, 132, 215, 0.75) 100%);
}

.hr-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(100, 47, 108, 0.8);
}

.hr-prim-border-left {
  border-left-color: rgb(100, 47, 108) !important;
}

.hr-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(100, 47, 108) 0%, rgb(139, 132, 215) 100%);
}

/* ---------------------------------------- L&D STYLES ---------------------------------------- */
h1.ld-prim-font,
h2.ld-prim-font,
h3.ld-prim-font,
h4.ld-prim-font,
h5.ld-prim-font,
h6.ld-prim-font,
p.ld-prim-font,
.ld-prim-font,
.ld-prim-font:before {
  color: rgb(168, 61, 114) !important;
}

h1.ld-sec-font,
h2.ld-sec-font,
h3.ld-sec-font,
h4.ld-sec-font,
h5.ld-sec-font,
h6.ld-sec-font,
p.ld-sec-font,
.ld-sec-font,
.ld-sec-font:before {
  color: rgb(100, 47, 108);
}

.ld-prim-bg,
.ld-prim-btn {
  background-color: rgb(168, 61, 114);
}

.ld-prim-btn {
  border-color: rgb(168, 61, 114);
}

.ld-prim-btn:hover {
  background-color: rgb(100, 47, 108);
  border-color: rgb(100, 47, 108);
}

.ld-sec-btn {
  border-color: rgb(100, 47, 108);
  color: rgb(100, 47, 108);
}

.ld-sec-btn:hover {
  background-color: rgb(100, 47, 108);
  color: rgb(255, 255, 255);
}

.ld-sec-bg {
  background-color: rgb(100, 47, 108);
}

.ld-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(168, 61, 114) 0%, rgb(100, 47, 108) 100%);
}

.ld-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(168, 61, 114, 0.75) 0%, rgba(100, 47, 108, 0.75) 100%);
}

.ld-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(168, 61, 114, 0.5) 0%, rgba(100, 47, 108, 0.5) 100%);
}

.ld-prim-bg-grad-100 hr,
.ld-prim-bg-grad-75 hr,
.ld-prim-bg-grad-50 hr,
.ld-sec-bg-grad-100 hr,
.ld-sec-bg-grad-75 hr,
.ld-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.ld-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(100, 47, 108) 0%, rgba(168, 61, 114, 0.75) 100%);
}

.ld-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(168, 61, 114, 0.8);
}

.ld-prim-border-left {
  border-left-color: rgb(168, 61, 114) !important;
}

.ld-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(168, 61, 114) 0%, rgb(100, 47, 108) 100%);
}

/* ---------------------------------------- AAT ACCOUNTANCY AND BOOKKEEPING STYLES ---------------------------------------- */
h1.aat-prim-font,
h2.aat-prim-font,
h3.aat-prim-font,
h4.aat-prim-font,
h5.aat-prim-font,
h6.aat-prim-font,
p.aat-prim-font,
.aat-prim-font,
.aat-prim-font:before,
h1.icb-prim-font,
h2.icb-prim-font,
h3.icb-prim-font,
h4.icb-prim-font,
h5.icb-prim-font,
h6.icb-prim-font,
p.icb-prim-font,
.icb-prim-font,
.icb-prim-font:before {
  color: rgb(0, 122, 83) !important;
}

h1.aat-sec-font,
h2.aat-sec-font,
h3.aat-sec-font,
h4.aat-sec-font,
h5.aat-sec-font,
h6.aat-sec-font,
p.aat-sec-font,
.aat-prim-font,
.aat-sec-font:before,
h1.icb-sec-font,
h2.icb-sec-font,
h3.icb-sec-font,
h4.icb-sec-font,
h5.icb-sec-font,
h6.icb-sec-font,
p.icb-sec-font,
.icb-prim-font,
.icb-sec-font:before {
  color: rgb(0, 150, 129);
}

.aat-prim-bg,
.aat-prim-btn,
.icb-prim-bg,
.icb-prim-btn {
  background-color: rgb(0, 122, 83);
}

.aat-prim-btn,
.icb-prim-btn {
  border-color: rgb(0, 122, 83);
}

.aat-prim-btn:hover, .icb-prim-btn:hover {
  background-color: rgb(0, 150, 129);
  border-color: rgb(0, 150, 129);
}

.aat-sec-btn, .icb-sec-btn {
  border-color: rgb(0, 122, 83);
  color: rgb(0, 122, 83);
}

.aat-sec-btn:hover, .icb-sec-btn:hover {
  background-color: rgb(0, 122, 83);
  color: rgb(255, 255, 255);
}

.aat-sec-bg, .icb-sec-bg {
  background-color: rgb(0, 150, 129);
}

.aat-prim-bg-grad-100, .icb-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(0, 122, 83) 0%, rgb(0, 150, 129) 100%);
}

.aat-prim-bg-grad-75, .icb-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(0, 122, 83, 0.75) 0%, rgba(0, 150, 129, 0.75) 100%);
}

.aat-prim-bg-grad-50, .icb-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(0, 122, 83, 0.5) 0%, rgba(0, 150, 129, 0.5) 100%);
}

.aat-prim-bg-grad-100 hr,
.aat-prim-bg-grad-75 hr,
.aat-prim-bg-grad-50 hr,
.aat-sec-bg-grad-100 hr,
.aat-sec-bg-grad-75 hr,
.aat-sec-bg-grad-50 hr,
.icb-prim-bg-grad-100 hr,
.icb-prim-bg-grad-75 hr,
.icb-prim-bg-grad-50 hr,
.icb-sec-bg-grad-100 hr,
.icb-sec-bg-grad-75 hr,
.icb-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.aat-prim-bg-grad-100-75, .icb-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(0, 122, 83) 0%, rgba(0, 150, 129, 0.75) 100%);
}

.aat-core-btn:hover, .icb-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 122, 83, 0.8);
}

.aat-prim-border-left, .icb-prim-border-left {
  border-left-color: rgb(0, 122, 83) !important;
}

.aat-prim-bg-grad-100-hover:before, .icb-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(0, 122, 83) 0%, rgb(0, 150, 129) 100%);
}

/* ---------------------------------------- LIBF STYLES ---------------------------------------- */
h1.libf-prim-font,
h2.libf-prim-font,
h3.libf-prim-font,
h4.libf-prim-font,
h5.libf-prim-font,
h6.libf-prim-font,
p.libf-prim-font,
.libf-prim-font,
.libf-prim-font:before {
  color: #d04a16 !important;
}

h1.libf-sec-font,
h2.libf-sec-font,
h3.libf-sec-font,
h4.libf-sec-font,
h5.libf-sec-font,
h6.libf-sec-font,
p.libf-sec-font,
.libf-prim-font,
.libf-sec-font:before {
  color: #d04a16;
}

.libf-prim-bg,
.libf-prim-btn {
  background-color: #d04a16;
}

.libf-prim-btn {
  border-color: #d04a16;
}

.libf-prim-btn:hover {
  background-color: #d04a16;
  border-color: #d04a16;
}

.libf-sec-btn {
  border-color: rgb(0, 122, 83);
  color: rgb(0, 122, 83);
}

.libf-sec-btn:hover {
  background-color: rgb(0, 122, 83);
  color: rgb(255, 255, 255);
}

.libf-sec-bg {
  background-color: rgb(238, 115, 49);
}

.libf-prim-bg-grad-100 {
  background: linear-gradient(to right, #d04a16 0%, #ee7331 100%);
}

.libf-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(208, 74, 22, 0.75) 0%, rgba(238, 115, 49, 0.75) 100%);
}

.libf-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(208, 74, 22, 0.5) 0%, rgba(238, 115, 49, 0.5) 100%);
}

.libf-prim-bg-grad-100 hr,
.libf-prim-bg-grad-75 hr,
.libf-prim-bg-grad-50 hr,
.libf-sec-bg-grad-100 hr,
.libf-sec-bg-grad-75 hr,
.libf-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.libf-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(208, 74, 22) 0%, rgba(238, 115, 49, 0.75) 100%);
}

.libf-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 122, 83, 0.8);
}

.libf-prim-border-left {
  border-left-color: rgb(208, 74, 22) !important;
}

.libf-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(208, 74, 22) 0%, rgb(238, 115, 49) 100%);
}

/*LIBF DIPFA Styles*/
h1.libfdipfa-prim-font,
h2.libfdipfa-prim-font,
h3.libfdipfa-prim-font,
h4.libfdipfa-prim-font,
h5.libfdipfa-prim-font,
h6.libfdipfa-prim-font,
p.libfdipfa-prim-font,
.libfdipfa-prim-font,
.libfdipfa-prim-font:before {
  color: rgb(208, 74, 22) !important;
}

h1.libfdipfadipfa-sec-font,
h2.libfdipfa-sec-font,
h3.libfdipfa-sec-font,
h4.libfdipfa-sec-font,
h5.libfdipfa-sec-font,
h6.libfdipfa-sec-font,
p.libfdipfa-sec-font,
.libfdipfa-prim-font,
.libfdipfa-sec-font:before {
  color: rgb(208, 74, 22);
}

.libfdipfa-prim-bg,
.libfdipfa-prim-btn {
  background-color: rgb(208, 74, 22);
}

.libfdipfa-prim-btn {
  border-color: rgb(208, 74, 22);
}

.libfdipfa-prim-btn:hover {
  background-color: rgb(208, 74, 22);
  border-color: rgb(208, 74, 22);
}

.libfdipfa-sec-btn {
  border-color: rgb(0, 122, 83);
  color: rgb(0, 122, 83);
}

.libfdipfa-sec-btn:hover {
  background-color: rgb(0, 122, 83);
  color: rgb(255, 255, 255);
}

.libfdipfa-sec-bg {
  background-color: rgb(238, 115, 49);
}

.libfdipfa-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(208, 74, 22) 0%, rgb(238, 115, 49) 100%);
}

.libfdipfa-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(208, 74, 22, 0.75) 0%, rgba(238, 115, 49, 0.75) 100%);
}

.libfdipfa-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(208, 74, 22, 0.5) 0%, rgba(238, 115, 49, 0.5) 100%);
}

.libfdipfa-prim-bg-grad-100 hr,
.libfdipfa-prim-bg-grad-75 hr,
.libfdipfa-prim-bg-grad-50 hr,
.libfdipfa-sec-bg-grad-100 hr,
.libfdipfa-sec-bg-grad-75 hr,
.libfdipfa-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.libfdipfa-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(208, 74, 22) 0%, rgba(238, 115, 49, 0.75) 100%);
}

.libfdipfa-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 122, 83, 0.8);
}

.libfdipfa-prim-border-left {
  border-left-color: rgb(208, 74, 22) !important;
}

.libfdipfa-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(208, 74, 22) 0%, rgb(238, 115, 49) 100%);
}

/* ---------------------------------------- HIGH SCHOOL STYLES ---------------------------------------- */
h1.high-prim-font,
h2.high-prim-font,
h3.high-prim-font,
h4.high-prim-font,
h5.high-prim-font,
h6.high-prim-font,
p.high-prim-font,
.high-prim-font,
.high-prim-font:before {
  color: rgb(90, 135, 45) !important;
}

h1.high-sec-font,
h2.high-sec-font,
h3.high-sec-font,
h4.high-sec-font,
h5.high-sec-font,
h6.high-sec-font,
p.high-sec-font,
.high-sec-font,
.high-sec-font:before {
  color: rgb(90, 135, 45);
}

.high-prim-bg,
.high-prim-btn {
  background-color: rgb(90, 135, 45);
}

.high-prim-btn {
  border-color: rgb(90, 135, 45);
}

.high-prim-btn:hover {
  background-color: rgb(0, 122, 83);
  border-color: rgb(0, 122, 83);
}

.high-sec-btn {
  border-color: rgb(90, 135, 45);
  color: rgb(90, 135, 45);
}

.high-sec-btn:hover {
  background-color: rgb(90, 135, 45);
  color: rgb(255, 255, 255);
}

.high-sec-bg {
  background-color: rgb(251, 225, 34);
}

.high-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(90, 135, 45) 0%, rgb(251, 225, 34) 100%);
}

.high-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(90, 135, 45, 0.75) 0%, rgba(251, 225, 34, 0.75) 100%);
}

.high-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(90, 135, 45, 0.5) 0%, rgba(251, 225, 34, 0.5) 100%);
}

.high-prim-bg-grad-100 hr,
.high-prim-bg-grad-75 hr,
.high-prim-bg-grad-50 hr,
.high-sec-bg-grad-100 hr,
.high-sec-bg-grad-75 hr,
.high-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.high-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(90, 135, 45) 0%, rgba(251, 225, 34, 0.75) 100%);
}

.high-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(90, 135, 45, 0.8);
}

.high-prim-border-left {
  border-left-color: rgb(90, 135, 45) !important;
}

.high-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(90, 135, 45) 0%, rgb(251, 225, 34) 100%);
}

/* ---------------------------------------- CGI STYLES ---------------------------------------- */
h1.cgi-prim-font,
h2.cgi-prim-font,
h3.cgi-prim-font,
h4.cgi-prim-font,
h5.cgi-prim-font,
h6.cgi-prim-font,
p.cgi-prim-font,
.cgi-prim-font,
.cgi-prim-font:before {
  color: rgb(216, 141, 202) !important;
}

h1.cgi-sec-font,
h2.cgi-sec-font,
h3.cgi-sec-font,
h4.cgi-sec-font,
h5.cgi-sec-font,
h6.cgi-sec-font,
p.cgi-sec-font,
.cgi-sec-font,
.cgi-sec-font:before {
  color: rgb(216, 141, 202);
}

.cgi-prim-bg,
.cgi-prim-btn {
  background-color: rgb(216, 141, 202);
}

.cgi-prim-btn {
  border-color: rgb(216, 141, 202);
}

.cgi-prim-btn:hover {
  background-color: rgb(216, 141, 202);
  border-color: rgb(216, 141, 202);
}

.cgi-sec-btn {
  border-color: rgb(216, 141, 202);
  color: rgb(216, 141, 202);
}

.cgi-sec-btn:hover {
  background-color: rgb(90, 135, 45);
  color: rgb(255, 255, 255);
}

.cgi-sec-bg {
  background-color: rgb(251, 225, 34);
}

.cgi-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(29, 8, 42) 0%, rgb(216, 141, 202) 100%);
}

.cgi-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(29, 8, 42, 0.75) 0%, rgba(216, 141, 202, 0.75) 100%);
}

.cgi-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(29, 8, 42, 0.5) 0%, rgba(216, 141, 202, 0.5) 100%);
}

.high-prim-bg-grad-100 hr,
.high-prim-bg-grad-75 hr,
.high-prim-bg-grad-50 hr,
.high-sec-bg-grad-100 hr,
.high-sec-bg-grad-75 hr,
.high-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(216, 141, 202, 0.4);
}

.cgi-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(29, 8, 42) 0%, rgba(216, 141, 202, 0.75) 100%);
}

.cgi-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(90, 135, 45, 0.8);
}

.cgi-prim-border-left {
  border-left-color: rgb(29, 8, 42) !important;
}

.cgi-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(29, 8, 42) 0%, rgb(216, 141, 202) 100%);
}

/* ---------------------------------------- BUSINESS STYLES ---------------------------------------- */
h1.bus-prim-font,
h2.bus-prim-font,
h3.bus-prim-font,
h4.bus-prim-font,
h5.bus-prim-font,
h6.bus-prim-font,
p.bus-prim-font,
.bus-prim-font,
.bus-prim-font:before {
  color: rgb(228, 0, 70) !important;
}

h1.bus-sec-font,
h2.bus-sec-font,
h3.bus-sec-font,
h4.bus-sec-font,
h5.bus-sec-font,
h6.bus-sec-font,
p.bus-sec-font,
.bus-sec-font,
.bus-sec-font:before {
  color: rgb(223, 70, 97);
}

.bus-prim-bg,
.bus-prim-btn {
  background-color: rgb(228, 0, 70);
}

.bus-prim-btn {
  border-color: rgb(228, 0, 70);
}

.bus-prim-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
}

.bus-sec-btn {
  border-color: rgb(228, 0, 70);
  color: rgb(228, 0, 70);
}

.bus-sec-btn:hover {
  background-color: rgb(228, 0, 70);
  color: rgb(255, 255, 255);
}

.bus-sec-bg {
  background-color: rgb(223, 70, 97);
}

.bus-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.bus-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.75) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.bus-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.5) 0%, rgba(223, 70, 97, 0.5) 100%);
}

.bus-prim-bg-grad-100 hr,
.bus-prim-bg-grad-75 hr,
.bus-prim-bg-grad-50 hr,
.bus-sec-bg-grad-100 hr,
.bus-sec-bg-grad-75 hr,
.bus-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.bus-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.bus-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(228, 0, 70, 0.8);
}

.bus-prim-border-left {
  border-left-color: rgb(228, 0, 70) !important;
}

.bus-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

/*SP added faculty specific styles Start*/
/*ILM*/
h1.ilm-prim-font,
h2.ilm-prim-font,
h3.ilm-prim-font,
h4.ilm-prim-font,
h5.ilm-prim-font,
h6.ilm-prim-font,
p.ilm-prim-font,
.ilm-prim-font,
.ilm-prim-font:before {
  color: rgb(228, 0, 70) !important;
}

h1.ilm-sec-font,
h2.ilm-sec-font,
h3.ilm-sec-font,
h4.ilm-sec-font,
h5.ilm-sec-font,
h6.ilm-sec-font,
p.ilm-sec-font,
.ilm-sec-font,
.ilm-sec-font:before {
  color: rgb(223, 70, 97);
}

.ilm-prim-bg,
.ilm-prim-btn {
  background-color: rgb(228, 0, 70);
}

.ilm-prim-btn {
  border-color: rgb(228, 0, 70);
}

.ilm-prim-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
}

.ilm-sec-btn {
  border-color: rgb(228, 0, 70);
  color: rgb(228, 0, 70);
}

.ilm-sec-btn:hover {
  background-color: rgb(228, 0, 70);
  color: rgb(255, 255, 255);
}

.ilm-sec-bg {
  background-color: rgb(223, 70, 97);
}

.ilm-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.ilm-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.75) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.ilm-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.5) 0%, rgba(223, 70, 97, 0.5) 100%);
}

.ilm-prim-bg-grad-100 hr,
.ilm-prim-bg-grad-75 hr,
.ilm-prim-bg-grad-50 hr,
.ilm-sec-bg-grad-100 hr,
.ilm-sec-bg-grad-75 hr,
.ilm-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.ilm-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.ilm-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(228, 0, 70, 0.8);
}

.ilm-prim-border-left {
  border-left-color: rgb(228, 0, 70) !important;
}

.ilm-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

/*CMI Styles*/
h1.cmi-prim-font,
h2.cmi-prim-font,
h3.cmi-prim-font,
h4.cmi-prim-font,
h5.cmi-prim-font,
h6.cmi-prim-font,
p.cmi-prim-font,
.cmi-prim-font,
.cmi-prim-font:before {
  color: rgb(228, 0, 70) !important;
}

h1.cmi-sec-font,
h2.cmi-sec-font,
h3.cmi-sec-font,
h4.cmi-sec-font,
h5.cmi-sec-font,
h6.cmi-sec-font,
p.cmi-sec-font,
.cmi-sec-font,
.cmi-sec-font:before {
  color: rgb(223, 70, 97);
}

.cmi-prim-bg,
.cmi-prim-btn {
  background-color: rgb(228, 0, 70);
}

.cmi-prim-btn {
  border-color: rgb(228, 0, 70);
}

.cmi-prim-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
}

.cmi-sec-btn {
  border-color: rgb(228, 0, 70);
  color: rgb(228, 0, 70);
}

.cmi-sec-btn:hover {
  background-color: rgb(228, 0, 70);
  color: rgb(255, 255, 255);
}

.cmi-sec-bg {
  background-color: rgb(223, 70, 97);
}

.cmi-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.cmi-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.75) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.cmi-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.5) 0%, rgba(223, 70, 97, 0.5) 100%);
}

.cmi-prim-bg-grad-100 hr,
.cmi-prim-bg-grad-75 hr,
.cmi-prim-bg-grad-50 hr,
.cmi-sec-bg-grad-100 hr,
.cmi-sec-bg-grad-75 hr,
.cmi-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.cmi-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.cmi-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(228, 0, 70, 0.8);
}

.cmi-prim-border-left {
  border-left-color: rgb(228, 0, 70) !important;
}

.cmi-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

/*CIPS Styles*/
h1.cips-prim-font,
h2.cips-prim-font,
h3.cips-prim-font,
h4.cips-prim-font,
h5.cips-prim-font,
h6.cips-prim-font,
p.cips-prim-font,
.cips-prim-font,
.cips-prim-font:before {
  color: rgb(228, 0, 70) !important;
}

h1.cips-sec-font,
h2.cips-sec-font,
h3.cips-sec-font,
h4.cips-sec-font,
h5.cips-sec-font,
h6.cips-sec-font,
p.cips-sec-font,
.cips-sec-font,
.cips-sec-font:before {
  color: rgb(223, 70, 97);
}

.cips-prim-bg,
.cips-prim-btn {
  background-color: rgb(228, 0, 70);
}

.cips-prim-btn {
  border-color: rgb(228, 0, 70);
}

.cips-prim-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
}

.cips-sec-btn {
  border-color: rgb(228, 0, 70);
  color: rgb(228, 0, 70);
}

.cips-sec-btn:hover {
  background-color: rgb(228, 0, 70);
  color: rgb(255, 255, 255);
}

.cips-sec-bg {
  background-color: rgb(223, 70, 97);
}

.cips-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.cips-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.75) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.cips-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.5) 0%, rgba(223, 70, 97, 0.5) 100%);
}

.cips-prim-bg-grad-100 hr,
.cips-prim-bg-grad-75 hr,
.cips-prim-bg-grad-50 hr,
.cips-sec-bg-grad-100 hr,
.cips-sec-bg-grad-75 hr,
.cips-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.cips-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.cips-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(228, 0, 70, 0.8);
}

.cips-prim-border-left {
  border-left-color: rgb(228, 0, 70) !important;
}

.cips-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

/*CIM*/
h1.cim-prim-font,
h2.cim-prim-font,
h3.cim-prim-font,
h4.cim-prim-font,
h5.cim-prim-font,
h6.cim-prim-font,
p.cim-prim-font,
.cim-prim-font,
.cim-prim-font:before {
  color: rgb(228, 0, 70) !important;
}

h1.cim-sec-font,
h2.cim-sec-font,
h3.cim-sec-font,
h4.cim-sec-font,
h5.cim-sec-font,
h6.cim-sec-font,
p.cim-sec-font,
.cim-sec-font,
.cim-sec-font:before {
  color: rgb(223, 70, 97);
}

.cim-prim-bg,
.cim-prim-btn {
  background-color: rgb(228, 0, 70);
}

.cim-prim-btn {
  border-color: rgb(228, 0, 70);
}

.cim-prim-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
}

.cim-sec-btn {
  border-color: rgb(228, 0, 70);
  color: rgb(228, 0, 70);
}

.cim-sec-btn:hover {
  background-color: rgb(228, 0, 70);
  color: rgb(255, 255, 255);
}

.cim-sec-bg {
  background-color: rgb(223, 70, 97);
}

.cim-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.cim-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.75) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.cim-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.5) 0%, rgba(223, 70, 97, 0.5) 100%);
}

.cim-prim-bg-grad-100 hr,
.cim-prim-bg-grad-75 hr,
.cim-prim-bg-grad-50 hr,
.cim-sec-bg-grad-100 hr,
.cim-sec-bg-grad-75 hr,
.cim-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.cim-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.cim-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(228, 0, 70, 0.8);
}

.cim-prim-border-left {
  border-left-color: rgb(228, 0, 70) !important;
}

.cim-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

/*SP added faculty specific styles End*/
.ilm-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.cmi-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.cips-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.cim-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.pm-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

/* ---------------------------------------- PROJECT MANAGEMENT STYLES ---------------------------------------- */
h1.pm-prim-font,
h2.pm-prim-font,
h3.pm-prim-font,
h4.pm-prim-font,
h5.pm-prim-font,
h6.pm-prim-font,
p.pm-prim-font,
.pm-prim-font,
.pm-prim-font:before {
  color: rgb(228, 0, 70) !important;
}

h1.pm-sec-font,
h2.pm-sec-font,
h3.pm-sec-font,
h4.pm-sec-font,
h5.pm-sec-font,
h6.pm-sec-font,
p.pm-sec-font,
.pm-sec-font,
.pm-sec-font:before {
  color: rgb(223, 70, 97);
}

.pm-prim-bg,
.pm-prim-btn {
  background-color: rgb(228, 0, 70);
}

.pm-prim-btn {
  border-color: rgb(228, 0, 70);
}

.pm-prim-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
}

.pm-sec-btn {
  border-color: rgb(228, 0, 70);
  color: rgb(228, 0, 70);
}

.pm-sec-btn:hover {
  background-color: rgb(228, 0, 70);
  color: rgb(255, 255, 255);
}

.pm-sec-bg {
  background-color: rgb(223, 70, 97);
}

.pm-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.pm-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.75) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.pm-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(228, 0, 70, 0.5) 0%, rgba(223, 70, 97, 0.5) 100%);
}

.pm-prim-bg-grad-100 hr,
.pm-prim-bg-grad-75 hr,
.pm-prim-bg-grad-50 hr,
.pm-sec-bg-grad-100 hr,
.pm-sec-bg-grad-75 hr,
.pm-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.pm-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.pm-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(228, 0, 70, 0.8);
}

.pm-prim-border-left {
  border-left-color: rgb(228, 0, 70) !important;
}

.pm-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

/* ---------------------------------------- IT (BCS) STYLES ---------------------------------------- */
h1.it-prim-font,
h2.it-prim-font,
h3.it-prim-font,
h4.it-prim-font,
h5.it-prim-font,
h6.it-prim-font,
p.it-prim-font,
.it-prim-font,
.it-prim-font:before {
  color: rgb(203, 96, 21) !important;
}

h1.it-sec-font,
h2.it-sec-font,
h3.it-sec-font,
h4.it-sec-font,
h5.it-sec-font,
h6.it-sec-font,
p.it-sec-font,
.it-sec-font,
.it-sec-font:before {
  color: rgb(237, 139, 0);
}

.it-prim-bg,
.it-prim-btn {
  background-color: rgb(203, 96, 21);
}

.it-prim-btn {
  border-color: rgb(203, 96, 21);
}

.it-prim-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
}

.it-sec-btn {
  border-color: rgb(237, 139, 0);
  color: rgb(237, 139, 0);
}

.it-sec-btn:hover {
  background-color: rgb(223, 70, 97);
  border-color: rgb(223, 70, 97);
  color: rgb(255, 255, 255);
}

.it-sec-bg {
  background-color: rgb(237, 139, 0);
}

.it-prim-bg-grad-100 {
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(223, 70, 97) 100%);
}

.it-prim-bg-grad-75 {
  background: linear-gradient(to right, rgba(237, 139, 0, 0.75) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.it-prim-bg-grad-50 {
  background: linear-gradient(to right, rgba(237, 139, 0, 0.5) 0%, rgba(223, 70, 97, 0.5) 100%);
}

.it-prim-bg-grad-100 hr,
.it-prim-bg-grad-75 hr,
.it-prim-bg-grad-50 hr,
.it-sec-bg-grad-100 hr,
.it-sec-bg-grad-75 hr,
.it-sec-bg-grad-50 hr {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.it-prim-bg-grad-100-75 {
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgba(223, 70, 97, 0.75) 100%);
}

.it-core-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(237, 139, 0, 0.8);
}

.it-prim-border-left {
  border-left-color: rgb(237, 139, 0) !important;
}

.it-prim-bg-grad-100-hover:before {
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(223, 70, 97) 100%);
}

/* ---------------------------------------- SPACING ---------------------------------------- */
.spacer-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.spacer-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.spacer-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.spacer-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.spacer-120,
.spacer-120-Fixed {
  padding-top: 120px;
  padding-bottom: 120px;
}

.spacer-240 {
  padding-top: 240px;
  padding-bottom: 240px;
}

.margin {
  margin: 1rem;
}

.margin-top {
  margin-top: 1rem;
}

.margin-bottom {
  margin-bottom: 1rem;
}

.margin-left {
  margin-left: 1rem;
}

.margin-right {
  margin-right: 1rem;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.padding {
  padding: 1rem;
}

.padding-top {
  padding-top: 1rem;
}

.padding-30 {
  padding: 30px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-right {
  padding-right: 1rem;
}

.padding-bottom {
  padding-bottom: 1rem;
}

.padding-left {
  padding-left: 1rem;
}

.width-100 {
  width: 100%;
}

.width-50 {
  width: 50%;
}

.course-copy h1,
.course-copy h2,
.course-copy h3,
.course-copy h4,
.course-copy h5,
.course-copy h6 {
  margin-top: 2.5rem;
}

.course-copy div > h1:first-child,
.course-copy div > h2:first-child,
.course-copy div > h3:first-child,
.course-copy div > h4:first-child,
.course-copy div > h5:first-child,
.course-copy div > h6:first-child {
  margin-top: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 15px;
  padding-left: 15px;
}

.text-image-video .col-12,
.text-image-video .col-lg-6,
.icontext-image .col-12,
.icontext-image .col-lg-6 {
  position: relative;
}

@media screen and (max-width: 768px) {
  .mobile-margin {
    margin-bottom: 25px;
  }
  .spacer-30 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .spacer-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .spacer-120 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .spacer-120-Fixed {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .spacer-240 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .h3fixed {
    width: 310px;
  }
  .ics-prim-bg-grad-reverse-75 .section-bg-img.spacer-60 {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .ics-prim-bg-grad-reverse-75 .section-bg-copy.spacer-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mobile-padding-bottom-15 {
    padding-bottom: 15px;
  }
  .mobile-margin-top-30 {
    margin-top: 30px;
  }
  .mobile-margin-bottom-30 {
    margin: 0 0 30px 0 !important;
  }
  .mobile-margin-bottom-5 {
    margin-bottom: 5px;
  }
  .mobile-margin-bottom-0 {
    margin-bottom: 0;
  }
  .mobile-scroll-margin {
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
  }
  .mt-0 {
    margin-top: unset !important;
  }
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}

/* ---------------------------------------- BORDERS ---------------------------------------- */
.grey-border-bottom {
  border-bottom: solid 1px rgb(217, 217, 217);
}

.grey-border {
  border: 3px solid #d9d9d9;
}

@media screen and (max-width: 768px) {
  .border-bottom-mobile {
    border-bottom: 1px solid rgb(217, 217, 217);
    margin-bottom: 15px;
  }
}
/* ---------------------------------------- LISTS ---------------------------------------- */
ol li {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  color: rgb(69, 69, 69);
}

ul li {
  margin-bottom: 0.5rem;
  position: relative;
  font-size: 1.125rem;
  color: rgb(69, 69, 69);
}

p.subtitle,
li.subtitle {
  font-size: 1.3rem;
  margin-bottom: 0.6rem;
}

li.subtitle:before {
  font-size: 1.5rem;
}

.section-copy ol,
.section-copy ul,
.copy-style ol {
  list-style: none;
  padding-left: 20px;
}

.section-copy ol li,
.section-copy ul li,
.copy-style ol li {
  padding-left: 20px;
  position: relative;
}

.section-copy ol li:before,
.section-copy ul li:before,
.copy-style ol li:before {
  content: "\e5ca";
  font: normal normal normal 24px/1 "icomoon";
  float: left;
  margin-left: 0.2em;
  padding: 0 5px 0 0;
  color: #00a3e1;
  position: absolute;
  left: -20px;
  top: 3px;
}

.copy-style ul {
  list-style: disc;
  color: rgb(109, 109, 109);
}

/* ---------------------------------------- BUTTONS ---------------------------------------- */
.btn {
  position: relative;
  white-space: normal;
  padding: 0.75rem;
}

.btn a:hover {
  text-decoration: none;
}

.btn-hover:hover {
  opacity: 0.8;
}

.form-btn,
.page-btn {
  width: 100%;
  font-weight: 700;
  cursor: pointer;
  line-height: 1.8;
  font-size: 1.25rem;
}

button,
input[type=submit] {
  cursor: pointer;
}

.ctabutton-100 {
  width: 100%;
}

.ctabutton-75 {
  width: 75%;
}

.ctabutton-50 {
  width: 50%;
}

.cta-button-48 {
  width: 48%;
}

.btn-box:hover {
  opacity: 0.8;
}

.ics-blog-btn {
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-shadow: 1px 1px 4px rgba(0, 40, 85, 0.7);
  width: 250px;
  display: block;
  padding: 10px 10px;
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(to right, #00a3e1 0%, #3bdac1 100%);
  transition: all 0.15s ease-in-out;
}

.ics-blog-btn:hover {
  color: #fff;
  background: rgb(30, 34, 170);
}

.blue-outline-btn {
  background-color: #fff;
  color: #00a3e1;
  border: 2px solid #00a3e1;
  height: 44px;
  padding: 8px 10px 10px 8px !important;
  transition: all 0.15s ease-in-out;
}

.blue-outline-btn:hover {
  background-color: rgb(30, 34, 170);
  color: #fff;
  border: 2px solid rgb(30, 34, 170);
  height: 44px;
}

@media screen and (max-width: 768px) {
  .ctabutton-100,
  .ctabutton-75,
  .ctabutton-50 {
    width: 100%;
  }
  .contact-buttons {
    flex-direction: column;
  }
  .contact-buttons .btn {
    width: 100%;
    margin: 15px 0;
  }
}
.btn-light {
  color: rgb(0, 40, 85);
  font-weight: 700;
  cursor: pointer;
  line-height: 1.8;
  font-size: 1.25rem;
}

.btn-light:hover {
  background-color: rgb(0, 40, 85);
  color: rgb(255, 255, 255);
}

.btn-light a {
  transition: 0.15s ease-in-out;
}

.btn-light:hover a {
  color: rgb(255, 255, 255);
}

.btn-light:hover .icon-phone,
.btn-light:hover .icon-mail_outline {
  color: rgb(255, 255, 255);
}

.btn-light .icon-phone,
.btn-light .icon-mail_outline {
  color: rgb(0, 40, 85);
  padding-right: 5px;
  transition: 0.15s;
}

.btn-light .icon-phone:hover,
.btn-light .icon-mail_outline:hover {
  color: rgb(255, 255, 255);
  padding-right: 5px;
}

/* ---------------------------------------- FORMS ---------------------------------------- */
#courseDropdownPlaceHolder .hidden {
  display: none;
}

#courseDropdownPopupPlaceHolder .hidden {
  display: none;
}

.form-label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  transform: translateY(35px);
  transition: all 0.3s;
  color: rgb(109, 109, 109);
}

.form-floating > label {
  top: 2px;
  left: 15px;
}

fieldset.form-floating > label {
  left: 0;
}

.form-floating > .form-control,
.register-form .form-select {
  padding: 6px 12px;
  height: 44px;
  line-height: 1.25;
  margin-top: 10px;
}

body.modal-open {
  overflow: visible;
}

.icon-info_outline-alt {
  color: rgb(109, 109, 109);
  position: absolute;
  z-index: 1;
  right: -10px;
  bottom: 5px;
}

.icon-info_outline-start {
  color: rgb(109, 109, 109);
  position: absolute;
  z-index: 1;
}

.icon-info_outline-alt:before,
.icon-info_outline-start:before {
  content: "\e88f";
}

.form-line.is-invalid,
.was-validated .form-line:invalid {
  border-color: #e40046;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(https://cdn4.iconfinder.com/data/icons/social-messaging-ui-coloricon-1/21/39-512.png);
  background-repeat: no-repeat;
  background-position: top 45% right 0%;
  background-size: 18px;
  font-size: 12.8px;
}

.form-line.is-valid,
.was-validated .form-line:valid {
  border-color: #e40046;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url(https://cdn1.iconfinder.com/data/icons/basic-ui-elements-coloricon/21/15-512.png);
  background-repeat: no-repeat;
  background-position: top 45% right 0%;
  background-size: 18px;
}

.formWidth {
  width: 100% !important;
}

.checkbox label {
  padding-left: 2rem;
  text-indent: -2rem;
}

.grcLine {
  line-height: 1rem;
}

.form-field {
  height: 44px;
  padding: 6px 12px !important;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100% !important;
}

.closebutton {
  position: fixed;
  right: 10px;
  top: 5px;
  font-size: 22px;
  color: grey;
  cursor: pointer;
}

.gdpr-info {
  color: rgb(152, 152, 152);
  position: absolute;
  top: 9px;
  right: 22px;
}

.gdpr-info.active {
  color: rgb(0, 40, 85);
}

fieldset {
  position: relative;
  width: 100%;
}

i.icon-info_outline {
  position: absolute;
  top: 0;
  z-index: 1;
  bottom: 0;
  right: 0;
}

i.icon-info_outline:before {
  position: absolute;
  top: 32px;
  margin-top: -8px;
  right: 15px;
}

.bubble {
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
}

.contact-info p {
  line-height: 1.2;
}

#fixedbutton {
  position: fixed;
  bottom: 15px;
  left: 15px;
  text-align: center;
  background: #00a3e1;
  border: none;
  z-index: 3000;
  line-height: 1em;
  padding: 13px 5px 14px 5px;
  font-size: 1.2rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  transition: 0.15s ease-in-out;
  font-weight: 500;
}

#fixedbutton:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  background-color: #1e22aa;
}

p.newsletter_success_box {
  font-size: 18px;
  color: #d11149;
  font-style: italic;
  margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.6);
  padding-top: 5px;
  padding-bottom: 5px;
}

.modal-dialog {
  width: 40%;
  padding: 0;
}

.mob-layout .modal-header {
  border-bottom: none;
}

.mob-layout .modal-title-copy {
  margin: 0;
  color: #707372;
}

.mob-layout h2.modal-title {
  color: rgb(0, 40, 85);
  font-weight: bold;
  font-size: 22px;
}

.mob-layout .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: none;
  bottom: 0;
  width: 100%;
}

.mob-layout .mod-close-btn {
  width: 100%;
  background: rgb(255, 255, 255);
  color: rgb(109, 109, 109);
  border-color: rgb(217, 217, 217);
}

.mob-layout p.t-cta-privacy {
  margin: 0;
}

.mob-layout p.t-cta-privacy a {
  display: block;
  margin: 5px 0 0 0;
  line-height: 1.2em;
  font-size: 14px;
  color: #707372;
}

.mob-layout .btn-primary {
  background-color: #00a3e1;
  border-color: #00a3e1;
}

.fade.in {
  opacity: 1;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-backdrop.in {
  opacity: 0.5;
}

.modal-body {
  padding: 0 0 1rem 0;
}

.chat-button {
  position: fixed;
  background: url(https://icslearngw.whoson.com/siteimage.htm?d=www.icslearn.co.uk&imagetype=6) center/contain no-repeat;
  bottom: 16px;
  right: 15px;
  width: 70px;
  height: 70px;
  border-radius: 150px;
  cursor: pointer;
  z-index: 1000;
  transition: 0.15s ease-in-out;
}

.chat-button:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.chat-button .icon {
  display: none;
}

.chat-button .icon:before {
  position: absolute;
  left: 21px;
  top: 21px;
}

.speech {
  position: fixed;
  bottom: 105px;
  right: 55px;
  padding: 10px 15px;
  margin: 0;
  width: 200px;
  background: rgba(236, 236, 236, 0.9);
  border-radius: 8px;
  box-shadow: 0 -1px 5px -1px rgba(0, 0, 0, 0.2);
  z-index: 1001;
}

.speech:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 150px;
  border-width: 0 35px 20px 0;
  border-style: solid;
  border-color: rgba(236, 236, 236, 0.9) rgba(236, 236, 236, 0.9) transparent;
  display: block;
  width: 0;
  z-index: 1001;
}

.speech .close {
  position: absolute;
  top: 5px;
  right: 10px;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  font-size: 18px;
}

.speech h4.bluetext {
  color: #00a3e1;
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
}

.speech p {
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #707372;
}

.form-control {
  display: block;
  height: 44px;
  padding: 6px 12px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

@media screen and (min-width: 767px) {
  #CourseCodeSelect {
    margin-bottom: 10px !important;
  }
}
#submitbutton {
  margin-top: 10px !important;
}

.download-pdf-end {
  margin: 15px 0;
}

@media screen and (max-width: 767px) {
  .mob-layout {
    z-index: 1000000000;
    margin: 0;
    padding: 0;
  }
  .modal-dialog {
    width: 95%;
    height: 95%;
    padding: 0;
  }
  .mob-layout .modal-dialog {
    margin: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
    border: none;
    min-height: 100%;
  }
  .mob-layout .modal-content {
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
    border: none;
    min-height: 100%;
  }
  .mob-layout .modal-footer {
    padding: 15px 0;
    text-align: right;
    border-top: none;
    bottom: 0;
    width: 100%;
  }
  .fixeddiv-table {
    width: 100%;
    display: table;
    position: fixed;
    bottom: 15px;
    left: 0;
    z-index: 1021;
  }
  .fixeddiv-table-cell {
    display: table-cell;
    vertical-align: top;
  }
  .fixeddiv-button {
    padding: 0 15px;
  }
  .fixeddiv-chat {
    width: 45px;
    padding: 0 15px 0 0;
  }
  .chat-button {
    background: url(https://icslearngw.whoson.com/siteimage.htm?d=www.icslearn.co.uk&imagetype=6) center/contain no-repeat;
    width: 46px;
    height: 46px;
    border-radius: 150px;
    margin: 0;
    cursor: pointer;
    right: 8px;
    bottom: 15px;
    position: fixed;
    z-index: 1001;
  }
  .chat-button .icon {
    display: none;
  }
  .chat-button .icon:before {
    left: 13px;
    top: 13px;
  }
  .speech {
    bottom: 70px;
    right: 15px;
    z-index: 1001;
    display: none !important;
  }
  #fixedbutton {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: fit-content;
    padding: 15px;
  }
}
.chatShow {
  display: block;
}

.chatHide {
  display: none;
}

@media screen and (max-width: 767px) {
  .LPMcontainer {
    z-index: 599 !important;
  }
  .fixeddiv-table {
    z-index: 598 !important;
  }
}
.form-line {
  position: relative;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 0;
  font-size: 16px;
  background-size: 0px;
  transition: all 0.3s;
}

.form-input {
  position: relative;
  height: 65px;
  margin-bottom: 5px;
}

.form-input:after,
.form-input:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #e2e2e2;
  bottom: 0;
  left: 15px;
  transition: all 0.3s;
}

.form-input::after {
  background-color: #9e9e9e;
  transform: scaleX(0);
}

.is-active::after {
  transform: scaleX(1);
}

.is-active .form-label {
  color: #9e9e9e;
}

.is-completed .form-label {
  font-size: 12px;
  transform: translateY(15px);
  /*margin-bottom: 1.2rem;*/
}

.form-select-label {
  font-size: 12px;
  position: absolute;
  top: 5px;
}

.field-validation-valid,
.field-validation-error {
  font-size: 12px;
  position: absolute;
  left: 15px;
  bottom: -18px;
}

.form-select .field-validation-error {
  left: 0;
}

.form-select {
  position: relative;
  height: 44px;
}

.form-select-line {
  position: relative;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 0;
  font-size: 16px;
  color: rgb(109, 109, 109);
  font-weight: bold;
  padding-top: 15px;
  border-bottom: 2px solid #e2e2e2;
}

.form-input:after,
.form-input:before {
  width: 97%;
}

.form-name:after,
.form-name:before {
  width: 94%;
}

.email-Val {
  padding-top: 5px;
}

.contactSmall {
  line-height: 1.2rem !important;
}

@media screen and (min-width: 768px) {
  .form-control {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .form-control, .form-select {
    margin-top: 16px;
  }
  .form-floating > .form-control,
  .register-form .form-select {
    margin-bottom: 5px;
  }
}
.iti__country-list {
  white-space: unset !important;
  position: relative !important;
}

/* ---------------------------------------- IMAGES ---------------------------------------- */
.img-responsive {
  width: 100%;
}

.img-responsive5 {
  width: 70%;
}

.circle {
  border-radius: 100%;
}

.image-box img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .roundel-img .img-responsive {
    max-width: 75%;
    margin: 0 auto;
    padding-top: 30px;
  }
  .logos-list-mobile img {
    margin-bottom: 1rem;
    padding-right: 15px;
  }
  .about-map {
    background: none;
  }
}
/* ---------------------------------------- TABLES ---------------------------------------- */
.box-shadow,
.table-body .row {
  transition: all 0.15s ease-in-out;
}

.table-body .row:hover {
  background-color: rgba(0, 40, 85, 0.1);
}

/* ---------------------------------------- COLOUR ---------------------------------------- */
.opacity {
  opacity: 0.6;
  transition: all 0.15s ease-in-out;
}

.opacity:hover {
  opacity: 1;
}

/* ---------------------------------------- COURSE PAGE & FACULTY PAGE ---------------------------------------- */
.course-price small {
  position: relative;
  top: -8px;
}

.course-page-hero .padding-top-120 {
  position: relative;
}

.page-hero-title h1 {
  margin: 0;
}

.page-hero-title h1.light-font {
  font-size: 2.25rem;
}

.page-hero-title h1.light-font span.fw-bold {
  font-size: 2.75rem;
}

@media only screen and (max-width: 768px) {
  .page-hero-title h1.light-font {
    font-size: 1.875rem;
  }
  .page-hero-title h1.light-font span.fw-bold {
    font-size: 2.25rem;
  }
}
#home > .ics-prim-bg-grad-75,
#home > .aat-prim-bg-grad-75,
#home > .icb-prim-bg-grad-75,
#home > .high-prim-bg-grad-75,
#home > .hr-prim-bg-grad-75,
#home > .ld-prim-bg-grad-75,
#home > .bus-prim-bg-grad-75,
#home > .pm-prim-bg-grad-75,
#home > .cgi-prim-bg-grad-75,
#home > .libf-prim-bg-grad-75,
#home > .it-prim-bg-grad-75,
#home > .cmi-prim-bg-grad-75,
#home > .ilm-prim-bg-grad-75,
#home > .cim-prim-bg-grad-75,
#home > .cips-prim-bg-grad-75 {
  overflow: hidden;
  position: relative;
}

#home > .ics-prim-bg-grad-75:before,
#home > .aat-prim-bg-grad-75:before,
#home > .icb-prim-bg-grad-75:before,
#home > .high-prim-bg-grad-75:before,
#home > .hr-prim-bg-grad-75:before,
#home > .ld-prim-bg-grad-75:before,
#home > .bus-prim-bg-grad-75:before,
#home > .pm-prim-bg-grad-75:before,
#home > .cgi-prim-bg-grad-75:before,
#home > .libf-prim-bg-grad-75:before,
#home > .it-prim-bg-grad-75:before,
#home > .cmi-prim-bg-grad-75:before,
#home > .ilm-prim-bg-grad-75:before,
#home > .cim-prim-bg-grad-75:before,
#home > .cips-prim-bg-grad-75:before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0px;
  left: 61%;
  background: rgba(0, 48, 85, 0.3);
  transform: skewX(-15deg);
  animation-name: course-slide;
  animation-duration: 1.15s;
  animation-delay: 1.25s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

@keyframes course-slide {
  0% {
    left: 110%;
  }
  100% {
    left: 61%;
  }
}
.course-copy .spacer-30 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.usual-price {
  margin: 0 0 10px 0;
}

.usual-price p {
  margin: 0;
}

.usual-price .col-4 {
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 320px) {
  .usual-price .col-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
#moreInfo ul > li {
  list-style: disc;
}

#callnow {
  background-color: rgb(0, 163, 225) !important;
  border-color: rgb(0, 163, 225) !important;
}

#RTapPass2 {
  color: #fff !important;
}

#RTapPassContent {
  color: rgb(0, 40, 85) !important;
}

.price-match-pill {
  border-radius: 500px;
  text-align: left;
  padding: 10px 10px 10px 40px;
  display: inline-block;
  font-weight: 500;
  line-height: 1.1rem;
  margin: 0 0 15px 0;
  position: relative;
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
}

@media screen and (max-width: 768px) {
  .price-match-pill {
    font-size: 1.2rem;
  }
}
span.check-icon:before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e5ca";
  position: absolute;
  top: 50%;
  left: 5px;
  font-size: 1.6rem;
  border-radius: 100%;
  padding: 2px;
  margin-top: -15px;
}

span.check-icon.aat-check-icon:before, span.check-icon.icb-check-icon:before {
  background: rgb(255, 255, 255);
  color: rgb(0, 122, 83);
}

.aat-prim-border, .icb-prim-border {
  background: rgb(0, 122, 83);
}

span.check-icon.ld-check-icon:before {
  background: rgb(255, 255, 255);
  color: rgb(168, 61, 114);
}

.ld-prim-border {
  background: rgb(168, 61, 114);
}

span.check-icon.hr-check-icon:before {
  background: rgb(255, 255, 255);
  color: rgb(100, 47, 108);
}

.hr-prim-border {
  background: rgb(100, 47, 108);
}

span.check-icon.libf-check-icon:before {
  background: rgb(255, 255, 255);
  color: rgb(208, 74, 22);
}

.libf-prim-border {
  background: rgb(208, 74, 22);
}

.call-us-link {
  display: inline-block;
  width: calc(100% + 24px);
  line-height: 60px;
  margin: -13px;
}

#scroller {
  z-index: 101;
  width: 884px;
}

.float-nav .col-12 #scroller {
  margin: 15px auto 0 auto;
  width: auto;
}

.block {
  display: block;
}

.faculty-hero {
  height: 375px;
  position: relative;
}

.faculty-wrap-in {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 4px 4px 0 0;
}

.faculty-heading {
  position: relative;
  padding: 15px;
  width: 100%;
}

.faculty-heading h1.display-5 {
  margin: 0;
  font-weight: 700;
}

.faculty-select select {
  padding-left: 15px;
  padding-right: 15px;
  width: 90%;
  font-weight: bold;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 4px;
  height: 44px;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}

.faculty-select i.icon-search {
  right: 4%;
  font-style: normal;
  font-size: 1.2rem;
  position: absolute;
  bottom: 24px;
}

.courses-pass {
  bottom: initial;
  left: initial;
  right: 15px;
  top: 0;
}

.faculty-pass,
.courses-pass {
  position: absolute;
  text-align: center;
  width: 125px;
  height: 125px;
  padding: 0 10px;
  border-radius: 150px;
  transform: rotate(15deg);
  border: 3px solid rgb(255, 255, 255);
}

.faculty-pass {
  position: relative;
  animation: shadow 3s linear;
}

@keyframes shadow {
  0% {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
  }
  100% {
    box-shadow: none;
  }
}
.faculty-pass p,
.courses-pass p {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #fff;
}

.simple-text-block .courses-pass {
  width: 125px;
  height: 125px;
}

.simple-text-block .courses-pass p {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.simple-text-block a:not(.btn) {
  text-decoration: underline;
}

.faculty-tutor-name {
  color: rgb(69, 69, 69);
  font-size: 1.25rem;
  border-radius: 0;
  border: 0;
  font-weight: 500;
  margin-bottom: 0;
}

.sale-price {
  color: rgb(228, 0, 70);
}

.was-price {
  text-decoration: line-through;
  color: rgb(228, 0, 70);
  padding: 0 7px 0 0;
  font-size: 0.75rem;
}

.course-price {
  font-size: 1.75rem;
}

.scroll-nav {
  transition: all 0.15s ease-in-out;
}

.scroll-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.scroll-nav ul li {
  margin: 0 0 -1px 0;
}

.scroll-nav ul li a {
  display: block;
  border-bottom: solid 1px transparent;
}

.scroll-nav ul li a:hover {
  text-decoration: none;
  border-bottom: solid 1px rgb(0, 40, 85);
  color: rgb(0, 40, 85);
}

.scroll-nav ul li a.active {
  border-bottom: solid 1px rgb(0, 40, 85);
  color: rgb(0, 40, 85);
}

.tp-margin .trustpilot-widget {
  margin: 0;
}

.nav-up {
  top: -60px;
}

.nav-down {
  top: 0;
  margin-bottom: 2px;
}

.scroll-price p {
  margin: 0;
}

.scroll-price .scroll-btn {
  padding: 0.5rem;
}

.hiddenprice {
  display: none !important;
}

.qual-section h3 {
  font-size: 1.5rem;
}

@media (max-width: 321px) {
  .scroll-nav {
    font-size: smaller;
  }
}
@media only screen and (max-width: 1400px) {
  #scroller {
    width: 764px;
  }
}
@media only screen and (max-width: 1200px) {
  #scroller {
    width: 643px;
  }
}
@media only screen and (max-width: 768px) {
  #scroller {
    width: 100vw;
  }
  .float-nav .col-12 #scroller {
    margin: 0 auto !important;
  }
  .page-hero h1 {
    font-size: 2.25rem;
  }
  .faculty-pass,
  .course-pass {
    padding-top: 20px;
  }
  .faculty-hero {
    height: auto;
  }
  .faculty-wrap-in {
    top: 0;
    border-radius: 0;
    position: relative;
  }
  .faculty-select {
    padding: 0;
  }
  .faculty-select select {
    padding: 0;
    width: 100%;
  }
  .faculty-pass-wrap {
    position: absolute;
    bottom: 55px;
    right: 260px;
  }
  .faculty-pass {
    transform: rotate(0deg);
    padding: 0;
    height: auto;
    left: 240px;
    top: 20px;
    text-align: center;
    padding: 5px 10px;
    width: 150px;
  }
  .faculty-pass p {
    font-size: 1rem;
    line-height: 1.1rem;
  }
  .faculty-select i.icon-search {
    bottom: 39px;
  }
  .scroll-nav ul li a:hover {
    border-bottom: solid 1px transparent;
  }
}
@media only screen and (max-width: 992px) {
  .nav-up {
    top: -125px;
  }
  .scroll-price {
    padding-top: 15px;
  }
  .qual-section h3 {
    font-size: 1.25rem;
  }
}
.review-name {
  font-size: 1.6rem;
  margin: 0;
}

.five-star .mdi:before {
  font-size: 1.5rem;
}

.accordion-btn {
  color: rgb(69, 69, 69);
  padding: 1rem 4rem 1rem 1rem;
  font-size: 1.25rem;
  border-radius: 0;
  border: 0;
  font-weight: 500;
}

.accordion-btn:hover,
.accordion-btn:focus,
.accordion-btn[aria-expanded=true] {
  background-color: rgba(0, 40, 85, 0.05);
  text-decoration: none;
  color: rgb(69, 69, 69);
}

.accordion-icon {
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.15s ease-in-out;
  background: rgba(0, 40, 85, 0.05);
  padding: 0 15px;
}

.accordion-icon.icon-chevron-left:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -5px;
  transition: 0.45s;
  transform: rotate(-90deg);
}

.accordion-btn[aria-expanded=true] .accordion-icon.icon-chevron-left:before {
  transform: rotate(90deg);
}

.accordion-item {
  border: none;
}

.page-copy h2,
.page-copy h3,
.page-copy h4 {
  margin-top: 2.5rem;
  margin-bottom: 0.25rem;
}

.page-copy h2:first-child,
.page-copy .price-box h2,
.page-copy .price-box h3 {
  margin-top: 0;
}

.aside-form {
  z-index: 100;
  top: -212px;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .page-hero .padding-top-120 {
    padding-top: 0;
  }
  .page-hero .border-left {
    border-left: none !important;
    border-top: 1px solid rgb(255, 255, 255);
  }
  .page-hero .padding.page-title {
    padding: 1rem 0;
  }
  .page-hero .padding.page-hero-title {
    padding: 15px 0;
  }
  .courses-pass p {
    font-size: 1rem;
    line-height: 1.15rem;
  }
  .hr-prim-bg-grad-75 .faculty-heading h1:after,
  .aat-prim-bg-grad-75 .faculty-heading h1:after,
  .icb-prim-bg-grad-75 .faculty-heading h1:after,
  .ld-prim-bg-grad-75 .faculty-heading h1:after {
    width: 100%;
  }
  h2.faculty-quote {
    margin-bottom: 15px;
    font-size: 1.3rem;
  }
  h2.faculty-top-quote {
    font-size: 1.3rem;
  }
  .courses-pass {
    transform: rotate(0deg);
    padding: 0;
    height: auto;
    right: 15px;
    top: 20px;
    text-align: center;
    padding: 5px 10px;
    width: 150px;
  }
  .simple-text-block .courses-pass {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 15px;
  }
}
.faculty-list h3 {
  margin: 30px 0 5px 0;
  font-size: 1.5rem;
}

.faculty-list ul,
.nav-dropdown-list ul,
.sidenav-body ul {
  list-style: none;
  margin: 0 -15px;
  padding: 0;
}

.faculty-list ul li,
.nav-dropdown-list ul li,
.sidenav-body ul li:not(.sidenav-links-faculty-head) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.faculty-list ul li a,
.nav-dropdown-list ul li a,
.sidenav-body ul li a {
  position: relative;
  display: block;
  padding: 15px 60px 15px 15px;
  font-size: 1.125rem;
  color: rgb(69, 69, 69) !important;
  font-weight: 500;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-menu .nav-dropdown-list ul li a {
  padding: 10px 60px 10px 15px;
}

.faculty-list ul li a:hover,
.nav-dropdown-list ul li a:hover,
.sidenav-body ul li a:hover {
  background-color: rgba(0, 40, 85, 0.05);
  text-decoration: none;
}

.nav-dropdown-list ul li a.hovered {
  background-color: rgba(0, 40, 85, 0.05);
  text-decoration: none;
}

.faculty-list ul li a i.icon,
.nav-dropdown-list ul li a i.icon,
.sidenav-body ul li a i.icon,
.accordion-icon,
.sidenav-slide-btn i.icon {
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.15s ease-in-out;
  background: rgba(0, 40, 85, 0.05);
  padding: 0 30px;
}

.dropdown-menu .nav-dropdown-list ul li a i.icon {
  padding: 0 25px;
}

.faculty-list ul li a i.icon:before,
.nav-dropdown-list ul li a i.icon:before,
.sidenav-body ul li a i.icon:before,
.accordion-icon:before,
.sidenav-slide-btn i.icon:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -5px;
}

.faculty-list ul li,
.sidenav-body ul li {
  border-bottom: 1px solid rgb(217, 217, 217);
}

.faculty-list ul li:first-child,
.nav-dropdown-list ul li:first-child {
  border-top: 3px solid rgb(217, 217, 217);
}

.sidenav-links-toplevel li:first-child:not(.sidenav-icon-list li),
.sidenav-links-midlevel li:first-child:not(.sidenav-icon-list li),
.sidenav-links-sublevel li:first-child:not(.sidenav-icon-list li) {
  border-bottom: none;
}

.faculty-list ul li:last-child,
.sidenav-body ul li:last-child {
  border-bottom: 3px solid rgb(217, 217, 217);
}

.businessdiv {
  padding: 15px;
  position: relative;
  text-align: center;
  background: rgba(0, 40, 85, 0.1);
  white-space: normal;
}

.businessquote {
  color: rgb(69, 69, 69);
  font-weight: 400;
  font-size: 1.125rem;
  font-style: italic;
}

.clicktocallm a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 10px 100px 10px;
  margin: -2em;
}

.clicktocallm .icon-phone {
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 40, 85, 0.7) !important;
}

.ClickToCall button {
  border: none;
  background: none;
}

.feature-icon {
  min-height: 40px;
}

@media only screen and (max-width: 576px) {
  .faculty-icon {
    border-right: none !important;
    border-top: 3px solid rgb(255, 255, 255);
    padding: 30px 0 15px;
  }
  .faculty-heading {
    padding: 15px 0 30px 0;
  }
}
.pass-rate-circles {
  width: 130px;
}

.ics-passrate {
  width: 10px;
  height: 50px;
  background: linear-gradient(to bottom, rgb(0, 40, 85) 0%, rgb(0, 163, 225) 100%);
}

.aat-passrate, .icb-passrate {
  width: 10px;
  height: 50px;
  background: linear-gradient(to bottom, rgb(0, 122, 83) 0%, rgb(0, 150, 129) 100%);
}

.cls-1,
.cls-2 {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 20px;
}

.cls-3,
.cls-4 {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 20px;
}

/* ---------------------------------------- BUSINESS PAGE ???? ---------------------------------------- */
.first-para {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

.partner-roundel {
  position: relative;
  float: right;
  text-align: center;
  width: 150px;
  height: 150px;
  padding: 26px 10px 0;
  border-radius: 150px;
  transform: rotate(15deg);
  border: 3px solid rgb(255, 255, 255);
  margin: 0 0 15px 15px;
}

.partner-roundel p {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #fff;
}

.accordion-btn span {
  font-size: 0.875rem;
  font-weight: normal;
  display: block;
  color: rgb(109, 109, 109);
}

.bus-course h3 {
  font-size: 1.6rem;
  font-weight: 700;
}

@media only screen and (max-width: 992px) {
  .first-para {
    font-size: 1.125rem;
  }
  .partner-roundel {
    width: 125px;
    height: 125px;
  }
  .partner-roundel p {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}
/* ---------------------------------------- BREADCRUMBS ---------------------------------------- */
ul#breadcrumblist {
  padding-inline-start: 0;
  list-style: none;
}

ul#breadcrumblist li {
  margin-bottom: 0;
  font-size: 1rem;
}

.breadcrumb-link {
  margin-left: 40px;
  font-weight: 400;
  position: relative;
}

ul#breadcrumblist li:last-of-type .breadcrumb-link {
  font-weight: 600;
}

.breadcrumb-link::before {
  content: url("../images/chevron-compact-right.svg");
  position: absolute;
  left: -55px;
  bottom: 50%;
  text-align: center;
  width: 68px;
  height: 65px;
  transform: translate(0, 50%);
  opacity: 0.5;
}

@media only screen and (max-width: 1200px) {
  ul#breadcrumblist li {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 768px) {
  .breadcrumb-link::before {
    left: -55px;
    bottom: 50%;
    width: 68px;
    height: 65px;
  }
}
/* ---------------------------------------- FOOTER ---------------------------------------- */
footer p small {
  color: white;
  margin: 0;
  line-height: 1rem;
}

.main-footer {
  position: relative;
  background-color: #0c1f34;
  padding-bottom: 60px;
  color: #fff;
}

.main-footer .upper {
  position: relative;
  padding: 30px 0;
}

.main-footer-master .upper {
  position: relative;
  padding: 27px 0;
}

.main-footer .upper p {
  line-height: 40px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 500;
  color: #00a3e1;
}

.main-footer-master .upper h2 {
  font-weight: 400;
}

.main-footer .upper p span {
  font-weight: 300;
}

.main-footer .social-links {
  position: relative;
  float: left;
  margin-left: 30px;
  padding-top: 17px;
}

.main-footer .social-links .icon i {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
  text-decoration: none;
  transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
}

.main-footer .social-links .icon:hover i {
  color: rgb(255, 255, 255);
}

.main-footer .social-links .icon[title=Facebook]:hover,
.main-footer .social-links .icon-linkedin:hover {
  background-color: #2a9fcc;
}

.icon-phone {
  color: #fff;
  padding-right: 1px;
}

.icon-phone-business {
  color: #777;
  padding-right: 1px;
}

.main-footer .social-links .icon[title=Twitter]:hover, .main-footer .social-links .icon[title=Bluesky]:hover {
  background: #69ecea;
}

.main-footer .social-links .icon[title=LinkedIn]:hover {
  background: #ef8ff0;
}

.main-footer .social-links .icon-google:hover {
  background: #ee6545;
}

.main-footer .social-links .icon-pinterest2:hover,
.main-footer .social-links .icon[title=Youtube]:hover {
  background-color: #f24343;
}

.main-footer .social-links .icon[title=Instagram]:hover {
  background: #91b7cd;
}

.main-footer .social-links .icon[title=Threads]:hover {
  background: #AB469E;
}

.main-footer .social-links .icon-rss:hover {
  background: #8a7f36;
}

.main-footer .lower {
  position: relative;
  padding: 5px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.main-footer .footer-widget {
  position: relative;
  margin-bottom: 20px;
}

.main-footer .footer-widget * {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  color: #fff;
}

.main-footer .footer-widget p.footer-title {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 30px;
  color: #00a3e1;
  margin: 15px 0 0 0;
  font-weight: 500;
}

.main-footer .footer-widget a {
  position: relative;
  display: inline-block;
}

.main-footer .footer-widget a:hover {
  text-decoration: underline;
}

.main-footer .copyrightFoot {
  position: relative;
  color: #48627e;
  font-size: 13px;
}

.main-footer .copyrightFoot a {
  position: relative;
  color: #10bcf4;
  display: inline-block;
  padding: 2px 5px;
  text-decoration: underline;
}

.main-footer .quick-links ul {
  position: relative;
  float: left;
  width: 50%;
  padding-top: 4px;
}

.main-footer .quick-links ul li {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 7px;
}

.main-footer .quick-links ul li a {
  position: relative;
  display: block;
  line-height: 1.4em;
  color: #48627e;
}

.main-footer .quick-links ul li a:hover {
  color: #fff;
}

.main-footer .popular-tags a {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 24px;
  padding: 5px 12px;
  font-size: 13px;
  text-transform: uppercase;
  background: #18263a;
  color: #fff;
}

.main-footer .popular-tags a:hover {
  background: #10bcf4;
}

.main-footer .contact {
  color: #48627e;
}

.main-footer .contact li strong {
  display: block;
  font-weight: 500;
  width: 35%;
  color: #fff;
}

#sidebar .latest-tweets li span,
.readmore {
  color: #363a47;
}

.main-footer .contact li p {
  display: block;
  font-weight: 400;
  width: 65%;
  margin-bottom: 0;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}

.main-footer ul {
  padding: 0px;
}

.main-footer h2 {
  color: #00a3e1;
}

.darkskin h4,
.darkskin strong,
.main-footer {
  color: #fff;
}

.footer-widget strong.pull-left {
  width: 32%;
}

.footer-widget p.pull-right {
  width: 60%;
}

.footer-widget a.footer-link {
  color: #ffffff;
}

.mainfooter h1,
.mainfooter h2,
.mainfooter h3,
.mainfooter p {
  margin-top: 20px;
  margin-bottom: 10px;
}

.footer-widget ul {
  list-style: none;
}

.pull-left {
  float: left;
  margin-top: 18px;
}

.main-footer .social-links .icon {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
  text-decoration: none;
  transition: background 0.5s ease;
  overflow: hidden;
}

.social-links .icon i::before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
  text-indent: 0;
}

.social-links .icon i.fa-facebook-f::before {
  margin-left: -6px;
}

.footer-copywrite {
  line-height: 1;
  margin: 0;
  opacity: 0.7;
}

.footer-terms a {
  color: #fff;
  font-size: 0.75rem;
  padding: 0 15px;
}

.footer-terms a:first-of-type {
  padding: 0 15px 0 0;
}

.footer-terms a:not(:last-of-type) {
  border-right: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
  .main-footer .lower {
    border-top: none;
  }
  .main-footer .footer-widget {
    padding: 15px 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .main-footer .footer-widget p.footer-title {
    margin: 0;
  }
  .lower .col-xs-12:last-of-type .footer-widget {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .footer-widget ul {
    padding-top: 15px;
  }
  .footer-terms a, .footer-terms a:not(:last-of-type) {
    padding: 15px 0;
  }
  .footer-terms a:not(:last-of-type) {
    border-right: none;
  }
}
/* ---------------------------------------- LANDING PAGES ---------------------------------------- */
.line-around {
  overflow: hidden;
  text-align: center;
}

.line-around:before, .line-around:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: " ";
  background-color: rgb(217, 217, 217);
}

.line-around:before {
  margin-left: -53%;
  text-align: right;
}

.line-around:after {
  margin-left: 15px;
}

.nav-btns .navbar-toggler,
.nav-item a.nav-link {
  color: rgb(0, 40, 85);
  font-weight: 500;
}

.nav-item.active a.nav-link,
.nav-item a.nav-link.active {
  color: rgb(0, 163, 225);
}

.nav-mobile {
  display: none;
}

button[id^=ClickToCall] span.icon.icon-phone {
  color: inherit !important;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.hero-levels {
  margin-top: 15px;
  align-items: stretch;
  height: 100%;
}

.hero-levels .hero-levels-link {
  display: block;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  height: 100%;
}

.hero-levels-link ul {
  padding: 0;
  margin: 0 0 0.5rem 0;
  list-style: none;
}

.hero-levels-link ul li.hero-levels-copy {
  margin-top: 0.2rem;
  border-top: 1px solid rgba(109, 109, 109, 0.2);
  padding-top: 0.2rem;
}

.hero-levels-link ul li.hero-levels-copy:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

a.hero-levels-link.bg-white-75:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.hero-levels .hero-levels-btn {
  padding: 0.25rem 0.75rem;
  font-size: 1.1rem;
}

.hero-levels h2 {
  font-size: 1.4rem;
}

.trustpilot-hero {
  bottom: -145px;
  padding: 15px 10px 12px 10px;
}

ul.check-list {
  list-style: none;
}

.check-list .icon-check:before {
  position: absolute;
  left: -30px;
  top: 3px;
}

.landing-hero-review p {
  color: #fff;
}

.landing-headings ul li:not(li.hero-levels-copy) {
  color: #fff;
}

.landing-page-price-box .ics-popover {
  padding: 15px 0;
}

.landing-pricebox .sticky-top {
  z-index: 100;
}

.landing-pricebox-review {
  margin-top: 15px;
}

.price-box {
  overflow: hidden;
  position: relative;
}

.price-box span.pmatch {
  position: absolute;
  font-size: 0.8125rem;
  top: 28px;
  right: -50px;
  transform: rotate(45deg);
  padding: 5px 0;
  z-index: 100;
  text-align: center;
  line-height: 1;
  font-weight: 700;
  width: 200px;
  background-color: rgb(228, 0, 70);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.review .circle {
  float: left;
}

span.level-full-price {
  display: block;
}

.font-white ul.check-list a {
  color: rgb(255, 255, 255);
  font-weight: 500;
  text-decoration: underline;
}

.font-white ul.check-list a:hover {
  color: rgb(0, 40, 85);
}

@media screen and (max-width: 768px) {
  .trustpilot-hero {
    bottom: -30px;
  }
  .hero-levels .hero-levels-link {
    height: 118px;
  }
  .form-box {
    margin: 15px 0 0 0;
  }
  ul.check-list {
    padding-top: 15px;
  }
  .price-box h3 {
    font-size: 1.5rem;
  }
  .price-box h3 span.level-full-price {
    font-size: 1.75rem;
  }
  .nav-desktop {
    display: none;
  }
  .nav-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .device-big {
    display: none;
  }
  .boxtab .nav-tabs {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 768px) {
  .device-big,
  .boxtab .tab-content > .tab-pane {
    display: block;
  }
  .device-small {
    display: none;
  }
  a#emailMask {
    display: none;
  }
  @supports (display: contents) {
    .boxtab .tab-content {
      display: contents;
    }
  }
  @supports not (display: contents) {
    .boxtab .tab-content {
      display: flex;
    }
    .nocontentsupport {
      display: -webkit-box !important;
    }
  }
}
.navbar-nav {
  float: right;
  text-align: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 990px) {
  .navbar-nav {
    border: none;
  }
}
.price-border {
  border: 2px solid rgb(0, 40, 85);
}

.price-match-bg {
  background: rgb(0, 40, 85);
}

.price-match-check-icon {
  font-size: 1.5rem;
}

@media only screen and (max-width: 1400px) {
  .price-match-check-icon {
    font-size: 1.25rem;
  }
}
span.check-icon.price-match-check-icon:before {
  background: rgb(255, 255, 255);
  color: rgb(0, 40, 85);
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e5ca";
  position: absolute;
  top: 20%;
  left: 5px;
  font-size: 3rem;
  border-radius: 100%;
  padding: 2px;
  margin-top: -15px;
  margin-left: -15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 990px) {
  .price-match-check-icon {
    font-size: 1rem;
  }
}
#home-test .spacer-120-Fixed {
  padding-bottom: 20px;
}

.trust-top .trustpilot-hero {
  position: absolute;
  bottom: -85px;
}

.courseinfobox .container {
  padding-top: 90px;
  margin-top: -90px;
}

.LP-hero .row:last-child {
  order: 3;
}

.LP-subtext p {
  color: white;
}

@media only screen and (max-width: 768px) {
  span.check-icon.price-match-check-icon:before {
    top: 30%;
    left: 15px;
    font-size: 2.5rem;
  }
  .price-match-check-icon {
    font-size: 1.4rem;
  }
  .trust-top .trustpilot-hero {
    bottom: -70px;
  }
  header .spacer-60 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 415px) {
  .LP-hero .row:last-child {
    order: 2;
  }
}
.heading-logos h1 {
  width: 85%;
}

.course-select select {
  padding-left: 15px;
  padding-right: 15px;
  width: 60%;
  font-weight: bold;
  cursor: pointer;
  font-size: 1rem;
  border-radius: 4px;
  height: 60px;
  border: 1px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
}

@media only screen and (max-width: 576px) {
  .heading-logos h1 {
    width: 100%;
  }
  .course-select select {
    width: 100%;
  }
  .faculty-icons {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
}
/* ---------------------------------------- MODALS - POPUPS ---------------------------------------- */
.modal-header {
  min-height: 16.42857143px;
  padding: 15px 15px 5px 15px;
  border-bottom: 1px solid #e5e5e5;
  display: block;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

body.modal-open {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}

.white-alt-btn {
  color: rgb(0, 40, 85);
  background-color: rgb(255, 255, 255);
  border: 3px solid rgb(0, 40, 85);
}

.white-alt-btn:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 40, 85);
  border: 3px solid rgb(0, 40, 85);
}

@media screen and (min-width: 599px) {
  /*Stop grey margin in Chrome*/
  .modal-open,
  .modal-open .navbar-fixed-top {
    padding-right: 17px !important;
  }
  .modal-open .chat-button {
    right: 57px !important;
  }
  .modal-dialog {
    width: 100% !important;
    margin: 30px 0;
  }
  .modal {
    right: 50%;
    left: 15%;
  }
}
@media all and (min-width: 992px) {
  .modal-dialog {
    margin: 30px auto;
  }
  .modal {
    right: 0;
    left: 0;
  }
}
/* ---------------------------------------- PDF LINKS (DELETE?) ---------------------------------------- */
a.pdflink {
  display: block;
  padding: 20px 60px 20px 5px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px #444;
  border-radius: 4px;
  position: relative;
}

a.pdflink span {
  color: rgb(0, 40, 85) !important;
  text-decoration: none;
}

a.pdflink:after {
  font-family: "icomoon";
  content: "\e90b";
  color: #222;
  font-style: normal;
  font-size: 30px;
  position: absolute;
  right: 0;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  padding: 11px 15px 10px 15px;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 4px 4px 0;
  box-shadow: 0 0 5px #555;
  bottom: 0;
}

.download-pdf-end {
  margin: 15px 0 15px 0;
}

.download-pdf-test {
  margin: 15px 0 0 0;
}

a.pdflink-page {
  display: block;
  padding: 20px 65px 20px 15px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 4px #444;
  border-radius: 4px;
  position: relative;
  margin: 0 0 15px 0;
}

a.pdflink-page span {
  color: #000 !important;
  text-decoration: underline;
}

a.pdflink-page:after {
  font-family: "icomoon";
  content: "\e90b";
  color: #fff;
  font-style: normal;
  font-size: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: solid 1px rgba(255, 255, 255, 0.8);
  padding: 11px 15px 35px 15px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0 4px 4px 0;
  box-shadow: 0 0 5px #555;
}

/* ---------------------------------------- UMBRACO ESSENTIALS (DELETE?) ---------------------------------------- */
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ---------------------------------------- BLOGS & RECENT/RELATED BLOGS SECTION ---------------------------------------- */
.blog-widget .blog-title2 h2,
.blog-widget .blog-title2 h2 a {
  font-size: 18px;
  line-height: 24px;
}

.blog-widget .blog-wrapper {
  border-bottom: 1px solid #dedde1;
}

.blog-widget .blog-desc p {
  padding-bottom: 10px;
}

.blog-title,
.blog-widget .blog-desc {
  padding: 15px;
}

.blog-title2 {
  padding: 15px 15px 0 15px;
}

#sidebar .widget-title {
  margin-bottom: 30px;
}

.blog-desc div.post-date {
  float: left;
  margin-right: 20px;
  margin-top: 8px;
  text-align: center;
}

.blog-desc div.post-date span.month {
  font-size: 0.9em;
  padding: 0 10px 2px;
}

.blog-desc div.post-date span.day {
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 10px;
}

.blog-wrapper {
  padding: 0 0 18px;
}

.category_title {
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
}

.blog-desc p {
  padding-bottom: 0;
}

.blog-title h2,
.blog-title h2 a {
  font-size: 30px;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  color: #363a47;
  font-weight: 700;
  line-height: 36px;
}

.blog-title h1 {
  font-size: 22px;
}

.widget-title {
  display: block;
}

@media screen and (max-width: 768px) {
  .blog-wrapper {
    background-color: #fff;
    position: relative;
    padding: 0 0 18px;
  }
}
.blog-wrapper .img-responsive {
  width: 100%;
  padding-top: 0;
}

.BlogListImage .img-responsive2 {
  padding-bottom: 0;
}

.BlogListImage .img-responsive2 {
  width: 100%;
}

.blog-image .img-responsive2 {
  width: 100%;
  border-radius: 0.25rem 0.25rem 0rem 0rem;
}

.post-meta i {
  padding-right: 2px;
}

.post-meta span {
  margin-right: 10px;
  font-size: 13px;
}

.post-meta {
  margin-top: 10px;
}

.post-meta a,
.post-meta span {
  color: #bbbabe;
}

.tags a {
  border-color: rgb(217, 217, 217) !important;
  background-color: rgb(255, 255, 255) !important;
  color: rgb(109, 109, 109) !important;
  padding: 0.5rem;
  margin: 0 0.5rem 0.5rem 0;
  text-shadow: none;
}

.tags a:hover {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}

.blog-title-new h2 a, .blog-title-new h3 a {
  font-size: 1.5rem;
  color: rgb(0, 40, 85);
}

.blog-title-new h2, .blog-title-new h3 {
  line-height: 1.5rem;
  padding-top: 15px;
}

.blog-wrapper2 {
  height: 100%;
}

.blog-image .img-responsive2 {
  border-radius: 0.25rem;
}

#blog-home .blog-image {
  max-height: 215px;
}

/* ---------------------------------------- CHAT ---------------------------------------- */
.LPMcloseButton {
  box-shadow: 0 0 0px white !important;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
}

.callouts--bottom {
  background-color: rgb(228, 233, 239) !important;
  bottom: 110px !important;
  right: 80px !important;
}

.callouts--bottom:before {
  border-top: 32px solid rgb(228, 233, 239) !important;
}

.LPMcontainer:focus {
  outline: 0px auto #fff;
}

.lp_mobile .lp-window-root > .lp_maximized {
  opacity: 1 !important;
}

.lp-window-root .lp_chat_line_wrapper .lp_chat_line .lp_title_text {
  font-size: 1rem !important;
  line-height: 18px !important;
}

.lp_image {
  width: 100% !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.grecaptcha-text span {
  color: #adadad;
  font-size: 0.7rem;
}

.grecaptcha-text a {
  color: Highlight;
  font-size: 0.9rem;
}

.grecaptcha-text {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .chat-button {
    z-index: 599 !important;
  }
}
/* Chat Invite Callout */
.callouts--bottom:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 120px;
  bottom: -38px;
  border: 10px solid transparent;
  border-top-color: rgba(0, 40, 85, 0.1);
  border-top-style: solid;
  border-top-width: 32px;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 22px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top: 32px solid rgba(0, 40, 85, 0.1); /* IE8 Fallback */
  border-top: 32px solid rgba(0, 40, 85, 0.1);
  z-index: 107155 !important;
}

/* ---------------------------------------- 404 PAGE ---------------------------------------- */
.error-image-container {
  height: 65vh;
  background-color: #00a3e1;
  background-image: url("https://www.icslearn.co.uk/media/cktjflpj/error-students.png"), url("https://www.icslearn.co.uk/media/cc1d2dqd/cloud-bg-1.png"), url("https://www.icslearn.co.uk/media/e2clg4dn/cloud-bg-2.png"), url("https://www.icslearn.co.uk/media/4irdqpft/cloud-bg-3.png"), url("https://www.icslearn.co.uk/media/dijhlny4/cloud-bg-4.png"), url("https://www.icslearn.co.uk/media/xa2lyynd/cloud-bg-5.png"), url("https://www.icslearn.co.uk/media/prscu4wl/cloud-bg-6.png");
  background-repeat: no-repeat, repeat-x, repeat-x, repeat-x, repeat-x, repeat-x, repeat-x;
  background-size: 45%, contain, contain, contain, contain, contain, contain;
  animation: cloudz linear 500s infinite;
}

/* mobile animation styles */
@media screen and (max-width: 500px) {
  .error-image-container {
    height: 300px;
    background-size: 110%, contain, contain, contain, contain, contain, contain;
    animation: cloudz-mobile linear 70s infinite;
  }
}
/* tablet animation styles */
@media screen and (min-width: 501px) and (max-width: 1340px) {
  .error-image-container {
    height: 450px;
    background-size: 65%, contain, contain, contain, contain, contain, contain;
    animation: cloudz-mobile linear 70s infinite;
  }
}
@keyframes cloudz {
  from {
    background-position: 50% 80%, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  }
  to {
    background-position: 50% 80%, -1000% 0, -3000% 0, -2500% 0, -1500% 0, -2000% 0, -1800% 0;
  }
}
@keyframes cloudz-mobile {
  from {
    background-position: 50% 80%, 400px 0, 400px 0, 400px 0, 400px 0, 400px 0, 400px 0;
  }
  to {
    background-position: 50% 80%, -800px 0, -3000px 0, -2000px 0, -800px 0, -1200px 0, -1000px 0;
  }
}
/* ---------------------------------------- COOKIEBOT POPUP ---------------------------------------- */
#CybotCookiebotDialogHeader {
  display: none !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 3px solid rgb(0, 40, 85) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
  border-bottom: 1px solid rgb(0, 40, 85) !important;
  color: rgb(0, 40, 85) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: rgb(0, 40, 85) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
  color: rgb(109, 109, 109) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: rgb(0, 40, 85) !important;
  color: rgb(0, 40, 85) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid rgb(0, 40, 85) !important;
  color: rgb(0, 40, 85) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: rgb(0, 163, 225) !important;
  border-color: rgb(0, 163, 225) !important;
  color: rgb(255, 255, 255) !important;
  text-shadow: 1px 1px 4px rgba(0, 40, 85, 0.7) !important;
  transition: 0.25s !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept:hover,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept:hover,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
  background-color: rgb(30, 34, 170) !important;
  border-color: rgb(30, 34, 170) !important;
}

#CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: rgb(0, 163, 225) !important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: rgb(109, 109, 109) !important;
}

#CybotCookiebotDialog {
  color: rgb(109, 109, 109) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: rgb(0, 40, 85) !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: rgb(0, 40, 85) !important;
}

/*new Cookiebot consent mgmt styles*/
#CookiebotWidget-btn-withdraw {
  border: 2px solid rgb(91, 80, 121) !important;
  color: rgb(91, 80, 121) !important;
}

.CookiebotWidget-show-consent-details {
  color: rgb(109, 109, 109) !important;
}

#CookiebotWidget-show-consent-details {
  color: rgb(109, 109, 109) !important;
}

.CookiebotWidget-consents-list li svg {
  fill: rgb(109, 109, 109) !important;
}

.CookiebotWidget-consents-list svg {
  color: rgb(109, 109, 109) !important;
}

#CookiebotWidget .CookiebotWidget-logo svg circle {
  fill: rgb(0, 163, 225) !important;
}

.CookiebotWidget-main-logo {
  display: none !important;
}

.CookiebotWidget-logo {
  display: none !important;
}

#CookiebotWidget {
  box-shadow: none !important;
}

#openConsent {
  cursor: pointer;
}

#CookiebotWidget-btn-change {
  background-color: rgb(0, 163, 225) !important;
  border-color: rgb(0, 163, 225) !important;
  color: rgb(255, 255, 255) !important;
  text-shadow: 1px 1px 4px rgba(0, 40, 85, 0.7) !important;
  transition: 0.25s !important;
}

#CookiebotWidget-btn-change:hover {
  background-color: rgb(30, 34, 170) !important;
  border-color: rgb(30, 34, 170) !important;
}

@media screen and (max-width: 600px) {
  #CookiebotWidget:not(CookiebotWidget-inactive) {
    bottom: 70px !important;
    left: 10px !important;
  }
}
/* ---------------------------------------- COURSE LINK BOXES ---------------------------------------- */
.courseBox {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.courseBox p {
  font-weight: 700;
}

.courseBox img {
  height: 50px;
}

.hover-image,
.courseBox:hover .normal-image {
  display: none;
}

.courseBox:hover .hover-image {
  display: inline;
}

.courseBox:hover p {
  color: rgb(255, 255, 255);
}

.courseBox:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: opacity 0.3s linear;
  opacity: 0;
  border-radius: 4px;
}

.courseBox:hover::before {
  opacity: 1;
}

.card-body p {
  color: rgb(69, 69, 69);
  font-weight: 400;
}

.courses-middle-row .courseBox-middle-last p {
  margin-bottom: 0 !important;
}

.card-deck {
  display: flex;
}

@media (min-width: 576px) {
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.logo-hr,
.logo-ld {
  width: 75px;
  height: 58px;
}

.logo-cips,
.logo-cim,
.logo-cgi,
.logo-libf {
  width: 75px;
  height: 50px;
}

.logo-hr {
  background: url("../images/ics-learn-awards-logo-sprite.png") -294px -5px;
}

.courseBox:hover .logo-hr {
  background: url("../images/ics-learn-awards-logo-sprite.png") -294px -65px;
}

.logo-cgi {
  background: url("../images/ics-learn-awards-logo-sprite.png") -402px -60px;
}

.courseBox:hover .logo-cgi {
  background: url("../images/ics-learn-awards-logo-sprite.png") -402px -2px;
}

.logo-libf {
  background: url("../images/ics-learn-awards-logo-sprite.png") -402px -184px;
}

.courseBox:hover .logo-libf {
  background: url("../images/ics-learn-awards-logo-sprite.png") -402px -125px;
}

.logo-ld {
  background: url("../images/ics-learn-awards-logo-sprite.png") -294px -5px;
}

.courseBox:hover .logo-ld {
  background: url("../images/ics-learn-awards-logo-sprite.png") -294px -65px;
}

.logo-aat {
  width: 155px;
  height: 50px;
  background: url("../images/ics-learn-awards-logo-sprite.png") -165px -300px;
}

.courseBox:hover .logo-aat {
  background: url("../images/ics-learn-awards-logo-sprite.png") -4px -301px;
}

.logo-pm {
  width: 89px;
  height: 50px;
  background: url("../images/ics-learn-awards-logo-sprite.png") -5px -125px;
}

.courseBox:hover .logo-pm {
  background: url("../images/ics-learn-awards-logo-sprite.png") -195px -5px;
}

.logo-high {
  width: 180px;
  height: 50px;
  background: url("../images/ics-learn-awards-logo-sprite.png") -5px -5px;
}

.courseBox:hover .logo-high {
  background: url("../images/ics-learn-awards-logo-sprite.png") -5px -65px;
}

.logo-ilm {
  width: 150px;
  height: 50px;
  background: url("../images/ics-learn-awards-logo-sprite.png") -174px -250px;
}

.courseBox:hover .logo-ilm {
  background: url("../images/ics-learn-awards-logo-sprite.png") -5px -250px;
}

.logo-cips {
  background: url("../images/ics-learn-awards-logo-sprite.png") -294px -125px;
}

.courseBox:hover .logo-cips {
  background: url("../images/ics-learn-awards-logo-sprite.png") -294px -185px;
}

.logo-cim {
  background: url("../images/ics-learn-awards-logo-sprite.png") -90px -194px;
}

.courseBox:hover .logo-cim {
  background: url("../images/ics-learn-awards-logo-sprite.png") -175px -194px;
}

.logo-it {
  width: 45px;
  height: 50px;
  background: url("../images/ics-learn-awards-logo-sprite.png") -327px -246px;
}

.courseBox:hover .logo-it {
  background: url("../images/ics-learn-awards-logo-sprite.png") -212px -137px;
}

.logo-icb {
  width: 140px;
  height: 50px;
  background: url(../images/ics-learn-awards-logo-sprite.png) -490px -301px;
}

.courseBox:hover .logo-icb {
  background: url("../images/ics-learn-awards-logo-sprite.png") -338px -301px;
}

@media screen and (max-width: 768px) {
  .logo-hr, .logo-ld {
    background: url("../images/ics-learn-awards-logo-sprite.png") -294px -65px;
  }
  .logo-aat {
    background: url("../images/ics-learn-awards-logo-sprite.png") -4px -301px;
  }
  .logo-prince2 {
    background: url("../images/ics-learn-awards-logo-sprite.png") -195px -5px;
  }
  .logo-high {
    background: url("../images/ics-learn-awards-logo-sprite.png") -5px -65px;
  }
  .logo-ilm {
    background: url("../images/ics-learn-awards-logo-sprite.png") -5px -250px;
  }
  .logo-cips {
    background: url("../images/ics-learn-awards-logo-sprite.png") -294px -185px;
  }
  .logo-cim {
    background: url("../images/ics-learn-awards-logo-sprite.png") -175px -194px;
  }
  .logo-edexcel {
    background: url("../images/ics-learn-awards-logo-sprite.png") -110px -65px;
  }
  .logo-cmi {
    background: url("../images/ics-learn-awards-logo-sprite.png") 0px -250px;
  }
  .logo-it {
    background: url("../images/ics-learn-awards-logo-sprite.png") -212px -137px;
  }
  .logo-icb {
    background: url("../images/ics-learn-awards-logo-sprite.png") -338px -301px;
  }
  .logo-pm {
    background: url("../images/ics-learn-awards-logo-sprite.png") -195px -5px;
  }
  .logo-cgi {
    background: url("../images/ics-learn-awards-logo-sprite.png") -402px -2px;
  }
  .logo-libf {
    background: url("../images/ics-learn-awards-logo-sprite.png") -402px -125px;
  }
  .normal-image {
    display: none;
  }
  .courseBox p {
    color: rgb(255, 255, 255);
  }
  .courses-middle-row .courseBox-middle-last p {
    margin-bottom: 2.5rem;
  }
  .hover-image {
    display: inline;
  }
  .courseBox {
    width: 80vw;
  }
  .card-header,
  .card-body {
    white-space: normal;
  }
  .horizscroll {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
.logo-courses-HumanResources,
.logo-courses-LearningDevelopment {
  width: 75px;
  height: 56px;
}

.logo-courses-ProcurementSupply,
.logo-courses-Marketing,
.logo-courses-IGCSE,
.logo-courses-InternationalGCSE,
.logo-courses-CorporateGovernance,
.logo-courses-BankingFinance {
  width: 75px;
  height: 50px;
}

.logo-courses-InformationTechnology, .logo-courses-IT {
  width: 45px;
  height: 50px;
  background: url("../images/ics-learn-award-logos-white.png") -211px -134px;
}

.logo-courses-Payroll {
  width: 160px;
  height: 50px;
  background: url("../images/ics-learn-award-logos-white.png") -190px -188px;
}

.logo-courses-HumanResources,
.logo-courses-LearningDevelopment {
  background: url("../images/ics-learn-award-logos-white.png") -5px -134px;
}

.logo-courses-AccountancyBookkeeping,
.logo-courses-Accountancy,
.logo-courses-Bookkeeping {
  width: 150px;
  height: 50px;
  background: url("../images/ics-learn-award-logos-white.png") -4px -188px;
}

.logo-courses-ProjectManagement {
  width: 89px;
  height: 50px;
  background: url("../images/ics-learn-award-logos-white.png") -5px -65px;
}

.logo-courses-ALevels,
.logo-courses-GCSEIGCSE,
.logo-courses-GCSEInternationalGCSE {
  width: 180px;
  height: 50px;
  background: url("../images/ics-learn-award-logos-white.png") -5px -5px;
}

.logo-courses-LeadershipManagement {
  width: 130px;
  height: 50px;
  background: url("../images/ics-learn-award-logos-white.png") -195px -5px;
}

.logo-courses-ProcurementSupply {
  background: url("../images/ics-learn-award-logos-white.png") -90px -134px;
}

.logo-courses-Marketing {
  background: url("../images/ics-learn-award-logos-white.png") -195px -65px;
}

.logo-courses-CorporateGovernance {
  background: url("../images/ics-learn-award-logos-white.png") -278px -65px;
}

.logo-courses-BankingFinance {
  background: url("../images/ics-learn-award-logos-white.png") -278px -132px;
}

.logo-courses-IGCSE, .logo-courses-InternationalGCSE {
  background: url("../images/ics-learn-award-logos-white.png") -115px -5px;
}

.logo-edexcel {
  width: 75px;
  height: 50px;
  background: url("../images/ics-learn-awards-logo-sprite.png") -110px -5px;
}

.courseBox:hover .logo-edexcel {
  background: url("../images/ics-learn-awards-logo-sprite.png") -110px -65px;
}

.business-grid .logo-ilm {
  width: 80px;
  height: 50px;
  background: url(../images/ics-learn-awards-logo-sprite.png) -260px -250px;
}

.logo-cmi {
  width: 80px;
  height: 50px;
  background: url(../images/ics-learn-awards-logo-sprite.png) -174px -250px;
}

.business-grid .courseBox:hover .logo-ilm {
  background: url(../images/ics-learn-awards-logo-sprite.png) -90px -250px;
}

.courseBox:hover .logo-cmi {
  background: url(../images/ics-learn-awards-logo-sprite.png) -5px -250px;
}

@media screen and (max-width: 768px) {
  .business-grid .logo-ilm {
    background: url(../images/ics-learn-awards-logo-sprite.png) -90px -250px;
  }
}
@media screen and (max-width: 768px) {
  .service-center .col-12 {
    margin-top: 30px;
  }
  .mobile-hr-none hr {
    display: none;
  }
  .horizscroll {
    overflow-x: auto;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .white-space-normal,
  .accordion-body .horizscroll div {
    white-space: normal;
  }
  .accordion-body .horizscroll div img.padding-right {
    padding-right: 0;
  }
}
.accordion-body a {
  text-decoration: underline;
}

.individualCourses a {
  text-decoration: none;
}

.individualCourses .card-header img {
  height: 50px;
}

.individualCourses .card-header h4 {
  height: 3rem;
  color: #fff;
}

.individualCourses .card-footer {
  background: rgb(255, 255, 255);
  border: none;
}

.individualCourses .card-body li {
  font-weight: 700;
  color: rgb(69, 69, 69);
}

.individualCourses .card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.individualCourses a {
  text-decoration: none;
}

.individualCourses .card {
  transition: all 0.2s ease-in-out 0s;
}

.individualCourses .card:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.courses-fullheight {
  height: auto;
}

.courses-fullheight .card:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

@media only screen and (min-device-width: 450px) and (max-device-width: 990px) {
  #courses-page .individualCourses .horizscroll {
    overflow-x: visible;
  }
  .individualCourses .card {
    margin: 0 5px;
  }
  .individualCourses .card-header h4 {
    font-size: 1rem;
  }
  .individualCourses .card-body {
    font-weight: 500;
  }
}
@media only screen and (max-width: 768px) {
  .individualCourses .card-header {
    padding-top: 1rem;
  }
  .individualCourses .card-deck {
    flex-direction: row;
    width: auto;
  }
  .masterclass-cards .card-header {
    padding-bottom: 3.5rem;
  }
  .individualCourses .card-deck {
    flex-direction: row;
    width: auto !important;
  }
  .individualCourses .card {
    width: 70vw;
    margin: 0 15px;
  }
  .individualCourses .col-sm-8,
  .individualCourses .col-10 {
    flex-shrink: inherit;
  }
}
/* ---------------------------------------- HERO SECTION ---------------------------------------- */
.backimage {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover !important;
}

.hero-content h1,
.hero-content p {
  color: #fff;
}

.hero-content h1 {
  margin-bottom: 0;
}

#CourseInterestSelect:hover {
  cursor: pointer;
}

.home-hero-btn select.register-input {
  padding-left: 15px;
  padding-right: 15px;
  width: 75%;
  font-weight: bold;
  margin: 0;
  color: rgb(0, 40, 85);
  font-size: 1.2rem;
  height: 64px;
}

input.register-input,
select.register-input {
  height: 52px;
  border: 1px solid rgb(255, 255, 255);
  margin-bottom: 20px;
  width: 100%;
  float: left;
  background-color: rgb(255, 255, 255) !important;
}

select.register-input {
  padding-left: 2%;
  padding-right: 2%;
  font-size: 1rem;
  border-radius: 8px;
}

.home-hero-btn {
  position: relative;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.home-hero-btn span.icon-search {
  right: 3%;
  color: rgb(255, 255, 255);
  font-style: normal;
  font-size: 1.2rem;
  position: absolute;
  top: 12px;
}

@media screen and (max-width: 768px) {
  .home-hero-btn select.register-input {
    width: 100% !important;
  }
}
/* ---------------------------------------- OVERLAP SECTION ---------------------------------------- */
.overlap {
  overflow: hidden;
}

.overlap-margin {
  margin: 30px 0 30px 0;
}

.ics-prim-bg-grad-overlap-left-75 {
  background: linear-gradient(to right, rgba(30, 34, 170, 0.75) 0%, rgba(0, 163, 225, 0.75) 100%);
  position: absolute;
  top: 8%;
  right: 5%;
  width: 100%;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}

.ics-prim-bg-grad-overlap-right-75 {
  background: linear-gradient(to right, rgba(30, 34, 170, 0.75) 0%, rgba(0, 163, 225, 0.75) 100%);
  position: absolute;
  left: 5%;
  bottom: 8%;
  width: 100%;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.overlap-bg,
.overlap-content {
  position: relative;
}

.overlap-bg ol {
  list-style: none;
  margin-bottom: auto;
}

.overlap-bg ol li {
  margin-bottom: 15px;
  padding-left: 2rem;
  text-indent: -2rem;
}

.overlap-bg ol li:before {
  content: "\e5ca";
  font: normal normal normal 24px/1 "icomoon";
  margin-left: 0.2em;
  padding: 0 5px 0 0;
  color: rgb(255, 255, 255);
  position: relative;
  left: -10px;
  top: 3px;
}

.overlap-list hr {
  border: 3px solid rgb(255, 255, 255);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .overlap-content .spacer-90 {
    padding: 30px 0;
  }
  .overlap-bg .spacer-90 {
    padding: 30px 0;
  }
  .ics-prim-bg-grad-overlap-left-75 {
    top: 2%;
    margin-right: 15px;
  }
  .ics-prim-bg-grad-overlap-right-75 {
    margin-left: 15px;
    bottom: 2%;
  }
  .overlap-margin {
    margin: 0 0 30px 0;
  }
}
/* ---------------------------------------- IMAGE/VIDEO & TEXT SECTION ---------------------------------------- */
.graphic-box {
  z-index: 15;
  position: relative;
}

.graphic-box .video-container .youtube-player {
  margin: 0;
}

.section-bg-copy h2,
.section-bg-copy h3,
.section-bg-copy p,
.section-bg-copy li {
  color: rgb(255, 255, 255);
}

.section-copy h2,
.section-copy h3,
.section-copy h4,
.section-copy p.header-style {
  color: rgb(0, 40, 85);
}

.section-copy p {
  color: rgb(69, 69, 69);
}

.section-bg-copy h2,
.section-copy h2 {
  font-size: 2.625rem;
  font-weight: 700;
}

.section-bg-copy h3,
.section-copy h3,
.section-copy p.header-style {
  font-size: 1.875rem;
  font-weight: 700;
}

.section-bg {
  position: relative;
  overflow: hidden;
}

.section-bg-copy {
  z-index: 15;
}

.section-bg-copy a:not(.btn) {
  color: #fff;
  text-decoration: underline;
}

.section-bg-img {
  z-index: 5;
}

.section-bg-lines .thick-line,
.section-bg-lines .mid-line,
.section-bg-lines .slim-line {
  transform: skewX(-25deg);
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
}

.section-bg-lines .slim-line-reverse {
  transform: skewX(25deg);
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
}

.section-bg-lines .thick-line {
  width: 480px;
}

.section-bg-lines .mid-line {
  width: 255px;
}

.section-bg-lines .slim-line,
.section-bg-lines .slim-line-reverse {
  width: 30px;
}

.trusted-title {
  font-size: 1.5rem;
  text-align: center;
  margin: 0;
  font-weight: 500;
}

.bg-lines-v1 .thick-line {
  right: 90px;
}

.bg-lines-v1 .slim-line {
  right: 45px;
}

.bg-lines-v2 .slim-line:nth-child(1),
.bg-lines-v2 .slim-line-reverse:nth-child(1) {
  right: 45px;
}

.bg-lines-v2 .slim-line:nth-child(2),
.bg-lines-v2 .slim-line-reverse:nth-child(2) {
  right: 90px;
}

.bg-lines-v2 .slim-line:nth-child(3),
.bg-lines-v2 .slim-line-reverse:nth-child(3) {
  right: 135px;
}

.bg-lines-v2 .slim-line:nth-child(4),
.bg-lines-v2 .slim-line-reverse:nth-child(4) {
  right: 180px;
}

.bg-lines-v2 .slim-line:nth-child(5),
.bg-lines-v2 .slim-line-reverse:nth-child(5) {
  right: 225px;
}

.bg-lines-v2 .slim-line:nth-child(6),
.bg-lines-v2 .slim-line-reverse:nth-child(6) {
  right: 270px;
}

.bg-lines-v2 .slim-line:nth-child(7) {
  right: 315px;
}

.bg-lines-v2 .slim-line:nth-child(8) {
  right: 360px;
}

.bg-lines-v2 .slim-line:nth-child(9) {
  right: 405px;
}

.bg-lines-v2 .slim-line:nth-child(10) {
  right: 450px;
}

.bg-lines-v2 .slim-line:nth-child(11) {
  right: 495px;
}

.bg-lines-v2 .slim-line:nth-child(12) {
  right: 540px;
}

.bg-lines-v3 .mid-line:nth-child(1) {
  right: 45px;
}

.bg-lines-v3 .slim-line:nth-child(2) {
  right: 315px;
}

.bg-lines-v3 .slim-line:nth-child(3) {
  right: 360px;
}

.bg-lines-v3 .slim-line:nth-child(4) {
  right: 405px;
}

.bg-lines-v3 .slim-line:nth-child(5) {
  right: 450px;
}

.bg-lines-v3 .slim-line:nth-child(6) {
  right: 495px;
}

.bg-lines-v3 .slim-line:nth-child(7) {
  right: 540px;
}

.bg-lines-v4 .slim-line:nth-child(1) {
  right: 45px;
  bottom: 50px;
}

.bg-lines-v4 .slim-line:nth-child(2) {
  right: 90px;
  bottom: 100px;
}

.bg-lines-v4 .slim-line:nth-child(3) {
  right: 135px;
  bottom: 150px;
}

.bg-lines-v4 .slim-line:nth-child(4) {
  right: 180px;
  bottom: 200px;
}

.bg-lines-v4 .slim-line:nth-child(5) {
  right: 225px;
  bottom: 250px;
}

.bg-lines-v4 .slim-line:nth-child(6) {
  right: 270px;
  bottom: 300px;
}

.bg-lines-v5 .slim-line:nth-child(1) {
  left: 0;
  z-index: -5;
}

.bg-lines-v5 .slim-line:nth-child(2) {
  left: -45px;
  z-index: -5;
}

.bg-lines-v5 .slim-line:nth-child(3) {
  left: -90px;
  z-index: -5;
}

.bg-lines-v5 .slim-line:nth-child(4) {
  left: -135px;
  z-index: -5;
}

.bg-lines-v5 .slim-line:nth-child(5) {
  left: -180px;
  z-index: -5;
}

.bg-lines-v5 .slim-line:nth-child(6) {
  left: -225px;
  z-index: -5;
}

@media screen and (max-width: 768px) {
  .section-bg-lines .thick-line,
  .section-bg-lines .mid-line,
  .section-bg-lines .slim-line {
    margin-bottom: -10px;
  }
  .section-bg-copy h2,
  .section-copy h2 {
    font-size: 2.25rem;
  }
  .section-bg-copy h3,
  .section-copy h3 {
    font-size: 1.5rem;
  }
  .section-icon {
    width: 50px;
    height: 50px;
  }
  .section-title h2,
  .mobile-heading {
    font-size: 1.5rem;
  }
}
/* ---------------------------------------- REVIEW SECTION ---------------------------------------- */
.studentdiv,
.businessdiv {
  padding: 15px;
  position: relative;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 25px;
}

.relateddiv {
  padding: 15px;
  position: relative;
  text-align: center;
  margin-bottom: 25px;
  background: rgba(0, 40, 85, 0.1);
  white-space: normal;
}

.column-reviews .businessdiv {
  margin-top: 0;
}

.studentdiv img,
.businessdiv img {
  width: 128px;
  height: 128px;
  position: relative;
  display: block;
  margin: 0 auto;
  top: -81px;
  border: 3px solid;
  border: 0;
  border-radius: 75px;
  background: #fff;
}

.businessdiv img {
  border: 3px solid rgba(0, 40, 85, 0.1);
}

.business-student img {
  top: 0;
  width: 75px;
  height: 75px;
  margin: 0 15px;
  border: none;
}

.faculty-wrap .business-student img {
  margin: 0 auto;
}

.business-student p {
  margin: 0;
}

.studentname,
.businessname,
.relatedname {
  font-size: 1.5rem;
  font-weight: bold;
  color: rgb(0, 40, 85);
  margin-top: -125px;
  margin-bottom: 0.25rem;
}

.studentrole,
.businessrole {
  font-size: 1rem;
  color: rgb(109, 109, 109);
}

.relatedsubtext {
  font-size: 1rem;
  font-weight: 300;
  color: rgb(109, 109, 109);
  margin-top: 1rem !important;
}

.studentquote,
.businessquote {
  color: rgb(69, 69, 69);
  font-weight: bold;
  font-weight: 400;
  font-size: 1.125rem;
  font-style: italic;
}

.relateddetails {
  color: rgb(69, 69, 69);
  font-weight: bold;
  font-weight: 400;
  font-size: 1.125rem;
  font-style: italic;
}

.businessrole span {
  font-style: italic;
}

.half-circle {
  width: 130px;
  height: 65px;
  position: relative;
  display: block;
  margin: 0 auto;
  top: -145px;
  border-bottom-left-radius: 110px;
  border-bottom-right-radius: 110px;
  border: 2px solid;
  border-top: 0;
}

.course-reviews img {
  width: 85px;
  height: 85px;
}

@media screen and (max-width: 768px) {
  .studentdiv,
  .blog-wrapper2,
  .businessdiv,
  .relateddiv {
    white-space: normal;
  }
}
/* ---------------------------------------- MISC ---------------------------------------- */
[tabindex="-1"]:focus {
  outline: 0 !important;
}

@media screen and (max-width: 768px) {
  .mobile-hr-none hr {
    display: none;
  }
}
/* ---------------------------------------- COURSE LIST ??? ---------------------------------------- */
.course-list-group .course-list-border {
  border-bottom: solid 3px rgb(217, 217, 217);
}

.course-list-group .course-list-border:first-child {
  border-top: solid 3px rgb(217, 217, 217);
}

.course-list-group h2,
.course-list-group h3 {
  font-size: 1.2rem;
  color: rgb(0, 40, 85);
  margin: 0;
  padding: 12px 15px;
  font-weight: 700;
}

.course-list-group ul,
.course-list-group li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.course-list-group li a {
  font-size: 1.125rem;
  color: rgb(69, 69, 69);
  text-decoration: none;
  display: block;
  padding: 10px 40px 10px 15px;
  border-top: solid 1px rgb(217, 217, 217);
  transition: all 0.15s ease-in-out;
}

.course-list-group ul li:first-child a {
  border-top: none;
}

.course-list-group li a:hover {
  background-color: rgba(0, 40, 85, 0.1);
}

a .courselist-chevron .course-list-icon {
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.15s ease-in-out;
  background: rgba(0, 40, 85, 0.05);
  padding: 0 15px;
}

a .courselist-chevron .course-list-icon:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -5px;
}

@media screen and (max-width: 768px) {
  .course-list-group ul li:first-child a {
    border-top: solid 1px rgb(217, 217, 217);
  }
  .courselist-chevron {
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
  }
}
/* ---------------------------------------- FAQS SECTIONS ---------------------------------------- */
.faqs-accordion-btn,
.faqs-accordion-btn:hover,
.faqs-accordion-btn:active,
.faqs-accordion-btn:visited,
.faqs-accordion-btn:focus {
  text-decoration: none;
}

.faqs-accordion-btn:hover,
.faqs-accordion-btn:focus {
  background-color: rgba(0, 40, 85, 0.1);
  color: rgb(69, 69, 69);
}

.faqs-accordion {
  margin: 0 15px;
}

.faqs-accordion-btn {
  color: rgb(69, 69, 69);
  padding: 1rem 2rem 1rem 1rem;
  font-size: 1.25rem;
  border-radius: 0;
  border: 0;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  text-align: left;
}

.faqs-accordion-icon {
  font-size: 0.875rem;
  background: rgba(0, 40, 85, 0.05);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0px 30px;
  transition: none;
}

.faqs-accordion-icon.icon-chevron-left:before {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -5px;
  transition: all 0.15s ease-in-out;
  transform: rotate(-90deg);
}

.faqs-accordion-btn[aria-expanded=true] .faqs-accordion-icon.icon-chevron-left:before,
.footer-title[aria-expanded=true] .faqs-accordion-icon.icon-chevron-left:before {
  transform: rotate(90deg) !important;
}

.faqs-list-group .faqs-list-border {
  border-bottom: solid 3px rgb(217, 217, 217);
}

.faqs-list-group .faqs-list-border:first-child {
  border-top: solid 3px rgb(217, 217, 217);
}

.faqs-accordion-head h3 {
  padding: 0 !important;
}

.faqs-list-group h3 {
  font-size: 1.2rem;
  color: rgb(0, 40, 85);
  margin: 0px;
  padding: 0 15px;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  #faqs h3 {
    font-size: 1.25rem;
    padding-bottom: 1rem;
  }
  .faculty-wrap #faqs h3,
  .course-wrap #faqs h3 {
    padding-bottom: 0;
  }
  #faqs-accordion .faqs-accordion-item:first-child {
    border-top: solid 1px rgb(217, 217, 217);
  }
  .faqs-accordion-btn {
    padding: 1rem 4rem 1rem 1rem;
  }
}
/* ---------------------------------------- TABLET STYLES ---------------------------------------- */
@media only screen and (min-device-width: 450px) and (max-device-width: 990px) {
  .ics-prim-bg-grad-overlap-right-75 {
    bottom: 5%;
    left: 2%;
  }
  .ics-prim-bg-grad-overlap-left-75 {
    top: 5%;
    right: 2%;
  }
  .video-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .courseBox {
    width: 35vw;
  }
  .tablet-stretch .courseBox {
    width: 55vw;
  }
  .courseBox p {
    font-weight: 600;
  }
  .contact-buttons .btn {
    width: 40vw;
  }
  .tablet-column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .business-student img {
    width: 40px;
    height: 40px;
  }
  .individualCourses .horizscroll {
    overflow-x: visible;
  }
  .individualCourses .card {
    margin: 0 5px;
  }
  .individualCourses .card-header h4 {
    font-size: 1rem;
  }
  .individualCourses .card-body {
    font-weight: 500;
  }
  .individualCourses .card-deck {
    width: auto !important;
  }
}
/*Tablet landscape rotation*/
@media (min-width: 991px) and (max-width: 1024px) {
  .courseBox {
    width: 29vw;
  }
  .tablet-stretch .courseBox {
    width: 45vw;
  }
  .contact-buttons .btn {
    width: 20vw;
  }
  .logos-list-mobile {
    justify-content: center !important;
  }
  .mobile-hr-none hr {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .backimage {
    background-position: 70% 0% !important;
  }
  .ics-hero-bg-grad-75 .ics-prim-btn {
    font-size: 0.9rem;
  }
  .LPMimage {
    width: 70px;
    height: 70px;
    top: -25px !important;
    left: -25px !important;
  }
  .lp_maximized {
    opacity: 1 !important;
    width: 340px !important;
    height: 580px !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
  }
  #careerhubForm {
    width: 330px;
    right: 15px;
    position: inherit;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .backimage {
    background-position: 70% 0% !important;
  }
  .LPMimage {
    width: 70px;
    height: 70px;
    top: -25px !important;
    left: -25px !important;
  }
  .lp_maximized {
    opacity: 1 !important;
    width: 340px !important;
    height: 580px !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
  }
  .home-hero-btn {
    max-width: 100% !important;
  }
  .horizscroll {
    overflow-x: auto !important;
    overflow-y: visible;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
/* ---------------------------------------- BUYAPAWA REFER PAGE ???? ---------------------------------------- */
.ics-prim-bg-grad-reverse-75 {
  background: linear-gradient(to right, rgba(30, 34, 170, 0.75) 0%, rgba(0, 163, 225, 0.75) 100%);
}

.ics-quote-box {
  padding: 0 0 15px 0;
}

.ics-quote-number {
  color: rgb(255, 255, 255);
  font-size: 2rem;
  font-weight: 500;
  min-width: 20px;
  width: 20px;
  text-align: center;
}

.ics-quote-spacer {
  padding: 3px;
  margin: 0 15px;
  border: none;
  background: linear-gradient(to bottom, #ffffff 0%, #a1d0e2 100%);
}

.ics-quote-box p.ics-quote-copy {
  margin: 0;
  padding: 5px 0;
}

.macro-p {
  margin: 0px;
}

/* ---------------------------------------- 4 COLUMN SECTION ---------------------------------------- */
.service-center .header-style-smaller {
  font-size: 1.25rem;
  font-weight: 700;
  color: rgb(0, 40, 85);
}

.service-center .col-md-4:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .service-center .header-style-smaller {
    font-size: 1rem;
  }
  .service-center .col-12 {
    margin-top: 30px;
  }
}
/* ---------------------------------------- CONTACT PAGE ---------------------------------------- */
.text-image-video {
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-color: transparent;
  overflow-x: hidden;
}

.text-image-video .col-lg-6 {
  position: relative;
}

.contact-row a {
  font-weight: 700;
}

.local-information a {
  min-width: 240px;
}

.contact-row p {
  margin-bottom: 0;
}

.contact-list .international-row img {
  width: 50px;
  height: 30px;
  margin-top: -2px;
}

.international-row a {
  width: 220px;
  padding-top: 15px;
  font-weight: 500;
}

.contact-list img {
  height: 40px;
  width: 40px;
}

.flex-even {
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .contact-list .row {
    margin: 0 15px;
  }
  .contact-list span {
    display: block;
  }
  .contact-row .col-12 {
    margin-bottom: 15px;
  }
  .contact-row:nth-of-type(3), .contact-row:nth-of-type(4) {
    margin-top: -30px;
  }
}
/* ---------------------------------------- TIMELINE SECTION ---------------------------------------- */
.timeline {
  position: relative;
}

.timeline:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 3px solid rgb(0, 163, 225);
  width: 99%;
  transform: translateY(-50%);
  z-index: 1;
}

.date-circle {
  width: 80px;
  height: 80px;
  background: rgb(255, 255, 255);
  color: rgb(0, 163, 225);
  border: 3px solid rgb(0, 163, 225);
  border-radius: 50%;
  font-weight: 700;
  cursor: pointer;
  z-index: 5;
}

.date-circle p {
  margin: 0;
}

.tooltip-inner {
  background: rgb(0, 163, 225);
  padding: 15px 5px;
  text-shadow: 1px 1px 4px rgba(0, 40, 85, 0.7);
}

.timeline .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: rgb(0, 163, 225);
  left: 55%;
}

.timeline .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgb(0, 163, 225);
  left: 55%;
}

.timeline .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgb(0, 163, 225);
}

@media only screen and (max-width: 768px) {
  .timeline {
    flex-direction: column;
    left: 12%;
  }
  .timeline:before {
    top: 0;
    bottom: 0;
    left: 14%;
    width: 3px;
    transform: translateY(0);
    background: rgb(0, 163, 225);
  }
  .date-circle:not(:last-child) {
    margin-bottom: 30px;
  }
  .offer-links h4.mobile-margin-top-30 {
    margin-top: 0;
  }
}
@media only screen and (min-device-width: 450px) and (max-device-width: 990px) {
  .timeline {
    left: 35%;
  }
  .timeline:before {
    left: 5.5%;
  }
}
/* ---------------------------------------- APPRENTICESHIP PAGES ---------------------------------------- */
.float-nav {
  z-index: 999;
}

.show-on-mobile {
  display: none;
}

.column-checklist {
  padding: 0 30px;
}

.column-checklist .check:before {
  content: "\e5ca";
  font: normal normal normal 24px/1 "icomoon";
  color: rgb(0, 163, 225);
}

.column-checklist .cross:before {
  content: "\e5cd";
  font: normal normal normal 24px/1 "icomoon";
  color: #e40046;
}

.column-checklist p {
  padding-left: 2rem;
  text-indent: -2rem;
}

.column-checklist span {
  position: relative;
  left: -10px;
  top: 5px;
  padding: 0 5px 0 0;
}

/* -------------- Levy calculator ------------- */
#levyResults {
  position: absolute;
  opacity: 0;
  transform: translateY(-50px);
  transition: all 0.3s linear;
}

#levyResults h3 {
  font-size: 1.125rem;
}

.calculator input,
.calculator .btn {
  height: 64px !important;
}

.calculator button {
  margin-top: 10px;
}

.calculatorResults {
  border-radius: 4px;
}

.calculatorResults span {
  font-weight: 500;
  color: rgb(0, 163, 225);
  font-size: 2rem;
}

#lessMessage {
  font-weight: 700;
}

.flex-even {
  flex: 1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/*New INTL country code style updates*/
.iti--allow-dropdown {
  width: 100%;
}

input[type=number] {
  -moz-appearance: textfield;
}

.floating-placeholder input:focus {
  outline: 0;
  border: 2px solid rgb(0, 40, 85);
}

.floating-placeholder {
  position: relative;
}

.floating-placeholder label {
  position: absolute;
  line-height: 20px;
  left: 15px;
  bottom: 8px;
  opacity: 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  transition: all 0.2s;
  pointer-events: none;
}

.floating-placeholder.float label {
  bottom: 65px;
  opacity: 1;
}

/* -------------- Circular stats ------------- */
.circular-chart {
  display: block;
}

.circle-bg {
  fill: none;
  stroke: rgb(217, 217, 217);
  stroke-width: 3.2;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: butt;
}

.circleAnimate {
  animation: progress 1.1s ease-out forwards;
  animation-delay: 0.1s;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.circular-chart .circle {
  stroke: rgb(0, 163, 225);
}

.percentage {
  fill: rgb(0, 40, 85);
  font-weight: 600;
  font-size: 0.5em;
  text-anchor: middle;
}

.circle-stat svg {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.circle-stat p {
  font-size: 1.25rem;
  font-weight: 700;
}

/* -------------- Step Cards ------------- */
.numberstep-cards .card-body {
  padding: 15px;
}

.numberstep-cards .card-body p {
  margin: 0;
}

.numberstep-cards .card {
  transition: all 0.15s ease-in-out;
}

.numberstep-cards .card:hover {
  transform: scale3d(1.048, 1.048, 1.048);
}

.numberstep-cards h3 {
  font-size: 3rem;
}

.numberstep-cards h4 {
  font-size: 1.25rem;
}

.gradient-border-bottom {
  display: inline-block;
  padding-bottom: 5px;
  background: linear-gradient(to right, rgb(0, 163, 225) 0%, rgb(60, 219, 192) 100%);
  background-size: 100% 5px;
  background-position: bottom, 0 calc(100% - 5px);
  background-repeat: no-repeat;
  width: 90px;
}

@media only screen and (max-width: 768px) {
  .temp-header {
    height: 80px;
  }
  .show-on-mobile {
    display: block;
  }
  .hide-on-mobile {
    display: none;
  }
  .column-checklist {
    margin: 0 10px;
    padding: 0 15px;
    border-left: none !important;
  }
  .calculatorResults {
    flex-direction: column;
  }
  .annualPayments {
    border-bottom: 1px solid rgb(217, 217, 217);
  }
  .totalFund {
    border-top: 1px solid rgb(217, 217, 217);
  }
  .circle-stat svg {
    width: 75%;
  }
  .circle-stat {
    margin-bottom: 15px;
  }
  .circle-stat p {
    font-size: 1rem;
  }
  .step-cards .card-deck {
    flex-direction: row;
    width: auto;
  }
  .numberstep-cards {
    padding: 0;
  }
  .numberstep-cards .card {
    width: 70vw;
    min-width: 70vw;
    margin: 0 15px;
  }
  .numberstep-cards .card:hover {
    transform: scale(1);
  }
  .numberstep-cards p {
    white-space: normal;
  }
  .full-width-faqs h3 {
    padding-bottom: 0 !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .numberstep-cards {
    overflow-x: auto;
    overflow-y: visible;
    white-space: normal;
  }
  .numbersteps-card .card-deck {
    flex-flow: row;
    width: auto;
  }
  .numbersteps-card .card {
    width: 40vw;
    margin: 0 15px;
  }
  .numbersteps-card .card:hover {
    transform: scale(1);
  }
  .show-on-mobile {
    display: none;
  }
  .hide-on-mobile {
    display: block;
  }
}
/* ---------------------------------------- TOOLTIP FOR INTERNATIONAL PRICES ---------------------------------------- */
.ics-popover {
  position: relative;
}

.ics-popover img {
  margin-left: -30px;
}

.ics-popover h2 {
  margin-top: 0;
}

i.icon-info_price {
  position: absolute;
  top: 0px;
  z-index: 1;
  bottom: 0px;
  right: 0px;
}

i.icon-info_price:before {
  position: absolute;
  top: 45px;
  left: 190px;
  content: "\e88f";
}

.price-tooltip {
  position: absolute;
  width: 100%;
}

.popover .arrow {
  left: 264px !important;
}

.popover .bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
  border-bottom-color: rgb(229, 233, 238);
}

.popover .bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::before {
  border-bottom-color: rgb(229, 233, 238);
}

.popover .bs-popover-auto[x-placement^=top] > .arrow::before,
.bs-popover-top > .arrow::before {
  border-top-color: rgb(229, 233, 238);
}

.popover .bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
  border-top-color: rgb(229, 233, 238);
}

.popover .bs-popover-auto[x-placement^=right] .arrow::before,
.bs-popover-right .arrow::before {
  border-right-color: rgb(229, 233, 238);
}

.popover .bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after {
  border-right-color: rgb(229, 233, 238);
}

.popover {
  opacity: 1 !important;
  left: -40px !important;
  width: 335px;
  background-color: rgb(229, 233, 238);
  border: none !important;
  max-width: 1500px;
  padding-bottom: 5px;
}

.popover-content h4 {
  color: #00a1ff;
}

.popover-content h4 small {
  color: black;
}

.popover-content button.btn-primary {
  color: #00a1ff;
  border-color: #00a1ff;
  background: white;
}

.popover-content button.btn-default {
  color: gray;
  border-color: gray;
}

.btn-learn-more {
  padding: 5px 30px;
  background-color: rgb(233, 237, 243);
  border-color: rgba(109, 109, 109, 0.75);
  text-decoration: none;
}

.btn-learn-more:hover {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(109, 109, 109);
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .popover {
    left: 5px !important;
    transform: translate3d(0px, 66px, 0px) !important;
  }
  .ics-popover {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 320px) {
  .popover {
    left: -5px !important;
    width: 300px;
  }
  .btn-learn-more {
    padding: 5px 15px;
  }
}
/* ---------------------------------------- YOUTUBE EMBED STYLES ---------------------------------------- */
.youtube-player {
  position: relative;
  padding-bottom: 55%;
  height: 0;
  overflow: hidden;
  width: 100%;
  background: #000;
  margin: 0 0 15px 0;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}

.youtube-player:hover img {
  -webkit-filter: brightness(75%);
  -moz-filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAByVJREFUeF7tmw9MVVUcx9HJn/iTCMkfURCzadRijCZETrc2rS02WnO55Wwtkq0Zc6UstFg0iulspRWLrayRbRpt1hptUoiBrCY8HiDEXx8PxZDFQGYSEuDt+32ei1fl+RB4h/eeh+3LOffec86953N/55zfOe9cLy/1pwgoAoqAIqAIKAKKgCKgCCgCrk9gfmJiojcVExPjt3Tp0vsYhoeHB4SGhgYtXrw4UBePIyMj/fV0K1eu9F2/fv0CCtWc51JVjY2NDUdlHo2Ojn4S4TMINy1btuxlxLdDu6B3oA9w7kPoE1wvRPgV9A3OH8VxMeLHEP8RYQmFeCnO/wKV4vgE9Bt00iAel/E60yF+3JCX5RwT5R7hfaBDOP4c4UHxHHkI34behF7Dta1RUVHPI74R0J+AHl6yZEnotEHj7UWjEjtR4A/QaehPqB2yQFahLoQUjzvFNQvynUW8Q6RvQ0i1CrUgpJoNYtn2ZEyn59XL0svmc3WI+/L5KD4Pn8v4jDzmNeZrhH6HjiDfqwAWPGVYoJ2BjGbovKGwesSpOg8Q69GAehIS4Z5HvBJ61hGkeUi8DwkvQE0CkicAcVQHGgOtsgvWlG4XEi5mIVGPB1mKIzDG64REizo3qSXhZJxoTmc8oAndDZhbIbWyuWHUvP8mS8LJvaJDI8np3sAT8tn6Xo56E4BwsIg9uuh3PKGSM61DO92TCUCAsxHisDjTgj0lfwNHueXLl8fYIOFgj2henlLB2aiHFVb0nA6Inij9gdko2FPKoIO5h4DmI0I3nh6rp1RuxvUQXvlnXitWrAhD53xKeJUzLtiDIHM68q0XOqJ40Kphp+TsyuEl1GGOZ164cKEJ93T1l9HMybUXvUYBxunzLMKJj48/s2XLlo7g4ODaoKAgk7NfynTLp8vDFQcC2oZCpHjPWOMxp6SkNI2Pj12rqKi4nJqa2ubv718DWK4IikxOEtC7sgBhMcy8Zs2axuHh4TENf2NjY1pxcfGldevWtRBUSEhI7XTfuBPyscup8oIZcZFJigXpgIaGhmyA9L/+/n6tsLCwPzk5uTkgIKAGluYKoNjl/EEn8XsZHTTfsD1AOqiOjo5r+/fv/xtLsk20KKSfS1AEVE1AJyCnd9BTAURQIyMjmslkGs/Ly+tlh05QWLOeE1DofmrYxDjESxlyHVmQbknsm/r6+rSqqqrRnJycntWrVzf4+fnVREREmOkqyHpe3MtEC5JiPVO1IGPfNDg4qFmtVq28vPy/7OzsC3Bq62lRdBckQaolIGlvZKoWZITEJtfd3a21tbVpZWVlV3fs2MF18jp25viVwtmgzC4PyDjStba2ai0tLVppaelwRkZGFwGx2TnxJbsPIIIaHR3VOjs7taamJu3ixYtaSUnJUEJCQqMTO3H3AqRb05UrV7SioqJLaWlp7ey0nTivcz9AlZWVg5s3b27lPE7CFMV9AFVXV1/GJLcdnbMpMDBQ1tzN9QHV19f/k56efpZLJITjxOY02WhuA+SSfhBGq6HMzMzOkJBFtXQSMWJJc0cMo6LND+LGBCk3n4ofZLFY/s3KyrKGhYWZfX19Zfg6duuue9K/yrKiOwGCM3g1Nzf3HH0bHx8fm7csc1oxmZHY5mL4953s2TyG6Ynljt7e3pH8/Pxu7EGqIxjZ8607tB52PafZxD6VuR6ENZ9G+jMDAwOjBw4c+GvVqlX13t7enLHPucXcAuv6ehB3h8kCRAhJSUmNBQUFPfCAzxAM+5q5bkp2rIj7h04R0CuyAPFBOExjRm7iYpiLgtE7ba6ylhPQ04Kg03/2kTVazsZ9xEaO4+yDHoGqZVrRbFRAQhncD3mMFhSCSIXa+nKbL9gGJkX65oWfAYnEpDiMbnIfC57zoA7oEA64bVcBusGAGzp36oDeABxu91CAbjDo5ABmA4S2xh303PytAF1n0MhpRmxsWLgNEL+J4JgPqT1C1wGx//nypl2uOLEb4i8GzlwEdxcL5V7p1JsAoYlFiSbGbybuVUhmdjWA81NcXJzPbTvucfFFwOlmG7wHIdEo6Orwk4TH7X6OAHr8kEX/YkfaauMcDxCsJ7dBc/61wdEHLZx+rAUofuNF3+icCFvEPkbO2dzxyx/9mfn8bCHsSrgPsQv14gh+GGGcQzjGBFjdS0Kz28UeHaK3ze+reAOaIn+TYsH6d1lW3swgHutimonvyZhP5OUL0MVtyJNpIo0hn4VWLsp0dH9eZxmEQSi2bS1QuTCC9xBfe1dg7CReAHfgAUB7CB+fJdB3QsEboDToBeglnNsGoNsRp+P5llhrykWYj2t7EX6E8GNcKxD6QsA/hPAwxP3aRh1Gnq9xzpZObPZi3oMsC+E+hO+jTO6S203PF/HX+RzQVmgTRyPoKTx3MvQY0j2I40h++jkbUFQZioAioAgoAoqAIqAIKAKKgCIwGYH/AV3e2QwuUJ4VAAAAAElFTkSuQmCC") no-repeat;
  cursor: pointer;
}

.youtube-player:hover .play {
  cursor: pointer;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABQ1JREFUeNrs21tsVEUAxvHRQMQovlTCS+OZ75siElCIDRFBLAYSSHgwEN/wyWgT9QFiFXiQBIyINSZtAhSQYpFLb7YslEAv0Nv23lMupSvUEipQIAItUui23e624wOuLHRbCsbtIZ1J/m+7mc0v2ZMz58wIrbUwDZ1BMEAGyAAZIANkgAyQATKFB/IoRiwhxLOxsbHjY2Njx1uWNSE6Ovp5y7ImTJ48+YWoqKiJkyZNejFYVFTUxPejo18Kfi4mJua5uLi4cXFxceOEEM9E7DeP5ENriWkJlrVkHeRH66W1ZhNk4o+QPyVJmZUCeWQXpDsNsm4v0JhBnMsmLriItjziWgHRXkTccpNdFUSXm/TWK/psxb6Q/E2K2vOITij6Q79XodhVQd79p87jxI1i4vpR4lIe8buLaMwmavYDRXuJA6mQqSmQm5KBlT8Ay5Kk9cYTA5UQibWK7Z4R/PCnvRKiOYeYN2KgasWrYwEmtDOKA7lE1rBAdZAvVyveGms4oRUSjUMCHSaaxjJOCFLxIKCfiY8Nzv0qFD98AOg4cdXA3K9a8fK/QIeIhQYlbPeAjhAHDcbgviPeFR5FUavYYUAG94VlrQ5egwxImFZLa5+wgZkGI3xfS1kijiiuMBjh+x7ylMglNxiM8CVJ2SIyid2Rnrh22mv+pwEoBfKyyCCKIj3x3dqagfovE3pPTInpdzJQGvCnyCZORnriWyXF/Vprfae6SlesWNHb5FCgDKJDZAAtkZ64/VhRvw4ZV10uXbp0qc9pQC6iU2SNwhrsYSCttfbatm5O2TpQ+t4Cx0DlE16RSbQ7ASg4/nKX69PfbBgofWfeqEMVEd3iV6DTSUBaax0IBPSVnBzdsHZNf9mct0YNyq3oEy6iy2lAwXH79m19fudOXbdqVaBs9uyIQ7lJn8hzMJDWWvt8Pt3W1qbPbd6sa1eu9LtnzYoYlK0YEIVEj5OBgqOjo0M3Nzfrs8nJuubzz/yVr8/oiwhQPtH9NABprbXf79etra3a4/HoS+npuir+k77/Hcjl8L9YuHGzsFCXL1/ua3h1SsAAPXSvZCck9NRNneqP2DUol7jrdCCvbetT69b1RnqRaysGxH4H3geFwpzZ+G1v1YzpfaNxH+RYIK9t67NJSb6KmTNH9W7aVgyIPUCHU4C8tq1btm3zlce+2euEtViNol+kQo76YtVr27o1La2vbO7bPU5azbsVfWI7cD7SE98sKOgPwlxKT/eXzp/f48TnQceIbpEC2RDpib22ra+5XIHSRYu6Pcq5TxTziS6xGTLij1zLlix2NEywQ0Sn2AK517zBCF820S5SIBMNRvh2A9fELsh4gxG+7ZAXxAGz9WXIkoFGs3lhmBIh3QZomNZLa9+93a1mf9BQQF8F9yfmGZAw7+b5ylzhURSlxGIDMsweRY+iKCYuGpD7VSqeeQAoE/igycBoj6JuUhyoilFzBu20zwYOGyDqfGLXkIdZ8okTYxmnnKh+5GmfQiJnjO6uL3ysA3X1ir+NBZh6xeb/dOLQoyhsYGEx8WkBsamITDtGuIqJklLCriDPVZJ/1CneqFO82aB456Ri92nFx37oflKxr0HRF1q1YlcleaeK7CwjOoqJ64XElaPExcNEy0HCk0ucygJqMonydCJ/H3HgF2JPKrBlB7Bxh5SrU6SM3wq5bDuwIFNa00d0JNMc3DWnng2QATJABsgAGSADZDJAT9DfAwCrDZg9MCn/mQAAAABJRU5ErkJggg==") no-repeat;
}

/* ---------------------------------------- ICONS ---------------------------------------- */
span.icon-phone {
  color: #fff;
}

.social-links .icon::before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}

.shop-cart {
  padding: 20px;
}

.readmore {
  margin-left: 61px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
}

.list-icon {
  height: 40px;
  width: 60px;
}

.icon-fill {
  align-self: center;
  flex: 0 0 auto;
}

.accred-logo {
  display: block;
  margin: 0 auto;
  transition: all 1.15s ease-in-out;
  padding: 30px 0;
}

.our-accred-logo span {
  margin: 30px 0 0 0;
}

.iconslayer img {
  width: 80px;
  height: 80px;
}

.iconslayer-trust {
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .accred {
    height: 115px;
  }
  .accred-logo {
    width: 95px;
  }
}
[class^=icon-],
[class*=" icon-"]::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cheveron-down2:before {
  content: "\e907";
}

.icon-cheveron-left2:before {
  content: "\e908";
}

.icon-cheveron-right2:before {
  content: "\e909";
}

.icon-cheveron-up2:before {
  content: "\e90a";
}

.icon-download:before {
  content: "\e90b";
}

.icon-eur:before {
  content: "\f153";
}

.icon-euro:before {
  content: "\f153";
}

.icon-gbp:before {
  content: "\f154";
}

.icon-dollar:before {
  content: "\f155";
}

.icon-usd:before {
  content: "\f155";
}

.icon-cny:before {
  content: "\f157";
}

.icon-jpy:before {
  content: "\f157";
}

.icon-rmb:before {
  content: "\f157";
}

.icon-yen:before {
  content: "\f157";
}

.icon-arrow-circle-o-right:before {
  content: "\f18e";
}

.icon-y-combinator:before {
  content: "\f23b";
}

.icon-yc:before {
  content: "\f23b";
}

.icon-optin-monster:before {
  content: "\f23c";
}

.icon-cc-jcb:before {
  content: "\f24b";
}

.icon-clone:before {
  content: "\f24d";
}

.icon-shopping-basket:before {
  content: "\f291";
}

.icon-chevron-right:before {
  content: "\e903";
}

.icon-chevron-left:before {
  content: "\e904";
}

.icon-chevron-down:before {
  content: "\e905";
}

.icon-chevron-up:before {
  content: "\e906";
}

.icon-percent:before {
  content: "\e901";
}

.icon-book:before {
  content: "\e91f";
}

.icon-books:before {
  content: "\e920";
}

.icon-quotes-left:before {
  content: "\e977";
}

.icon-search:before {
  content: "\e986";
}

.icon-download2:before {
  content: "\e9c5";
}

.icon-download3:before {
  content: "\e9c7";
}

.icon-home:before {
  content: "\e900";
}

.icon-home3:before {
  content: "\e902";
}

.icon-credit-card:before {
  content: "\e93f";
}

.icon-printer:before {
  content: "\e954";
}

.icon-mobile:before {
  content: "\e958";
}

.icon-bubble:before {
  content: "\e96b";
}

.icon-bubbles:before {
  content: "\e96c";
}

.icon-bubbles2:before {
  content: "\e96d";
}

.icon-bin:before {
  content: "\e9ac";
}

.icon-link:before {
  content: "\e9cb";
}

.icon-clock:before {
  content: "\e94e";
}

.icon-user:before {
  content: "\e971";
}

.icon-google-plus:before {
  content: "\ea8b";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-youtube:before {
  content: "\ea9d";
}

.icon-linkedin2:before {
  content: "\eaca";
}

.icon-pinterest2:before {
  content: "\ead2";
}

.icon-add:before {
  content: "\e145";
}

.icon-add_shopping_cart:before {
  content: "\e854";
}

.icon-adjust:before {
  content: "\e39e";
}

.icon-turned_in:before {
  content: "\e8e6";
}

.icon-phone:before {
  content: "\e0cd";
}

.icon-check:before {
  content: "\e5ca";
}

.icon-close:before {
  content: "\e5cd";
}

.icon-cloud_download:before {
  content: "\e2c0";
}

.icon-mode_edit:before {
  content: "\e254";
}

.icon-payment:before {
  content: "\e8a1";
}

.icon-delete:before {
  content: "\e872";
}

.icon-markunread:before {
  content: "\e159";
}

.icon-error:before {
  content: "\e000";
}

.icon-error_outline:before {
  content: "\e001";
}

.icon-favorite:before {
  content: "\e87d";
}

.icon-favorite_border:before {
  content: "\e87e";
}

.icon-question_answer:before {
  content: "\e8af";
}

.icon-star:before {
  content: "\e838";
}

.icon-lock:before {
  content: "\e897";
}

.icon-info:before {
  content: "\e88e";
}

.icon-info_outline:before {
  content: "\e88f";
}

.icon-keyboard_arrow_down:before {
  content: "\e313";
}

.icon-keyboard_arrow_left:before {
  content: "\e314";
}

.icon-keyboard_arrow_right:before {
  content: "\e315";
}

.icon-keyboard_arrow_up:before {
  content: "\e316";
}

.icon-shopping_cart:before {
  content: "\e8cc";
}

.icon-local_offer:before {
  content: "\e54e";
}

.icon-room:before {
  content: "\e8b4";
}

.icon-lock_outline:before {
  content: "\e899";
}

.icon-mail_outline:before {
  content: "\e0e1";
}

.icon-menu:before {
  content: "\e5d2";
}

.icon-more_horiz:before {
  content: "\e5d3";
}

.icon-more_vert:before {
  content: "\e5d4";
}

.icon-warning:before {
  content: "\e002";
}

.icon-share:before {
  content: "\e80d";
}

.icon-star_border:before {
  content: "\e83a";
}

.icon-star_half:before {
  content: "\e839";
}

.icon-translate:before {
  content: "\e8e2";
}

.icon-vertical_align_bottom:before {
  content: "\e258";
}

.icon-arrow-clockwise:before {
  content: url(../images/spinner2.svg);
  position: absolute;
  right: 30px;
  top: 15px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
@media screen and (max-width: 320px) {
  .icon-arrow-clockwise:before {
    right: 10px;
  }
}
/* ---------------------------------------- NEW BLOG STYLES ---------------------------------------- */
/* Blog hero */
.blog-hero {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.blog-hero-bg-high {
  background: url("../images/bg-high.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-aat, .blog-hero-bg-icb {
  background: url("../images/bg-aat.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-cgi {
  background: url("../images/bg-cgi.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-libf {
  background: url("../images/bg-libf.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-bus, .blog-hero-bg-cips, .blog-hero-bg-pm, .blog-hero-bg-cim, .blog-hero-bg-ilm, .blog-hero-bg-cmi {
  background: url("../images/bg-bus.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-hr {
  background: url("../images/bg-hr.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-ld {
  background: url("../images/bg-ld.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-it {
  background: url("../images/bg-pm.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-bg-ics {
  background: url("../images/bg-ics.svg");
  background-size: cover;
  background-position: right 5vw center;
  background-repeat: no-repeat;
}

.blog-hero-logos:after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 60px;
  border-bottom: 3px solid white;
  position: absolute;
  left: 0;
}

.blog-hero-title h2 {
  font-size: 2rem;
  font-weight: 500;
}

.studentstoryspan {
  font-size: 1.5rem;
  line-height: 3rem;
}

@media screen and (max-width: 768px) {
  .section-bg-lines .blog-mid-line {
    width: 0px;
  }
  .bg-lines-v3 .blog-slim-line:nth-child(2) {
    right: 0;
  }
  .bg-lines-v3 .blog-slim-line:nth-child(3) {
    right: 30px;
    bottom: 50px;
  }
  .blog-hero-bg-high {
    background: linear-gradient(35deg, rgba(90, 135, 45, 0.75) 75%, rgba(251, 225, 34, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-cgi {
    background: linear-gradient(35deg, rgba(29, 8, 42, 0.75) 75%, rgba(216, 141, 202, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-ics {
    background: linear-gradient(35deg, rgba(0, 163, 225, 0.75) 75%, rgba(30, 34, 170, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-aat, .blog-hero-bg-icb {
    background: linear-gradient(35deg, rgba(0, 122, 83, 0.75) 75%, rgba(0, 150, 129, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-libf {
    background: linear-gradient(35deg, rgba(208, 74, 22, 0.75) 75%, rgba(238, 115, 49, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-hr {
    background: linear-gradient(35deg, rgba(100, 47, 108, 0.75) 75%, rgba(139, 132, 215, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-ld {
    background: linear-gradient(35deg, rgba(168, 61, 114, 0.75) 75%, rgba(100, 47, 108, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-bus, .blog-hero-bg-cips, .blog-hero-bg-pm, .blog-hero-bg-cim, .blog-hero-bg-ilm, .blog-hero-bg-cmi {
    background: linear-gradient(35deg, rgba(228, 0, 70, 0.75) 75%, rgba(223, 70, 97, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-bg-it {
    background: linear-gradient(35deg, rgba(237, 139, 0, 0.75) 75%, rgba(223, 70, 97, 0.75) 10%);
    clip-path: polygon(0 0, 60% 0, 160% 100%, 0% 100%);
  }
  .blog-hero-logos:after {
    width: 20%;
  }
}
/* Blog home nav */
.blog-nav-wrapper {
  position: relative;
  padding: 0 11px;
  box-sizing: border-box;
}

.blog-nav {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  position: relative;
  font-size: 0;
}

.js .blog-nav {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.js .blog-nav::-webkit-scrollbar {
  display: none;
}

.blog-nav_Contents {
  float: left;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  position: relative;
}

.blog-nav_Contents-no-transition {
  -webkit-transition: none;
  transition: none;
}

.blog-nav_Link {
  text-decoration: none;
  color: #888;
  font-size: 1rem;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  min-height: 44px;
  border: 1px solid transparent;
  padding: 0 11px;
}

.blog-nav_Link[aria-selected=true] {
  color: #111;
  border-bottom: solid 1px rgb(0, 40, 85);
  color: rgb(0, 40, 85);
}

.blog-nav_Link:hover {
  border-bottom: solid 1px rgb(0, 40, 85);
  color: rgb(0, 40, 85);
}

.blogNav-Advancer {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.blogNav-Advancer:focus {
  outline: 0;
}

.blogNav-Advancer:hover {
  cursor: pointer;
}

.blogNav-Advancer_Left {
  left: 0;
}

[data-overflowing=both] ~ .blogNav-Advancer_Left,
[data-overflowing=left] ~ .blogNav-Advancer_Left {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.8);
  padding-right: 15px;
  margin-bottom: 5px;
}

.blogNav-Advancer_Right {
  right: 0;
}

[data-overflowing=both] ~ .blogNav-Advancer_Right,
[data-overflowing=right] ~ .blogNav-Advancer_Right {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.8);
  padding-left: 15px;
  margin-bottom: 5px;
}

.blogNav-Advancer_Icon {
  width: 20px;
  height: 18px;
  fill: #bbb;
}

.blog-nav_Indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100px;
  background-color: transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

/* Blog post preview */
.blog-post-category {
  font-size: 18px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 5px;
}

.blog-post-category .ics-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(0, 163, 225);
}

.blog-post-category .aat-prim-font:not(:nth-child(2)),
.blog-post-category .icb-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(0, 122, 83);
}

.blog-post-category .libf-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(208, 74, 22);
}

.blog-post-category .hr-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(100, 47, 108);
}

.blog-post-category .ld-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(168, 61, 114);
}

.blog-post-category .high-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(90, 135, 45);
}

.blog-post-category .cgi-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(216, 141, 202);
}

.blog-post-category .bus-prim-font:not(:nth-child(2)),
.blog-post-category .pm-prim-font:not(:nth-child(2)),
.blog-post-category .cmi-prim-font:not(:nth-child(2)),
.blog-post-category .cim-prim-font:not(:nth-child(2)),
.blog-post-category .cips-prim-font:not(:nth-child(2)),
.blog-post-category .ilm-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(228, 0, 70);
}

.blog-post-category .it-prim-font:not(:nth-child(2)) {
  padding-left: 5px;
  border-left: 2px solid rgb(237, 139, 0);
}

.blog-post-info img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

.blog-line:after {
  content: "";
  display: block;
  width: 50px;
}

.blog-line-high:after {
  border-top: 3px solid #74aa50;
}

.blog-line-cgi:after {
  border-top: 3px solid #D88DCA;
}

.blog-line-aat:after, .blog-line-icb:after {
  border-top: 3px solid #43695b;
}

.blog-line-libf:after {
  border-top: 3px solid #d04a16;
}

.blog-line-hr:after {
  border-top: 3px solid #642f6c;
}

.blog-line-it:after {
  border-top: 3px solid rgb(203, 96, 21);
}

.blog-line-bus:after, .blog-line-cips:after, .blog-line-ilm:after, .blog-line-cim:after, .blog-line-cmi:after, .blog-line-ilm:after {
  border-top: 3px solid rgb(228, 0, 70);
}

.blog-line-ics:after {
  border-top: 3px solid rgb(0, 40, 85);
}

.blog-preview-title {
  font-size: 1.5rem;
  font-weight: 500;
}

.blog-author-image {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.blog-image-border-high {
  border: 3px solid #74aa50;
}

.blog-image-border-cgi {
  border: 3px solid #D88DCA;
}

.blog-image-border-hr, .blog-image-border-ld {
  border: 3px solid #642f6c;
}

.blog-image-border-aat, .blog-image-border-icb {
  border: 3px solid rgb(0, 122, 83);
}

.blog-image-border-libf {
  border: 3px solid rgb(208, 74, 22);
}

.blog-image-border-it {
  border: 3px solid rgb(203, 96, 21);
}

.blog-image-border-hr {
  border: 3px solid #642f6c;
}

.blog-image-border-bus, .blog-image-border-cips, .blog-image-border-cim, .blog-image-border-ilm, .blog-image-border-pm, .blog-image-border-cmi {
  border: 3px solid rgb(228, 0, 70);
}

.blog-image-border-ics {
  border: 3px solid rgb(0, 40, 85);
}

.blog-post-details p,
.blog-post-details a,
.blog-post-date,
.blog-post-readtime {
  font-size: 14px !important;
  color: rgb(109, 109, 109) !important;
}

.blog-post-author {
  font-weight: 500;
}

.blog-hero-bio-title {
  color: rgb(0, 40, 85) !important;
}

.blog-bio-image {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  float: right;
}

.blog-post-author {
  font-weight: 500;
}

nav.pagination {
  display: block;
  float: right;
  width: auto;
  height: 30px;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}

nav.pagination.top {
  margin: 10px 0 0 0;
}

nav.pagination > a,
nav.pagination > span {
  display: block;
  float: left;
  margin: 0 1px;
  padding: 0 7px;
  font-size: 14px;
  line-height: 23px;
  font-weight: bold;
  color: rgb(109, 109, 109);
}

nav.pagination > span {
  color: #aaa;
}

nav.pagination > span.pageCurrent {
  background-color: rgba(0, 40, 85, 0.05) !important;
  color: rgb(0, 40, 85);
  border-radius: 50%;
  border: 2px solid rgb(0, 40, 85) !important;
}

@keyframes selectionSharerPopover-animation {
  0% {
    transform: matrix(0.97, 0, 0, 1, 0, 12);
    filter: alpha(opacity=0);
    opacity: 0;
  }
  20% {
    transform: matrix(0.99, 0, 0, 1, 0, 2);
    filter: alpha(opacity=70);
    opacity: 0.7;
  }
  40% {
    transform: matrix(1, 0, 0, 1, 0, -1);
    filter: alpha(opacity=100);
    opacity: 1;
  }
  70% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1;
  }
}
#selectionSharerPopover {
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
  z-index: 1010;
}

#selectionSharerPopover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #262625;
  box-shadow: 0 0 2px #262625;
}

#selectionSharerPopover.anim {
  transition: top 0.075s ease-out;
  animation: selectionSharerPopover-animation 180ms forwards linear;
  -webkit-animation: selectionSharerPopover-animation 180ms forwards linear;
}

#selectionSharerPopover-inner {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  border-color: #262625 #1c1c1b #121211;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), inset 0 0 1px rgba(255, 255, 255, 0.07), inset 0 0 2px rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(to bottom, rgba(49, 49, 47, 0.97), #262625);
  background-repeat: repeat-x;
}

#selectionSharerPopover .selectionSharerPopover-clip {
  position: absolute;
  bottom: -11px;
  display: block;
  left: 50%;
  clip: rect(12px 24px 24px 0);
  margin-left: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#selectionSharerPopover .selectionSharerPopover-arrow {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg) scale(0.5);
  transform: rotate(45deg) scale(0.5);
  background-color: #454543;
  border: 2px solid #121211;
  box-sizing: content-box;
}

.selectionSharer ul {
  padding: 0;
  display: inline;
}

.selectionSharer ul li {
  float: left;
  list-style: none;
  background: none;
  margin: 0;
  padding: 0;
}

.selectionSharer a.action {
  display: block;
  text-indent: -200px;
  margin: 5px 7px;
  width: 20px;
  height: 20px;
  border: none;
}

.selectionSharer a:hover {
  color: #ccc;
}

.selectionSharer a.tweet {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="171" height="139"><g transform="translate(-282.32053,-396.30734)"><path style="fill:white" d="m 453.82593,412.80619 c -6.3097,2.79897 -13.09189,4.68982 -20.20852,5.54049 7.26413,-4.35454 12.84406,-11.24992 15.47067,-19.46675 -6.79934,4.03295 -14.3293,6.96055 -22.34461,8.53841 -6.41775,-6.83879 -15.56243,-11.111 -25.68298,-11.111 -19.43159,0 -35.18696,15.75365 -35.18696,35.18525 0,2.75781 0.31128,5.44359 0.91155,8.01875 -29.24344,-1.46723 -55.16995,-15.47582 -72.52461,-36.76396 -3.02879,5.19662 -4.76443,11.24048 -4.76443,17.6891 0,12.20777 6.21194,22.97747 15.65332,29.28716 -5.76773,-0.18265 -11.19331,-1.76565 -15.93716,-4.40083 -0.004,0.14663 -0.004,0.29412 -0.004,0.44248 0,17.04767 12.12889,31.26806 28.22555,34.50266 -2.95247,0.80436 -6.06101,1.23398 -9.26989,1.23398 -2.2673,0 -4.47114,-0.22124 -6.62011,-0.63114 4.47801,13.97857 17.47214,24.15143 32.86992,24.43441 -12.04227,9.43796 -27.21366,15.06335 -43.69965,15.06335 -2.84014,0 -5.64082,-0.16722 -8.39349,-0.49223 15.57186,9.98421 34.06703,15.8094 53.93768,15.8094 64.72024,0 100.11301,-53.61524 100.11301,-100.11387 0,-1.52554 -0.0343,-3.04251 -0.10204,-4.55261 6.87394,-4.95995 12.83891,-11.15646 17.55618,-18.21305 z" /></g></svg>') no-repeat;
  background-size: 18px;
  background-position: 2px 4px;
}

.selectionSharer a.facebook {
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 33 33" width="25" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="fill:white" d="M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z"></path></g></svg>') no-repeat;
  background-size: 18px;
  background-position: 0px 2px;
  display: none;
}

.selectionSharer a.email {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="94" height="64"><g transform="translate(-10, -10)" fill="transparent"><rect x="0" y="0" width="114" height="114"></rect><path d="M12,12 L102,12 L102,72 L12,72 L12,12 Z M16,12 L53,49 C55.6666667,51 58.3333333,51 61,49 L98,12 L16,12 Z M15,72 L45,42 L15,72 Z M69,42 L99,72 L69,42 Z" stroke="white" stroke-width="5"></path></g></svg>') no-repeat;
  background-size: 20px;
  background-position: 0px 4px;
}

#selectionSharerPopunder.fixed {
  transition: bottom 0.5s ease-in-out;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: -50px;
}

.selectionSharer {
  transition: -webkit-transform 0.6s ease-in-out;
}

.selectionSharer.moveDown {
  -webkit-transform: translate3d(0, 60px, 0);
}

#selectionSharerPopunder {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0px;
  transition: height 0.5s ease-in-out;
  background: #ccc;
  border: none;
  box-shadow: inset 0px 10px 5px -10px rgba(0, 0, 0, 0.5), inset 0px -10px 5px -10px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  overflow: hidden;
}

#selectionSharerPopunder.show {
  height: 50px;
}

.selectionSharerPlaceholder {
  height: 1em;
  margin-bottom: -2em;
  transition: height 0.5s ease-in-out;
}

.selectionSharerPlaceholder.show {
  height: 50px !important;
}

#selectionSharerPopunder-inner ul {
  overflow: hidden;
  float: right;
  margin: 0px;
}

#selectionSharerPopunder-inner ul li {
  padding: 5px;
  overflow: hidden;
}

#selectionSharerPopunder-inner label {
  color: white;
  font-weight: 300;
  line-height: 50px;
  margin: 0px 20px 0px 10px;
}

#selectionSharerPopunder-inner a {
  width: 30px;
  height: 30px;
  background-size: 30px;
}

#selectionSharerPopunder-inner a.tweet {
  background-position: 0px 2px;
}

/* blog page - hero */
.blog-post-hero-wrap {
  padding: 120px 0 140px 0;
}

.blog-story-hero-wrap {
  padding: 30px 0 140px 0;
}

.blog-post-hero-wrap .ics-hero-bg-grad-75 {
  background: rgba(0, 40, 85, 0.25);
}

.blog-post-hero .blog-faculty:after {
  content: "";
  display: block;
  width: 50px;
  border-bottom: 3px solid white;
  position: absolute;
  left: 0;
  top: 0;
}

.blog-hero-title {
  z-index: 6;
}

.blog-post-hero p {
  font-size: 1.5rem;
  font-weight: 500;
}

.blog-post-hero h1 {
  font-size: 3.25rem;
  font-weight: 500;
}

.blog-post-hero-details {
  position: absolute;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  border-radius: 4px 4px 0 0;
  width: 880px;
  z-index: 6;
}

.blog-stories-logos img {
  width: 90px;
}

.blog-share .jssocials-share-link {
  color: rgb(109, 109, 109);
  font-size: 15px;
  padding: 0 5px;
}

.quote-text {
  color: rgb(0, 40, 85);
  font-size: 1.75rem;
  font-style: italic;
  font-weight: 300;
}

.quote-author {
  font-size: 0.875rem;
}

.blog-border-left {
  border-left: 15px solid rgba(0, 40, 85, 0.25);
}

.recent-blogs .blog-title-new h2 {
  font-weight: 400;
}

.blog-hero-round-img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.blog-stories-hero h1 {
  font-size: 42px;
}

.blog-stories-hero h2 {
  font-size: 1.65rem;
}

.blog-stories-hero h3 {
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
}

.blog-story-hero-wrap .blog-faculty {
  margin: 0 0 60px 90px;
}

.blog-courses-info .courseinfobox .container {
  padding-top: 60px;
  margin-top: 0;
}

.blog-post-hero-links {
  margin-bottom: -30px;
}

.blog-post-hero-links p {
  margin-bottom: 0;
}

.blog-post-hero-links p a {
  color: #fff;
}

.blog-post-hero-links p a:hover {
  text-decoration: underline;
}

.student-story-h2 {
  font-size: 1.875rem;
}

.student-story-quote-text {
  color: rgb(0, 40, 85);
  font-size: 1.5rem;
  font-weight: 400;
  font-style: italic;
}

#footertags {
  padding-top: 30px;
}

.copy-style a {
  text-decoration: underline;
}

.copy-style h2:not(:first-of-type), .copy-style h3, .copy-style h4 {
  margin-top: 3rem;
}

@media screen and (max-width: 768px) {
  .blog-preview-title {
    margin-top: 1rem;
  }
  .blog-post-hero-wrap {
    padding: 30px 0 125px 0;
  }
  .blog-story-hero-wrap .blog-faculty {
    margin: 0 0 30px 0;
  }
  .blog-post-hero-details {
    width: 100%;
  }
  .blog-share .jssocials-share-link {
    font-size: 16px;
    padding: 0;
  }
  .blog-hero-round-img {
    width: 75px;
    height: 75px;
  }
  .blog-post-hero h1, .blog-stories-hero h1 {
    font-size: 2.25rem;
  }
  .blog-stories-hero h2 {
    font-size: 1.875rem;
  }
  .blog-stories-logos {
    padding: 0;
  }
  .blog-stories-logos img {
    width: 75px;
  }
  .blog-stories-logos .border-right-3 {
    border-right: none;
  }
  .blog-post-hero-links .cta-button-48 {
    width: 100%;
  }
  .copy-style h2:not(:first-of-type), .copy-style h3, .copy-style h4 {
    margin-top: 1rem;
  }
  .copy-style h2 {
    font-size: 1.875rem;
  }
  .copy-style h3 {
    font-size: 1.5rem;
  }
  .copy-style h4 {
    font-size: 1.125rem;
  }
  .copy-style p {
    font-size: 1rem;
  }
}
/* ---------------------------------------- THANK YOU STYLES ---------------------------------------- */
.thank-you-hero {
  overflow-x: hidden;
}

.thank-you-get-brochure {
  z-index: 6;
}

.thank-you-text h1, .thank-you-text h2 {
  color: #fff;
}

/* ---------------------------------------- BASKET & CHECKOUT STYLES ---------------------------------------- */
#checkboxes h2 {
  font-size: 1.5rem;
}

.img-responsiveCards {
  width: 35%;
  padding-bottom: 15px;
}

.checkout-wrap hr {
  opacity: 1;
}

.month_select, .year_select {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .checkout-wrap .border-left {
    border-left: none !important;
    padding: 0;
  }
}
/* ---------------------------------------- SALE BANNER AS CODE ---------------------------------------- */
.sale-banner-image-bg {
  margin: 30px 0;
  min-height: 220px;
}

.ics-hero-bg-grad-75 .sale-banner-image-bg {
  padding: 0;
  margin: 0;
  border: 15px solid #fff;
  background-position: 100% center;
  min-height: 330px;
}

.sale-banner-roundel {
  position: absolute;
  margin-left: auto;
  margin-right: 29%;
  left: 0;
  right: 0;
  text-align: center;
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.25rem;
  top: 35px;
}

.ics-hero-bg-grad-75 .sale-banner-roundel {
  margin-left: auto;
  margin-right: 35%;
  left: 0;
  right: 0;
  top: 40px;
  text-align: center;
}

/*
.sale-bg-half-black {
    background: linear-gradient(90deg, rgba(26,24,16,1) 0%, rgba(26,24,16,1) 48%, rgba(0,0,0,0) 58%, rgba(0,0,0,0) 100%);
}

.sale-bg-half-blue {
    background: linear-gradient(90deg, rgba(12,58,74,1) 0%, rgba(12,58,74,1) 48%, rgba(0,0,0,0) 58%, rgba(0,0,0,0) 100%);
}
    */
.sale-bg-full-black {
  background: rgb(26, 24, 16);
}

.sale-banner-wrapper {
  padding: 25px 50px;
}

.ics-hero-bg-grad-75 .sale-banner-wrapper {
  padding: 15px;
}

.sale-banner-text, .sale-banner-percentage-amount, .sale-banner-percentage, .sale-banner-off, .sale-banner-faculty, .sale-banner-course {
  color: #fff;
}

.sale-banner-percentage-amount, .sale-banner-percentage, .sale-banner-off, .sale-banner-faculty, .sale-banner-course {
  font-weight: 700;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
}

.sale-banner-text {
  text-align: center;
  line-height: 2rem;
  width: 35%;
  display: none !important;
}

.sale-banner-first-line {
  font-size: 1.65rem;
  /* font-family: 'Pacifico', cursive; */
  font-family: "Merriweather", serif;
  margin-bottom: -4px;
  font-weight: 600;
  margin-left: 20px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}

.ics-hero-bg-grad-75 .sale-banner-first-line {
  font-size: 1.5rem;
}

.sale-banner-second-line {
  font-size: 3.75rem;
  /* font-family: 'Merriweather', serif; */
  font-family: "Pacifico", cursive;
  font-weight: 400;
  padding-bottom: 25px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}

.ics-hero-bg-grad-75 .sale-banner-second-line {
  font-size: 3.25rem;
  padding-bottom: 20px;
}

.sale-banner-date {
  font-size: 1.15rem;
  font-weight: 700;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}

.ics-hero-bg-grad-75 .sale-banner-date {
  font-size: 1rem;
}

.sale-banner-percentage-wrapper {
  line-height: 1.25rem;
}

.ics-hero-bg-grad-75 .sale-banner-percentage-wrapper::after {
  content: "UP TO";
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.sale-banner-upto .sale-banner-percentage-wrapper::after {
  content: "UP TO";
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.sale-banner-percentage-amount {
  font-size: 2.75rem;
  margin-bottom: 5px;
}

.sale-banner-percentage {
  font-size: 1.5rem;
}

.sale-banner-off {
  font-size: 0.75rem;
}

@media screen and (max-width: 1400px) {
  .ics-hero-bg-grad-75 .sale-banner-roundel {
    top: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .sale-banner-wrapper {
    padding: 20px 40px;
  }
  .sale-banner-first-line, .ics-hero-bg-grad-75 .sale-banner-first-line {
    font-size: 1.5rem;
  }
  .sale-banner-second-line, .ics-hero-bg-grad-75 .sale-banner-second-line {
    font-size: 3.25rem;
  }
  .sale-banner-date, .ics-hero-bg-grad-75 .sale-banner-date {
    font-size: 1.125rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-image-bg {
    background-position: 100% center;
    max-height: 290px;
  }
  .sale-banner-image-bg {
    margin: 30px 0;
    min-height: 200px;
  }
}
@media screen and (max-width: 1200px) {
  .sale-banner-date, .ics-hero-bg-grad-75 .sale-banner-date {
    font-size: 1rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-wrapper {
    padding: 0 15px;
  }
  .ics-hero-bg-grad-75 .sale-banner-text {
    line-height: 1.5rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-first-line {
    font-size: 1.25rem;
    margin-bottom: 5px;
  }
  .ics-hero-bg-grad-75 .sale-banner-second-line {
    font-size: 2.5rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-date strong {
    display: block;
  }
  .ics-hero-bg-grad-75 .sale-banner-roundel {
    width: 100px;
    height: 100px;
    line-height: 1rem;
    top: 10px;
  }
  .ics-hero-bg-grad-75 .sale-banner-percentage-wrapper {
    line-height: 1rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-percentage-amount {
    font-size: 2rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-percentage {
    font-size: 1rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-off {
    font-size: 0.5rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-faculty, .sale-banner-course {
    font-size: 0.75rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-image-bg {
    background-position: 100% center;
    max-height: 250px;
  }
  .sale-banner-image-bg {
    margin: 30px 0;
    min-height: 170px;
  }
}
@media screen and (max-width: 992px) {
  .ics-hero-bg-grad-75 .sale-banner-image-bg {
    background-position: 100% center;
    order: -1 !important;
    width: 100%;
    max-height: 350px;
    height: 350px;
  }
  .ics-hero-bg-grad-75 .sale-banner-image-bg .sale-banner-roundel {
    margin-top: -40px !important;
  }
  .ics-hero-bg-grad-75 .sale-banner-first-line {
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-left: 10px;
  }
  .ics-hero-bg-grad-75 .sale-banner-second-line {
    font-size: 2rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-roundel {
    width: 80px;
    height: 80px;
    line-height: 0.55rem;
    margin-right: 40%;
  }
  .ics-hero-bg-grad-75 .sale-banner-percentage-amount {
    font-size: 1.75rem;
  }
  .ics-hero-bg-grad-75 .sale-banner-faculty, .ics-hero-bg-grad-75 .sale-banner-course {
    font-size: 0.675rem;
  }
  .ics-hero-bg-grad-75 .col-md-6 {
    width: 100%;
  }
  .ics-hero-bg-grad-75 .sale-banner-percentage-wrapper::after {
    font-size: 0.5rem;
    font-weight: 700;
    top: 2px;
  }
  .ics-hero-bg-grad-75 .sale-banner-roundel {
    top: 50px;
    left: 15px;
  }
  .sale-banner-image-bg {
    margin: 30px 0;
    min-height: 190px;
  }
}
@media screen and (max-width: 767px) {
  .sale-banner-wrapper {
    padding: 15px;
  }
  .sale-banner-image-bg {
    margin: 30px 0;
    min-height: 170px;
  }
  .ics-hero-bg-grad-75 .sale-banner-wrapper {
    padding: 0 5px;
  }
  .ics-hero-bg-grad-75 .sale-banner-image-bg {
    width: calc(100% - 30px);
    margin: auto;
    margin-bottom: 15px;
    min-height: 200px;
    height: 200px;
  }
  .ics-hero-bg-grad-75 .sale-banner-roundel {
    top: 45px;
    left: 64px;
    margin-right: 35%;
  }
  .sale-banner-first-line, .ics-hero-bg-grad-75 .sale-banner-first-line {
    font-size: 1.125rem;
    margin: 0 0 -3px 12px;
  }
  .sale-banner-second-line, .ics-hero-bg-grad-75 .sale-banner-second-line {
    font-size: 2.125rem;
    line-height: 1.25rem;
    padding-bottom: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .sale-banner-date {
    line-height: 1.25rem;
  }
  .sale-banner-date strong {
    display: block;
  }
  .sale-banner-roundel {
    width: 90px;
    height: 90px;
    left: 60px;
    top: 20px;
    line-height: 0.75rem;
    margin-right: 29%;
  }
  .sale-banner-percentage-wrapper {
    line-height: 0.75rem;
  }
  .sale-banner-percentage-amount {
    font-size: 1.75rem;
    margin-bottom: 5px;
  }
  .sale-banner-percentage {
    font-size: 1rem;
  }
  .sale-banner-off {
    font-size: 0.5rem;
  }
  .sale-banner-faculty, .sale-banner-course {
    font-size: 0.75rem;
  }
  .sale-banner-upto .sale-banner-percentage-wrapper::after {
    font-size: 0.5rem;
    top: 4px;
  }
}
@media screen and (max-width: 400px) {
  .sidenav-body ul li a {
    padding: 15px 110px 15px 15px;
  }
  .sale-banner-image-bg {
    min-height: 180px;
  }
  .ics-hero-bg-grad-75 .sale-banner-image-bg {
    min-height: 170px;
  }
  .sale-banner-roundel {
    width: 80px;
    height: 80px;
    left: 60px;
    top: 10px;
    line-height: 0.75rem;
    margin-right: 29%;
  }
  .ics-hero-bg-grad-75 .sale-banner-roundel {
    width: 80px;
    height: 80px;
    line-height: 0.65rem;
    margin-right: 30%;
  }
}
/*Update for course dropdown validation if no option has been selected*/
@media screen and (max-width: 768px) {
  .field-validation-valid, .field-validation-error {
    font-size: 12px;
    position: absolute;
    left: 5px;
    bottom: 0px;
  }
  /*Add to basket styles*/
  .line-around {
    overflow: hidden;
    text-align: center;
  }
  .line-around:before, .line-around:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: " ";
    background-color: rgb(217, 217, 217);
  }
  .line-around:before {
    margin-left: -53%;
    text-align: right;
  }
  .line-around:after {
    margin-left: 15px;
  }
}
.payment-info-btn .icon-chevron-left:before {
  transform: rotate(-90deg);
}

.payment-info-btn[aria-expanded=true] .icon-chevron-left:before {
  transform: rotate(90deg) !important;
}

#LoginFrame {
  width: 100% !important;
}

/*Budget Calculator styles - BEGIN*/
#calculator {
  padding: 60px 0;
}

.calc-pagination {
  padding: 15px 0;
  border-top: 1px solid rgb(217, 217, 217);
  border-bottom: 1px solid rgb(217, 217, 217);
}

.calculator-pagination-next {
  color: rgb(217, 217, 217);
}

.calculator-pagination-step {
  display: flex;
  align-items: center;
}

.calc-icon {
  background: none;
  border: 3px solid rgb(217, 217, 217);
  padding: 15px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  color: rgb(217, 217, 217);
  display: flex;
  justify-content: center;
  align-items: center;
}

.complete-step .calc-icon, .info-box .calc-icon {
  background: linear-gradient(-90deg, #3CDBC0 0, #00A3E1 100%);
  border: none;
  color: #fff;
}

.calculator-pagination-step p {
  margin-bottom: 0;
  margin-left: 10px;
  color: #D9D9D9;
}

.calculator-pagination-step.complete-step p {
  color: rgb(109, 109, 109);
}

.calculator-pagination-step.complete-step img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(51deg) brightness(102%) contrast(101%);
}

.show {
  display: block;
}

.hide {
  display: none !important;
}

.calculator-section {
  padding: 30px 0;
}

.calculator-section .col-md-6 {
  padding-right: 60px;
  padding-left: 60px;
}

.calculator-section input:not(.modal-form input) {
  height: 62px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #ccc;
  color: #555;
  font-weight: 600;
}

.calculator-section input::placeholder {
  color: rgb(0, 40, 85);
  font-weight: 600;
}

.calculator-section label:not(.modal-form label) {
  color: rgb(0, 40, 85);
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 5px;
}

.calculator-section .modal-form .iti--allow-dropdown {
  margin-top: 10px !important;
}

.pound {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  height: 62px;
  width: 40px;
  background-color: rgba(0, 40, 85, 0.1);
  color: rgb(0, 40, 85);
  font-weight: 700;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border: 1px solid #ccc;
  border-right: none;
}

.budget-summary {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  padding: 15px;
  border-radius: 0.25rem;
}

.summary-field {
  display: flex;
  justify-content: space-between;
}

.info-box {
  padding: 15px;
  border-radius: 0.25rem;
}

.info-box img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(51deg) brightness(102%) contrast(101%);
}

.course-form select {
  height: 62px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.info-box.bg-green .calc-icon {
  background: #00805C;
}

.info-box.bg-orange .calc-icon {
  background: #ED8B01;
}

.info-box.bg-green .calc-icon img {
  width: 25px;
  height: 25px;
}

.info-box.bg-green {
  background-color: rgba(0, 128, 92, 0.1);
  border: 3px solid #00805C;
}

.info-box.bg-orange {
  background-color: rgba(237, 139, 1, 0.1);
  border: 3px solid #ED8B01;
}

.income-step, .expenses-step, .courses-step {
  cursor: pointer;
}

.summary-wrap {
  border-bottom: 2px solid #D9D9D9;
  margin-bottom: 15px;
}

.summary-total h3, .summary-total p {
  margin-bottom: 0;
  line-height: 2.5rem;
}

.summary-total p {
  color: rgb(0, 40, 85);
  font-size: 1.875rem;
  font-weight: 700;
}

.courses-section label {
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  #calculator {
    padding: 30px 0;
  }
  .calculator-pagination-step {
    flex-direction: column;
  }
  .calculator-pagination-next {
    display: none;
  }
  .calc-pagination {
    padding: 15px;
  }
  .calculator-pagination-step p {
    margin-left: 0;
  }
  .calculator-section .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .budget-summary {
    margin-top: 30px;
  }
  .calculator-section .form-control, .calculator-section .form-select {
    margin-top: 10px;
  }
}
/*Budget Calculator styles - END*/
/*Below styless added for changes for budget cal-start*/
#overview p a {
  text-decoration: underline;
}

#course-details-accordion .col-md-6.d-flex {
  flex-wrap: wrap;
}

#course-details-accordion .col-md-6.d-flex img {
  width: 15%;
}

#course-details-accordion .col-md-6.d-flex p:first-of-type {
  width: 85%;
}

#course-details-accordion .col-md-6.d-flex p:not(:first-of-type) {
  margin-left: 15%;
  margin-top: -1rem;
  font-size: 1rem;
}

/*Below styless added for changes for budget cal-  end*/
.order-lg-0.col-md-6.d-flex {
  flex-wrap: wrap;
}

.order-lg-0.col-md-6.d-flex img {
  width: 15%;
}

.order-lg-0.col-md-6.d-flex p:first-of-type {
  width: 85%;
}

.order-lg-0.col-md-6.d-flex p:not(:first-of-type) {
  margin-left: 15%;
  margin-top: -1rem;
  font-size: 1rem;
}

.order-lg-0.col-md-6.d-flex p a {
  text-decoration: underline;
}

/*New Sale LP tag styles - Sept2023*/
.lp-hero-sale {
  background: #e40046;
  width: 250px;
  border-radius: 4px;
  padding: 5px;
  font-weight: 700;
  font-size: 1.25rem;
  text-align: center;
}

.lp-hero-sale img {
  width: 18px;
  filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(107deg) brightness(104%) contrast(100%);
}

.lp-hero-sale span {
  padding: 0 0 0 10px;
  color: white;
}

h2.form-sale {
  padding: 0 63px 0 0px;
}

@media screen and (max-width: 768px) {
  h2.form-sale {
    padding: 0 70px 0 0px;
  }
}
.faculty-hero-wrap .faculty-icon img:not(:first-of-type) {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .faculty-hero-wrap .faculty-icon img {
    height: 50px;
  }
  .faculty-hero-wrap .faculty-icon img:not(:first-of-type) {
    margin-top: 0;
  }
}
.ics-basket .alert {
  margin-top: 35px;
}

.libf-roundal .roundal-shape {
  background-color: rgb(228, 0, 70);
}

.iti--allow-dropdown + label {
  left: 38px !important;
}

.iti--allow-dropdown input::placeholder {
  color: transparent;
}

.iti--allow-dropdown:focus-within + label, .iti--allow-dropdown:has(input:valid) + label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.ics-checkout .form-floating .iti--allow-dropdown + label {
  top: 2px !important;
}

form label > label::after, .sticky-top .iti--allow-dropdown + label::after {
  content: " *";
  font-size: 0.8rem;
  color: #e40046;
}

.sticky-top form, .overlap-form form {
  position: relative;
}

.sticky-top form:after {
  content: "*Required fields";
  font-size: 0.8rem;
  position: absolute;
  bottom: -35px;
  left: 0;
}

div[id*=Modal] .modal-footer:after {
  content: "*Required fields";
  font-size: 0.8rem;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

@media screen and (max-width: 768px) {
  .sticky-top form:after {
    font-size: 0.75rem;
    bottom: -32px;
    left: -10px;
  }
}
#payment-form .form-select, #payment-form textarea, .ics-checkout .form-floating > label {
  color: rgb(69, 69, 69);
}

#payment-form textarea {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  padding-left: 10px;
}

.course-wrap .recommended-blogs .section-copy h2, .faculty-wrap .recommended-blogs .section-copy h2 {
  font-size: 2.25rem;
}

.course-wrap .recommended-blogs .horizscroll, .faculty-wrap .recommended-blogs .horizscroll {
  margin-left: -15px;
  margin-right: -15px;
}

.course-wrap .recommended-blogs .blog-image, .faculty-wrap .recommended-blogs .blog-image {
  display: flex;
}

.course-wrap .recommended-blogs .blog-title-new h3 a, .faculty-wrap .recommended-blogs .blog-title-new h3 a {
  font-size: 1.125rem;
}

.course-wrap .recommended-blogs .blog-title-new h3, .faculty-wrap .recommended-blogs .blog-title-new h3 {
  margin-bottom: 0;
  padding-top: 10px;
}

.course-wrap .recommended-blogs .section-copy p, .faculty-wrap .recommended-blogs .section-copy p {
  margin-bottom: 0;
}

.course-wrap .recommended-blogs .blog-post-info img, .faculty-wrap .recommended-blogs .blog-post-info img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

roundel .course-wrap .recommended-blogs .blog-post-details, .faculty-wrap .recommended-blogs .blog-post-details {
  padding-left: 10px;
  line-height: 1.125rem;
}

@media screen and (max-width: 768px) {
  .relateddiv > .relatedname, .relateddiv > .relatedsubtext, .relateddiv > .relateddetails, .relateddiv > .white-alt-btn {
    color: #fff !important;
  }
}
.libf-contact .nav-btns {
  align-items: center;
}

form.hs-form label::after, .sticky-top .iti--allow-dropdown + label::after {
  content: " *";
  font-size: 0.8rem;
  position: absolute;
  right: 4px;
  color: #e40046;
}

.sticky-top form:after {
  font-size: 0.7rem;
}

.aside-form form .validation-summary-valid ul, .modal-body form .validation-summary-valid ul {
  margin: 0;
}

.aside-form h2 {
  font-size: 2rem;
}

/*New hCaptcha form Styles*/
.aside-form h2 {
  margin-bottom: 0;
}

.aside-form .form-select {
  margin-top: 10px;
}

.aside-form form .h-captcha iframe[aria-hidden=false], .modal-body form .h-captcha iframe[aria-hidden=false] {
  margin-top: 10px;
}

@media (max-height: 650px) {
  .aside-form h2 {
    font-size: 1.5rem !important;
    line-height: 1.15;
  }
  p#modal-title-copy-noenquire {
    font-size: 1rem;
  }
  #cgrFormPopup-submitbutton {
    padding: 10px;
  }
  #myModal .modal-dialog {
    margin: 15px auto;
  }
  .aside-form form .mb-2 {
    margin-bottom: 0 !important;
  }
  .aside-form .grcLine small {
    font-size: 0.6125rem;
  }
  .grcLine.padding-top {
    padding-top: 10px;
  }
  .aside-form button#ApplyNow-submitbutton {
    padding: 5px 15px;
  }
  .wo-frame {
    height: 440px !important;
  }
}
.g-recaptcha {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.fa-bluesky:before {
  content: "\e671";
}

.jssocials-share-bluesky .jssocials-share-link:hover {
  color: #005983;
}

.validation-summary-errors ul li {
  background-color: red;
  color: #fff;
  border-radius: 4px;
  padding: 0px 30px;
  margin-top: 10px;
  margin-bottom: -10px;
  margin-left: 15px;
  width: fit-content;
}

.validation-summary-errors ul li:before {
  content: url(../../images/alert.svg);
  position: absolute;
  left: -25px;
  top: 3px;
}

.ics-hero-bg-grad-75 .sale-banner-image-bg .spacer-30 {
  height: 100%;
  position: relative;
}

.ics-hero-bg-grad-75 .sale-banner-image-bg .sale-banner-wrapper {
  height: 100%;
  margin: 0;
}

.ics-hero-bg-grad-75 .sale-banner-image-bg .sale-banner-roundel {
  margin-left: auto;
  margin-right: 30%;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  margin-top: -60px;
}

#emailMask {
  padding: 0.25rem 0.75rem;
}

main:has(.course-wrap) .ics-hero .spacer-30 {
  padding-bottom: 90px;
}

/* --- COURSE TABS --- */
.course-wrap .container {
  position: relative;
}

.course-type-tabs {
  position: absolute;
  top: -57px;
}

.course-tab {
  background-color: #fff;
  padding: 15px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  display: flex;
  justify-content: center;
  min-width: 160px;
  opacity: 0.7;
  box-shadow: inset 0px -8px 5px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.course-tab.active {
  opacity: 1;
  box-shadow: none;
}

.course-tab:first-of-type {
  margin-right: 15px;
}

.course-tab p {
  color: rgb(0, 40, 85);
  margin: 0;
  font-weight: 700;
}

.landing-pricebox:has(.course-type-tabs) .box-shadow {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-top: none;
}

.landing-pricebox:has(.course-type-tabs) .rounded {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.landing-pricebox .course-type-tabs {
  position: relative;
  top: 0;
  width: 100%;
}

.landing-pricebox .course-tab {
  z-index: 101;
  box-shadow: none;
  opacity: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  flex-grow: 1;
}

.landing-pricebox .course-tab.active {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
}

.landing-pricebox .course-tab:first-of-type {
  margin-right: 0;
}

.float-course, .float-course-payment {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.sticky-title {
  padding-top: 15px;
}

.float-course {
  color: rgb(0, 40, 85);
}

/* TOGGLE SWITCHES */
.tab-switch-wrap {
  position: relative;
}

.tab-switch-wrap:after {
  content: "";
  position: absolute;
  width: 50%;
  top: 0;
  transition: left cubic-bezier(0.88, -0.35, 0.565, 1.35) 0.3s;
  border-radius: 5px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(217, 217, 217, 0.4);
  height: 100%;
  z-index: 0;
}

.tab-switch-wrap.left:after {
  left: 0;
}

.tab-switch-wrap.right:after {
  left: 50%;
}

.tab-switch-wrap .tab-switch {
  display: inline-block;
  width: 50%;
  padding: 15px 10px;
  z-index: 1;
  position: relative;
  cursor: pointer;
  transition: color 200ms;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  user-select: none;
  color: #002855;
  border: 2px solid #E4E4E4;
  border-radius: 5px;
  background-color: #fff;
  transition: 0.3s all ease-in-out;
}

.tab-switch-wrap .tab-switch:first-of-type {
  margin-right: 15px;
}

.tab-switch-wrap .tab-switch i {
  margin-right: 5px;
}

.tab-switch-wrap .tab-switch.active {
  color: #002855;
  font-weight: 700;
  border: 2px solid #002855;
}

.tab-switch-wrap .tab-switch.active i {
  color: #00A3E1;
}

.switch-wrapper {
  width: 100%;
  max-width: 500px;
}

.switch-wrapper.switch-three {
  max-width: 750px;
}

.switch-wrapper .tab-switch-wrap .tab-switch:last-of-type {
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  .switch-wrapper .tab-switch-wrap .tab-switch {
    padding: 5px 0;
    font-size: 1.125rem;
    padding-left: 10px;
    text-indent: -10px;
  }
}
/* --- COMPARISON --- */
.comparison-col {
  display: flex;
  white-space: normal;
}

.comparisondiv {
  background: rgba(0, 40, 85, 0.1);
  padding: 15px;
  position: relative;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.comparisondiv img {
  width: 128px;
  height: 128px;
  padding: 15px;
  position: relative;
  display: block;
  margin: 0 auto;
  top: -81px;
  border: 0;
  border-radius: 75px;
  background: #fff;
}

.comparison-name {
  font-size: 1.5rem;
  font-weight: bold;
  color: rgb(0, 40, 85);
  margin-top: -125px !important;
  margin-bottom: 0.25rem;
}

.comparison-text p {
  color: rgb(69, 69, 69);
  font-weight: 400;
  font-size: 1.125rem;
}

.comparison-text.spacer-15 {
  padding-bottom: 0;
}

.comparisondiv ul {
  list-style: none;
  text-align: start;
  flex-grow: 1;
  padding-left: 0;
}

.comparisondiv ul li {
  padding-left: 2rem;
  text-indent: -1.5rem;
}

.comparison-price {
  font-size: 1.5rem;
  font-weight: bold;
  color: rgb(0, 40, 85);
  line-height: 1.25;
}

@media screen and (max-width: 768px) {
  .horizscroll:has(.comparison-col) {
    flex-wrap: nowrap;
  }
}
/* --- CONTACT --- */
.contactdiv {
  padding: 30px 15px;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.contactdiv h3, .contactdiv p {
  color: #fff;
  width: 60%;
}

.contact-buttons {
  display: flex;
  justify-content: space-between;
}

/* --- RELATED COURSES --- */
.relateddiv {
  padding: 15px;
  background: rgba(0, 40, 85, 0.1);
  position: relative;
  text-align: left;
  margin-bottom: 25px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.relateddiv .relatedname {
  margin-top: 0;
}

.relateddiv .white-alt-btn {
  border: none;
  background-color: transparent;
  width: fit-content;
  z-index: 6;
  padding-bottom: 0;
  padding-right: 0;
  transition: all 0s ease-in-out;
}

.related-hr::after, .related-ld::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 75px;
  height: 58px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -294px -5px;
}

.related-aat::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: -15px;
  width: 155px;
  height: 50px;
  transform: scale(0.6);
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -165px -300px;
}

.related-cmi::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 80px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -174px -250px;
}

.related-ilm::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 65px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -255px -250px;
}

.related-cips::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 75px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -294px -125px;
}

.related-cim::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 75px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -90px -194px;
}

.related-it::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 45px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -327px -246px;
}

.related-pm::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 89px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -5px -125px;
}

.related-high::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: -25px;
  width: 180px;
  height: 50px;
  transform: scale(0.5);
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -5px -5px;
}

.related-cgi::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 75px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -402px -60px;
}

.related-libf::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 75px;
  height: 50px;
  z-index: 100;
  background: url("/images/ics-learn-awards-logo-sprite.png") -402px -184px;
}

.related-hr:hover {
  background: linear-gradient(to right, rgb(100, 47, 108) 0%, rgb(139, 132, 215) 100%);
}

.related-ld:hover {
  background: linear-gradient(to right, rgb(168, 61, 114) 0%, rgb(100, 47, 108) 100%);
}

.related-aat:hover, .related-icb:hover {
  background: linear-gradient(to right, rgb(0, 122, 83) 0%, rgb(0, 150, 129) 100%);
}

.related-cmi:hover, .related-ilm:hover, .related-cips:hover, .related-cim:hover {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.related-it:hover {
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(223, 70, 97) 100%);
}

.related-pm:hover {
  background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
}

.related-high:hover {
  background: linear-gradient(to right, rgb(116, 170, 80) 0%, rgb(251, 225, 34) 100%);
}

.related-cgi:hover {
  background: linear-gradient(to right, rgb(29, 8, 42) 0%, rgba(216, 141, 202, 0.75) 100%);
}

.related-libf:hover {
  background: linear-gradient(to right, rgb(208, 74, 22) 0%, rgba(238, 115, 49, 0.75) 100%);
}

.related-hr:hover::after, .related-ld:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -294px -65px;
}

.related-aat:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -4px -301px;
}

.related-cmi:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") 0 -250px;
}

.related-ilm:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -85px -250px;
}

.related-cips:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -294px -185px;
}

.related-cim:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -175px -194px;
}

.related-it:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -212px -137px;
}

.related-pm:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -195px -5px;
}

.related-high:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -5px -65px;
}

.related-cgi:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -402px -2px;
}

.related-libf:hover::after {
  background: url("/images/ics-learn-awards-logo-sprite.png") -402px -125px;
}

.relateddiv:hover > .relatedname, .relateddiv:hover > .relatedsubtext, .relateddiv:hover > .relateddetails, .relateddiv:hover > .white-alt-btn {
  color: #fff;
}

.relateddiv > .relateddetails {
  border-top: 1px solid #ccc;
  z-index: 100;
}

.relateddiv:hover > .relateddetails {
  border-top: 1px solid #fff;
}

.hover-bg-lines.bg-lines-v1 .thick-line {
  right: -500px;
  transition: all 0.5s ease;
}

.relateddiv:hover .hover-bg-lines.bg-lines-v1 .thick-line {
  right: -240px;
}

.hover-bg-lines .thick-line {
  width: 200px;
}

.hover-bg-lines .thick-line, .hover-bg-lines .mid-line, .hover-bg-lines .slim-line {
  transform: skewX(125deg);
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
}

.hover-bg-lines.bg-lines-v1 .slim-line {
  right: -280px;
  transition: all 0.5s ease;
}

.relateddiv:hover .hover-bg-lines.bg-lines-v1 .slim-line {
  right: -25px;
}

.hover-bg-lines .slim-line {
  width: 30px;
}

.relateddiv .saletag-15off:before, .relateddiv .saletag-20off:before, .relateddiv .saletag-25off:before {
  height: 50%;
  width: 88%;
  top: 0;
  bottom: 50%;
  right: 6px;
}

@media screen and (max-width: 768px) {
  .related-hr {
    background: linear-gradient(to right, rgb(100, 47, 108) 0%, rgb(139, 132, 215) 100%);
  }
  .related-ld {
    background: linear-gradient(to right, rgb(168, 61, 114) 0%, rgb(100, 47, 108) 100%);
  }
  .related-aat, .related-icb {
    background: linear-gradient(to right, rgb(0, 122, 83) 0%, rgb(0, 150, 129) 100%);
  }
  .related-cmi, .related-ilm, .related-cips, .related-cim {
    background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  }
  .related-it {
    background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(223, 70, 97) 100%);
  }
  .related-pm {
    background: linear-gradient(to right, rgb(228, 0, 70) 0%, rgb(223, 70, 97) 100%);
  }
  .related-high {
    background: linear-gradient(to right, rgb(116, 170, 80) 0%, rgb(251, 225, 34) 100%);
  }
  .related-cgi {
    background: linear-gradient(to right, rgb(29, 8, 42) 0%, rgba(216, 141, 202, 0.75) 100%);
  }
  .related-libf {
    background: linear-gradient(to right, rgb(208, 74, 22) 0%, rgba(238, 115, 49, 0.75) 100%);
  }
  .relateddiv > .relatedname, .relateddiv > .relatedsubtext, .relateddiv > .relateddetails, .relateddiv > .white-alt-btn {
    color: #fff !important;
  }
  .related-hr::after, .related-ld::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -294px -65px;
  }
  .related-aat::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -4px -301px;
  }
  .related-cmi::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") 0 -250px;
  }
  .related-ilm::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -5px -250px;
  }
  .related-cips::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -294px -185px;
  }
  .related-cim::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -175px -194px;
  }
  .related-it::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -212px -137px;
  }
  .related-pm::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -195px -5px;
  }
  .related-high::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -5px -65px;
  }
  .related-cgi::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -402px -2px;
  }
  .related-libf::after {
    background: url("/images/ics-learn-awards-logo-sprite.png") -402px -125px;
  }
  .relateddiv .hover-bg-lines.bg-lines-v1 .slim-line {
    right: 0;
  }
  .relateddiv .hover-bg-lines.bg-lines-v1 .thick-line {
    right: -220px;
  }
  .float-course-payment {
    font-size: 1rem;
  }
  .contactdiv h3, .contactdiv p {
    width: 100%;
  }
}
.price-box span.pmatch.live-online {
  left: -50px;
  transform: rotate(-45deg);
}

div[id*=myModal] .modal-footer:after {
  content: "*Required fields";
  font-size: 0.8rem;
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.ics-popover {
  position: relative;
}

.ics-popover img {
  margin-left: -30px;
}

.ics-popover h2 {
  margin-top: 0;
}

.relateddiv .relatedsubtext {
  align-self: start;
  color: #454545;
  margin-top: 0 !important;
}

.comparisondiv p:not(.comparison-price) {
  text-align: start;
}

#more-btn {
  font-weight: 700;
}

.comparisondiv .icon-check:before {
  color: rgb(0, 40, 85);
  font-weight: 800;
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
  .relateddiv .white-alt-btn {
    font-size: 1rem;
  }
  .simple-banner .col-12 .simple-banner-image-full {
    min-height: 300px;
  }
}
ul.checklist li {
  color: rgb(109, 109, 109);
}

#need-help-contact-us, .contactdiv, .comparisondiv, .youtube-player {
  border-radius: 0.25rem !important;
}

.comparisondiv ul li:before {
  display: none;
}

.comparisondiv ul li span.icon-cross:before {
  content: "\e5cd";
  font: normal normal normal 20px/1 "icomoon";
  color: #e40046;
  top: 4px;
  position: relative;
}

.comparison-btns:has(.compare-btn) .compare-btn {
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  .comparison-btns:has(.compare-btn) .compare-btn {
    margin-left: 0;
  }
  .basket-logo img {
    max-width: 100px !important;
  }
  .basket-item-course-name h2 {
    margin-bottom: 15px !important;
  }
  .ics-basket #content {
    padding: 0 5px !important;
  }
  .totalbox .totalprice {
    font-size: 1.3rem !important;
  }
  .checkout-pagination-step p {
    font-size: 1rem;
  }
  .pre-read img {
    max-width: 250px;
    height: auto;
  }
}
.wo-inline .mobile-image img {
  height: 3.5em !important;
  aspect-ratio: 1/1;
  width: auto !important;
}

.course-page-hero .page-hero img:nth-of-type(2) {
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  .course-page-hero .page-hero img:nth-of-type(2) {
    margin-left: 0;
    margin-bottom: -60px;
    display: block;
  }
}
.main-footer #footerlinks1 li:nth-of-type(2) #emailMask2 {
  display: none;
}