@charset "UTF-8";
/*
BUTTON ICONS
 */
/*
BUTTONS
 */
/*
SHADOWS
*/
/*
LINKS
 */
/*
FORM FIELDS
 */
/**************************************************
GENERAL STYLES
**************************************************/
* {
  text-rendering: optimizeLegibility;
}

html {
  overflow-x: hidden;
  background-color: #ffffff;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.modal-open {
  padding-right: 0px !important;
}

/* Custom Scrollbar */
body::-webkit-scrollbar {
  width: 0.5em;
  border-radius: 5px;
  border-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

ul {
  list-style: none;
  padding: 0;
}

/* Fade in effects */
.fade-in {
  display: none;
}

.sr .fooReveal {
  visibility: hidden;
}

/*
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

#mainMenu .modal-body ul, #mainMenu .modal-body ul.small,
.modal.modal-fullscreen .modal-content .modal-body .search-box,
.hero-text,
.people-card{opacity: 0;
-webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards;
-webkit-animation-duration:0.3s; -moz-animation-duration:0.3s; animation-duration:0.3s;}

#mainMenu .modal-body ul,
.modal.modal-fullscreen .modal-content .modal-body .search-box{-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;}

#mainMenu .modal-body ul.small,
.hero-text,
.people-card{-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s;}
*/
/* Pages fade in effect */
body {
  opacity: 1;
  transition: 1s opacity;
}

body.fade-out {
  opacity: 0;
  transition: none;
}

/* Helper Classes */
.fl {
  display: flex;
  justify-content: center;
}

.ab {
  display: flex;
  align-items: flex-end;
}

/* Full width sections */
.container-fluid .row [class*=col-] {
  padding-right: 0px;
  padding-left: 0px;
}

.container-fluid .row .container [class*=col-] {
  padding-right: 15px;
  padding-left: 15px;
}

.full-width {
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

/* Smaller gutter */
.articles .container .row [class*=col-] {
  padding-right: 10px;
  padding-left: 10px;
}

svg.grey {
  display: none;
}

.show {
  opacity: 1;
}

.special-white-border {
  padding: 10px;
}

@media (min-width: 821px) {
  .special-white-border {
    padding: 20px;
  }
}
/**************************************************
TYPOGRAPHY/LINKS/BUTTONS/BREADCRUMBS
**************************************************/
/*
font-family: "freight-text-pro", serif;
font-family: "freight-sans-pro", sans-serif;
*/
h1, h3, h4, h5, h6, blockquote, cite {
  font-family: "dashiell-bright", serif;
}

h1 {
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}

h3, .h3 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
  display: block;
}
@media (max-width: 767px) {
  h3, .h3 {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

h4, .h4 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 113.333% */
  font-family: "dashiell-bright", serif;
  display: block;
}
@media (max-width: 767px) {
  h4, .h4 {
    font-size: 24px;
  }
}

.h5 {
  display: block;
}

.h6 {
  display: block;
}

p, table {
  font-family: "Montserrat", sans-serif;
}

a {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

a:hover, a:focus {
  text-decoration: none;
  color: inherit;
}

.btn {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-transform: none;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
}

.btn-white {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: #fff;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  outline: 1px solid var(--primary-colour-palette-white-ffffff, #FFF) !important;
  margin-top: 20px;
  position: relative;
  min-width: 180px;
}
.btn-white:hover {
  text-decoration: none;
  cursor: pointer;
}
.btn-white:active {
  outline: unset;
}
.btn-white:focus {
  outline-offset: 2px;
}
.btn-white:disabled, .btn-white .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.btn-white:disabled:focus, .btn-white .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.btn-white:hover {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  outline: 1px solid var(--primary-colour-palette-pink-ff-8896, #FF8896) !important;
}
.btn-white:focus, .btn-white:focus-within, .btn-white:active {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  outline: 1px solid var(--primary-colour-palette-pink-ff-8896, #FF8896) !important;
}

.btn-direction {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: inherit;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  outline: 1px solid var(--primary-colour-palette-white-ffffff, #FFF);
  color: white;
  padding-right: 70px;
  position: relative;
  min-width: 180px;
  background-repeat: no-repeat;
  background-position: right 30px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15' viewBox='0 0 19 15' fill='none'%3E%3Cpath d='M12.0513 0.599976L17.6913 6.23998L12.0513 11.88' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6911 6.23987H0.600098V13.7259' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.btn-direction:hover {
  text-decoration: none;
  cursor: pointer;
}
.btn-direction:active {
  outline: unset;
}
.btn-direction:focus {
  outline-offset: 2px;
}
.btn-direction:disabled, .btn-direction .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.btn-direction:disabled:focus, .btn-direction .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.btn-direction:hover {
  background: var(--primary-colour-palette-white-ffffff, #FFF);
  outline: 1px solid var(--primary-colour-palette-white-ffffff, #FFF) !important;
}
.btn-direction:focus, .btn-direction:focus-within, .btn-direction:active {
  background: var(--primary-colour-palette-white-ffffff, #FFF);
  outline: 1px solid var(--primary-colour-palette-white-ffffff, #FFF) !important;
}
.btn-direction:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15' viewBox='0 0 19 15' fill='none'%3E%3Cpath d='M12.0513 0.599976L17.6913 6.23998L12.0513 11.88' stroke='%23030176' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6911 6.23987H0.600098V13.7259' stroke='%23030176' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 30px center;
}

/*color: #ffffff; box-shadow: inset 0 0 0 2px #ffffff;*/
.btn-custom, a.btn-custom {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: inherit;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  outline: 1px solid var(--primary-colour-palette-navy-2-b-2171, #FFF);
}
.btn-custom:hover, a.btn-custom:hover {
  text-decoration: none;
  cursor: pointer;
}
.btn-custom:active, a.btn-custom:active {
  outline: unset;
}
.btn-custom:focus, a.btn-custom:focus {
  outline-offset: 2px;
}
.btn-custom:disabled, .btn-custom .disabled, a.btn-custom:disabled, a.btn-custom .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.btn-custom:disabled:focus, .btn-custom .disabled:focus, a.btn-custom:disabled:focus, a.btn-custom .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.btn-custom:hover, a.btn-custom:hover {
  background: var(--primary-colour-palette-navy-2-b-2171, #FFF);
  color: #fff;
}
.btn-custom:focus, .btn-custom:focus-within, .btn-custom:active, a.btn-custom:focus, a.btn-custom:focus-within, a.btn-custom:active {
  background: var(--primary-colour-palette-navy-2-b-2171, #FFF);
  color: #fff;
  outline: 1px solid var(--primary-colour-palette-navy-2-b-2171, #FFF);
}
.btn-custom:focus, .btn-custom:focus-within, a.btn-custom:focus, a.btn-custom:focus-within {
  outline-offset: 2px;
  outline: 1px solid var(--primary-colour-palette-navy-2-b-2171, #FFF);
}

/*color: #030176; box-shadow: inset 0 0 0 2px #030176;*/
.btn-blue, a.btn-blue {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  color: #fff;
}
.btn-blue:hover, a.btn-blue:hover {
  text-decoration: none;
  cursor: pointer;
}
.btn-blue:active, a.btn-blue:active {
  outline: unset;
}
.btn-blue:focus, a.btn-blue:focus {
  outline-offset: 2px;
}
.btn-blue:disabled, .btn-blue .disabled, a.btn-blue:disabled, a.btn-blue .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.btn-blue:disabled:focus, .btn-blue .disabled:focus, a.btn-blue:disabled:focus, a.btn-blue .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.btn-blue:hover, a.btn-blue:hover {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.btn-blue:focus, .btn-blue:focus-within, .btn-blue:active, a.btn-blue:focus, a.btn-blue:focus-within, a.btn-blue:active {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.btn-coral, a.btn-coral {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.btn-coral:hover, a.btn-coral:hover {
  text-decoration: none;
  cursor: pointer;
}
.btn-coral:active, a.btn-coral:active {
  outline: unset;
}
.btn-coral:focus, a.btn-coral:focus {
  outline-offset: 2px;
}
.btn-coral:disabled, .btn-coral .disabled, a.btn-coral:disabled, a.btn-coral .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.btn-coral:disabled:focus, .btn-coral .disabled:focus, a.btn-coral:disabled:focus, a.btn-coral .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.btn-coral:hover, a.btn-coral:hover {
  background: var(--primary-colour-palette-navy-2-b-2171, #FF8896);
  color: #fff;
}
.btn-coral:focus, .btn-coral:focus-within, .btn-coral:active, a.btn-coral:focus, a.btn-coral:focus-within, a.btn-coral:active {
  background: var(--primary-colour-palette-navy-2-b-2171, #FF8896);
  color: #fff;
}

/*color: #030176; box-shadow: inset 0 0 0 2px #030176;*/
.btn-dl {
  border: 1px solid #2B2171;
  color: #2B2171;
  background-color: #ffffff;
  cursor: pointer;
  padding: 12px 40px;
  display: inline-block;
  margin: 15px 0px;
  outline: none;
  position: relative;
  min-width: 180px;
}

.btn-dl:hover,
.btn-dl:active {
  color: #2B2171;
  box-shadow: inset 0 0 0 2px #2B2171;
}

.btn-search {
  margin-top: 30px;
  padding: 10px 60px;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #2B2171;
  text-transform: none;
  font-size: 18px;
}

.btn-search:hover,
.btn-search:active {
  border: 1px solid #ffffff;
  color: #2B2171;
  background-color: #ffffff;
}

/*box-shadow: inset 0 0 0 2px #ffffff;*/
.article-meta a.btn, .article-meta .btn {
  font-size: 18px;
  border: 1px solid #2B2171;
  min-width: 150px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 0px 20px 30px 0px;
  text-decoration: none;
  line-height: 1.25;
  color: #2B2171;
  background-color: #fff;
  font-family: "dashiell-bright", serif;
}

.btn-show, .btn-hide {
  display: block;
}

.article-meta a.btn-cat {
  text-transform: capitalize;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  color: #fff;
}
.article-meta a.btn-cat:hover {
  text-decoration: none;
  cursor: pointer;
}
.article-meta a.btn-cat:active {
  outline: unset;
}
.article-meta a.btn-cat:focus {
  outline-offset: 2px;
}
.article-meta a.btn-cat:disabled, .article-meta a.btn-cat .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.article-meta a.btn-cat:disabled:focus, .article-meta a.btn-cat .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.article-meta a.btn-cat:hover {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.article-meta a.btn-cat:focus, .article-meta a.btn-cat:focus-within, .article-meta a.btn-cat:active {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.article-meta a.btn-tag, .article-meta .btn-show, .article-meta .btn-hide {
  color: #2B2171;
  background-color: transparent;
}

.article-meta a.btn-tag:hover, .article-meta .btn-show:hover, .article-meta .btn-hide:hover {
  background-color: #2B2171;
  border: 1px solid #2B2171;
  color: #fff;
  text-decoration: none;
}

.filter-options .btn, .results a.btn, .showmoreorless {
  font-size: 18px;
  border: 1px solid #D8D8D8;
  min-width: 180px;
  padding: 0.6rem 1rem;
}

.filter-options .briefing-filter .btn {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.filter-options .btn-filter, .results a.btn-more, .showmoreorless {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: inherit;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  outline: 1px solid var(--primary-colour-palette-navy-2-b-2171, #FFF);
  margin-bottom: 10px;
}
.filter-options .btn-filter:hover, .results a.btn-more:hover, .showmoreorless:hover {
  text-decoration: none;
  cursor: pointer;
}
.filter-options .btn-filter:active, .results a.btn-more:active, .showmoreorless:active {
  outline: unset;
}
.filter-options .btn-filter:focus, .results a.btn-more:focus, .showmoreorless:focus {
  outline-offset: 2px;
}
.filter-options .btn-filter:disabled, .filter-options .btn-filter .disabled, .results a.btn-more:disabled, .results a.btn-more .disabled, .showmoreorless:disabled, .showmoreorless .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.filter-options .btn-filter:disabled:focus, .filter-options .btn-filter .disabled:focus, .results a.btn-more:disabled:focus, .results a.btn-more .disabled:focus, .showmoreorless:disabled:focus, .showmoreorless .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.filter-options .btn-filter:hover, .results a.btn-more:hover, .showmoreorless:hover {
  background: var(--primary-colour-palette-navy-2-b-2171, #FFF);
  color: #fff;
}
.filter-options .btn-filter:focus, .filter-options .btn-filter:focus-within, .filter-options .btn-filter:active, .results a.btn-more:focus, .results a.btn-more:focus-within, .results a.btn-more:active, .showmoreorless:focus, .showmoreorless:focus-within, .showmoreorless:active {
  background: var(--primary-colour-palette-navy-2-b-2171, #FFF);
  color: #fff;
  outline: 1px solid var(--primary-colour-palette-navy-2-b-2171, #FFF);
}
.filter-options .btn-filter:focus, .filter-options .btn-filter:focus-within, .results a.btn-more:focus, .results a.btn-more:focus-within, .showmoreorless:focus, .showmoreorless:focus-within {
  outline-offset: 2px;
  outline: 1px solid var(--primary-colour-palette-navy-2-b-2171, #FFF);
}

.btn.load-more {
  margin: 50px 0px 70px;
}

.breadcrumbs {
  margin-top: 50px;
}

.list-inline li {
  font-family: "dashiell-bright", serif;
  font-size: 18px;
  font-weight: 700;
  color: #4A4A4A;
}

.list-inline li a {
  font-weight: 400;
  color: #4A4A4A;
}

.list-inline li a:hover {
  color: #2B2171;
}

.list-inline li a i.fa {
  margin-left: 10px;
}

/**************************************************
FORMS
**************************************************/
.form-control {
  color: var(--grey-4, #2C2C2C);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  border: 1px solid #797979;
  border-radius: 50px;
  padding: 5px 20px;
  background: var(--Primary-colour-palette-White-FFFFFF, #FFF);
}
@media (max-width: 767px) {
  .form-control {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}
.form-control::placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  color: #797979;
}
@media (max-width: 767px) {
  .form-control::placeholder {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}
.form-control:hover {
  border-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.form-control:hover + .input-group-addon svg {
  fill: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  max-height: 100%;
}
.form-control:focus {
  border-color: #797979;
  outline: 2px solid var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  outline-offset: 3px;
}
.form-control:focus + .input-group-addon svg {
  fill: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.form-control + .input-group-addon {
  height: 60%;
}
.form-control + .input-group-addon svg {
  fill: #797979;
  max-height: 100%;
}

/**************************************************
SEARCH
**************************************************/
.search-box {
  background-color: #2B2171;
  padding: 50px 0px;
}

.search-box p.lead {
  font-family: "dashiell-bright", serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
  color: #ffffff;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .search-box p.lead {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

.search-box .form-inline {
  margin-bottom: 20px;
}

.search-box .form-control {
  height: 60px;
}

.modal .search-box .form-control {
  width: 500px;
}

.search .search-box .form-control {
  width: 500px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 300px;
  height: 58px;
  margin-right: 50px;
}

.btn-group.bootstrap-select .btn.dropdown-toggle.btn-default {
  height: 58px;
  background-color: #ffffff;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option {
  color: #8A959E;
}

.bootstrap-select > .dropdown-toggle .filter-option {
  font-size: 18px;
  line-height: 20px;
  color: #2B2171;
  font-weight: 300;
  text-overflow: ellipsis;
  padding-right: 10px;
}

.btn-group.bootstrap-select.open .dropdown-menu.open {
  font-family: "dashiell-bright", serif;
  padding: 1rem;
  border: 1px solid #ffffff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 1px solid #eeeeee;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: 1px auto #020075 !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
}

.bootstrap-select.btn-group.open .dropdown-menu.inner {
  opacity: 1;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  font-size: 18px;
  color: #2B2171;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  right: 25px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:after, .bootstrap-select.btn-group .dropdown-toggle .caret:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:before {
  border-color: rgba(216, 216, 216, 0);
  border-top-color: #797979;
  border-width: 9px;
  margin-left: -9px;
}

.form-inline .form-group {
  position: relative;
}

.input-group-addon {
  position: absolute;
  top: 20px;
  right: 15px;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

/**************************************************
HOMEPAGE
**************************************************/
/* Top Slider */
.home.themes {
  margin: 0px 0px 40px;
}

.carousel, .carousel-item {
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.carousel-item.video {
  padding: 50px;
  background-color: var(--grey-4, #2C2C2C);
  border-radius: 20px;
}
@media (max-width: 428px) {
  .carousel-item.video {
    padding: 50px 30px;
  }
  .carousel-item.video iframe {
    height: fit-content;
  }
}

.carousel-inner {
  height: 100%;
}

.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -moz-transition-property: opacity;
  -webkit-transition-property: opacity;
}

.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.carousel-indicators {
  margin-left: 0px;
  width: 100%;
  left: 140px;
  bottom: 150px;
  display: flex;
  justify-content: center;
}

.carousel-indicators li {
  width: 11px;
  height: 11px;
  background-color: transparent;
  border: 1px solid var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  margin: 0px 4px;
}
.carousel-indicators li:only-child {
  display: none !important;
}

.carousel-indicators li.active {
  width: 11px;
  height: 11px;
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  border: 1px solid var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  margin: 0px 4px;
}

.carousel-control {
  display: block;
  border-radius: 50px;
  position: relative;
  text-decoration: unset;
  width: 24px;
  height: 24px;
  background: var(--grey-1, #F0F0F0);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  opacity: 1;
  visibility: hidden;
}
.carousel-control:hover {
  cursor: pointer;
  text-decoration: unset;
}
.carousel-control:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  mask-size: 18px 10px;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 9660'%3E%3Cpath id='Path 3987' d='M19.1749 6.27441L19.1629 6.28613L14.3569 11.0918C14.2632 11.1852 14.1363 11.2383 14.0039 11.2383C13.8716 11.2383 13.7446 11.1852 13.6509 11.0918C13.6044 11.0454 13.5674 10.9904 13.5422 10.9297C13.517 10.8689 13.504 10.804 13.504 10.7383C13.504 10.6725 13.517 10.6076 13.5422 10.5469C13.5674 10.4861 13.6044 10.4302 13.6509 10.3838L17.6079 6.42676L1.12793 6.42676C0.995321 6.42676 0.868152 6.37404 0.774384 6.28027C0.680615 6.18651 0.62793 6.05937 0.62793 5.92676C0.62793 5.79415 0.680615 5.66701 0.774384 5.57324C0.868152 5.47947 0.995321 5.42676 1.12793 5.42676L17.6079 5.42676L13.6509 1.46973C13.5575 1.376 13.505 1.24953 13.505 1.11719C13.505 0.98485 13.5575 0.857395 13.6509 0.763672C13.7446 0.670241 13.8716 0.618164 14.0039 0.618164C14.1363 0.618164 14.2632 0.670241 14.3569 0.763672L19.5219 5.92578L19.1749 6.27441Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 9660'%3E%3Cpath id='Path 3987' d='M19.1749 6.27441L19.1629 6.28613L14.3569 11.0918C14.2632 11.1852 14.1363 11.2383 14.0039 11.2383C13.8716 11.2383 13.7446 11.1852 13.6509 11.0918C13.6044 11.0454 13.5674 10.9904 13.5422 10.9297C13.517 10.8689 13.504 10.804 13.504 10.7383C13.504 10.6725 13.517 10.6076 13.5422 10.5469C13.5674 10.4861 13.6044 10.4302 13.6509 10.3838L17.6079 6.42676L1.12793 6.42676C0.995321 6.42676 0.868152 6.37404 0.774384 6.28027C0.680615 6.18651 0.62793 6.05937 0.62793 5.92676C0.62793 5.79415 0.680615 5.66701 0.774384 5.57324C0.868152 5.47947 0.995321 5.42676 1.12793 5.42676L17.6079 5.42676L13.6509 1.46973C13.5575 1.376 13.505 1.24953 13.505 1.11719C13.505 0.98485 13.5575 0.857395 13.6509 0.763672C13.7446 0.670241 13.8716 0.618164 14.0039 0.618164C14.1363 0.618164 14.2632 0.670241 14.3569 0.763672L19.5219 5.92578L19.1749 6.27441Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
.carousel-control:disabled, .carousel-control.disabled {
  background: var(--grey-1, #F0F0F0);
  cursor: initial;
}
.carousel-control:disabled:after, .carousel-control.disabled:after {
  background: var(--grey-2, #F0F0F0);
}
.carousel-control:disabled:hover, .carousel-control:disabled.hover, .carousel-control:disabled:active, .carousel-control:disabled:focus, .carousel-control:disabled:focus-within, .carousel-control.disabled:hover, .carousel-control.disabled.hover, .carousel-control.disabled:active, .carousel-control.disabled:focus, .carousel-control.disabled:focus-within {
  background: var(--grey-1, #2B2171);
}
.carousel-control:disabled:hover:after, .carousel-control:disabled.hover:after, .carousel-control:disabled:active:after, .carousel-control:disabled:focus:after, .carousel-control:disabled:focus-within:after, .carousel-control.disabled:hover:after, .carousel-control.disabled.hover:after, .carousel-control.disabled:active:after, .carousel-control.disabled:focus:after, .carousel-control.disabled:focus-within:after {
  background: var(--grey-2, #F0F0F0);
}
@media (min-width: 768px) {
  .carousel-control {
    width: 50px;
    height: 50px;
  }
  .carousel-control:after {
    mask-size: 18px 10px;
  }
}
@media (min-width: 1025px) {
  .carousel-control {
    width: 81px;
    height: 81px;
  }
  .carousel-control:after {
    mask-size: 43px 24px;
  }
}
.carousel-control:after {
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.carousel-control:hover, .carousel-control.hover, .carousel-control:focus, .carousel-control:focus-within, .carousel-control:active {
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.carousel-control:hover:after, .carousel-control.hover:after, .carousel-control:focus:after, .carousel-control:focus-within:after, .carousel-control:active:after {
  background: #fff;
}
.carousel-control:focus, .carousel-control:focus-within {
  outline-offset: 0;
}
@media (min-width: 768px) {
  .carousel-control {
    width: 50px;
    height: 50px;
    visibility: visible;
  }
  .carousel-control:after, .carousel-control:before {
    mask-size: 24px 43px;
  }
}
.carousel-control > i {
  display: none;
}

.swiper-button-disabled {
  background: var(--grey-1, #F0F0F0);
  cursor: initial;
}
.swiper-button-disabled:after {
  background: var(--grey-2, #F0F0F0);
}
.swiper-button-disabled:hover, .swiper-button-disabled.hover, .swiper-button-disabled:active, .swiper-button-disabled:focus, .swiper-button-disabled:focus-within {
  opacity: 1;
  cursor: initial;
  background: var(--grey-1, #2B2171);
}
.swiper-button-disabled:hover:after, .swiper-button-disabled.hover:after, .swiper-button-disabled:active:after, .swiper-button-disabled:focus:after, .swiper-button-disabled:focus-within:after {
  background: var(--grey-2, #F0F0F0);
}

.carousel-control.left, .carousel-control.right {
  background: var(--grey-1, #F0F0F0);
  top: 50%;
  transform: translate(0, -50%);
}
.carousel-control.left:after, .carousel-control.right:after {
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.carousel-control.left:hover, .carousel-control.left.hover, .carousel-control.left:focus, .carousel-control.left:focus-within, .carousel-control.left:active, .carousel-control.right:hover, .carousel-control.right.hover, .carousel-control.right:focus, .carousel-control.right:focus-within, .carousel-control.right:active {
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.carousel-control.left:hover:after, .carousel-control.left.hover:after, .carousel-control.left:focus:after, .carousel-control.left:focus-within:after, .carousel-control.left:active:after, .carousel-control.right:hover:after, .carousel-control.right.hover:after, .carousel-control.right:focus:after, .carousel-control.right:focus-within:after, .carousel-control.right:active:after {
  background: #fff;
}

#exp-key .carousel-control.left, #exp-key .carousel-control.right {
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
#exp-key .carousel-control.left:after, #exp-key .carousel-control.right:after {
  background: #fff;
}
#exp-key .carousel-control.left:hover, #exp-key .carousel-control.left.hover, #exp-key .carousel-control.left:focus, #exp-key .carousel-control.left:focus-within, #exp-key .carousel-control.left:active, #exp-key .carousel-control.right:hover, #exp-key .carousel-control.right.hover, #exp-key .carousel-control.right:focus, #exp-key .carousel-control.right:focus-within, #exp-key .carousel-control.right:active {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
}

.carousel-control.left {
  left: -70px;
}
.carousel-control.left:after {
  transform: rotate(180deg);
}

.carousel-control.right {
  right: -70px;
}

#people .carousel-control {
  top: 100px;
}

.carousel-caption {
  position: relative;
  width: 100%;
  height: 50vh;
  min-height: 600px;
  left: 0;
  padding: 0;
}

.carousel-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.carousel-text-frame {
  position: absolute;
  background-color: transparent;
  color: #2B2171;
  width: 50%;
  height: 100%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.carousel-text {
  max-width: 300px;
  margin-top: -100px;
}

.carousel-text h3,
.carousel-text .h3 {
  font-family: "dashiell-bright", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
}

.carousel-text h6,
.carousel-text .h6 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
  color: #0BA7FA;
}

.carousel-text p {
  font-size: 20px;
  line-height: 25px;
}

/* Top Scroll Down Arrow */
a.scroll {
  position: absolute;
  z-index: 1000;
  left: 50%;
  bottom: 5em;
  width: 0;
  height: 0;
  padding: 0;
  display: block;
}

a.scroll span {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 24px;
  height: 24px;
  border-left: 2px solid #979797;
  border-bottom: 2px solid #979797;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

/* Home Expertise */
.home.expertise .col-md {
  width: 50%;
}

.text-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 60vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 1, 118, 0.75);
  background-blend-mode: multiply;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.text-frame:hover {
  background-color: #5a58ce;
  background-blend-mode: multiply;
}

/*.text-frame:hover .overlay{opacity: 1;}*/
.text-inside {
  max-width: 400px;
  color: #ffffff;
  z-index: 1001;
}

.text-inside h1 {
  font-family: "dashiell-bright", serif;
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
}

/* Home Featured News */
.home.featured-news {
  background-color: #F6F6F6;
  position: relative;
  z-index: 1000;
}

.home.featured-news .container-fluid {
  padding: 70px 0px;
}

.home .feature-news {
  padding-left: 60px;
}

.home .feature-news h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .home .feature-news h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}

.home .feature-news h4, .home .feature-news .h4 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 113.333% */
  font-family: "dashiell-bright", serif;
  text-transform: uppercase;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .home .feature-news h4, .home .feature-news .h4 {
    font-size: 24px;
  }
}

.home .feature-news h5,
.home .feature-news .h5 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  font-family: "dashiell-bright", serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (max-width: 767px) {
  .home .feature-news h5,
  .home .feature-news .h5 {
    font-size: 20px;
  }
}

.home.featured-news a {
  display: block;
}

.home.featured-news a:hover {
  background-color: #0081A4;
  cursor: pointer;
}

.home.featured-news a:hover h2,
.home.featured-news a:hover h4,
.home.featured-news a:hover h5,
.home.featured-news a:hover .h2,
.home.featured-news a:hover .h4,
.home.featured-news a:hover .h5 {
  color: #ffffff;
}

.circle {
  position: absolute;
  z-index: 999;
  top: -200px;
  left: 0px;
  z-index: 2;
  border: 2px solid #ffffff;
  width: 600px;
  height: 600px;
  border-radius: 400px;
  -moz-border-radius: 400px;
  -webkit-border-radius: 400px;
}

/* Image Box */
.image-box, .image-box-sl {
  position: static;
  width: 100%;
  height: 60vh;
  max-height: 1000px;
  left: 0;
  padding: 0;
}

#firm.image-box, #firm.image-box-sl {
  position: relative;
}

.box-text-frame {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-image {
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Box text right */
.home.careers .box-text-frame,
.about.firm .box-text-frame {
  width: 37%;
  left: 63%;
}

.home.careers .box-image,
.about.firm .box-image {
  width: 63%;
  right: 37%;
}

/* Box text left */
.about.corporate .box-text-frame {
  width: 37%;
  left: 0%;
}

.about.corporate .box-image {
  width: 67%;
  right: 0%;
}

.box-text {
  max-width: 350px;
  text-align: left;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.box-text h3,
.box-text .h3 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  .box-text h3,
  .box-text .h3 {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

.box-text p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .box-text p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.about.corporate .box-text h3,
.about.corporate .box-text .h3 {
  font-size: 30px;
  font-weight: 600;
}

.about.corporate .box-text p {
  font-size: 20px;
  line-height: 26px;
}

.home.careers .box-text-frame {
  background-color: #4C19A2;
}

.about.firm .box-text-frame {
  background-color: var(--xl-lavender, #FAF7FF);
  border-right: 15px solid var(--primary-colour-palette-lavender-ceadff, #CEADFF);
}

.about.corporate .box-text-frame {
  background-color: #0081A4;
}

/* White / Grey Box */
.white-bg,
.grey-bg,
.blue-bg {
  padding: 50px 0px 40px;
  font-size: 20px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .white-bg,
  .grey-bg,
  .blue-bg {
    padding: 100px 0px 80px;
  }
}

.blue-bg {
  color: #FFF;
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.white-bg {
  background-color: #ffffff;
}

.grey-bg {
  background-color: #F4F4F4;
}

.white-bg .text-xs-left,
.grey-bg .text-xs-left,
.blue-bg .text-xs-left {
  max-width: 720px;
  margin: 0 auto;
}

.white-bg h2,
.grey-bg h2,
.blue-bg h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .white-bg h2,
  .grey-bg h2,
  .blue-bg h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}
@media (min-width: 768px) {
  .white-bg h2,
  .grey-bg h2,
  .blue-bg h2 {
    margin-bottom: 30px;
  }
}

.white-bg p,
.grey-bg p,
.blue-bg p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .white-bg p,
  .grey-bg p,
  .blue-bg p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.white-bg ul,
.grey-bg ul,
.blue-bg ul {
  list-style: disc;
  padding-left: 30px;
}

/* Areas Box */
.areas {
  padding: 80px 0px;
  color: #ffffff;
}
@media (max-width: 428px) {
  .areas {
    padding: 60px 0px;
  }
}

.areas .btn {
  margin-top: 50px;
}

.areas h2, .areas .h2 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 113.333% */
  font-family: "dashiell-bright", serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .areas h2, .areas .h2 {
    font-size: 24px;
  }
}

.areas p {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .areas p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

/* Areas Teal Box */
.areas.teal-bg {
  background-color: var(--xl-lavender, #FAF7FF);
}

/* Areas Purple Box */
.areas.purple-bg {
  background-color: var(--primary-colour-palette-lavender-ceadff, #CEADFF);
}

/* Areas Orange Box */
.areas.orange-bg {
  background-color: var(--primary-colour-palette-yellow-ffcf-50, #FFCF50);
}

/* Home Knowledge */
.home.knowledge {
  font-size: 30px;
  padding: 90px 0px 70px;
  color: #2B2171;
}

.home.knowledge h5,
.home.knowledge .h5 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 20px;
}

.home.knowledge h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

/* Home About */
.home.about {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.home.about .box-image {
  height: 60vh;
  width: 100%;
  right: 0;
}

.home.about .box-text-frame {
  width: 50%;
  left: 50%;
  background-color: transparent;
}

.home.about .box-text {
  max-width: 400px;
}

.home.about .box-text blockquote {
  font-size: 30px;
  line-height: 38px;
  font-weight: 500;
  margin: 0 0 2rem;
  color: #ffffff;
}

.home.about .box-text cite {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  font-style: normal;
  color: #ffffff;
}

.home.awards {
  background-color: #2B2171;
  padding: 100px 0px;
}

.home.awards .featured-awards {
  padding: 0px 100px;
}

.home.awards .featured-awards h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #00AEEF;
  margin-bottom: 50px;
}

.home.awards .featured-awards h4,
.home.awards .featured-awards .h4 {
  margin-bottom: 20px;
}

.home.awards .featured-awards h4 a,
.home.awards .featured-awards .h4 a {
  font-size: 24px;
  color: #ffffff;
}

.home.awards .featured-awards h4 a:hover,
.home.awards .featured-awards .h4 a:hover {
  border-bottom: 1px solid #ffffff;
}

.home.awards .featured-awards h4 span,
.home.awards .featured-awards h4 a span,
.home.awards .featured-awards .h4 span,
.home.awards .featured-awards .h4 a span {
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/**************************************************
HERO IMAGE
**************************************************/
/* Hero */
.hero {
  height: 100vh;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0px 200px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -200px 200px -100px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 200px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -200px 200px -100px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 200px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -200px 200px -100px rgba(0, 0, 0, 0.5);
}

.hero .hero-text h1 {
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  font-family: "dashiell-bright", serif;
  color: #fff;
}
@media (max-width: 767px) {
  .hero .hero-text h1 {
    font-size: 40px;
  }
}

.hero .hero-text h5,
.hero .hero-text .h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  color: #2B2171;
  background-color: #FF8896;
  padding: 3px 10px;
  border-radius: 100px;
  width: fit-content;
}

.hero .hero-text p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .hero .hero-text p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

/**************************************************
NO HERO IMAGE
**************************************************/
.top {
  padding: 150px 0px 50px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.top h2, .top .h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .top h2, .top .h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}

.top p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  max-width: 790px;
  margin-left: 0;
}
@media (max-width: 767px) {
  .top p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

/**************************************************
ABOUT US PAGE
**************************************************/
/* About Tabs */
.about.tabs {
  display: flex;
  text-align: center;
}

.about.tabs .container {
  width: 100%;
}

.about.tabs .container .row [class*=col-] {
  padding-right: 0px;
  padding-left: 0px;
}

.about.tabs .col-md-4 {
  border-right: 1px solid #979797;
}

.about.tabs .col-md-4:last-child {
  border: none;
}

.about.tabs h2 {
  margin-bottom: 0px;
  height: 100%;
}

.about.tabs h2 a {
  display: block;
  font-size: 18px;
  background-color: #F0F0F0;
  color: #4A4A4A;
  padding-top: 40px;
  padding-bottom: 40px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  height: 100%;
}

.about.tabs h2 a:hover {
  background-color: #D8D8D8;
}

/* About Key Contacts */
.key-contacts {
  padding: 50px 0px;
}

.key-contacts .container {
  width: 895px;
  /* fix for mobile screens */
  max-width: 100%;
}

.key-contacts .contact-sm {
  margin-bottom: 50px;
}
.key-contacts .contact-sm:hover h3, .key-contacts .contact-sm:hover .h3 {
  text-decoration: underline;
}
.key-contacts .contact-sm a {
  border: none;
}
.key-contacts .contact-sm a:hover {
  border: none;
}

.key-contacts img {
  max-width: 90%;
  margin-bottom: 10px;
  opacity: 1;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.key-contacts img:hover {
  opacity: 0.8;
}

.key-contacts h2,
.key-contacts .h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .key-contacts h2,
  .key-contacts .h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}
@media (min-width: 768px) {
  .key-contacts h2,
  .key-contacts .h2 {
    margin-bottom: 65px;
  }
}

.key-contacts h3,
.key-contacts .h3 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (max-width: 767px) {
  .key-contacts h3,
  .key-contacts .h3 {
    font-size: 16px;
  }
}

.key-contacts h3 a,
.key-contacts .h3 a {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (max-width: 767px) {
  .key-contacts h3 a,
  .key-contacts .h3 a {
    font-size: 16px;
  }
}

.key-contacts p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (max-width: 767px) {
  .key-contacts p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

/**************************************************
CSR PAGE
**************************************************/
.csr.pull-quote .carousel {
  max-width: 100%;
}

.csr.pull-quote .carousel-item {
  max-width: 100%;
}

.csr.pull-quote .carousel-indicators {
  left: 0px;
  bottom: 70px;
}

.csr.pull-quote .statement {
  background-color: #0081A4;
  margin: 50px 0px;
}

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

.csr p:last-child {
  margin-bottom: 50px;
}

.csr img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.white-bg.csr {
  padding: 0px 0px;
}

.csr ul {
  font-size: 18px;
}

/**************************************************
INCLUSION AND DIVERSITY PAGE
**************************************************/
.i-and-d.pull-quote .carousel {
  max-width: 100%;
}

.i-and-d.pull-quote .carousel-item {
  max-width: 100%;
}

.i-and-d.pull-quote .carousel-indicators {
  left: 0px;
  bottom: 70px;
}

.i-and-d.pull-quote .statement {
  background-color: #0081A4;
  margin: 50px 0px;
}

.i-and-d h2 {
  font-family: "dashiell-bright", serif;
  font-size: 24px;
  font-weight: 600;
  color: #2B2171;
}

.i-and-d p {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #2B2171;
}

/**************************************************
PEOPLE PAGE
**************************************************/
.directory-filter .form-group {
  width: 100%;
  margin-bottom: 10px;
  color: #2B2171;
}

.directory-filter .form-group:focus {
  outline: none;
}

.directory-filter .form-inline .form-group .form-control {
  width: 100%;
  height: 50px;
}

.directory-filter .form-inline .form-group .input-group-addon {
  top: 17px;
}

.directory-filter .form-inline .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  margin-right: 0px;
}

.directory-filter .form-inline .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default {
  height: 48px;
  padding: 0.5rem 0.75rem;
}

.directory-filter .form-inline .bootstrap-select > .dropdown-toggle .filter-option {
  font-size: 16px;
}

/**************************************************
EXPERTISE PAGE
**************************************************/
.hero.expertise .hero-text h5 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Expertise Options */
.expertise.options {
  background-color: #F0F0F0;
  padding: 50px 0px;
  position: relative;
}

.expertise.options h3,
.expertise.options .h3 {
  color: #2B2171;
  margin-bottom: 40px;
}

.expertise.options .btn-group.bootstrap-select {
  width: 250px !important;
  height: 50px;
  margin-right: 20px;
}

.expertise.options .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default {
  height: 50px;
  border: 1px solid #cccccc;
  padding-top: 14px;
  padding-bottom: 14px;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text:hover {
  color: #0081A4;
}

#client-solutions.white-bg {
  padding: 0;
  margin: 100px 0px;
}

/* Sliders */
.expertise.solutions {
  height: 70vh;
}

.expertise .carousel, .expertise .carousel-item {
  max-width: 100%;
}

.expertise .carousel-indicators {
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: block;
  text-align: center;
}
@media (min-width: 768px) {
  .expertise .carousel-indicators {
    text-align: left;
  }
}

.expertise.solutions .box-image {
  width: 60%;
  right: 40%;
}

.expertise.solutions .box-text-frame {
  width: 40%;
  left: 60%;
  background-color: var(--xl-coral, #FFF5F6);
  justify-content: flex-start;
  background-image: url("data:image/svg+xml,%3Csvg width='323' height='341' viewBox='0 0 323 341' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_501_29149)'%3E%3Cpath d='M322.504 446.887C391.197 446.887 446.885 391.199 446.885 322.506C446.885 253.812 391.197 198.125 322.504 198.125C253.81 198.125 198.123 253.812 198.123 322.506C198.123 391.199 253.81 446.887 322.504 446.887Z' stroke='%23CEADFF' stroke-width='4' stroke-miterlimit='10'/%3E%3Cpath opacity='0.6' d='M322.505 544.455C445.084 544.455 544.455 445.084 544.455 322.505C544.455 199.925 445.084 100.555 322.505 100.555C199.925 100.555 100.555 199.925 100.555 322.505C100.555 445.084 199.925 544.455 322.505 544.455Z' stroke='%23CEADFF' stroke-width='4' stroke-miterlimit='10'/%3E%3Cpath opacity='0.2' d='M322.504 642.015C498.965 642.015 642.015 498.965 642.015 322.504C642.015 146.044 498.965 2.99414 322.504 2.99414C146.044 2.99414 2.99414 146.044 2.99414 322.504C2.99414 498.965 146.044 642.015 322.504 642.015Z' stroke='%23CEADFF' stroke-width='4' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_501_29149'%3E%3Crect width='645' height='645' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 50%;
}

.expertise.case-study .box-image {
  width: 60%;
  right: 0%;
}

.expertise.case-study .box-text-frame {
  width: 40%;
  left: 0%;
  background-color: #3D00A4;
}

.expertise .box-text {
  position: relative;
  max-width: 350px;
  height: 400px;
  margin-left: 80px;
  min-width: 300px;
}

.expertise .box-text h5,
.expertise .box-text .h5 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .expertise .box-text h5,
  .expertise .box-text .h5 {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .expertise .box-text h5,
  .expertise .box-text .h5 {
    margin-bottom: 30px;
  }
}

.expertise .box-text h3,
.expertise .box-text .h3 {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  .expertise .box-text h3,
  .expertise .box-text .h3 {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

.expertise .box-text p {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .expertise .box-text p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.carousel-control-prev {
  position: absolute;
  top: 43%;
  left: 10px;
  transform: rotate(180deg);
}

.carousel-control-next {
  position: absolute;
  top: 43%;
  right: 10px;
  left: unset;
}

.case-study {
  background-color: #4C1AA1;
  padding: 80px 0px;
}

.article.case-study {
  background-color: transparent;
}

.case-study h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  margin-bottom: 30px;
}

.case-study ul li {
  margin-bottom: 30px;
}

.case-study ul li a {
  font-family: "dashiell-bright", serif;
  font-size: 34px;
  line-height: 39px;
  font-weight: 500;
  color: #ffffff;
}

.case-study p a {
  font-family: "dashiell-bright", serif;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}

.highlights {
  padding: 50px 0px;
  margin-bottom: 50px;
  background-color: var(--grey-0);
  color: #2B2171;
}

.container-fluid .row [class*=col-].highlight {
  padding-right: 40px;
}

.highlights h3,
.highlights .h3,
.article-content .highlights h3,
.article-content .highlights .h3,
.highlights .new-branding-h3-dashiell-bright {
  display: block;
  font-size: 30px;
  text-transform: none;
  border-bottom: 1px solid #2B2171;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.highlights h3 svg,
.highlights .h3 svg,
.article-content .highlights h3 svg,
.article-content .highlights .h3 svg,
.highlights .new-branding-h3-dashiell-bright svg {
  margin-right: 10px;
  vertical-align: middle;
}

.highlights h4,
.highlights .h4,
.highlights .new-branding-h4-dashiell-bright {
  font-size: 24px;
  font-weight: 600;
  display: block;
}

.highlights p {
  font-family: "dashiell-bright", serif;
  font-size: 20px;
  line-height: 26px;
}

.expertise.areas h3,
.expertise.areas .h3 {
  font-size: 30px;
  font-weight: 600;
  color: #2B2171;
  margin-bottom: 30px;
}

.expertise.areas hr {
  margin-bottom: 30px;
}

.expertise.areas ul {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 50px;
}

.expertise.areas ul li {
  margin-bottom: 10px;
  padding-left: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons/Chevron'%3E%3Cpath id='Path 543' d='M15.8447 12.8324L8.8623 19.8164L8.15527 19.1094L14.4307 12.8324L8.15527 6.55542L8.8623 5.84839L15.8447 12.8324Z' fill='%232B2171'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
}

.expertise.areas ul li a {
  border-bottom: none;
  font-size: 18px;
  line-height: 26px;
  transition: none;
}
.expertise.areas ul li a:hover {
  border-bottom: 1px solid #2B2171;
}
.expertise.areas ul li a:focus {
  outline-color: #2B2171;
  color: #2B2171;
}

/**************************************************
EXPERTISE SUB PAGES
**************************************************/
.article.exp {
  padding-top: 130px;
  padding-bottom: 100px;
}

.article.exp.sol {
  padding-top: 100px;
}

.article.exp.sol.add {
  padding-top: 0px;
}

.article.exp .article-content h5.meta, .article.exp .article-content .h5.meta {
  color: #2B2171;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.exp .statement {
  background-color: #2B2171;
  padding-top: 66px;
}

.exp .statement .carousel-indicators li.active {
  background-color: #fff;
  border-color: #fff;
}

.exp ul {
  list-style: disc;
  padding-left: 30px;
}

#exp-key .carousel-inner {
  min-height: 100%;
}

#exp-key .carousel-indicators {
  left: 0%;
  bottom: -30px;
}

/**************************************************
KNOWLEDGE PAGE
**************************************************/
.themes-box h2 {
  font-size: 30px;
  font-weight: 600;
  color: #2B2171;
  margin-bottom: 30px;
}

.theme-box {
  position: relative;
  margin-bottom: 30px;
  max-height: 400px;
  overflow: hidden;
}

.theme-box img {
  width: 100%;
}

.theme-box > a {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 40px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.theme-box > a:hover {
  background-color: rgba(136, 38, 147, 0.85);
  z-index: 1000;
}

.theme-box > a p {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.theme-box > a:hover p {
  opacity: 1;
}

.theme-box h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  margin-bottom: 50px;
  color: #ffffff;
}

.theme-box h3,
.theme-box .h3 {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
}

.theme-box p {
  font-family: "dashiell-bright", serif;
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
}

.knowledge-search h2 {
  font-size: 30px;
  font-weight: 600;
  color: #2B2171;
  margin-bottom: 0px;
  vertical-align: baseline;
}

.knowledge-search .form-inline {
  float: right;
}

input[type=text]::-ms-clear {
  display: none;
}

.knowledge-search .form-control {
  width: 300px;
  height: 58px;
}

.knowledge-search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  margin-right: 0px;
  margin-left: 0px;
}

.knowledge-search .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default {
  border: 1px solid #D8D8D8;
}

.themes-box, .knowledge-search {
  margin-bottom: 40px;
}

.themes-box .container, .knowledge-search .container,
.articles .container {
  width: 98%;
  max-width: 1440px;
}

.knowledge .filter-options {
  padding: 50px 0px;
}

.knowledge .filter-options h3, .knowledge .filter-options .h3 {
  display: inline;
  font-size: 24px;
  font-weight: 600;
  color: #2B2171;
  margin-right: 50px;
}

.article-box {
  position: relative;
  margin-bottom: 20px;
  min-height: 300px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.article-box.double {
  min-height: 800px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.article-box.double h5, .article-box.double h3,
.article-box.double .h5, .article-box.double .h3 {
  color: #ffffff;
}

.article-box.double a {
  background: url("/img/play-btn.svg") no-repeat center center transparent;
}

.article-box.double a:hover {
  background-color: rgba(115, 0, 129, 0.7);
}

.article-box h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin-bottom: 30px;
  color: #730081;
}

.article-box h3,
.article-box .h3 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  color: #2B2171;
}

.article-box .article-icon,
.related-box .article-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  display: none;
}

.news.articles .article-box .article-icon,
.knowledge.articles .article-box .article-icon,
.related-box .article-icon {
  display: block;
}

.article-box a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F0F0F0;
  padding: 35px 30px;
}

.article-box a:hover {
  background-color: #730081;
}

.article-box.box-shadow {
  box-shadow: 0px 0px 10px 0px rgba(233, 233, 233, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(233, 233, 233, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(233, 233, 233, 0.5);
}

.article-box a:hover h5, .article-box a:hover h3,
.article-box a:hover .h5, .article-box a:hover .h3 {
  color: #ffffff;
}

.article-box a:hover .article-icon svg g, .article-box a:hover .article-icon svg g#Group, .article-box a:hover .article-icon svg path {
  stroke: #ffffff;
}

.article-box a:hover .article-icon svg path {
  fill: #ffffff;
}

.statement {
  padding: 100px 0px;
  margin: 60px 0px;
  background-color: #730081;
  color: #ffffff;
}

.article-content .statement h1, .statement h1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 43px;
  color: #ffffff;
  margin-bottom: 8px;
}

.new-related-block.brexit-tracker {
  text-align: center;
}

.new-related-block.brexit-tracker a:hover {
  background-color: var(--secondary-colour-palette-blue-63-b-3-c-6, #63B3C6);
}

/**************************************************
CAREERS PAGE
**************************************************/
.icons-box {
  padding: 50px 0px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (min-width: 768px) {
  .icons-box {
    margin-bottom: 50px;
  }
}

.white-bg + .icons-box {
  padding-top: 0;
}

.icon-box {
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 30px;
}
@media (min-width: 1025px) {
  .icon-box {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .icon-box {
    margin-bottom: 0px;
  }
}

.icon-frame {
  min-height: 150px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--primary-colour-palette-pink-ff-8896, #FF8896);
}

.icon-box h3,
.icon-box .h3 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
  text-transform: capitalize;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .icon-box h3,
  .icon-box .h3 {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}
@media (min-width: 768px) {
  .icon-box h3,
  .icon-box .h3 {
    min-height: 84px;
  }
}

.icon-box p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (max-width: 767px) {
  .icon-box p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.icons-box-bg {
  margin-bottom: 50px;
  padding: 50px 0px;
  color: #2B2171;
}

.icons-box-bg h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 100px;
}

.icons-box-bg .icon-box {
  margin-bottom: 100px;
}

.careers-box {
  padding-top: 50px;
  padding-bottom: 50px;
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (min-width: 768px) {
  .careers-box {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.careers-box h2 {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .careers-box h2 {
    color: #fff;
    margin-bottom: 50px;
  }
}

.carrers-box {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .carrers-box {
    padding: 30px;
    height: 100%;
  }
}
.carrers-box__image-box {
  margin: -20px -20px 20px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 8/5;
  width: calc(100% + 40px);
}
@media (min-width: 768px) {
  .carrers-box__image-box {
    margin: -30px -30px 20px;
    width: calc(100% + 60px);
  }
}
.carrers-box__image {
  object-fit: cover;
  position: absolute;
  object-position: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  transition: all 0.2s linear;
}
.carrers-box__description {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .carrers-box__description {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}
@media (min-width: 768px) {
  .carrers-box__description {
    margin-bottom: 25px;
  }
}
.carrers-box__header {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .carrers-box__header {
    font-size: 21px;
  }
}
.carrers-box__more {
  margin-top: auto;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center right 24px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  position: relative;
  height: 34px;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  padding: 5px 45px 5px 15px;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center right 24px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  position: relative;
  height: 34px;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  background-color: #F0F0F0;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.carrers-box__more:after {
  position: absolute;
  right: 15px;
  content: "";
  width: 24px;
  height: 50%;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 9660'%3E%3Cpath id='Path 3987' d='M19.1749 6.27441L19.1629 6.28613L14.3569 11.0918C14.2632 11.1852 14.1363 11.2383 14.0039 11.2383C13.8716 11.2383 13.7446 11.1852 13.6509 11.0918C13.6044 11.0454 13.5674 10.9904 13.5422 10.9297C13.517 10.8689 13.504 10.804 13.504 10.7383C13.504 10.6725 13.517 10.6076 13.5422 10.5469C13.5674 10.4861 13.6044 10.4302 13.6509 10.3838L17.6079 6.42676L1.12793 6.42676C0.995321 6.42676 0.868152 6.37404 0.774384 6.28027C0.680615 6.18651 0.62793 6.05937 0.62793 5.92676C0.62793 5.79415 0.680615 5.66701 0.774384 5.57324C0.868152 5.47947 0.995321 5.42676 1.12793 5.42676L17.6079 5.42676L13.6509 1.46973C13.5575 1.376 13.505 1.24953 13.505 1.11719C13.505 0.98485 13.5575 0.857395 13.6509 0.763672C13.7446 0.670241 13.8716 0.618164 14.0039 0.618164C14.1363 0.618164 14.2632 0.670241 14.3569 0.763672L19.5219 5.92578L19.1749 6.27441Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 9660'%3E%3Cpath id='Path 3987' d='M19.1749 6.27441L19.1629 6.28613L14.3569 11.0918C14.2632 11.1852 14.1363 11.2383 14.0039 11.2383C13.8716 11.2383 13.7446 11.1852 13.6509 11.0918C13.6044 11.0454 13.5674 10.9904 13.5422 10.9297C13.517 10.8689 13.504 10.804 13.504 10.7383C13.504 10.6725 13.517 10.6076 13.5422 10.5469C13.5674 10.4861 13.6044 10.4302 13.6509 10.3838L17.6079 6.42676L1.12793 6.42676C0.995321 6.42676 0.868152 6.37404 0.774384 6.28027C0.680615 6.18651 0.62793 6.05937 0.62793 5.92676C0.62793 5.79415 0.680615 5.66701 0.774384 5.57324C0.868152 5.47947 0.995321 5.42676 1.12793 5.42676L17.6079 5.42676L13.6509 1.46973C13.5575 1.376 13.505 1.24953 13.505 1.11719C13.505 0.98485 13.5575 0.857395 13.6509 0.763672C13.7446 0.670241 13.8716 0.618164 14.0039 0.618164C14.1363 0.618164 14.2632 0.670241 14.3569 0.763672L19.5219 5.92578L19.1749 6.27441Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  mask-size: 24px;
  transition: all 0.3s ease-in-out;
}
.carrers-box__more:hover, .carrers-box__more:focus {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.carrers-box__more:hover {
  text-decoration: none;
}
.carrers-box__more:after {
  position: absolute;
  right: 15px;
  content: "";
  width: 24px;
  height: 50%;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 9660'%3E%3Cpath id='Path 3987' d='M19.1749 6.27441L19.1629 6.28613L14.3569 11.0918C14.2632 11.1852 14.1363 11.2383 14.0039 11.2383C13.8716 11.2383 13.7446 11.1852 13.6509 11.0918C13.6044 11.0454 13.5674 10.9904 13.5422 10.9297C13.517 10.8689 13.504 10.804 13.504 10.7383C13.504 10.6725 13.517 10.6076 13.5422 10.5469C13.5674 10.4861 13.6044 10.4302 13.6509 10.3838L17.6079 6.42676L1.12793 6.42676C0.995321 6.42676 0.868152 6.37404 0.774384 6.28027C0.680615 6.18651 0.62793 6.05937 0.62793 5.92676C0.62793 5.79415 0.680615 5.66701 0.774384 5.57324C0.868152 5.47947 0.995321 5.42676 1.12793 5.42676L17.6079 5.42676L13.6509 1.46973C13.5575 1.376 13.505 1.24953 13.505 1.11719C13.505 0.98485 13.5575 0.857395 13.6509 0.763672C13.7446 0.670241 13.8716 0.618164 14.0039 0.618164C14.1363 0.618164 14.2632 0.670241 14.3569 0.763672L19.5219 5.92578L19.1749 6.27441Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 9660'%3E%3Cpath id='Path 3987' d='M19.1749 6.27441L19.1629 6.28613L14.3569 11.0918C14.2632 11.1852 14.1363 11.2383 14.0039 11.2383C13.8716 11.2383 13.7446 11.1852 13.6509 11.0918C13.6044 11.0454 13.5674 10.9904 13.5422 10.9297C13.517 10.8689 13.504 10.804 13.504 10.7383C13.504 10.6725 13.517 10.6076 13.5422 10.5469C13.5674 10.4861 13.6044 10.4302 13.6509 10.3838L17.6079 6.42676L1.12793 6.42676C0.995321 6.42676 0.868152 6.37404 0.774384 6.28027C0.680615 6.18651 0.62793 6.05937 0.62793 5.92676C0.62793 5.79415 0.680615 5.66701 0.774384 5.57324C0.868152 5.47947 0.995321 5.42676 1.12793 5.42676L17.6079 5.42676L13.6509 1.46973C13.5575 1.376 13.505 1.24953 13.505 1.11719C13.505 0.98485 13.5575 0.857395 13.6509 0.763672C13.7446 0.670241 13.8716 0.618164 14.0039 0.618164C14.1363 0.618164 14.2632 0.670241 14.3569 0.763672L19.5219 5.92578L19.1749 6.27441Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  mask-size: 24px;
  transition: all 0.3s ease-in-out;
}
.carrers-box__more:hover, .carrers-box__more:focus {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.carrers-box__more:hover {
  text-decoration: none;
}
.carrers-box__more:after {
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.carrers-box__more:hover, .carrers-box__more.hover, .carrers-box__more:focus, .carrers-box__more:focus-within {
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  color: #fff;
}
.carrers-box__more:hover:after, .carrers-box__more.hover:after, .carrers-box__more:focus:after, .carrers-box__more:focus-within:after {
  background-color: #fff;
}
.carrers-box:focus .carrers-box__more, .carrers-box:focus-within .carrers-box__more {
  color: #fff;
  background-color: #2B2171;
}
.carrers-box:focus .carrers-box__more:after, .carrers-box:focus-within .carrers-box__more:after {
  background-color: #fff;
}

.story-slider {
  margin: 100px 0px;
}
.story-slider .container {
  width: 100%;
  max-width: 1440px;
}
@media (min-width: 768px) {
  .story-slider .container {
    width: 90%;
  }
}
.story-slider .carousel {
  max-width: 100%;
}
.story-slider .carousel-inner {
  border-radius: 20px;
  overflow: hidden;
}
.story-slider .carousel-item {
  width: 100%;
  overflow: hidden;
  min-height: 540px;
  padding: 40px 20px;
}
@media (min-width: 768px) {
  .story-slider .carousel-item {
    aspect-ratio: 19/10;
    min-height: 580px;
    padding: 30px;
    min-width: 100%;
  }
}
@media (min-width: 1025px) {
  .story-slider .carousel-item {
    padding: 50px;
  }
}
.story-slider .carousel-item .img-fluid {
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
}
@media (min-width: 768px) {
  .story-slider .carousel-item .img-fluid {
    object-position: center;
    top: 0;
  }
}
.story-slider .carousel-item.video {
  padding: 50px;
  background-color: var(--grey-4, #2C2C2C);
  border-radius: 20px;
}
.story-slider .carousel-item.video iframe {
  height: 100%;
}
@media (max-width: 428px) {
  .story-slider .carousel-item.video {
    padding: 50px 30px;
  }
}
.story-slider .carousel-indicators {
  display: none;
  width: 100%;
  left: 0;
  bottom: 40px;
}
.story-slider .carousel-indicators li {
  border: 1px solid #ffffff;
}
.story-slider .carousel-indicators li.active {
  background-color: #ffffff;
}
.story-slider .carousel-caption {
  height: 100%;
  min-height: 100%;
  position: relative;
  color: #ffffff;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
  max-width: 320px;
}
@media (min-width: 768px) {
  .story-slider .carousel-caption {
    margin-bottom: 20px;
    max-width: 530px;
    justify-content: center;
  }
}
.story-slider .carousel-caption h5,
.story-slider .carousel-caption .h5 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .story-slider .carousel-caption h5,
  .story-slider .carousel-caption .h5 {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .story-slider .carousel-caption h5,
  .story-slider .carousel-caption .h5 {
    margin-bottom: 20px;
  }
}
.story-slider .carousel-caption h5 span,
.story-slider .carousel-caption .h5 span {
  color: var(--primary-colour-palette-pink-ff-8896, #FF8896);
}
.story-slider .carousel-caption p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .story-slider .carousel-caption p {
    font-size: 22px;
  }
}
.story-slider .carousel-caption .btn {
  margin-top: 0;
}
.story-slider .carousel-control-prev {
  top: unset;
  left: 50px;
  bottom: 0;
  transform: translate(0, -50%) rotate(180deg);
  visibility: hidden;
}
@media (min-width: 768px) {
  .story-slider .carousel-control-prev {
    visibility: visible;
  }
}
.story-slider .carousel-control-next {
  top: unset;
  bottom: 0;
  left: 60px;
  transform: translate(100%, -50%);
  visibility: hidden;
}
@media (min-width: 768px) {
  .story-slider .carousel-control-next {
    visibility: visible;
  }
}

/**************************************************
GRADUATES PAGE
**************************************************/
.graduates .carousel, .graduates .carousel-item {
  max-width: 100%;
}

.box-text-frame {
  background-color: var(--primary-colour-palette-lavender-ceadff, #CEADFF);
  background-image: url("data:image/svg+xml,%3Csvg width='323' height='341' viewBox='0 0 323 341' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_511_63)'%3E%3Cpath d='M322.505 446.887C391.198 446.887 446.886 391.199 446.886 322.506C446.886 253.812 391.198 198.125 322.505 198.125C253.811 198.125 198.124 253.812 198.124 322.506C198.124 391.199 253.811 446.887 322.505 446.887Z' stroke='white' stroke-width='4' stroke-miterlimit='10'/%3E%3Cpath opacity='0.6' d='M322.505 544.455C445.084 544.455 544.455 445.084 544.455 322.505C544.455 199.925 445.084 100.555 322.505 100.555C199.925 100.555 100.555 199.925 100.555 322.505C100.555 445.084 199.925 544.455 322.505 544.455Z' stroke='white' stroke-width='4' stroke-miterlimit='10'/%3E%3Cpath opacity='0.2' d='M322.504 642.015C498.965 642.015 642.015 498.965 642.015 322.504C642.015 146.044 498.965 2.99414 322.504 2.99414C146.044 2.99414 2.99414 146.044 2.99414 322.504C2.99414 498.965 146.044 642.015 322.504 642.015Z' stroke='white' stroke-width='4' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_511_63'%3E%3Crect width='645' height='645' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: right bottom;
}

.graduates.slider-one .box-text h5,
.graduates.slider-one .box-text .h5 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
@media (max-width: 767px) {
  .graduates.slider-one .box-text h5,
  .graduates.slider-one .box-text .h5 {
    font-size: 12px;
  }
}

.graduates.slider-one .box-text h3,
.graduates.slider-one .box-text .h3 {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  .graduates.slider-one .box-text h3,
  .graduates.slider-one .box-text .h3 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}

.graduates.slider-one .box-text p {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .graduates.slider-one .box-text p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.keycontact {
  background-color: #f6f6f6;
}

.key-contact {
  background-color: #F4F4F4;
}

.kc {
  padding: 50px;
  position: relative;
}

.kc h3,
.kc .h3 {
  font-size: 30px;
  font-weight: 700;
  color: #2B2171;
}

.kc .contact-sm img {
  width: 150px;
}

.kc .contact-sm h3 a,
.kc .contact-sm .h3 a {
  font-size: 30px;
  font-weight: 600;
  color: #2B2171;
}

.kc .contact-sm p, .kc .contact-sm a {
  font-size: 24px;
  margin-bottom: 0px;
  color: #2B2171;
}

.kc-quote {
  background-color: #4C1AA1;
  color: #ffffff;
  padding: 100px;
  height: 100%;
}

.kc-quote p {
  font-family: "dashiell-bright", serif;
  font-size: 40px;
  line-height: 55px;
  max-width: 1440px;
}

.events {
  padding: 100px 0px 100px;
  color: #2B2171;
}

.events .container {
  width: 1440px;
}

.events h2,
.events .h2 {
  font-size: 34px;
  margin-bottom: 50px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

.events h3,
.events .h3 {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 0px;
}

.events h4,
.events .h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.events p {
  font-size: 20px;
  line-height: 26px;
}

.event-box {
  margin-bottom: 100px;
}

/**************************************************
LAWYERS PAGE
**************************************************/
.plr {
  padding: 0px 50px;
  margin-bottom: 50px;
}

.mt {
  margin-top: 100px;
}

.mb {
  margin-bottom: 100px;
}

.key-areas {
  color: #2B2171;
  margin-bottom: 100px;
}

.key-areas h3,
.key-areas .h3 {
  font-size: 30px;
  font-weight: 600;
}

.key-areas h4,
.key-areas .h4 {
  font-size: 24px;
  font-weight: 600;
}

.key-areas p {
  font-size: 20px;
  line-height: 26px;
  max-width: 1130px;
}

/**************************************************
JOBS LISTING PAGE
**************************************************/
.jobs.top p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-left: 0;
}
@media (max-width: 767px) {
  .jobs.top p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.card {
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid #797979;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.card-header {
  border: none;
  background-color: transparent;
  padding: 20px 0px 30px;
}

.card-header h2 a {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  color: #2B2171;
  font-size: 24px;
}
@media (max-width: 767px) {
  .card-header h2 a {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.card-header h5,
.card-header .h5 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  background-color: #FFE7EA;
  text-transform: uppercase;
  border-radius: 100px;
  display: inline-block;
  padding: 3px 10px;
}

.card-block {
  font-size: 20px;
  padding: 0px 0px 30px;
}

#wheel-mobile .card-header .h5,
#wheel-mobile .card-header h5 {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}

.card-block h3,
.card-block .h3 {
  font-size: 24px;
}

.card-block p {
  line-height: 28px;
}

.card-block ul {
  list-style: disc;
  padding-left: 30px;
}

/**************************************************
TABS
**************************************************/
.nav-tabs {
  border: none;
  text-align: center;
  margin-right: 0px;
}

.nav-tabs .nav-item {
  float: none;
  margin-bottom: 0px;
  border-top: 2px solid transparent;
  border-right: 2px solid #f4f4f4;
}

.nav-tabs .nav-item + .nav-item {
  margin-left: 0px;
  border-top: 2px solid transparent;
}

.nav-tabs .nav-item:last-child {
  border-top: 2px solid transparent;
  border-right: none;
}

.nav-tabs .nav-link {
  font-family: "dashiell-bright", serif;
  font-size: 24px;
  font-weight: 500;
  background-color: #4C1AA1;
  color: #ffffff;
  padding: 1em 1em;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  height: 100%;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  /*background-color: #f4f4f4;*/
  color: #4C1AA1;
  border-top: 2px solid #f4f4f4;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  background-color: transparent;
  color: #4C1AA1;
  border-top: 2px solid #f4f4f4;
  border-bottom: 2px solid #f4f4f4;
}

.nav-tabs .nav-item:focus, .nav-tabs .nav-item:hover {
  background-color: transparent;
}

.tab-content {
  padding: 100px 0px;
  /*background-color: #f4f4f4;*/
  color: #2B2171;
}

.tab-content .tab-pane {
  max-width: 720px;
  margin: 0 auto;
}

.tab-content .tab-pane h2 {
  font-size: 30px;
  font-weight: 600;
}

.tab-content .tab-pane p {
  font-size: 20px;
  line-height: 26px;
}

.tab-content .tab-pane ul {
  columns: 2;
  margin-bottom: 0px;
}

.tab-content .tab-pane ul li a {
  font-family: "dashiell-bright", serif;
  color: #2B2171;
}

.tab-content .tab-pane ul li ul {
  padding-left: 30px;
  columns: 1;
}

/**************************************************
NEWS PAGE
**************************************************/
.news-search .form-inline .form-group {
  width: 95%;
}

.news-search .form-control {
  width: 100%;
  height: 58px;
  margin-bottom: 30px;
}

/**************************************************
CONTACT PAGE
**************************************************/
.contact.top {
  padding-top: 65px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .contact.top {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}

.contact.top h1 {
  margin-bottom: 25px;
}

.contact_image {
  aspect-ratio: 1/1;
  max-width: 165px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .contact_image {
    max-width: 369px;
    margin-bottom: 0;
  }
}
.contact_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.dublin_name {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .dublin_name {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

.contact_sub-header {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 113.333% */
  font-family: "dashiell-bright", serif;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .contact_sub-header {
    font-size: 24px;
  }
}

.contact.top p {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-left: 0;
  max-width: unset;
}
@media (max-width: 767px) {
  .contact.top p {
    font-size: 18px;
  }
}

.contact-box {
  padding-left: 15px;
  margin-bottom: 40px;
}

.contact-box address {
  margin-bottom: 70px;
}

.contact-box address a {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.contact-box address hr {
  width: 200px;
  margin-left: 0px;
}

.contact-box address h3,
.contact-box address .h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

.contact-box address svg {
  margin-left: 10px;
}

.contact-box .social li {
  float: left;
  padding-right: 20px;
}

.accordion {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-family: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Each item */
.accordion details {
  padding: 28px 0;
}

.accordion details:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Summary line */
.accordion summary {
  list-style: none;
  cursor: pointer;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
}
@media (max-width: 767px) {
  .accordion summary {
    font-size: 18px;
  }
}

/* Remove marker */
.accordion summary::-webkit-details-marker {
  display: none;
}

/* The + icon */
.accordion summary::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.375 23.4368V16.2493H7.18628C6.93763 16.2483 6.69891 16.1488 6.52344 15.9727C6.34796 15.7965 6.25 15.558 6.25 15.3093C6.25033 15.0611 6.34915 14.8231 6.52466 14.6476C6.70017 14.4721 6.93807 14.3734 7.18628 14.373H14.375V7.1843C14.3753 6.93609 14.4741 6.69814 14.6497 6.52263C14.8252 6.34712 15.0631 6.24838 15.3113 6.24805C15.5599 6.24804 15.7979 6.34656 15.9741 6.52204C16.1503 6.69751 16.2502 6.93564 16.2512 7.1843V14.3743H23.4375C23.6858 14.3743 23.9235 14.4729 24.0991 14.6485C24.2747 14.8241 24.3738 15.0622 24.3738 15.3105C24.3741 15.5593 24.2759 15.798 24.1003 15.9743C23.9248 16.1505 23.6863 16.2499 23.4375 16.2505H16.25V23.4368C16.2493 23.6856 16.1504 23.9239 15.9741 24.0994C15.7979 24.275 15.5588 24.3734 15.3101 24.373C15.062 24.3727 14.8237 24.2739 14.6484 24.0984C14.4731 23.9228 14.375 23.6849 14.375 23.4368Z' fill='%232B2171'/%3E%3C/svg%3E");
  color: #2B2171;
  margin-right: 12px;
  transition: transform 0.2s ease;
  width: 30px;
  height: 30px;
}

/* When open → change + to – */
.accordion details[open] summary::after {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.4375 16.252H7.1875C6.93886 16.252 6.70047 16.1532 6.52466 15.9774C6.34884 15.8016 6.25 15.5631 6.25 15.3145C6.25 15.0658 6.34884 14.8274 6.52466 14.6515C6.70047 14.4757 6.93886 14.377 7.1875 14.377H23.4375C23.6861 14.377 23.9245 14.4757 24.1003 14.6515C24.2762 14.8274 24.375 15.0658 24.375 15.3145C24.375 15.5631 24.2762 15.8016 24.1003 15.9774C23.9245 16.1532 23.6861 16.252 23.4375 16.252Z' fill='%232B2171'/%3E%3C/svg%3E");
}

/* Content */
.accordion details > *:not(summary) {
  padding-top: 12px;
}

/* Optional: smooth opening */
.accordion details[open] {
  animation: accordion-open 0.25s ease;
}

@keyframes accordion-open {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.our_office-block {
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 30px 20px;
  height: 100%;
}
@media (min-width: 768px) {
  .our_office-block {
    padding: 30px 40px;
  }
}
.our_office-block .office_other--title {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 113.333% */
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  .our_office-block .office_other--title {
    font-size: 24px;
  }
}

.office_other--image {
  grid-row: 1/3;
  grid-column: 1;
  width: 180px;
  height: 180px;
  position: relative;
}
.office_other--image img {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  height: 100%;
  z-index: 1;
  position: relative;
}
.office_other--image .circle {
  width: 181px;
  height: 181px;
  position: absolute;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  z-index: 0;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='90.5' cy='90.5' r='90' stroke='%23FF8896'/%3E%3C/svg%3E");
}
.office_other--image .circle-1 {
  left: 16px;
}
.office_other--image .circle-2 {
  opacity: 0.5;
  left: 46px;
}
.office_other--image .circle-3 {
  left: 86px;
  opacity: 0.2;
}
.office_other--image .circle-4 {
  left: 137px;
  opacity: 0.1;
}

.london .circle {
  background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='90.5' cy='90.5' r='90' stroke='%2363B3C6'/%3E%3C/svg%3E");
}

.brussels .circle {
  background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='90.5' cy='90.5' r='90' stroke='%23CEADFF'/%3E%3C/svg%3E");
}

.new-york .circle {
  background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='90.5' cy='90.5' r='90' stroke='%23FF8896'/%3E%3C/svg%3E");
}

.cta {
  background: var(--xl-lavender, #FAF7FF);
  padding: 50px 15px;
}
@media (min-width: 768px) {
  .cta {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.cta-first {
  background: var(--xl-lavender, #FAF7FF);
}
.cta-second {
  background-color: #fff;
}
.cta__container {
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  background-color: #fff;
}
.cta-second .cta__container {
  background: var(--xl-lavender, #FAF7FF);
}
.cta__text {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}
@media (max-width: 767px) {
  .cta__text {
    font-size: 21px;
  }
}
@media (min-width: 768px) {
  .cta__text {
    flex-direction: row;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
  }
}
.cta__text-bold {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  .cta__text-bold {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}
.cta__link {
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  column-gap: 20px;
  flex-direction: column;
  row-gap: 20px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  align-items: center;
}
@media (min-width: 768px) {
  .cta__link {
    flex-direction: row;
    justify-content: center;
    column-gap: 20px;
    row-gap: 0;
  }
}
.cta__link:hover {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-decoration: underline;
}
.cta__link:after {
  content: "";
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: none;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--primary-colour-palette-pink-ff-8896, #FF8896);
}
.cta__link.type-download:after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M7.41602 34.0417C6.78613 34.0417 6.18222 33.7914 5.73682 33.346C5.29142 32.9006 5.04102 32.2966 5.04102 31.6667V19H6.62435V31.6667C6.62435 31.8766 6.70782 32.078 6.85628 32.2265C7.00475 32.3749 7.20605 32.4583 7.41602 32.4583H29.9816C30.1916 32.4583 30.3929 32.3749 30.5413 32.2265C30.6898 32.078 30.7733 31.8766 30.7733 31.6667V19H32.3566V31.6667C32.3566 32.2966 32.1062 32.9006 31.6608 33.346C31.2154 33.7914 30.6115 34.0417 29.9816 34.0417H7.41602ZM18.4653 26.7124C18.4463 26.695 18.4302 26.6776 18.4128 26.6586L12.8417 21.09C12.6938 20.9416 12.6113 20.7406 12.6113 20.5311C12.6113 20.3215 12.6938 20.1206 12.8417 19.9722C12.9902 19.8238 13.1915 19.7404 13.4014 19.7404C13.6114 19.7404 13.8127 19.8238 13.9612 19.9722L18.2071 24.2139V5.54167C18.2071 5.3317 18.2906 5.13034 18.439 4.98187C18.5875 4.83341 18.7888 4.75 18.9988 4.75C19.2087 4.75 19.41 4.83341 19.5585 4.98187C19.707 5.13034 19.7904 5.3317 19.7904 5.54167V24.2155L24.0364 19.9706C24.1848 19.8227 24.385 19.7396 24.5946 19.7396C24.8041 19.7396 25.0059 19.8227 25.1543 19.9706C25.3022 20.119 25.3847 20.32 25.3847 20.5295C25.3847 20.739 25.3022 20.94 25.1543 21.0884L19.0003 27.246L18.4653 26.7124Z' fill='%232B2171'/%3E%3C/svg%3E");
}
.cta__link.type-link:after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M27.1938 7.08187L27.1935 7.10842L27.1931 17.8695C27.1928 18.079 27.1101 18.2805 26.9619 18.4287C26.8138 18.5769 26.6122 18.6596 26.4027 18.6599C26.2986 18.6601 26.1957 18.6399 26.0995 18.6001C26.0033 18.5604 25.9161 18.5022 25.8424 18.4286C25.7688 18.355 25.7107 18.2678 25.6709 18.1716C25.6311 18.0753 25.6099 17.9714 25.61 17.8673L25.61 9.00682L7.15921 27.4576C7.01074 27.6061 6.80934 27.6894 6.59938 27.6894C6.38942 27.6894 6.18809 27.6061 6.03962 27.4576C5.89116 27.3091 5.8078 27.1078 5.8078 26.8978C5.8078 26.6879 5.89116 26.4865 6.03962 26.338L24.4904 7.88724L15.63 7.8872C15.4204 7.88688 15.2201 7.804 15.0719 7.65584C14.9238 7.50768 14.8398 7.30625 14.8395 7.09671C14.8398 6.88718 14.9236 6.68674 15.0718 6.53858C15.2199 6.39042 15.4204 6.30661 15.6299 6.30628L27.192 6.30305L27.1938 7.08187Z' fill='%232B2171'/%3E%3C/svg%3E");
}

/**************************************************
SEARCH RESULTS PAGE
**************************************************/
.container.results {
  padding-left: 0px;
}

.search-results.top {
  padding: 150px 0px 50px;
}

.search-results h2 {
  margin-bottom: 20px;
}

.search-results p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  margin-left: 0;
}
@media (max-width: 767px) {
  .search-results p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.search-results .form-inline .form-group {
  margin-top: 20px;
}

.search-results .form-inline .form-group,
.search-results .form-inline .form-control {
  width: 100%;
  height: 58px;
}

.search-results .form-inline .form-group .input-group-addon {
  top: 13px;
  right: 20px;
}

.search-results-box {
  margin-bottom: 100px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.search-results-box .filter-options {
  max-width: 200px;
  margin: 0 auto;
}

.search-results-box .filter-options .options-toggle {
  display: flex;
  flex-direction: column;
}

.search-results-box .filter-options h3,
.search-results-box .filter-options .h3 {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  font-family: "dashiell-bright", serif;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px solid var(--grey-2);
}
@media (max-width: 767px) {
  .search-results-box .filter-options h3,
  .search-results-box .filter-options .h3 {
    font-size: 20px;
  }
}

.search-results-box .filter-options h3 svg,
.search-results-box .filter-options .h3 svg {
  margin-left: 20px;
}

.search-results-box .results h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .search-results-box .results h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}

.results-contact:not(:empty), .results-knowledge:not(:empty), .results-news:not(:empty), .results-sectors:not(:empty), .results-practice:not(:empty), .results-casestudies:not(:empty), .results-career, .results-other:not(:empty) {
  margin: 0 auto 80px;
}

.result-contact {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #797979;
}

.result-knowledge, .result-news, .result-practice, .result-sector, .result-other, .result-casestudy, .result-career {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #797979;
}

.result-contact:last-child, .result-knowledge:last-child, .result-news:last-child, .results-sectors:last-child, .results-practice:last-child {
  border: none;
}

.results-contact a, .results-knowledge a, .results-news a, .results-sectors a, .results-practice a, .results-casestudies a, .results-career a, .results-other a {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  display: block;
}

.results-knowledge a,
.results-news a,
.results-sectors a,
.results-practice a,
.results-casestudies a,
.results-career a,
.results-other a {
  min-height: 50px;
  padding-right: 80px;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='51' viewBox='0 0 50 51' fill='none'%3E%3Crect y='0.5' width='50' height='50' rx='25' fill='%23F0F0F0'/%3E%3Cpath d='M34.1749 25.7743L34.1629 25.786L29.3569 30.5917C29.2632 30.6851 29.1363 30.7382 29.0039 30.7382C28.8716 30.7382 28.7446 30.6851 28.6509 30.5917C28.6044 30.5452 28.5674 30.4903 28.5422 30.4296C28.517 30.3688 28.504 30.3039 28.504 30.2382C28.504 30.1724 28.517 30.1075 28.5422 30.0468C28.5674 29.986 28.6044 29.9301 28.6509 29.8837L32.6079 25.9266H16.1279C15.9953 25.9266 15.8682 25.8739 15.7744 25.7802C15.6806 25.6864 15.6279 25.5592 15.6279 25.4266C15.6279 25.294 15.6806 25.1669 15.7744 25.0731C15.8682 24.9794 15.9953 24.9266 16.1279 24.9266H32.6079L28.6509 20.9696C28.5575 20.8759 28.505 20.7494 28.505 20.6171C28.505 20.4847 28.5575 20.3573 28.6509 20.2635C28.7446 20.1701 28.8716 20.118 29.0039 20.118C29.1363 20.118 29.2632 20.1701 29.3569 20.2635L34.5219 25.4257L34.1749 25.7743Z' fill='%232B2171'/%3E%3C/svg%3E");
}
.results-knowledge a:hover,
.results-news a:hover,
.results-sectors a:hover,
.results-practice a:hover,
.results-casestudies a:hover,
.results-career a:hover,
.results-other a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50' fill='none'%3E%3Crect width='50' height='50' rx='25' fill='%232B2171'/%3E%3Cpath d='M34.1749 25.2744L34.1629 25.2861L29.3569 30.0918C29.2632 30.1852 29.1363 30.2383 29.0039 30.2383C28.8716 30.2383 28.7446 30.1852 28.6509 30.0918C28.6044 30.0454 28.5674 29.9904 28.5422 29.9297C28.517 29.8689 28.504 29.804 28.504 29.7383C28.504 29.6725 28.517 29.6076 28.5422 29.5469C28.5674 29.4861 28.6044 29.4302 28.6509 29.3838L32.6079 25.4268H16.1279C15.9953 25.4268 15.8682 25.374 15.7744 25.2803C15.6806 25.1865 15.6279 25.0594 15.6279 24.9268C15.6279 24.7941 15.6806 24.667 15.7744 24.5732C15.8682 24.4795 15.9953 24.4268 16.1279 24.4268H32.6079L28.6509 20.4697C28.5575 20.376 28.505 20.2495 28.505 20.1172C28.505 19.9848 28.5575 19.8574 28.6509 19.7637C28.7446 19.6702 28.8716 19.6182 29.0039 19.6182C29.1363 19.6182 29.2632 19.6702 29.3569 19.7637L34.5219 24.9258L34.1749 25.2744Z' fill='white'/%3E%3C/svg%3E");
}

.results-contact a:hover, .results-knowledge a:hover, .results-news a:hover {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.results-contact a svg {
  margin-left: 2px;
  margin-bottom: 4px;
}

.container.results #case-study h3 a,
.container.results #case-study .h3 a {
  font-weight: 600;
}

.result-contact img {
  max-width: 120px;
}

.result-contact h3,
.result-contact .h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 0px;
}

.result-contact p.role {
  font-size: 30px;
  margin-bottom: 0px;
}

.result-contact .contact-links tel, .result-contact .contact-links a {
  display: block;
  font-size: 18px;
}

.result-contact .vcard {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "dashiell-bright", serif;
  font-size: 18px;
  font-weight: 500;
}

.result-contact .vcard svg {
  margin-left: 10px;
}

.result-knowledge p.meta, .result-news p.meta, .results-sectors p.meta, .results-practice p.meta, .results-career p.meta, .results-other p.meta {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: #2B2171;
  text-transform: uppercase;
  background-color: #FFE7EA;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 100px;
  margin-bottom: 10px;
}

/**************************************************
SINGLE ARTICLE PAGE
**************************************************/
.article {
  padding-top: 50px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.article .article {
  padding: 0;
}
@media (min-width: 768px) {
  .article {
    padding-top: 180px;
  }
  .article .article {
    padding: 0;
  }
}

.article table {
  font-family: "Montserrat", sans-serif;
}
.article table tr:nth-child(odd) {
  background: var(--xl-blue, #F4F8FB);
}
.article table tr:nth-child(even) {
  background: #F9FBFD;
}

.article .container-fluid .row .col-lg-7 {
  max-width: 790px;
}

.article-content {
  max-width: 790px;
  margin: 0 auto;
}

.article-content h5.meta, .article-content .h5.meta {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 20px;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .article-content h5.meta, .article-content .h5.meta {
    font-size: 12px;
  }
}

.article-content .excerpt h5.meta {
  margin-bottom: 0px;
}

.article-content.knowledge h1 {
  font-size: 36px;
}

.article-content.case h5.meta {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.story .article-content h5.meta, .story .article-content .h5.meta {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.article-content h5.meta span.reading-time, .article-content .h5.meta span.reading-time {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: var(--grey-2);
  margin-left: 10px;
}
@media (max-width: 767px) {
  .article-content h5.meta span.reading-time, .article-content .h5.meta span.reading-time {
    font-size: 12px;
  }
}

.article-content h1, .article-content .h1 {
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
  font-family: "dashiell-bright", serif;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .article-content h1, .article-content .h1 {
    font-size: 40px;
  }
}

.article-content .lead p {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .article-content .lead p {
    font-size: 18px;
  }
}

.article-content p.lead {
  margin-bottom: 0px;
}

.article-content h2, .article-content .h2 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .article-content h2, .article-content .h2 {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

.article-content h3, .article-content .h3 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
  margin: 20px 0px 5px;
}
@media (max-width: 767px) {
  .article-content h3, .article-content .h3 {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

.article-content p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .article-content p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

/*.article-content p+p {text-indent: 2em;}*/
.article-content p:last-child {
  margin-bottom: 40px;
}

.article-content img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

/*.article-content img.img-fluid{width: auto;}*/
.article-img-box {
  position: relative;
  width: 90vw;
  left: 50%;
  margin-left: -45vw;
  margin-bottom: 60px;
}

.article-img {
  width: 100%;
}

.article-img-box .img-caption {
  font-size: 16px;
  color: #2B2171;
  margin-top: 10px;
}

.article-meta {
  margin: 50px 0px;
}

.article-meta ul li {
  float: left;
}

.article-meta ul li:nth-child(n+5) {
  display: none;
}

.article.archive {
  padding-top: 100px;
}

.excerpt {
  margin-bottom: 60px;
}

.article-content .excerpt h1, .article-content .excerpt h2 {
  font-size: 30px;
  margin-bottom: 0px;
  line-height: 34px;
}

.article-content .excerpt h1 a, .article-content .excerpt h2 a {
  text-decoration: none;
  border: none;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.article-content .excerpt h1 a:hover, .article-content .excerpt h2 a:hover {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  text-decoration: underline;
}

.article-content.knowledge h1 {
  font-size: 36px;
}

.article-content.knowledge table {
  width: 100% !important;
}

.article-content h3, .article-content .h3 {
  margin: 50px 0px 10px;
}

.key-contact {
  display: none;
}

img.highlight {
  width: auto;
  margin-right: 10px;
}

/**************************************************
RELATED CONTENT
**************************************************/
.related {
  padding: 100px 40px;
}

.related .container-fluid {
  max-width: 1440px;
}

.related h2 {
  font-size: 30px;
  color: #4A4A4A;
  margin-bottom: 50px;
}

.related-box {
  position: relative;
  margin: 0px 10px;
  min-height: 270px;
  max-height: 270px;
  overflow: hidden;
}

.related-box img {
  width: 100%;
  max-width: 460px;
}

.related-box a {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 20px;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.related-box a:hover {
  z-index: 1000;
}

.related-box.news a {
  background-color: #f6f6f6;
}

.related-box.themes a {
  background-color: #f6f6f6;
}

.related-box.case a {
  background-color: #f6f6f6;
}

.related-box.news a:hover {
  background-color: #6C0A76;
}

.related-box.themes a:hover {
  background-color: #6C0A76;
}

.related-box.themes a:hover svg {
  fill: #fff;
}

.related-box.case a:hover {
  background-color: #6C0A76;
}

.related-box.case a:hover svg {
  fill: #fff;
}

.related-box.news a:hover svg {
  fill: #fff;
}

.related-box h5, .related-box h3,
.related-box .h5, .related-box .h3 {
  z-index: 1001;
}

.related-box h5,
.related-box .h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 45px;
}

.related-box h3,
.related-box .h3 {
  font-size: 30px;
  font-weight: 600;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.related-box p.meta {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  position: absolute;
  bottom: 10px;
}

.related-box.news h5,
.related-box.news .h5 {
  color: #0081A4;
}

.related-box.news h3,
.related-box.news .h3 {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.related-box.news p.meta {
  color: #0081A4;
}

.related-box.themes h5,
.related-box.themes .h5 {
  color: #6C0A76;
}

.related-box.themes h3,
.related-box.themes .h3 {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.related-box.themes p.meta {
  color: #6C0A76;
}

.related-box.case h5,
.related-box.case .h5 {
  color: #4C1AA1;
}

.related-box.case h3,
.related-box.case .h3 {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.related-box.case p.meta {
  color: #4C1AA1;
}

.related-box a:hover h5,
.related-box a:hover h3,
.related-box a:hover .h5,
.related-box a:hover .h3,
.related-box a:hover p.meta {
  color: #ffffff;
}

/**************************************************
LOGIN PAGE
**************************************************/
.login.top {
  padding: 150px 0px 100px;
}

.login.bottom {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  margin-bottom: 50px;
  padding-bottom: 50px;
}

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

.login h3,
.login .h3 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
}

.login p {
  font-size: 20px;
  line-height: 28px;
}

.cta.login {
  background-color: #4C1AA1;
}

/**************************************************
MODAL WINDOWS
**************************************************/
.modal-open .modal.modal-fullscreen {
  overflow-y: hidden;
}

.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.modal.modal-fullscreen .modal-dialog {
  margin: 0;
  width: 100%;
  animation-duration: 0.6s;
}

.modal.modal-fullscreen .modal-content {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -o-box-shadow: inherit;
  box-shadow: inherit;
}

.modal.modal-fullscreen .modal-content .modal-body .search-box {
  background-color: transparent;
}

.modal-content .close {
  width: 44px;
  height: 44px;
  right: 20px;
  top: 20px;
  position: absolute;
  z-index: 1050;
  opacity: 1;
}
@media (min-width: 768px) {
  .modal-content .close {
    top: 30px;
    right: 60px;
    opacity: 1;
  }
}
.modal-content .close img {
  width: 100%;
}

.modal-content .close:focus {
  outline: 2px #fff solid;
}

#mainMenu.modal.modal-fullscreen .modal-content {
  display: block;
  padding: 120px 0px 0px 120px;
}

.modal-body hr {
  background-color: #ffffff;
}

#mainMenu .modal-body {
  width: 450px;
}

#mainMenu .modal-body ul {
  padding-bottom: 40px;
  border-bottom: 1px solid #ffffff;
}

#mainMenu .modal-body ul li {
  line-height: 50px;
}

#mainMenu .modal-body ul li a {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 116.667% */
  font-family: "dashiell-bright", serif;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
  color: #fff;
}
@media (max-width: 767px) {
  #mainMenu .modal-body ul li a {
    font-size: 28px;
    line-height: 34px; /* 121.429% */
  }
}

#mainMenu .modal-body ul li.active a {
  color: var(--primary-colour-palette-pink-ff-8896, #FF8896);
}

#mainMenu .modal-body ul li a:hover {
  color: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  text-decoration: none;
}

#mainMenu .modal-body ul.small {
  border: none;
}

#mainMenu .modal-body ul.small li {
  line-height: 38px;
}

#mainMenu .modal-body ul.small li a {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  #mainMenu .modal-body ul.small li a {
    font-size: 18px;
  }
}

/* Profile Bio Modal */
.modal {
  -webkit-overflow-scrolling: touch;
}

/* modal window smoth scroll on tablet/mobile */
/*.modal-open{position: fixed; width: 100%;}*/
/* prevents scroll top on modal open */
.modal-dialog {
  margin: 0px;
}

.modal-body {
  padding: 0px;
}

.modal-content {
  overflow-y: auto;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-color: transparent;
}

.bio {
  padding-top: 200px;
  margin-bottom: 150px;
  font-size: 20px;
  font-weight: 400;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.top-bio {
  margin-bottom: 40px;
}

.top-bio .details {
  margin-top: 20px;
}

.top-bio h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #00AEEF;
}

.top-bio h2 {
  font-family: "dashiell-bright", serif;
  font-size: 36px;
  font-weight: 700;
}

.top-bio p.role {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
}

#exp-key2.carousel {
  max-width: 1400px;
}

.bio-par {
  margin-left: 15px;
}

.bio-icon-text p {
  color: #19afbb;
  white-space: pre-wrap;
  font-family: "dashiell-bright", serif;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.5px;
}

.bio-icon-text p span {
  line-height: 30px;
}

.bio-icon-text p b {
  font-family: "dashiell-bright", serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 80%;
}

@media (max-width: 767px) {
  .bio-par {
    margin-left: 0;
  }
}
.bio-par h3,
.bio-par .h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
}

.bio-par ul {
  list-style: disc;
  margin-left: 30px;
}

.profile-sectors-title {
  font-weight: 700;
  font-size: 20px;
}

.profile-sectors {
  font-weight: 700;
}

.profile-sectors, .profile-join, .profile-contact {
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 20px;
  font-weight: 100;
}

.profile-sectors li a {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.profile-sectors li a:hover {
  color: #6C0A76;
}

.no-bio {
  width: 70%;
  top: 20%;
  left: 15%;
}

.no-bio .bio {
  padding: 80px 0px 40px;
  margin-bottom: 0px;
}

.no-bio .top-bio h2, .no-bio .top-bio p.role {
  font-size: 36px;
}

@media (max-width: 767px) {
  .no-bio {
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 0 !important;
  }
  .no-bio .bio {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.profile-contact a, a.vcard {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

a.vcard svg {
  margin-left: 10px;
}

.testimonial {
  padding: 100px 0px;
  background-color: #0081A4;
  color: #ffffff;
}

.testimonial .carousel-item {
  max-width: 100%;
}

.testimonial blockquote {
  font-size: 40px;
  line-height: 48px;
}

.testimonial cite {
  font-size: 18px;
  font-style: normal;
}

/**************************************************
MEDIA QUERIES
**************************************************/
/* Tablet Landscape */
@media (max-width: 1300px) {
  .logo {
    left: 30px;
  }
  .carousel-image {
    width: 45%;
    right: 45%;
  }
  .home.careers .box-image, .about.firm .box-image {
    width: 50%;
    right: 50%;
  }
  .home.careers .box-text-frame, .about.firm .box-text-frame {
    width: 50%;
    left: 50%;
  }
  .about.corporate .box-image {
    width: 50%;
    right: 0;
  }
  .about.corporate .box-text-frame {
    width: 50%;
    left: 0;
  }
  .box-text {
    max-width: 300px;
  }
  .circle {
    left: -250px;
  }
  .hero-text {
    margin-left: 40px;
  }
  .related-box a {
    padding: 10px;
  }
  .related-box h5,
  .related-box .h5 {
    margin-bottom: 30px;
  }
  .related-box p.meta {
    bottom: 0;
  }
}
/* Tablet Portrait */
@media (max-width: 576px) {
  .search-results .text-xs-left,
  .search-results .form-inline {
    padding-left: 50px;
  }
}
@media (max-width: 414px) {
  .search-results .text-xs-left,
  .search-results .form-inline {
    padding-left: 0px;
  }
}
@media (max-width: 768px) {
  .icon-bar {
    width: 26px;
    height: 1.5px;
    margin-top: 4px;
    margin-bottom: 5px;
  }
  .csr.pull-quote .carousel-inner {
    min-height: 900px;
  }
  .csr.pull-quote .carousel-inner .statement {
    padding: 60px 0px;
    margin: 0px 0px;
  }
  .white-bg.csr {
    padding: 50px 0px;
  }
  .carousel-image {
    width: 70%;
    right: 15%;
  }
  .carousel-text-frame {
    top: 65%;
    left: 25%;
    text-align: center;
  }
  .carousel-text {
    max-width: 400px;
    margin-top: 0px;
  }
  .carousel-indicators {
    left: 0px;
    bottom: 40px;
  }
  .search-box p.lead {
    font-size: 24px;
    line-height: 30px;
  }
  .text-frame {
    height: 40vh;
  }
  .image-box {
    height: 50vh;
  }
  .home.careers .box-image, .about.firm .box-image {
    width: 50%;
    right: 50%;
  }
  .home.careers .box-text-frame, .about.firm .box-text-frame {
    width: 50%;
    left: 50%;
  }
  .about.corporate .box-image {
    width: 50%;
    right: 0;
  }
  .about.corporate .box-text-frame {
    width: 50%;
    left: 0;
  }
  .box-text {
    max-width: 300px;
  }
  .directory .row [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .directory-filter .form-group {
    margin-bottom: 20px;
  }
  .home .feature-news {
    padding: 0px 60px;
  }
  .circle {
    left: -250px;
  }
  .home.about .box-image {
    height: 50vh;
  }
  .hero-text {
    margin-left: 40px;
  }
  .hero.about, .hero-theme {
    min-height: 600px;
  }
  .expertise.options .btn-group.bootstrap-select {
    width: 180px !important;
    margin: 0px 20px;
  }
  .expertise.solutions, .expertise.case-study {
    min-height: 50vh;
    height: auto;
  }
  .expertise .carousel-inner, .graduates.slider-one .carousel-inner {
    min-height: 100%;
  }
  .expertise.case-study .box-image {
    width: 50%;
    right: 0%;
  }
  .expertise.case-study .box-text-frame {
    width: 50%;
    left: 0%;
  }
  .expertise .box-text, .graduates.slider-one .box-text {
    max-width: 300px;
    margin-left: 0;
    height: auto;
  }
  .carousel-control-prev {
    left: 10px;
  }
  .carousel-control-next {
    right: 10px;
  }
  .teal-bg .text-xs-left {
    padding-right: 0px;
    margin-bottom: 40px;
  }
  .top {
    padding: 120px 0px;
  }
  .theme-box a {
    padding: 20px 30px;
  }
  .theme-box h5,
  .theme-box .h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .theme-box h3,
  .theme-box .h3 {
    font-size: 26px;
  }
  .theme-box p {
    font-size: 16px;
    line-height: 20px;
  }
  .knowledge-search .form-inline {
    float: none;
    margin-top: 30px;
  }
  .knowledge-search .form-control {
    width: 220px;
  }
  .news-search .form-control {
    width: 100%;
  }
  .knowledge-search .btn-group.bootstrap-select {
    width: 220px !important;
    margin-left: 25px;
  }
  .story-slider .carousel-inner {
    min-height: 100%;
    background-color: #222222;
  }
  .story-slider .carousel-indicators {
    bottom: 0px;
  }
  .story-slider .carousel-control-prev, .story-slider .carousel-control-next {
    top: 40%;
  }
  #accordion {
    padding-right: 20px;
  }
  .kc {
    transform: none;
    top: 0;
  }
  .article-content {
    max-width: 75vw;
  }
  .article-box {
    min-height: 260px;
  }
  .article-box h3 a,
  .article-box .h3 a {
    font-size: 26px;
    line-height: 30px;
  }
  .article-box h5,
  .article-box .h5 {
    margin-bottom: 20px;
  }
  .article-box a.btn {
    padding: 10px 30px;
    min-width: 150px;
  }
  .article-box.double {
    min-height: 540px;
    background-position: center center;
  }
  .knowledge .filter-options .btn {
    min-width: 120px;
  }
  .related {
    padding: 40px 0px;
  }
  .last-related {
    display: none;
  }
  .result-contact .vcard {
    position: static;
  }
  .footer-top {
    margin-bottom: 50px;
  }
  .footer-bottom .tb-mb {
    margin-bottom: 60px;
  }
  .graduates.slider-one .carousel-inner {
    height: auto;
  }
  .expertise.solutions .box-image, .expertise.case-study .box-image {
    width: 100%;
    right: 0;
    height: 40%;
  }
  .expertise.solutions .box-text-frame, .expertise.case-study .box-text-frame {
    top: 40%;
    width: 100%;
    left: 0;
    height: 60%;
  }
  .expertise .box-text {
    max-width: 100%;
    height: 100%;
    padding: 20px;
  }
  .expertise .box-text h5 {
    margin-bottom: 10px;
  }
  .expertise .box-text .btn-white {
    margin-top: 0px;
  }
}
/* Galaxy 7 */
@media (max-width: 600px) {
  .icon-bar {
    height: 1px;
  }
  .circle {
    top: -300px;
  }
  .image-box {
    height: 80vh;
  }
  .image-box.home.about {
    height: 50vh;
  }
  .home.themes .carousel-text-frame {
    top: 55%;
  }
  .home.careers .box-image, .about.firm .box-image {
    height: 40vh;
    width: 100%;
    right: 0;
  }
  .home.careers .box-text-frame, .about.firm .box-text-frame {
    top: 50%;
    width: 100%;
    left: 0;
    height: 40vh;
    border-right: none;
    border-bottom: 8px solid var(--primary-colour-palette-lavender-ceadff, #CEADFF);
  }
  .box-text-frame {
    height: 50vh;
  }
  .home.about .box-text-frame {
    width: 70%;
    left: 30%;
    background-color: transparent;
  }
  .box-text {
    max-width: 500px;
    padding: 0 20px;
  }
  .about.corporate.image-box {
    height: 50vh;
  }
  .about.corporate .box-image {
    width: 100%;
    right: 0;
    height: 40%;
  }
  .about.corporate .box-text-frame {
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60%;
  }
  .about.corporate .box-text h3,
  .about.corporate .box-text .h3 {
    font-size: 26px;
  }
  .footer-top ul {
    margin-right: 50px;
  }
  #mainMenu.modal.modal-fullscreen .modal-content {
    padding: 120px 0px 0px 60px;
  }
  .related-box {
    margin: 0px 10px 10px;
  }
  .expertise.options .btn-group.bootstrap-select {
    width: 100% !important;
    margin: 0px 0px 20px;
  }
  .expertise.solutions, .expertise.case-study {
    height: 70vh;
  }
  .image-box-sl {
    height: 90vh;
  }
  .expertise.solutions .box-image, .expertise.case-study .box-image {
    width: 100%;
    right: 0;
    height: 40%;
  }
  .expertise.solutions .box-text-frame, .expertise.case-study .box-text-frame {
    top: 40%;
    width: 100%;
    left: 0;
    height: 60%;
  }
  .expertise .box-text {
    max-width: 100%;
    height: 100%;
    padding: 20px;
  }
  .expertise .box-text h5 {
    margin-bottom: 10px;
  }
  .expertise .box-text .btn-white {
    margin-top: 0px;
  }
  .carousel-control-prev, .carousel-control-next {
    top: 15%;
  }
  .knowledge-search .form-inline .form-group {
    width: 100%;
    margin-bottom: 20px;
  }
  .knowledge-search .form-control {
    width: 100%;
  }
  .knowledge-search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
    margin-right: 0px;
    margin-left: 0px;
    height: 100%;
  }
  .search-results-box .filter-options h3,
  .search-results-box .filter-options .h3 {
    display: none;
  }
  .search-results-box .filter-options .toggle-button {
    display: flex !important;
    justify-content: center;
  }
  .directory-filter .form-group {
    margin-bottom: 10px;
  }
  .search-results.top {
    padding: 100px 0px 10px;
  }
  .search-results.top p {
    font-size: 32px;
    line-height: 27px;
  }
  .search-results.top .container-fluid .row [class*=col-],
  .search-results-box .container-fluid .row [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
  .search-results-box .filter-options {
    max-width: 90vw;
    margin: 50px auto 20px;
  }
  .search-results-box .filter-options h3,
  .search-results-box .filter-options .h3 {
    border: none;
    text-align: left;
  }
  .search-results-box .filter-options .toggle-button i.fa.hidden-sm-up {
    display: block !important;
    justify-content: center;
  }
  .search-results-box .filter-options .toggle-button {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
  }
  .search-results-box .filter-options .toggle-button svg {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 30px;
    height: 30px;
  }
  .search-results-box .filter-options .toggle-button i.fa {
    float: left;
    margin: 8px;
    font-size: 24px;
    color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  }
  .search-results-box .filter-options button.toggle-options {
    border: none;
    font-family: "dashiell-bright", serif;
    font-weight: 500;
    background: transparent;
    color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
    font-size: 24px;
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
  }
  .search-results-box .filter-options button.toggle-options:focus {
    outline: none;
  }
  .filter-options .btn-filter {
    min-width: 48%;
  }
  .knowledge .filter-options {
    padding: 50px 0px;
  }
  .knowledge .filter-options h3,
  .knowledge .filter-options .h3 {
    margin-right: 0px;
  }
  .knowledge .filter-options .btn {
    min-width: 100px;
  }
  .result-contact {
    margin-right: 0px;
    margin-left: 0px;
  }
  .result-contact h3,
  .result-contact .h3 {
    font-size: 24px;
  }
  .result-contact p.role {
    font-size: 20px;
  }
  .options-toggle {
    display: none;
  }
  #accordion {
    padding-right: 20px;
    padding-left: 20px;
  }
  .nav-tabs .nav-item {
    border-right: 0px;
  }
  .tab-content {
    padding: 50px 20px;
  }
  .article-box.brexit-tracker h3,
  .article-box.brexit-tracker .h3 {
    font-size: 40px;
  }
  /*.graduates.slider-one .box-text-frame{
      margin-left: 0;
      padding: 40px 20px;
      max-height: none;
      max-width: 100%;
      position:relative;
      width: 100%;
      height: auto;
      left: 0;
      right: 0;
  }*/
}
/* iPhone7 */
@media (max-width: 414px) {
  .hero,
  .hero.hackathon {
    box-shadow: inset 0px 100px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0px 100px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 100px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);
  }
  .hero.hackathon {
    align-items: initial;
  }
  .hero .hero-text {
    position: static;
  }
  .btn {
    font-size: 18px;
  }
  .logo {
    display: none !important;
  }
  .page-hero .navbar .navbar-brand .cls-1 {
    fill: #ffffff;
  }
  .page-hero .navbar.bg .navbar-brand .cls-1 {
    fill: #1e1260;
  }
  .icon-bar {
    width: 30px;
    margin-top: 0px;
  }
  .carousel-inner {
    min-height: 400px;
  }
  .carousel-image {
    height: 50%;
  }
  .home.themes .carousel-text-frame {
    height: 50%;
    width: 80%;
    top: 41%;
    left: 10%;
  }
  .carousel-text h3,
  .carousel-text .h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .carousel-text p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
  }
  .search-box p.lead {
    font-size: 20px;
    line-height: 24px;
  }
  .form-control {
    display: inline;
  }
  .search-box {
    padding: 50px 20px;
  }
  .modal.modal-fullscreen .modal-content .modal-body .search-box {
    width: 90vw;
    padding: 50px 0px;
  }
  .search-box .form-inline .form-group {
    width: 100%;
    margin: 0px auto 20px;
  }
  .search .search-box .form-control {
    width: 100%;
    height: 52px;
  }
  .modal .search-box .form-control {
    width: 100%;
  }
  .btn-group.bootstrap-select {
    width: 280px;
    margin-right: 0px;
  }
  .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default {
    height: 50px;
  }
  .bootstrap-select > .dropdown-toggle .filter-option {
    font-size: 16px;
  }
  .text-inside h1 {
    font-size: 20px;
  }
  .home.featured-news .container-fluid {
    padding: 40px 0px;
  }
  .home .feature-news {
    padding: 0px 40px;
  }
  .home .feature-news h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .home .feature-news h4,
  .home .feature-news .h4 {
    font-size: 16px;
  }
  .home .feature-news h5,
  .home .feature-news .h5 {
    font-size: 18px;
  }
  .home .feature-news h2, .home .feature-news h4,
  .home .feature-news .h2, .home .feature-news .h4 {
    margin-bottom: 20px;
  }
  .circle {
    width: 250px;
    height: 250px;
    top: -70px;
    left: -50px;
  }
  .image-box, .image-box.home.about {
    height: 80vh;
    position: relative;
  }
  .home.careers .box-image, .about.firm .box-image {
    height: 40vh;
    width: 100%;
    right: 0;
  }
  .home.careers .box-text-frame, .about.firm .box-text-frame {
    top: 50%;
    width: 100%;
    left: 0;
  }
  .box-text-frame {
    height: 50%;
  }
  .box-text {
    max-width: 300px;
  }
  .home.knowledge {
    padding: 70px 20px 30px;
  }
  .home.knowledge h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .home.knowledge h5 {
    font-size: 20px;
  }
  .home.about .box-image {
    height: 40vh;
  }
  .home.about .box-text-frame {
    width: 100%;
    top: 50%;
    background-color: #121010;
  }
  .home.about .box-text {
    max-width: 300px;
  }
  .home.about .box-text blockquote {
    font-size: 22px;
    line-height: 28px;
    margin: 0px;
  }
  .hero.about, .hero.expertise, .hero.theme, .hero.careers {
    height: 50vh;
    min-height: 50vh;
  }
  .hero.hackathon {
    height: 100vh !important;
    min-height: 100vh !important;
  }
  .hero.expertise .col-md-8 {
    display: flex;
  }
  .hero.expertise .hero-text {
    align-self: flex-end;
  }
  .hero.about .hero-text,
  .hero.expertise .hero-text,
  .hero.theme .hero-text,
  .hero.careers .hero-text {
    margin: 0px 20px 20px;
  }
  .hero.about .hero-text p, .hero.expertise .hero-text p, .hero.theme .hero-text p, .hero.careers .hero-text p {
    font-size: 16px;
    line-height: 18px;
  }
  .about.tabs h2 a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .white-bg {
    padding: 60px 0px;
  }
  .key-contacts .container {
    width: 100%;
  }
  .about.corporate.image-box {
    height: 90vh;
  }
  .about.corporate .box-image {
    width: 100%;
    right: 0;
    height: 40%;
  }
  .about.corporate .box-text-frame {
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60%;
  }
  .about.corporate .box-text h3,
  .about.corporate .box-text .h3 {
    font-size: 26px;
  }
  .directory .row [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .directory-filter .form-group {
    margin-bottom: 10px;
  }
  .directory-filter-selectpickers {
    height: 240px;
  }
  .people-card h5 {
    font-size: 14px;
  }
  .people-card h2 {
    font-size: 30px;
  }
  .people-card .contact-links tel, .people-card .contact-links a {
    font-size: 18px;
  }
  .bio {
    padding-top: 100px;
    margin-bottom: 50px;
  }
  .bio-par {
    margin-top: 20px;
  }
  .testimonial {
    padding: 50px 0px;
  }
  .testimonial blockquote {
    font-size: 30px;
    line-height: 38px;
  }
  .related-box {
    margin: 0px 10px 10px;
  }
  .related-box a {
    padding: 20px;
  }
  .last-related {
    display: block;
  }
  .expertise.options .form-inline {
    margin: 0px 20px;
  }
  .expertise.options .btn-group.bootstrap-select {
    width: 100% !important;
    margin: 0px 0px 20px;
  }
  .teal-bg .text-xs-left {
    padding-right: 0px;
    margin: 0px 10px 40px;
  }
  .expertise.solutions, .expertise.case-study {
    height: 90vh;
  }
  .image-box-sl {
    height: 90vh;
  }
  .icon-frame {
    min-height: 120px;
  }
  .story-slider .container {
    width: 100%;
  }
  .story-slider .carousel-inner {
    background-color: #222222;
    min-height: 70vh;
  }
  .story-slider .carousel-control-prev, .story-slider .carousel-control-next {
    top: 15%;
  }
  .expertise.solutions .box-image, .expertise.case-study .box-image {
    width: 100%;
    right: 0;
    height: 40%;
  }
  .expertise.solutions .box-text-frame, .expertise.case-study .box-text-frame {
    top: 40%;
    width: 100%;
    left: 0;
    height: 60%;
  }
  .expertise .box-text {
    max-width: 100%;
    height: 100%;
    padding: 20px;
  }
  .expertise .box-text h5 {
    margin-bottom: 10px;
  }
  .expertise .box-text .btn-white {
    margin-top: 0px;
  }
  .carousel-control-prev, .carousel-control-next {
    top: 15%;
  }
  .top {
    padding: 100px 0px 50px;
  }
  .top p {
    font-size: 20px;
    line-height: 27px;
  }
  .theme-box {
    margin-bottom: 20px;
  }
  .knowledge-search h2 {
    margin-bottom: 20px;
  }
  .knowledge-search .form-inline {
    width: 100%;
  }
  .news-search .form-control {
    width: 100%;
    height: 50px;
  }
  .news-search .form-inline .form-group {
    padding-left: 15px;
  }
  .knowledge-search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
    margin-right: 0px;
    margin-left: 0px;
    height: 100%;
  }
  .statement, .highlights {
    padding: 30px;
  }
  .article-content .statement h1 {
    font-size: 22px;
    line-height: 27px;
  }
  .input-group-addon {
    top: 17px;
  }
  .article-content {
    max-width: 90vw;
  }
  .article-meta a.btn {
    min-width: 100px;
    margin: 0px 10px 20px 0px;
  }
  .article-box h3,
  .article-box .h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .search-results.top {
    padding: 100px 0px 10px;
  }
  .search-results.top p {
    font-size: 32px;
    line-height: 27px;
  }
  .search-results.top .container-fluid .row [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
  .search-results-box .filter-options {
    max-width: 90vw;
    margin: 0px auto 20px;
  }
  .search-results-box .filter-options h3,
  .search-results-box .filter-options .h3 {
    border: none;
    text-align: left;
  }
  .search-results-box .filter-options .toggle-button {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
  }
  .search-results-box .filter-options .toggle-button svg {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 30px;
    height: 30px;
  }
  .search-results-box .filter-options .toggle-button i.fa {
    float: left;
    margin: 8px;
    font-size: 24px;
    color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  }
  .search-results-box .filter-options button.toggle-options {
    border: none;
    font-family: "dashiell-bright", serif;
    font-weight: 500;
    color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
    display: inline-block;
    float: left;
    padding: 0px;
  }
  .filter-options .btn-filter, .knowledge .filter-options .btn-filter {
    min-width: 48%;
  }
  .knowledge .filter-options h3,
  .knowledge .filter-options .h3 {
    display: block;
  }
  .result-contact {
    margin-right: 0px;
    margin-left: 0px;
  }
  .result-contact h3,
  .result-contact .h3 {
    font-size: 24px;
  }
  .result-contact p.role {
    font-size: 20px;
  }
  .options-toggle {
    display: none;
  }
  .footer {
    padding: 50px 20px 0px;
  }
  .footer-top ul {
    margin-right: 30px;
  }
  #mainMenu.modal.modal-fullscreen .modal-content {
    padding: 100px 0px 0px;
  }
  #mainMenu .modal-body {
    width: 100%;
    padding: 0px 40px;
  }
  .modal-content .close {
    right: 30px;
    z-index: 1100;
  }
  .no-bio {
    width: 100%;
    top: 0%;
    left: 0%;
    padding: 0px;
  }
  .no-bio .bio {
    padding: 80px 20px 40px;
  }
  .kc-quote {
    padding: 20px;
  }
  .kc-quote p {
    font-size: 20px;
    line-height: 24px;
  }
  .home.awards .featured-awards {
    padding: 0px 20px;
  }
  .article-content p.lead {
    font-size: 20px;
    line-height: 27px;
  }
  .home.careers .box-text-frame {
    top: 44%;
    height: 50vh;
  }
  .home.about .box-text-frame {
    left: 0%;
    height: 56%;
  }
  .home .feature-news h2,
  .home .feature-news .h2 {
    font-size: 20px;
    line-height: 23px;
  }
  .home .feature-news h4,
  .home .feature-news .h4 {
    font-size: 14px;
    letter-spacing: 2px;
  }
  .home .feature-news h5,
  .home .feature-news .h5 {
    font-size: 16px;
  }
  .home.themes {
    margin: 0px 0px 0px;
  }
  .home.themes .carousel-indicators {
    bottom: 60px;
  }
  .carousel-text h6 {
    margin-bottom: 0px;
  }
  .modal.modal-fullscreen .modal-content .modal-body .search-box {
    width: 80vw;
  }
  .search-box .form-inline .form-group {
    margin: 0px auto;
  }
  .btn-search {
    margin-top: 0px;
  }
  .case-study ul li {
    margin-bottom: 10px;
  }
  .case-study ul li a {
    font-size: 24px;
    line-height: 24px;
  }
  .expertise.case-study {
    height: 60vh;
  }
  .csr.pull-quote .carousel .carousel-inner {
    min-height: 200px;
  }
  .csr.pull-quote .statement {
    margin: 0;
    min-height: 200px;
  }
  .csr.pull-quote .statement h1 {
    font-size: 30px;
  }
  .csr.pull-quote .carousel-indicators {
    position: absolute;
    bottom: 0px;
  }
  .csr p {
    margin-bottom: 20px;
  }
  .events .container {
    max-width: 100%;
  }
  .areas {
    padding: 70px 20px;
    color: #ffffff;
  }
  .areas .text-xs-left {
    padding-right: 0px;
  }
  .areas p {
    margin-bottom: 50px;
  }
  .mb {
    margin-bottom: 50px;
  }
  .mt {
    margin-top: 50px;
  }
  .key-areas p:first-child {
    padding: 0px 20px;
  }
  .expertise.areas ul {
    margin-bottom: 0px;
  }
  .expertise.areas {
    padding: 30px 20px;
  }
  .article-content h5.meta span.reading-time, .article-content .h5.meta span.reading-time {
    display: block;
    margin-top: 10px;
    margin-left: 0px;
  }
  .article-content.knowledge table,
  .article-content.knowledge table tbody,
  .article-content.knowledge table tr,
  .article-content.knowledge table td,
  .article-content.knowledge table td p {
    display: block;
    width: 100% !important;
  }
  .story-slider {
    margin: 50px 0px;
  }
  .icons-box-bg {
    margin: 50px 0px;
  }
  .icons-box-bg h2 {
    font-size: 26px;
    margin-bottom: 50px;
  }
  .icons-box-bg .icon-box {
    margin-bottom: 50px;
  }
  .no-events {
    text-align: center;
  }
}
/* iPhone6 */
@media (max-width: 375px) {
  .hero {
    display: flex;
    align-items: flex-end;
    box-shadow: inset 0px 100px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0px 100px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0px 100px 200px -100px rgba(0, 0, 0, 0.5), inset 0px -100px 200px -100px rgba(0, 0, 0, 0.5);
  }
  .hero .hero-text {
    position: static;
  }
  .btn {
    font-size: 18px;
  }
  .page-hero .navbar .navbar-brand .cls-1 {
    fill: #ffffff;
  }
  .page-hero .navbar.bg .navbar-brand .cls-1 {
    fill: #1e1260;
  }
  .icon-bar {
    width: 30px;
    margin-top: 0px;
  }
  .carousel-inner {
    min-height: 400px;
  }
  .testimonial .carousel-inner {
    min-height: unset;
  }
  .carousel-image {
    height: 50%;
  }
  .home.themes .carousel-text-frame {
    height: 50%;
    width: 80%;
    top: 38%;
    left: 10%;
  }
  .carousel-text h3,
  .carousel-text .h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .carousel-text p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
  }
  .search-box p.lead {
    font-size: 20px;
    line-height: 24px;
  }
  .form-control {
    display: inline;
  }
  .search-box {
    padding: 50px 20px;
  }
  .modal.modal-fullscreen .modal-content .modal-body .search-box {
    width: 90vw;
    padding: 50px 0px;
  }
  .search-box .form-inline .form-group {
    width: 100%;
    margin: 0px auto 20px;
  }
  .search .search-box .form-control {
    width: 100%;
    height: 52px;
  }
  .modal .search-box .form-control {
    width: 100%;
  }
  .btn-group.bootstrap-select {
    width: 280px;
    margin-right: 0px;
  }
  .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default {
    height: 50px;
  }
  .bootstrap-select > .dropdown-toggle .filter-option {
    font-size: 16px;
  }
  .text-inside h1 {
    font-size: 20px;
  }
  .home.featured-news .container-fluid {
    padding: 40px 0px;
  }
  .home .feature-news {
    padding: 0px 40px;
  }
  .home .feature-news h2,
  .home .feature-news .h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .home .feature-news h4,
  .home .feature-news .h4 {
    font-size: 16px;
  }
  .home .feature-news h5,
  .home .feature-news .h5 {
    font-size: 18px;
  }
  .home .feature-news h2, .home .feature-news h4,
  .home .feature-news .h2, .home .feature-news .h4 {
    margin-bottom: 20px;
  }
  .circle {
    width: 250px;
    height: 250px;
    top: -70px;
    left: -50px;
  }
  .image-box, .image-box.home.about {
    height: 80vh;
  }
  .home.careers .box-image, .about.firm .box-image {
    height: 40vh;
    width: 100%;
    right: 0;
  }
  .home.careers .box-text-frame, .about.firm .box-text-frame {
    top: 50%;
    width: 100%;
    left: 0;
  }
  .box-text-frame {
    height: 50%;
  }
  .box-text {
    max-width: 300px;
  }
  .home.knowledge {
    padding: 70px 20px 30px;
  }
  .home.knowledge h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .home.knowledge h5 {
    font-size: 20px;
  }
  .home.about .box-image {
    height: 40vh;
  }
  .home.about .box-text-frame {
    width: 100%;
    top: 50%;
    background-color: #121010;
  }
  .home.about .box-text {
    max-width: 300px;
  }
  .home.about .box-text blockquote {
    font-size: 22px;
    line-height: 28px;
    margin: 0px;
  }
  .hero.about, .hero.expertise, .hero.theme, .hero.careers {
    height: 50vh;
    min-height: 50vh;
  }
  .hero.about .hero-text, .hero.expertise .hero-text, .hero.theme .hero-text, .hero.careers .hero-text {
    margin: 0px 20px 20px;
  }
  .hero.about .hero-text p, .hero.expertise .hero-text p, .hero.theme .hero-text p, .hero.careers .hero-text p {
    font-size: 16px;
    line-height: 18px;
  }
  .about.tabs h2 a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .white-bg {
    padding: 60px 0px;
  }
  .key-contacts .container {
    width: 100%;
  }
  .about.corporate.image-box {
    height: 90vh;
  }
  .about.corporate .box-image {
    width: 100%;
    right: 0;
    height: 40%;
  }
  .about.corporate .box-text-frame {
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60%;
  }
  .about.corporate .box-text h3,
  .about.corporate .box-text .h3 {
    font-size: 26px;
  }
  .directory .row [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .directory-filter .form-group {
    margin-bottom: 10px;
  }
  .directory-filter-selectpickers {
    height: 240px;
  }
  .people-card h5 {
    font-size: 14px;
  }
  .people-card h2 {
    font-size: 30px;
  }
  .people-card .contact-links tel, .people-card .contact-links a {
    font-size: 18px;
  }
  .bio {
    padding-top: 100px;
    margin-bottom: 50px;
  }
  .bio-par {
    margin-top: 20px;
  }
  .testimonial {
    padding: 50px 0px;
  }
  .testimonial blockquote {
    font-size: 30px;
    line-height: 38px;
  }
  .related-box {
    margin: 0px 10px 10px;
  }
  .related-box a {
    padding: 20px;
  }
  .last-related {
    display: block;
  }
  .expertise.options .form-inline {
    margin: 0px 20px;
  }
  .expertise.options .btn-group.bootstrap-select {
    width: 100% !important;
    margin: 0px 0px 20px;
  }
  .teal-bg .text-xs-left {
    padding-right: 0px;
    margin: 0px 10px 40px;
  }
  .expertise.solutions, .expertise.case-study {
    height: 90vh;
  }
  .image-box-sl {
    height: 90vh;
  }
  .icon-frame {
    min-height: 120px;
  }
  .story-slider .container {
    width: 100%;
  }
  .story-slider .carousel-inner {
    background-color: #222222;
    min-height: 70vh;
  }
  .story-slider .carousel-control-prev, .story-slider .carousel-control-next {
    top: 15%;
  }
  .expertise.solutions .box-image, .expertise.case-study .box-image {
    width: 100%;
    right: 0;
    height: 40%;
  }
  .expertise.solutions .box-text-frame, .expertise.case-study .box-text-frame {
    top: 40%;
    width: 100%;
    left: 0;
    height: 60%;
  }
  .expertise .box-text {
    max-width: 100%;
    height: 100%;
    padding: 20px;
  }
  .expertise .box-text h5 {
    margin-bottom: 10px;
  }
  .expertise .box-text .btn-white {
    margin-top: 0px;
  }
  .carousel-control-prev, .carousel-control-next {
    top: 15%;
  }
  .top {
    padding: 100px 0px 50px;
  }
  .top p {
    font-size: 20px;
    line-height: 27px;
  }
  .theme-box {
    margin-bottom: 20px;
  }
  .knowledge-search h2 {
    margin-bottom: 20px;
  }
  .knowledge-search .form-inline {
    width: 100%;
  }
  .news-search .form-control {
    width: 100%;
    height: 50px;
  }
  .news-search .form-inline .form-group {
    padding-left: 15px;
  }
  .knowledge-search .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
    margin-right: 0px;
    margin-left: 0px;
    height: 100%;
  }
  .statement, .highlights {
    padding: 30px;
  }
  .article-content .statement h1 {
    font-size: 22px;
    line-height: 27px;
  }
  .input-group-addon {
    top: 17px;
  }
  .article-content {
    max-width: 90vw;
  }
  .article-meta a.btn {
    min-width: 100px;
    margin: 0px 10px 20px 0px;
  }
  .article-box h3,
  .article-box .h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .search-results.top {
    padding: 100px 0px 10px;
  }
  .search-results.top p {
    font-size: 32px;
    line-height: 27px;
  }
  .search-results.top .container-fluid .row [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
  .search-results-box .filter-options {
    max-width: 90vw;
    margin: 0px auto 20px;
  }
  .search-results-box .filter-options h3,
  .search-results-box .filter-options .h3 {
    border: none;
    text-align: left;
  }
  .search-results-box .filter-options .toggle-button {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    height: 40px;
  }
  .search-results-box .filter-options .toggle-button svg {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 30px;
    height: 30px;
  }
  .search-results-box .filter-options .toggle-button i.fa {
    float: left;
    margin: 8px;
    font-size: 24px;
    color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  }
  .search-results-box .filter-options button.toggle-options {
    border: none;
    font-family: "dashiell-bright", serif;
    font-weight: 500;
    color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
    display: inline-block;
    float: left;
    padding: 0px;
  }
  .filter-options .btn-filter, .knowledge .filter-options .btn-filter {
    min-width: 48%;
  }
  .knowledge .filter-options h3,
  .knowledge .filter-options .h3 {
    display: block;
  }
  .result-contact {
    margin-right: 0px;
    margin-left: 0px;
  }
  .result-contact h3,
  .result-contact .h3 {
    font-size: 24px;
  }
  .result-contact p.role {
    font-size: 20px;
  }
  .options-toggle {
    display: none;
  }
  .footer {
    padding: 50px 20px 0px;
  }
  .footer-top ul {
    margin-right: 30px;
  }
  #mainMenu.modal.modal-fullscreen .modal-content {
    padding: 100px 0px 0px;
  }
  #mainMenu .modal-body {
    width: 100%;
    padding: 0px 40px;
  }
  .no-bio {
    width: 100%;
    top: 0%;
    left: 0%;
    padding: 0px;
  }
  .no-bio .bio {
    padding: 80px 20px 40px;
  }
  .kc-quote {
    padding: 20px;
  }
  .kc-quote p {
    font-size: 20px;
    line-height: 24px;
  }
  .home.awards .featured-awards {
    padding: 0px 20px;
  }
  .article-content p.lead {
    font-size: 20px;
    line-height: 27px;
  }
  .home.careers .box-text-frame {
    top: 44%;
    height: 50vh;
  }
  .home.about .box-text-frame {
    left: 0%;
    height: 56%;
  }
  .home .feature-news h2,
  .home .feature-news .h2 {
    font-size: 20px;
    line-height: 23px;
  }
  .home .feature-news h4,
  .home .feature-news .h4 {
    font-size: 14px;
    letter-spacing: 2px;
  }
  .home .feature-news h5,
  .home .feature-news .h5 {
    font-size: 16px;
  }
  .home.themes {
    margin: 60px 0px 0px;
  }
  .home.themes .carousel-indicators {
    bottom: 90px;
  }
  .carousel-text h6 {
    margin-bottom: 0px;
  }
  .modal.modal-fullscreen .modal-content .modal-body .search-box {
    width: 80vw;
  }
  .search-box .form-inline .form-group {
    margin: 0px auto;
  }
  .btn-search {
    margin-top: 0px;
  }
  .case-study ul li {
    margin-bottom: 10px;
  }
  .case-study ul li a {
    font-size: 24px;
    line-height: 24px;
  }
  .expertise.case-study {
    height: 60vh;
  }
  .csr.pull-quote .carousel .carousel-inner {
    min-height: 200px;
  }
  .csr.pull-quote .statement {
    margin: 0;
    min-height: 200px;
  }
  .csr.pull-quote .statement h1 {
    font-size: 30px;
  }
  .csr.pull-quote .carousel-indicators {
    position: absolute;
    bottom: 0px;
  }
  .csr p {
    margin-bottom: 20px;
  }
  .events .container {
    max-width: 100%;
  }
  .areas {
    padding: 70px 20px;
    color: #ffffff;
  }
  .areas .text-xs-left {
    padding-right: 0px;
  }
  .areas p {
    margin-bottom: 50px;
  }
  .mb {
    margin-bottom: 50px;
  }
  .mt {
    margin-top: 50px;
  }
  .key-areas p:first-child {
    padding: 0px 20px;
  }
  .expertise.areas ul {
    margin-bottom: 0px;
  }
  .expertise.areas {
    padding: 30px 20px;
  }
  .article-content h5.meta span.reading-time, .article-content .h5.meta span.reading-time {
    display: block;
    margin-top: 10px;
    margin-left: 0px;
  }
  .story-slider {
    margin: 50px 0px;
  }
  .icons-box-bg {
    margin: 50px 0px;
  }
  .icons-box-bg h2 {
    font-size: 26px;
    margin-bottom: 50px;
  }
  .icons-box-bg .icon-box {
    margin-bottom: 50px;
  }
  .no-events {
    text-align: center;
  }
}
/* iPhone Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .image-box {
    height: 500px;
  }
  .circle {
    width: 500px;
    height: 500px;
  }
  .home.about .box-image {
    height: 500px;
  }
  .modal-open .modal.modal-fullscreen {
    overflow-y: auto;
  }
  .modal.modal-fullscreen .modal-content {
    position: static;
  }
  .hero.expertise, .hero.theme, .hero.careers {
    min-height: 600px;
  }
  .hero .hero-text {
    top: 110vh;
  }
  .image-box.about.firm {
    height: 300px;
  }
  .white-bg {
    padding: 50px 0px;
  }
  .offset-xs-1 {
    margin-left: 50px;
  }
  .white-bg .text-xs-left {
    max-width: 500px;
  }
  .image-box.about.corporate {
    height: 500px;
  }
  .related-box {
    margin-bottom: 20px;
  }
  .last-related {
    display: block;
  }
  .expertise.options .container {
    width: 100%;
  }
  .expertise.options .btn-group.bootstrap-select {
    width: 170px !important;
    margin: 0px 0px;
  }
  .expertise.solutions {
    height: 500px;
  }
  .knowledge-search .container {
    width: 100%;
  }
  .knowledge-search .form-control {
    width: 200px;
  }
  .knowledge-search .btn-group.bootstrap-select {
    width: 200px !important;
  }
  .knowledge .filter-options {
    padding: 50px 0px;
  }
  .knowledge .filter-options h3,
  .knowledge .filter-options .h3 {
    display: block;
    margin-bottom: 20px;
  }
}
/* Additional Styles */
.hero .hero-text p {
  font-weight: 300;
}

.article-content.news h1, .article-content.case h1 {
  font-size: 36px;
  line-height: 44px;
}

.article-content h5.meta span, .article-content .h5.meta span {
  letter-spacing: 2px;
  text-transform: uppercase;
}

.results-contact a svg {
  margin-bottom: 0px;
}

.result-contact .name_class,
.result-knowledge .name_class,
.result-news .name_class,
.result-sector .name_class,
.result-casestudy .name_class,
.result-practice .name_class,
.result-other .name_class,
.result-career .name_class {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  display: block;
}
@media (max-width: 767px) {
  .result-contact .name_class,
  .result-knowledge .name_class,
  .result-news .name_class,
  .result-sector .name_class,
  .result-casestudy .name_class,
  .result-practice .name_class,
  .result-other .name_class,
  .result-career .name_class {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.result-contact .leadtext,
.result-knowledge .leadtext,
.result-news .leadtext,
.result-sector .leadtext,
.result-casestudy .leadtext,
.result-practice .leadtext,
.result-other .leadtext,
.result-career .leadtext {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .result-contact .leadtext,
  .result-knowledge .leadtext,
  .result-news .leadtext,
  .result-sector .leadtext,
  .result-casestudy .leadtext,
  .result-practice .leadtext,
  .result-other .leadtext,
  .result-career .leadtext {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.top-bio h5 {
  letter-spacing: 2px;
}

.case-study ul li a:hover {
  border-bottom: 1px solid #ffffff;
}

.case-study p a svg {
  margin-left: 10px;
}

.story-slider .carousel-caption.vid {
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  margin-top: 270px;
}

.story-slider .carousel-caption.vid h5,
.story-slider .carousel-caption.vid .h5 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}

.article-content ul, .article-content ol {
  font-size: 18px;
  line-height: 28px;
  margin-left: 25px;
  padding: 0;
}

.article-content ul {
  list-style: disc;
  margin-top: 20px;
}

.article-content ul li ul {
  font-size: 20px;
  line-height: 28px;
  margin-top: 0px;
  list-style: circle;
}

.article-content .article-meta ul {
  list-style: none;
  margin-left: 0px;
}

.footnotes {
  margin-top: 50px;
}

input.keyword-home {
  margin: 0 auto;
}

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1;
}

div.result-contact.subcat h1,
div.result-contact.subcat p {
  margin-bottom: 0 !important;
}

button.btn.btn-filter.knowfilter.active,
a.btn.btn-filter.active {
  color: #ffffff !important;
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171) !important;
}

.read-time-after {
  font-family: "dashiell-bright", serif;
  font-size: 16px;
  color: #818181;
  margin-left: 10px;
}

.loaderImage {
  display: none;
  width: 150px;
  height: 150px;
  background: url(/assets/img/ajax-loader.gif) no-repeat;
  margin: 0 auto;
  background-size: 150px;
}

#knowledge-no-results {
  margin-left: 10px !important;
  width: 100%;
  padding: 2% 0;
}

#knowledge-no-results h2, #knowledge-no-results p {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

ol.footnotes-knowledge {
  font-size: 1rem;
}

ol.footnotes-knowledge li {
  font-weight: 600;
}

.footnote-disclaimer {
  font-weight: 700;
}

span.up {
  text-transform: uppercase;
  letter-spacing: 2px;
}

.case-study {
  background-color: #4C1AA1;
  padding: 80px 0px;
}

.footnotes {
  clear: both;
}

#knowledge-reset {
  max-width: 150px;
}

.clearfilter {
  width: 90%;
  padding: 10px;
  margin: 0 auto 20px auto;
}

.isotope-item {
  z-index: 2;
  width: 100%;
  float: left;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

.row.isotope {
  min-height: 100px !important;
}

div#people-search > .row.isotope {
  height: 100% !important;
}

div#knowledgesearch.row.isotope {
  height: 100% !important;
}

.tagtoUpper {
  text-transform: capitalize;
}

.vimeo-embed {
  width: 100%;
  max-height: 850px;
}

h4.notalink,
.h4.notalink {
  color: #fff !important;
}

button.btn.btn-filter.jobfilter.active, a.btn.btn-jobfilter.active,
button.btn.btn-filter.searchfilter.active, a.btn.btn-searchfilter.active {
  color: #ffffff !important;
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171) !important;
}

/* Styling */
.cc_container .cc_message {
  font-family: "dashiell-bright", serif;
}

/*
.results-contact, .results-knowledge, .results-news, .results-sectors, .results-practice, .results-casestudies
*/
.results-knowledge h3 a, .results-news h3 a, .results-sectors h3 a, .results-casestudies h3 a, .results-practice h3 a,
.related-box h3 a, .article-box h3 a,
.results-knowledge .h3 a, .results-news .h3 a, .results-sectors .h3 a, .results-casestudies .h3 a, .results-practice .h3 a,
.related-box .h3 a, .article-box .h3 a {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171) !important;
}

.related-box h3 a:hover, .article-box h3 a:hover,
.related-box .h3 a:hover, .article-box .h3 a:hover {
  color: #ffffff !important;
}

audio {
  width: 100%;
}

.filter-options .btn-filter.active {
  color: #ffffff;
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.related-box.bg.themes a {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.related-box.bg.themes h5, .related-box.bg.themes h3,
.related-box.bg.themes .h5, .related-box.bg.themes .h3 {
  color: #ffffff !important;
}

.related-box.bg.themes a:hover {
  background-color: var(--primary-colour-palette-navy-2-b-2171, #2B2171) !important;
}

.time-divider {
  margin-left: 5px;
}

.print {
  position: absolute;
  top: 50px;
  right: 20%;
}

@media (max-width: 1400px) {
  .print {
    position: absolute;
    top: 50px;
    right: 10%;
  }
}
@media (max-width: 1100px) {
  .print {
    position: absolute;
    top: 50px;
    right: 5%;
  }
}
@media (max-width: 950px) {
  .print {
    position: static;
    top: 0;
    right: 0;
  }
}
@media (max-width: 768px) {
  .print {
    position: absolute;
    top: 50px;
    right: 10%;
  }
}
@media (max-width: 375px) {
  .print {
    position: static;
    top: 0;
    right: 0;
  }
  .print svg {
    width: 20px;
    height: 20px;
  }
}
.knowledge ol {
  list-style-type: decimal;
}

.knowledge ol > li > ol > li {
  list-style-type: lower-latin;
}

.knowledge ol > li > ol > li > ol > li {
  list-style-type: lower-roman;
}

@media (min-width: 992px) {
  .events .row .col-lg-4:nth-child(-n+3):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
  }
  .events .row .col-lg-4:nth-child(1):after {
    width: calc(100% - 15px);
    left: 15px;
  }
  .events .row .col-lg-4:nth-child(3):after {
    width: calc(100% - 15px);
  }
}
.print-only {
  display: none;
}

@media (max-width: 767px) {
  .white-bg .row.text-xs-left .col-md-3.col-xs-6:nth-child(n+2) .icon-frame {
    margin-top: 30px;
  }
}
@media (max-width: 950px) {
  .hide-mobile {
    display: none !important;
  }
}
@media (min-width: 951px) {
  .hide-desktop {
    display: none !important;
  }
}
.social-toggle {
  position: absolute;
  top: 50px;
  right: 18%;
  right: calc(20% - 40px);
}

.os-vertical-counter-widget-interface {
  display: none;
}

.social-modal {
  background-color: rgba(3, 1, 118, 0.9);
}

.social-modal .modal-dialog {
  width: 90%;
  width: calc(100% - 500px);
  min-width: 500px;
  margin: 0 auto;
  top: 250px;
}

.social-modal .modal-content {
  padding-bottom: 70px;
}

.social-modal .modal-content .close {
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  top: 26px;
  right: 26px;
  line-height: 26px;
}

.social-modal .modal-content .close > svg {
  width: 26px;
  height: 26px;
}

.social-modal .modal-header {
  border: none;
  height: 70px;
  padding: 0;
}

.social-modal .os-share-widget-interface {
  text-align: center;
}

.social-modal .h2,
.social-modal p {
  text-align: center;
  display: block;
}

.social-modal .h2 {
  margin: 0;
  color: #fff;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  .social-modal .h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}

.social-modal p {
  margin-bottom: 50px;
  margin-top: 10px;
  color: #fff;
}

.social-modal .share-provider.flat.square.size-32 {
  width: 52px;
  height: 52px;
  border-radius: 52px;
  position: relative;
  margin-right: 20px;
}

.social-modal .share-provider.flat.square.size-32.email {
  margin-right: 0;
}

.social-modal .share-provider.flat.square.size-32:before {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
}

.social-modal #st-1 .st-btn {
  display: inline-block !important;
  width: 52px;
  height: 52px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.social-modal #st-1 .st-btn img {
  width: 25px;
  height: 25px;
  top: 13px;
}

.social-modal #st-1 .st-btn:not(:last-child) {
  margin-right: 20px;
}

.social-modal #st-1 .st-btn:not(:last-child) > svg {
  width: 25px;
  height: 25px;
}

.social-modal #st-1 .st-btn > svg {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.social-modal #st-1 .st-btn[data-network=email] {
  background-color: #fff;
  border: 1px solid #fff;
}

.social-modal #st-1 .st-btn[data-network=email] > svg {
  fill: #2B2171;
  display: inline-block;
  height: 25px;
  width: 25px;
  position: relative;
  top: 13px;
  vertical-align: top;
}

@media (max-width: 1400px) {
  .social-toggle {
    right: 8%;
    right: calc(10% - 40px);
  }
}
.profile-popup .print,
.profile-popup .social-toggle {
  top: 200px;
}

.social-modal {
  z-index: 1200;
}

@media (max-width: 1100px) {
  .social-toggle {
    right: 4%;
    right: calc(5% - 40px);
  }
  .profile-popup .print {
    right: 10%;
  }
  .profile-popup .social-toggle {
    right: 8%;
    right: calc(10% - 40px);
  }
}
@media (max-width: 950px) {
  .print,
  .social-toggle {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: relative;
    display: inline-block;
  }
  .social-toggle {
    margin-left: 15px;
  }
  .print svg {
    width: 100%;
    height: 100%;
  }
  .article-content.knowledge h1,
  .article-content.news h1 {
    margin-bottom: 15px;
  }
  .profile-popup .print {
    position: absolute;
  }
  .profile-popup .social-toggle {
    padding: 20px 0;
    top: auto;
    right: auto;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .social-modal .modal-body {
    padding: 0 15px;
  }
  .social-modal .modal-dialog {
    top: 50px;
    width: 90%;
    min-width: auto;
  }
  .social-toggle {
    margin-left: 0;
  }
  .profile-popup .social-toggle {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    position: relative;
    display: block;
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 100;
  }
  .social-modal #st-1 .st-btn:not(:last-child) {
    margin-right: 10px;
  }
}
.profile-popup.no-bio .social-icons {
  border-bottom: 1px solid #E9E9E9;
}

.profile-popup.no-bio .social-icons .print {
  margin-right: 20px;
}

.profile-popup.no-bio .social-icons .print,
.profile-popup.no-bio .social-icons .social-toggle {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  position: relative;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  border: none;
}

.hero.hackathon .hero-bottom {
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 75px;
  position: absolute;
  width: 100%;
}

.hero.hackathon .hero-bottom > div {
  display: inline-block;
}

.hackathon-timer {
  color: #FFF;
  display: inline-block;
  font-family: "dashiell-bright", serif;
}

.hackathon-timer ul {
  margin-bottom: 0;
}

.hackathon-timer li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 0.5em;
  padding-top: 0;
  text-transform: uppercase;
}

.hackathon-timer li span {
  color: #fff;
  display: block;
  font-size: 60px;
  line-height: 1;
  text-align: center;
}

.hero-text.hackathon * {
  line-height: 1 !important;
}

.hero-text.hackathon h1 {
  font-size: 70px;
}

.hero-text.hackathon .category-title {
  font-size: 20px;
  text-transform: uppercase;
}

.hero-text.hackathon h2 {
  font-size: 60px;
  font-weight: 400;
}

.hero-text.hackathon .subheading {
  bottom: 0;
  font-size: 20px;
  margin-bottom: 0;
  position: absolute;
}

#hackathon-form .dropdown-toggle {
  border: 1px solid #D8D8D8;
}

#hackathon-form .bootstrap-select {
  display: block;
}

#hackathon-form input[type=text].form-control,
#hackathon-form input[type=email].form-control {
  height: 58px;
}

#hackathon-form .submit-align-right {
  text-align: right;
}

/* Members increment */
#hackathon-form input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

#hackathon-form .third,
#hackathon-form .fourth {
  display: none;
}

#hackathon-form input[type=number]::-webkit-inner-spin-button,
#hackathon-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

#hackathon-form .number-input {
  display: inline-flex;
  vertical-align: top;
}

#hackathon-form .number-input button {
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #d8d8d8;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

#hackathon-form .number-input button:before,
#hackathon-form .number-input button:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 14px;
  height: 1px;
  background-color: #212121;
  top: 13px;
  left: 13px;
  transform: translate(-50%, -50%);
}

#hackathon-form .number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

#hackathon-form .number-input input[type=number] {
  font-family: sans-serif;
  max-width: 28px;
  padding: 0.5rem;
  border: none;
  font-size: 14px;
  height: 28px;
  font-weight: bold;
  text-align: center;
}

#hackathon-form .label {
  font-family: "dashiell-bright", serif;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
}

#hackathon-form h2 {
  margin-bottom: 40px;
}

#hackathon-form .dropdown-menu a,
#hackathon-form .dropdown-menu a span:first-child {
  display: inline-block;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
}

#hackathon-form .dropdown-menu a .span.text:hover {
  color: #0081A4;
}

#hackathon-form .form-description {
  margin-bottom: 40px;
}

.hackathon-icon img {
  height: auto;
  width: 140px;
}

.hackathon-sponsor img {
  height: auto;
  padding-left: 40px;
  width: 100%;
}

.rte-img-chosen img {
  height: auto;
  width: 100%;
}

.hackathon-directions {
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.hero-bottom .hackathon-sponsor {
  color: #fff;
  display: flex !important;
  flex-direction: column;
  font-family: "dashiell-bright", serif;
  padding: 0.5em;
  padding-top: 0;
  justify-content: space-between;
}

.hero-bottom .hackathon-sponsor p {
  font-family: "dashiell-bright", serif;
  font-size: 20px;
  margin: 0;
}

.hero-bottom .hackathon-sponsor .sponsor {
  font-size: 16px;
}

.hero-bottom .hackathon-sponsor .sponsor img {
  height: auto;
  padding-left: 10px;
  max-width: 140px;
}

section.gallery {
  padding-bottom: 150px;
}

section.gallery .container-fluid {
  padding: 0 1rem;
}

section.gallery .container-fluid .cell {
  margin: 1rem 0;
}

section.gallery .cell .responsive-image {
  display: block;
  max-width: 100%;
}

.fancybox-container .fancybox-image {
  max-width: 100vw;
  height: auto;
}

@media (min-width: 576px) {
  section.gallery .grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  section.gallery .grid .cell {
    margin: 1rem;
    width: calc(50% - 2rem);
  }
}
@media (min-width: 768px) {
  section.gallery .grid .cell {
    width: calc(33.3333% - 2rem);
  }
}
@media (min-width: 1024px) {
  section.gallery .container-fluid {
    padding: 0 65px;
  }
}
@media (max-width: 767px) {
  .hero-text.hackathon {
    margin-left: 75px !important;
  }
  .hero-text.hackathon h1 {
    font-size: 34px;
  }
  .hero-text.hackathon h2 {
    font-size: 32px;
  }
  .hackathon-timer li {
    font-size: 14px;
    padding: 10px;
    padding-top: 0;
  }
  .hackathon-timer li span {
    font-size: 40px;
    line-height: 40px;
  }
  .hero.hackathon .hero-bottom {
    padding: 0 25px 25px;
  }
  .hero-bottom .hackathon-sponsor {
    margin-top: 20px;
    padding: 0;
    text-align: left;
    width: 100%;
  }
  .hero-bottom .hackathon-sponsor p {
    font-size: 16px;
  }
  .hero-bottom .hackathon-sponsor span {
    font-size: 12px;
  }
}
@media (max-width: 414px) {
  .hero.hackathon .hero-text.hackathon {
    margin-top: 75px;
  }
  .hero-text.hackathon .subheading {
    margin-top: 50px;
    position: initial;
  }
  .hackathon-timer {
    text-align: center;
    width: 100%;
  }
  .hackathon-timer li {
    padding: 0;
  }
}
.knowledge.articles {
  display: block;
}

.knowledge.articles .brexit-odd-row .col-lg-4 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.hero.expertise.dark .hero-text h1,
.hero.expertise.dark .hero-text h5,
.hero.expertise.dark .hero-text p {
  color: #2B2171;
}

.logo-wrap.dark #Home-Desktop-HD-Copy-2 {
  fill: #2B2171 !important;
}

.exp .purple .statement {
  background-color: #730081;
}

.progressive-case-studies h2 {
  border-bottom: 2px solid #2B2171;
  color: #2B2171;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.progressive-case-studies h2:before {
  content: " ";
  background-image: url(/img/progressive-case-sutides-icon.png);
  backgroud-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

.related-box.progressive-delivery {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
}

.related-box.progressive-delivery h3,
.related-box.progressive-delivery .h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 56px;
  font-size: 22px;
  line-height: 28px;
  margin-top: 40px;
}

.navbar.dark #Top-Nav-L-Template {
  stroke: #979797 !important;
}

.hero.dark {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.slider-video {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  width: 100%;
}

.cp_login_podcast p,
.cp_login_podcast p:last-child {
  margin-bottom: 20px;
  color: #2B2171;
}

.cp_login_podcast:not(:last-child) {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.cp_login_podcast:last-child {
  margin-bottom: 40px;
}

.theme-box .theme-box-content {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  padding: 30px;
}

.theme-box.hub-image .theme-box-content {
  background-color: rgba(20, 149, 188, 0.9);
}

.theme-box.network-image .theme-box-content {
  background-color: rgba(70, 26, 106, 0.9);
}

.theme-box .theme-box-content h5,
.theme-box .theme-box-content .h5 {
  margin-bottom: 25px;
}

.theme-box .theme-box-content h3,
.theme-box .theme-box-content .h3 {
  margin-bottom: 50px;
}

.theme-box .theme-box-content a {
  margin-top: 30px;
}

.theme-box .theme-box-content p {
  font-family: "Freight Sans Pro";
  font-size: 20px;
  line-height: 26px;
}

.theme-box .theme-box-content a.btn {
  border: 1px solid #fff;
  min-width: 210px;
  color: #fff;
  height: 48px;
  line-height: 48px;
  padding: 0;
}

.theme-box .theme-box-content a.btn:hover {
  background-color: #fff;
  color: #014c8c;
}

.theme-box.hub-image,
.theme-box.network-image {
  background-size: cover;
  background-position: center;
  height: 391px;
}

@media all and (min-width: 776px) and (max-width: 922px) {
  .theme-box.hub-image,
  .theme-box.network-image {
    height: 500px;
    max-height: 500px;
  }
}
@media all and (max-width: 414px) {
  .theme-box.hub-image,
  .theme-box.network-image {
    height: 500px;
    max-height: 500px;
  }
}
.theme-box.hub-image {
  background-image: url(/img/Knowledge_Hub_Image@2x.jpg);
}

.theme-box.network-image {
  background-image: url(/img/Knowledge_Nexwork_Image@2x.jpg);
}

.solutions_show_all.articles .container .row [class*=col-] {
  margin-bottom: 40px;
}

.indent_text {
  padding-left: 50px;
  font-size: 20px;
  line-height: 28px;
}

.news.articles .row.isotope-item {
  margin-left: 0px;
  margin-right: 0px;
}

table.navy_border_color {
  border: 1px solid #2B2171;
}

/*from header inline style*/
.cc_container .cc_message {
  font-family: "dashiell-bright", serif;
}

audio {
  width: 100%;
}

/*from footer inline style*/
div.lead p {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  div.lead p {
    font-size: 21px;
  }
}

.full-width-panel {
  padding: 100px 0px;
}

.lts.full-width-panel.color1 {
  background-color: #f0f0f0;
}

.lts.related.full-width-panel .related-box.themes a {
  background-color: #ffffff;
}

.lts.related.full-width-panel .related-box.themes a:hover {
  background-color: #ffffff;
}

.lts.related.full-width-panel:not(.client-solutions-holder) .related-box.themes:not(.text-on-top):not(.color1):not(.color2):not(.color3) a:hover h3 {
  color: #2B2171;
}

.lts.related.full-width-panel.client-solutions-holder .box-knowledge:not(:nth-child(odd)) .related-box.themes a:hover h3,
.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(5) .related-box.themes a:hover h3 {
  color: #2B2171;
}

.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(4) .related-box.themes a:hover h3 {
  color: #ffffff;
}

.lts.related.full-width-panel .related-box.themes:not(.text-on-top) a:hover h5 {
  color: #6C0A76;
}

.lts.related.full-width-panel .related-box .description {
  color: #2B2171;
}

.lts.related.full-width-panel:not(.client-solutions-holder) .related-box {
  min-height: 636px;
  max-height: 636px;
}

.lts.related.full-width-panel.client-solutions-holder .related-box {
  min-height: 500px;
  max-height: 500px;
}

.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .related-box,
.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(5) .related-box {
  min-height: 320px;
  max-height: 320px;
}

.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .related-box .client-solution-description,
.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(5):not(:nth-child(4)) .related-box .client-solution-description {
  color: #2B2171;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box .client-solution-description,
.lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(4) .related-box .client-solution-description {
  color: #2B2171;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.lts.related.full-width-panel.client-solutions-holder .related-box .btn-custom {
  position: absolute;
  bottom: 28px;
  margin: 0px;
}

.lts.related.full-width-panel.client-solutions-holder .related-box h3,
.lts.related.full-width-panel.client-solutions-holder .related-box .h3 {
  min-height: 99px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.lts.related.full-width-panel .box-knowledge {
  margin-bottom: 20px;
}

.lts.related.full-width-panel .related-box a .bg-image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0%;
  background-size: cover;
}

.lts.related.full-width-panel .related-box a .bg-image:after {
  content: " ";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  background-color: transparent;
}

.lts.related.full-width-panel .related-box a .bg-image.half {
  top: 51.25%;
}

.lts.related.full-width-panel.client-solutions-holder .related-box.themes a:hover {
  background-color: #fff;
}

.lts.related.full-width-panel .related-box.themes:not(.color1):not(.color2):not(.color3) .description {
  display: none;
}

/* COLOR 1 */
.lts.related.full-width-panel .related-box.themes.color1 a,
.lts.related.full-width-panel .related-box.themes.color1 a:hover {
  background-color: #0081A4;
}

.lts.related.full-width-panel .related-box.themes.color1 a h3,
.lts.related.full-width-panel .related-box.themes.color1 a h5,
.lts.related.full-width-panel .related-box.themes.color1 a:hover h3,
.lts.related.full-width-panel .related-box.themes.color1 a:hover h5,
.lts.related.full-width-panel .related-box.color1 .description {
  color: #ffffff;
}

.lts.related.full-width-panel .related-box.themes.color1 .bg-image {
  display: none;
}

/* COLOR 2 */
.lts.related.full-width-panel .related-box.themes.color2 a,
.lts.related.full-width-panel .related-box.themes.color2 a:hover {
  background-color: #4C19A2;
}

.lts.related.full-width-panel .related-box.themes.color2 a h3,
.lts.related.full-width-panel .related-box.themes.color2 a h5,
.lts.related.full-width-panel .related-box.themes.color2 a:hover h3,
.lts.related.full-width-panel .related-box.themes.color2 a:hover h5,
.lts.related.full-width-panel .related-box.color2 .description {
  color: #ffffff;
}

.lts.related.full-width-panel .related-box.themes.color2 .bg-image {
  display: none;
}

/* COLOR 3 */
.lts.related.full-width-panel .related-box.themes.color3 a,
.lts.related.full-width-panel .related-box.themes.color3 a:hover {
  background-color: #ffffff;
}

.lts.related.full-width-panel .related-box.themes.color3 .bg-image {
  display: none;
}

.lts.related.full-width-panel .related-box .description {
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
  padding: 20px;
  position: absolute;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.lts.related.full-width-panel .related-box a {
  padding: 28px;
}

.lts.related.full-width-panel .related-box.text-on-top h5,
.lts.related.full-width-panel .related-box.text-on-top h3,
.lts.related.full-width-panel .related-box.text-on-top:not(.color1):not(.color2):not(.color3) .description {
  position: relative;
  color: #fff;
}

.lts.related.full-width-panel .client-solutions-h2 {
  color: #2B2171;
  font-weight: 600;
  font-size: 36px;
}

@media (min-width: 992px) {
  .lts.related.full-width-panel .client-solutions-h2,
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge .related-box.themes a h3 {
    font-size: 36px;
  }
  .client-solutions-holder.related.full-width-panel .box-knowledge .client-solution-description {
    font-size: 20px;
  }
}
.client-solutions-holder .show-more-btn-holder {
  margin-top: 30px;
  text-align: center;
}

.client-solutions-holder .show-more-btn-holder .btn.btn-custom.btn-read-more {
  margin: 0px;
}

.client-solutions-holder {
  padding: 50px 0;
}

.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .related-box,
.client-solutions-holder .box-knowledge:nth-child(5) .related-box {
  min-height: 270px;
  max-height: 270px;
}

.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .bg-image,
.client-solutions-holder .box-knowledge:nth-child(5) .bg-image {
  display: none;
}

.client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box h3,
.client-solutions-holder .box-knowledge:nth-child(4) .related-box h3 {
  height: 242px;
  position: relative;
  z-index: 1;
  color: #ffffff;
}

.client-solutions-holder.related.full-width-panel .box-knowledge:nth-child(odd) .related-box a .bg-image.half,
.client-solutions-holder.related.full-width-panel .box-knowledge:nth-child(4) .related-box a .bg-image.half {
  top: 0;
  bottom: 50%;
}

.client-solutions-holder.related.full-width-panel .box-knowledge .client-solution-description {
  color: #2B2171;
}

@media (max-width: 767px) {
  .full-width-panel {
    padding: 50px 0px;
  }
  .lts.related.full-width-panel:not(.client-solutions-holder) .box-knowledge,
  .lts.related.full-width-panel:not(.client-solutions-holder) .box-knowledge .related-box {
    margin-bottom: 0px;
  }
  .lts.related.full-width-panel .box-knowledge .related-box {
    min-height: 400px;
    max-height: 400px;
  }
  .lts.related.full-width-panel.client-solutions-holder .related-box {
    min-height: 300px;
    max-height: 300px;
  }
}
@media (max-width: 991px) {
  .lts.related.full-width-panel .related-box button.btn {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lts.related.full-width-panel:not(.client-solutions-holder) .box-knowledge:nth-child(2) {
    display: none;
  }
  .lts.related.full-width-panel .box-knowledge .related-box {
    min-height: 390px;
    max-height: 390px;
  }
  .lts.related.full-width-panel.client-solutions-holder .related-box {
    min-height: 327px;
    max-height: 327px;
  }
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .related-box,
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(5) .related-box {
    min-height: 255px;
    max-height: 255px;
  }
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge .btn-custom {
    bottom: 18px;
  }
  .lts.related.full-width-panel.client-solutions-holder .related-box h3,
  .client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box h3,
  .client-solutions-holder .box-knowledge:nth-child(4) .related-box h3 {
    min-height: 56px;
    max-height: 56px;
    height: 56px;
    -webkit-line-clamp: 2;
    font-size: 24px;
  }
  .client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box h3,
  .client-solutions-holder .box-knowledge:nth-child(4) .related-box h3 {
    min-height: 136px !important;
    max-height: 136px !important;
    height: 136px !important;
  }
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .related-box .client-solution-description,
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(5):not(:nth-child(4)) .related-box .client-solution-description {
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 767px) {
  .lts.related.full-width-panel.client-solutions-holder .related-box .bg-image {
    display: none;
  }
  .lts.related.full-width-panel.client-solutions-holder .related-box {
    min-height: 300px;
    max-height: 300px;
  }
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .related-box,
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(5) .related-box {
    min-height: 300px;
    max-height: 300px;
  }
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge .btn-custom {
    bottom: 18px;
  }
  .lts.related.full-width-panel.client-solutions-holder .related-box h3,
  .client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box h3,
  .client-solutions-holder .box-knowledge:nth-child(4) .related-box h3 {
    min-height: 54px;
    max-height: 54px;
    height: 54px;
    -webkit-line-clamp: 2;
    font-size: 24px;
  }
  .client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box h3,
  .client-solutions-holder .box-knowledge:nth-child(4) .related-box h3 {
    min-height: 54px !important;
    max-height: 54px !important;
    height: 54px !important;
  }
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(even):not(:nth-child(4)) .related-box .client-solution-description,
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(5):not(:nth-child(4)) .related-box .client-solution-description,
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box .client-solution-description,
  .lts.related.full-width-panel.client-solutions-holder .box-knowledge:nth-child(4) .related-box .client-solution-description {
    -webkit-line-clamp: 5;
  }
  .client-solutions-holder .box-knowledge:nth-child(odd):not(:nth-child(5)) .related-box h3,
  .client-solutions-holder .box-knowledge:nth-child(4) .related-box h3 {
    color: #2B2171;
  }
}
.article-content .lead ul,
.article-content .lead ol {
  font-size: 30px;
  line-height: 37px;
  margin-left: 60px;
}

.article-content .lead ul:not(:first-child),
.article-content .lead ol:not(:first-child) {
  margin-top: -60px;
}

.article-content .lead b,
.article-content .lead strong {
  font-weight: bold;
}

/* Homepage Video */
.video-overlay-text {
  position: absolute;
  top: 55%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 80px;
  font-family: "dashiell-bright", serif;
  color: #ffffff;
  width: 80%;
  text-align: center;
}

.page-home-for-sure a.scroll {
  bottom: 100px;
}

.page-home-for-sure a.scroll span {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.page-home-for-sure .home.themes {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../video/placeholder.jpg") center center/cover no-repeat;
}

.home-page-video {
  width: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .home-page-video {
    height: 200%;
    top: -50%;
    position: absolute;
  }
}
@media (max-aspect-ratio: 16/9) {
  .home-page-video {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .page-home-for-sure .home.themes {
    background: url("../video/placeholder.jpg") center center/cover no-repeat;
  }
  .home-page-video {
    display: none;
  }
}
/* END OF HOME PAGE VIDEO */
/* START STRONG */
.start_strong.about.tabs .active h2 a {
  background-color: #fff;
}

.start_strong.about.tabs .container .row .col-md-3:not(:last-child) h2 a {
  border-right: 1px solid #C1C1C1;
}

.start_strong.icons-box {
  background-color: #FFFFFF;
}

.start_strong.benefits {
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  background-repeat: no-repeat;
  background-position: top left, right bottom;
  background-image: url("data:image/svg+xml,%3Csvg width='193' height='193' viewBox='0 0 193 193' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4' clip-path='url(%23clip0_190_252937)'%3E%3Cpath d='M-0.497498 74.132C40.7187 74.132 74.131 40.7196 74.131 -0.496521C74.131 -41.7127 40.7187 -75.125 -0.497498 -75.125C-41.7137 -75.125 -75.126 -41.7127 -75.126 -0.496521C-75.126 40.7196 -41.7137 74.132 -0.497498 74.132Z' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath opacity='0.6' d='M-0.496902 132.672C73.0509 132.672 132.673 73.0499 132.673 -0.497894C132.673 -74.0457 73.0509 -133.668 -0.496902 -133.668C-74.0447 -133.668 -133.667 -74.0457 -133.667 -0.497894C-133.667 73.0499 -74.0447 132.672 -0.496902 132.672Z' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath opacity='0.2' d='M-0.496933 191.209C105.379 191.209 191.209 105.379 191.209 -0.496948C191.209 -106.373 105.379 -192.203 -0.496933 -192.203C-106.373 -192.203 -192.203 -106.373 -192.203 -0.496948C-192.203 105.379 -106.373 191.209 -0.496933 191.209Z' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_190_252937'%3E%3Crect width='387' height='387' fill='white' transform='translate(-194 -194)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='194' height='196' viewBox='0 0 194 196' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4' clip-path='url(%23clip0_190_253091)'%3E%3Cpath d='M193.503 268.132C234.719 268.132 268.131 234.72 268.131 193.503C268.131 152.287 234.719 118.875 193.503 118.875C152.286 118.875 118.874 152.287 118.874 193.503C118.874 234.72 152.286 268.132 193.503 268.132Z' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath opacity='0.6' d='M193.503 326.672C267.051 326.672 326.673 267.05 326.673 193.502C326.673 119.954 267.051 60.332 193.503 60.332C119.955 60.332 60.333 119.954 60.333 193.502C60.333 267.05 119.955 326.672 193.503 326.672Z' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath opacity='0.2' d='M193.503 385.209C299.379 385.209 385.209 299.379 385.209 193.503C385.209 87.6266 299.379 1.79688 193.503 1.79688C87.6267 1.79688 1.79688 87.6266 1.79688 193.503C1.79688 299.379 87.6267 385.209 193.503 385.209Z' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_190_253091'%3E%3Crect width='387' height='387' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  padding: 40px;
  color: #fff;
}
@media (min-width: 768px) {
  .start_strong.benefits {
    padding: 80px 0px;
  }
}
.start_strong.benefits a:not(.btn) {
  column-gap: 5px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  box-sizing: border-box;
  transition: none;
  border: none;
  color: #fff;
  border-bottom: 1px solid #fff;
  font-size: inherit;
}
@media (max-width: 767px) {
  .start_strong.benefits a:not(.btn) {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}
.start_strong.benefits a:not(.btn):hover, .start_strong.benefits a:not(.btn):active, .start_strong.benefits a:not(.btn):focus {
  transition: none;
  text-decoration: none;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  border-bottom: 1px solid var(--primary-colour-palette-pink-ff-8896, #FF8896);
}
.start_strong.benefits a:not(.btn):hover, .start_strong.benefits a:not(.btn):active, .start_strong.benefits a:not(.btn):focus {
  color: #fff;
}

.start_strong.benefits .icon-frame {
  min-height: auto;
  margin-bottom: 20px;
  border: none;
  padding: 0;
}

.start_strong.benefits .icon-box {
  padding-right: 15px;
  padding-left: 15px;
}

.start_strong.benefits h3,
.start_strong.benefits .h3 {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  min-height: unset;
  color: #fff;
}
@media (max-width: 767px) {
  .start_strong.benefits h3,
  .start_strong.benefits .h3 {
    font-size: 18px;
  }
}

.start_strong.benefits h2,
.start_strong.benefits .h2 {
  margin-bottom: 40px;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
}
@media (max-width: 767px) {
  .start_strong.benefits h2,
  .start_strong.benefits .h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}

.start_strong .sign-in-row h2,
.start_strong .sign-in-row .h2 {
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 50px;
}

.start_strong .extra-text {
  margin-top: 40px;
}

.start_strong .extra-text p {
  margin: 0px;
}

.start_strong .icon-frame {
  border: none;
  margin-bottom: 0;
}

.areas.start_strong h2,
.areas.start_strong .h2 {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 42px;
}
@media (max-width: 767px) {
  .areas.start_strong h2,
  .areas.start_strong .h2 {
    font-size: 21px;
  }
}

.overview-logo-container {
  padding-left: 25px;
  padding-right: 25px;
}

.overview-logo-container a {
  position: relative;
  display: inline-block;
  height: 100%;
}

.overview-logo-container img {
  max-width: 100%;
  max-height: 124px;
}

.overview-logo-container img.img-resizer {
  visibility: hidden;
}

.overview-logo-container img:not(.img-resizer) {
  position: absolute;
  bottom: 0px;
}

.start-strong-register-your-interest {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  display: none;
}

.start-strong-register-your-interest .reg-content h2 {
  margin-bottom: 60px;
}

.start-strong-register-your-interest .reg-content .btn {
  margin-top: 60px;
}

.start-strong-register-your-interest .reg-content {
  background-color: #D7A700;
  padding: 80px 15px;
  color: #ffffff;
  width: 80%;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-height: 100%;
  overflow: auto;
}

.start-strong-register-your-interest .reg-content .field {
  margin-bottom: 10px;
}

.start-strong-register-your-interest .reg-content .field .error {
  width: 100%;
  text-align: left;
  display: inline-block;
  margin-bottom: 10px;
  max-width: 560px;
}

.start-strong-register-your-interest .reg-content input[type=text] {
  border: none;
  line-height: 42px;
  padding: 0px 15px;
  width: 100%;
  max-width: 560px;
  outline: none;
}

.start-strong-register-your-interest .register-interest-close {
  position: absolute;
  right: 15px;
  top: 5px;
  font-size: 24px;
  cursor: pointer;
}

.start-strong-case-study-item {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
}

.start-strong-case-study-item h3,
.start-strong-case-study-item .h3 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 113.333% */
  font-family: "dashiell-bright", serif;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .start-strong-case-study-item h3,
  .start-strong-case-study-item .h3 {
    font-size: 24px;
  }
}

.start-strong-case-study-item p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .start-strong-case-study-item p {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.start-strong-case-study-item a {
  width: fit-content;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  text-align: center;
  padding: 14.5px 30px;
  border-radius: 50px;
  border: unset;
  background: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  color: #fff;
  margin-top: auto;
}
.start-strong-case-study-item a:hover {
  text-decoration: none;
  cursor: pointer;
}
.start-strong-case-study-item a:active {
  outline: unset;
}
.start-strong-case-study-item a:focus {
  outline-offset: 2px;
}
.start-strong-case-study-item a:disabled, .start-strong-case-study-item a .disabled {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
  cursor: initial;
}
.start-strong-case-study-item a:disabled:focus, .start-strong-case-study-item a .disabled:focus {
  background: var(--grey-1, #F0F0F0);
  color: #797979;
}
.start-strong-case-study-item a:hover {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}
.start-strong-case-study-item a:focus, .start-strong-case-study-item a:focus-within, .start-strong-case-study-item a:active {
  background: var(--primary-colour-palette-pink-ff-8896, #FF8896);
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
}

.start-strong-case-study-related {
  padding-bottom: 0px;
  padding-top: 0px;
}

@media all and (max-width: 768px) {
  .start_strong.benefits .icon-frame {
    display: none;
  }
  .start_strong.benefits h2,
  .start_strong.benefits .h2 {
    margin-bottom: 50px;
  }
  .start_strong.benefits h3,
  .start_strong.benefits .h3 {
    margin-bottom: 15px;
  }
  .start_strong.benefits h3:before,
  .start_strong.benefits .h3:before {
    content: "•";
    margin-right: 20px;
  }
  .start_strong.benefits .icon-box {
    padding-left: 50px;
    padding-right: 50px;
    text-align: left;
  }
  .areas.start_strong h2 {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.42px;
    font-weight: 500;
  }
  .overview-logo-container:nth-child(3),
  .overview-logo-container:nth-child(4) {
    margin-top: 20px;
  }
}
@media all and (max-width: 568px) {
  .start-strong-register-your-interest .reg-content {
    background-color: #D7A700;
    padding: 50px 15px;
  }
  .start-strong-register-your-interest .reg-content h2 {
    margin-bottom: 30px;
  }
  .start-strong-register-your-interest .reg-content .btn {
    margin-top: 30px;
  }
  .start-strong-register-your-interest .reg-content h2 {
    font-size: 24px;
  }
  .start_strong.benefits .icon-box {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
  }
  .start_strong.benefits h3:before,
  .start_strong.benefits .h3:before {
    position: absolute;
    left: 0;
    top: -1px;
  }
  .start_strong.benefits h3,
  .start_strong.benefits .h3 {
    position: relative;
    padding-left: 20px;
  }
  .start_strong.about.tabs h2 a,
  .start_strong.about.tabs .h2 a {
    font-size: 14px;
  }
}
@media all and (max-width: 414px) {
  .start_strong .sign-in-row h2 {
    font-size: 18px;
  }
}
/*TABLE ACCORDION*/
@media all and (max-width: 1024px) {
  .table-accordion tbody,
  .table-accordion tr,
  .table-accordion td {
    display: block;
  }
  .table-accordion td {
    width: 100% !important;
  }
}
/*END TABLE ACCORDION*/
/*PAGINATION*/
.people-ajax-pagination {
  text-align: center;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  background-color: #2B2171;
  border: 1px solid #2B2171;
}

.page-link {
  color: #2B2171;
  font-family: "dashiell-bright", serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  border: 1px solid #2B2171;
}

.page-link:hover {
  border: 1px solid #2B2171;
}

.page-total {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  text-decoration: none;
  background-color: #fff;
  border-left: 1px solid #ddd;
  font-family: "dashiell-bright", serif;
  font-size: 18px;
  font-weight: 500;
  color: #2B2171;
}

.page-link:focus, .page-link:hover {
  color: #FFF;
  background-color: #2B2171;
}

.page-link-icon {
  height: 23px;
  display: inline-block;
  vertical-align: middle;
}

@media all and (max-width: 414px) {
  .page-link {
    padding: 0.2rem 0.25rem;
  }
  .page-item.active .page-link, .page-total {
    padding: 0.21rem 0.5rem;
  }
}
/*END PAGINATION*/
.modal-popup-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
}

.modal-popup-loader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 50%;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .modal-popup-loader-inner {
    width: 100%;
    height: 100%;
  }
}
.graduates-faqs h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-family: "dashiell-bright", serif;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .graduates-faqs h2 {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }
}
@media (min-width: 768px) {
  .graduates-faqs h2 {
    padding-bottom: 39px;
  }
}
.graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item {
  padding: 14px 29px 14px 14px;
  border-top: 1px solid var(--primary-colour-palette-pink-ff-8896, #FF8896);
}
@media (min-width: 768px) {
  .graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item {
    padding: 24px 29px 24px 24px;
  }
}
.graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item:last-child {
  border-bottom: 1px solid var(--primary-colour-palette-pink-ff-8896, #FF8896);
}
.graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-head {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
}
.graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  font-family: "dashiell-bright", serif;
  color: var(--primary-colour-palette-navy-2-b-2171, #2B2171);
  max-width: 702px;
}
@media (max-width: 767px) {
  .graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-title {
    font-size: 20px;
  }
}
@media (max-width: 428px) {
  .graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-title {
    width: 100%;
  }
}
.graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9996 16.0215L5.01562 9.03906L5.72266 8.33203L11.9996 14.6074L18.2766 8.33203L18.9836 9.03906L11.9996 16.0215Z' fill='%232B2171'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}
@media (max-width: 428px) {
  .graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-arrow {
    margin-top: 0;
    align-self: center;
  }
}
.graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-text {
  display: none;
  max-width: 862px;
  padding: 18px 0 15px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item .g-faqs-item-text {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}
.graduates-faqs .g-faqs-wrap .g-faqs-items .g-faqs-item.open .g-faqs-item-arrow {
  transform: rotate(180deg);
}

.benefits__three-col h4, .benefits__three-col .h4 {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .benefits__three-col h4, .benefits__three-col .h4 {
    margin-bottom: 20px;
  }
}
.benefits__three-col li {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .benefits__three-col li {
    font-size: 16px;
    line-height: 22px; /* 137.5% */
  }
}

.show-more__subtitle {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: #2B2171;
}
@media (max-width: 767px) {
  .show-more__subtitle {
    font-size: 21px;
  }
}
.show-more__subtitle p {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
  color: #2B2171;
  margin: auto;
}
@media (max-width: 767px) {
  .show-more__subtitle p {
    font-size: 21px;
  }
}

.sticky-element:not(.event) {
  padding: 0 15px;
}

#searchterm {
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  #searchterm {
    font-size: 21px;
  }
}

.quote .carousel-inner {
  min-height: auto;
}

.carousel-v2 .carousel-control {
  visibility: visible;
  width: 40px;
  height: 40px;
  top: unset;
  bottom: -55px;
  z-index: 16;
}
@media (min-width: 768px) {
  .carousel-v2 .carousel-control {
    display: none;
  }
}

@media (max-width: 767px) {
  .carousel-v3 .carousel-control {
    visibility: visible;
    width: 40px;
    height: 40px;
    z-index: 16;
    top: unset !important;
    bottom: -55px;
  }
}
@media (max-width: 767px) {
  .carousel-v3 .carousel-control.right {
    right: 70px;
  }
}
@media (max-width: 767px) {
  .carousel-v3 .carousel-control.left {
    left: 70px;
  }
}
@media (max-width: 767px) {
  .two-col-slider .carousel-v3 .carousel-control {
    bottom: 90px;
  }
}
@media (max-width: 767px) {
  .expertise .carousel-v3 .carousel-control {
    bottom: 10px;
  }
}
@media (max-width: 767px) {
  .story-slider .carousel-v3 .carousel-control {
    bottom: -30px;
  }
  .story-slider .carousel-v3 .carousel-control-next {
    right: 90px;
    left: unset;
  }
  .story-slider .carousel-v3 .carousel-indicators {
    bottom: 10px;
    display: flex;
  }
}

/*# sourceMappingURL=custom.css.map */