/* Confluence Main Content Area */
.title-section{
    height: 500px;
  }
  
  
  @font-face {
  font-family: "gilroy-bold";
  src: url("https://www.confluence.com/pardot-assets/font/gilroy-bold-webfont.woff") format("woff"),
  }
  @font-face {
  font-family: "gilroy-light";
  src: url("https://www.confluence.com/pardot-assets/font/gilroy-light-webfont.woff") format("woff"),
  }
  
  
  body {
    margin: 0;
    padding: 0;
  }
  /* Universal styling */
  
  /* Uncheck for workflow */
  .dropdown-solutions-collateral,
  .dropdown-services-collateral,
  .dropdown-clients-collateral,
  .dropdown-resources-collateral,
  .dropdown-about-collateral,
  .dropdown-contact-collateral {
    display: none !important;
  }
  .risk-content-master,
  .data-content-master,
  .regulatory-content-master,
  .investor-content-master,
  .esg-content-master {
    display: none;
  }
  /* ---- End ---- */
  
  header {
    z-index:9;
    position: relative;
  }
  
  /* full-width cta styling */
  
  /* Performance (Default=Green) */
  .full-width-col-cta {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 1.75%,
      #33686a 1.75%
    ) !important;
    margin-bottom: 5px !important;
    color: #ffffff;
    font-family: gilroy-bold;
    padding: 0.5em 1em !important;
    display: block;
    line-height: 26px !important;
  }
  .full-width-col-cta.red {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 1.75%,
      #6b1a2d 1.75%
    ) !important;
  }
  .full-width-col-cta.grey {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 1.75%,
      #5f6c7b 1.75%
    ) !important;
  }
  .full-width-col-cta.blue {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 1.75%,
      #1f4666 1.75%
    ) !important;
  }
  .full-width-col-cta.purple {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 1.75%,
      #473a58 1.75%
    ) !important;
  }
  .full-width-col-cta.c-grey {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 1.75%,
      #3c454e 1.75%
    ) !important;
  }
  .full-width-col-cta:after {
    content: url(https://www.confluence.com/wp-content/uploads/2020/05/Confluence-Caret-White.svg);
    height: 6px;
    width: 6px;
    position: absolute;
    right: 12px;
    top: 200px;
  }
  /* Solutions colouring (text)*/
  .performance {
    color: #33686a !important;
  }
  .risk {
    color: #6b1a2d !important;
  }
  .data {
    color: #5f6c7b !important;
  }
  .regulatory {
    color: #1f4666 !important;
  }
  .investor {
    color: #473a58 !important;
  }
  .esg {
    color: #3c454e !important;
  }
  
  /* Top Section */
  .lum-header-container .navigation li.drop-down {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .conf-top-section {
    background: rgb(60, 69, 78);
    background: linear-gradient(
      150deg,
      rgba(60, 69, 78, 1) 45%,
      rgba(238, 240, 242, 1) 45%
    );
    width: 100%;
  }
  
  .conf-top-section .top-row {
    padding: 15px 0 15px 15px;
    max-width: 1200px;
    display: flex;
    margin: auto;
    width: 80%;
  }
  
  .conf-top-section .top-row .logo-contain {
    width: 20.875%;
    text-align: left;
    margin-right: 5.5%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
  
  .conf-top-section .top-row .logo-contain img {
    max-width: 100%;
    height: auto;
    width: 100% !important;
    transition: width 0.2s ease-out 0s;
    position: relative;
  }
  
  #searchbar-column {
    transform: translateX(200px) translateY(15px);
    width: 100% !important;
    transition: all 0.25s ease-out 0s;
    text-align: right;
    margin-right: 65.25px;
  }
  #searchbar-column div {
    width: 90%;
  }
  #searchbar-column .conf-search-form label {
    display: none;
  }
  .conf-search-form div {
    display: flex;
  }
  #searchbar-column .conf-search-form input.conf-search {
    background-color: RGBA(255, 255, 255, 0);
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 1) 88%,
      rgba(255, 255, 255, 0) 88%
    );
    height: auto;
    min-height: 0;
    padding-top: 0.715em !important;
    padding-right: 0.715em !important;
    padding-bottom: 0.715em !important;
    padding-left: 7em !important;
    overflow: hidden;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    border: none;
    color: #666;
    font-family: "Gilroy";
    text-align: left !important;
    flex: 1;
    display: inline-block;
  }
  #searchbar-column .conf-search-form input.conf-search:focus-visible {
    outline: none;
  }
  #searchbar-column .conf-search-form .conf-submit {
    color: transparent;
    background-image: url(https://www.confluence.com//wp-content/uploads/2020/05/Search-Icon-Projection-Angle.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
    margin-right: -10px;
    margin-left: -5px;
    border: none;
    padding: 0.715em;
    cursor: pointer;
  }
  
  .socials-col {
    padding-top: 0px;
    z-index: 2 !important;
    position: absolute !important;
    top: 0px;
    bottom: auto;
    right: 0px;
    left: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  
  .socials-col ul {
    text-align: left;
    margin: 0;
  }
  .socials-col li {
    display: inline-block;
    position: relative;
  }
  .socials-col li a {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 5%,
      rgba(60, 69, 78, 1) 5%
    ) !important;
    padding-top: 30px;
    height: 34px;
    width: 34px;
    margin-right: 8px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    position: relative;
  }
  
  .socials-col .network-name {
    display: none !important;
  }
  
  .socials-col .facebook a:before {
    font-size: 17px;
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\f39e";
    color: #fff;
  }
  .socials-col .twitter a:before {
    font-size: 17px;
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e61b";
    color: #fff;
  }
  .socials-col .linkedin a:before {
    font-size: 17px;
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\f0e1";
    color: #fff;
  }
  form {
    margin: 0;
  }
  
  /* Menu Item Section*/
  .main-menu-area {
    background-color: #eef0f2 !important;
  }
  .main-menu-area #conf-menu-contain {
    border-bottom: 4px solid #ccc;
  }
  #conf-menu-contain .menu-items {
    position: relative;
    width: 80%;
    max-width: 1200px;
    margin: auto;
  }
  #conf-menu-contain .menu-items #quadmenu {
    position: static;
  }
  #conf-menu-contain .menu-items #quadmenu .quadmenu-contain {
    font-family: "Gilroy";
    width: 100%;
  }
  #quadmenu .quadmenu-contain .navigation {
    list-style: none;
    padding: unset;
  }
  #quadmenu .quadmenu-contain .navigation li {
    display: inline-block;
  }
  #quadmenu .quadmenu-contain .navigation a {
    text-decoration: none;
    position: relative;
    direction: initial;
    flex-direction: column;
    display: flex !important;
    justify-content: center;
  }
  #quadmenu .quadmenu-contain .navigation li .quadmenu-text {
    margin-right: 15px;
    font-size: 18px;
    color: #3c454e;
    padding: 0 18px 0 0;
    font-weight: 400;
  }
  #quadmenu .quadmenu-contain .navigation li.drop-down .quadmenu-chevron:before {
    position: relative;
    content: "";
    height: 0.75em;
    width: 0.75em;
    background-image: url(https://www.confluence.com/wp-content/uploads/2020/07/chevron-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: -2px 0 0 5px;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    text-align: center;
    font-size: 12px;
    top: 50%;
    right: 0;
    margin: -2px 15px 0 0;
  }
  
  ul {
    margin: 0;
  }
  
  /* Solutions Menu Dropdown (Top Layer)*/
  .drop-down {
    max-width: 100%;
  }
  .multiple-dropdown-area {
    pointer-events: all;
    overflow: visible;
    height: auto;
    box-shadow: 0 2px 5px rgb(0 0 0 /15%);
    position: absolute;
    min-width: 240px;
    display: block;
    float: none;
    background-color: #fff;
    border-top-width: 2px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: #3c454e;
    border-style: solid;
    background-position: right bottom;
    background-size: contain;
    max-width: 100vw;
    width: 100vw;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
  }
  ul {
    padding-left: 0 !important;
  }
  li {
    padding-left: 0 !important;
  }
  .multiple-dropdown-area .sub-dropdown {
    position: relative;
    width: 1200px;
    margin: auto;
  }
  .quadmenu-tabs {
    max-width: 35%;
    min-width: 240px;
    width: 100%;
    display: block;
    height: auto;
    min-height: 475px;
    padding: 15px;
  }
  .quadmenu-tabs li.sub-solutions-dropdown {
    background-color: rgba(0, 0, 0, 0.05);
    display: block;
    position: static;
    text-align: initial;
    margin: 0 0 15px 0;
    width: 100%;
  }
  .quadmenu-tabs .quadmenu-dropdown-toggle {
    border-color: #f2f2f2;
    font-size: 16px;
    height: 100%;
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
  }
  .quadmenu-tabs .quadmenu-dropdown-toggle .quadmenu-item-content {
    padding: 10px;
  }
  .quadmenu-tabs .quadmenu-item-content .quadmenu-text {
    display: flex;
    height: 40px;
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: "gilroy" !important;
  }
  .quadmenu-tabs .quadmenu-item-content .quadmenu-text img {
    width: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-bottom: 0 !important;
    max-width: 100%;
    height: auto;
  }
  .quadmenu-tabs .quadmenu-item-content .quadmenu-text .tab-title {
    margin-left: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  .quadmenu-tabs .quadmenu-item-content .quadmenu-subtitle {
    display: block;
    font-size: 0.8em;
    text-transform: none;
    overflow: hidden;
    margin-left: 60px;
    margin-top: -1em;
    color: #3c454e;
  }
  .quadmenu-tabs .quadmenu-item-content .quadmenu-text .tab-title.esg {
    justify-content: center !important;
  }
  .quadmenu-tabs .quadmenu-item-content .quadmenu-caret {
    pointer-events: none;
    position: absolute;
    text-align: center;
    font-size: 12px;
    top: 50%;
    right: 0;
    height: 30px;
    width: 30px;
    margin: -15px 0 0 0;
  }
  .quadmenu-tabs .quadmenu-item-content .quadmenu-caret:before {
    content: url(https://www.confluence.com/wp-content/uploads/2020/05/Confluence-Caret-2.svg) !important;
    background-image: none !important;
    height: 6px !important;
    width: 6px !important;
    margin: -5px 0 0 5px !important;
    display: block;
    top: 50%;
    position: relative;
    text-align: center;
  }
  
  /* Performance & Analytics dropdown content (With Some general styling for all solutions dropdown content)*/
  .quadmenu-tabs .quadmenu-dropdown-menu {
    left: 35% !important;
    width: 65% !important;
    position: absolute !important;
    right: 0;
    bottom: auto;
    overflow: hidden;
    box-shadow: none;
    border: 0;
    float: left;
    max-width: calc(100% - 240px);
    transition-duration: 300ms;
    top: 0 !important;
    transition: transform 0.2s cubic-bezier(0.18, 0.74, 0.72, 1),
      opacity 0.1s ease-in;
    pointer-events: all;
    height: auto;
  }
  
  .quadmenu-dropdown-menu .quadmenu-row {
    height: 644px;
    position: relative;
    width: 100%;
    min-height: 475px;
    display: flex !important;
  }
  .quadmenu-row .solution-element-container {
    padding: 0 15px 0 30px !important;
    display: block !important;
    vertical-align: top;
    list-style: none;
    max-width: 100%;
    position: relative;
    width: 100%;
  }
  .quadmenu-row .solution-element-container div ul {
    padding: 15px 0 30px 0;
    width: 100%;
    display: block;
  }
  .quadmenu-row .solution-element-container .solution-element-content {
    position: relative;
    display: block !important;
    vertical-align: top;
  }
  
  .solution-element-container .solution-element-content .solution-title {
    margin-top: 1em;
    margin-bottom: 40px;
  }
  
  .solution-title .solution-title-heading {
    font-size: 38px;
    color: #33686a;
    padding-bottom: 20px;
    display: block;
    margin: 0 !important;
  }
  
  .solution-title p {
    margin: 0 !important;
    font-family: "gilroy-light" !important;
    color: #3c454e;
    letter-spacing: inherit;
    line-height: 26px;
  }
  
  #quadmenu
    .quadmenu-contain
    .navigation
    .solution-element-content
    .solution-sub-link {
    display: block !important;
    position: unset;
  }
  
  /* Performance dropdown links */
  .solution-element-content .flex-tab-content {
    display: flex;
    width: 100%;
    padding-bottom: 1em;
  }
  .solution-element-content .flex-tab-content .product-column {
    flex: 1;
  }
  .flex-tab-content .product-column ul {
    padding: 0 !important;
    width: 100%;
  }
  #quadmenu
    .quadmenu-contain
    .flex-tab-content
    .product-column
    .solution-sub-link {
    overflow: hidden;
  }
  
  .flex-tab-content .product-column .product-link {
    position: relative;
    display: block !important;
    margin: 0 0 5px 0;
    font-size: 16px;
    padding: 0.5em 1em !important;
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0.1026785714285714) 3%,
      rgba(242, 242, 242, 1) 3%
    ) !important;
    color: #3c454e;
    font-family: gilroy-light !important;
    line-height: 26px;
  }
  
  .flex-tab-content .product-column .product-link:after {
    content: url(https://www.confluence.com/wp-content/uploads/2020/05/Confluence-Caret-2.svg);
    height: 6px;
    width: 6px;
    position: absolute;
    right: 10px;
    top: 16px;
  }
  .flex-tab-content .product-column .product-link:hover:after {
    content: url(https://www.confluence.com/wp-content/uploads/2020/05/Confluence-Caret-White.svg) !important;
  }
  .flex-tab-content .product-column .product-link:hover {
    background: linear-gradient(
      -30deg,
      #ffffff00 3%,
      rgba(51, 104, 106, 1) 3%
    ) !important;
    color: #ffffff !important;
    cursor: pointer !important;
  }
  .flex-tab-content .product-column:nth-child(1) {
    margin-right: 5px;
  }
  
  /* Risk Dropdown Styling */
  .flex-tab-content .product-column .product-link.red:hover {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 3%,
      #6b1a2d 3%
    ) !important;
  }
  
  /* Data Dropdown Styling */
  .flex-tab-content .product-column .product-link.grey:hover {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 3%,
      #5f6c7b 3%
    ) !important;
  }
  
  /* Regulatory Dropdown Styling */
  .flex-tab-content .product-column .product-link.blue:hover {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 3%,
      #1f4666 3%
    ) !important;
  }
  
  /* Investor Communications Dropdown Styling */
  .flex-tab-content .product-column .product-link.purple:hover {
    background: linear-gradient(
      -30deg,
      rgba(255, 255, 255, 0) 3%,
      #473a58 3%
    ) !important;
  }
  .full-width-col-cta.purple:after {
    top: 232px;
  }
  .full-width-col-cta.c-grey:after {
    top: 232px;
  }
  
  /* Menu 2 Styling */
  /* Services Dropdown */
  .dropdown-services-collateral {
    transition-duration: 300ms;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    position: absolute;
    background-color: #fff;
    min-width: 240px;
    display: block;
    border-top: 2px solid #3c454e;
    transition: transform 0.2s cubic-bezier(0.18, 0.74, 0.72, 1),
      opacity 0.1s ease-in;
  }
  
  @media only screen and (min-width: 980px) {
    .dropdown-services-collateral {
      top: 100%;
    }
  }
  .dropdown-services-collateral ul {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .dropdown-services-collateral .service-contain {
    max-width: 360px;
    position: relative;
    display: block;
  }
  .dropdown-services-collateral .service-contain a {
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 0 0 1px;
    height: 100%;
    width: 100%;
    display: flex;
  }
  .dropdown-services-collateral .service-contain .quadmenu-item-content {
    padding: 10px;
  }
  .dropdown-services-collateral .service-contain span span {
    display: inline;
    font-size: 18px;
    font-weight: normal;
    color: #444;
    font-family: "gilroy-light";
  }
  .dropdown-services-collateral .service-contain:hover {
    background-color: #f2f2f2;
    cursor: pointer;
  }
  
  /* Menu Styling 3 */
  .dropdown-clients-collateral {
    transition-duration: 300ms;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    position: absolute;
    background-color: #fff;
    min-width: 240px;
    display: block;
    border-top: 2px solid #3c454e;
    transition: transform 0.2s cubic-bezier(0.18, 0.74, 0.72, 1),
      opacity 0.1s ease-in;
  }
  
  @media only screen and (min-width: 980px) {
    .dropdown-clients-collateral {
      top: 100%;
    }
  }
  .dropdown-clients-collateral ul {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .dropdown-cleints-collateral .service-contain {
    max-width: 360px;
    position: relative;
    display: block;
  }
  .dropdown-clients-collateral .service-contain a {
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 0 0 1px;
    height: 100%;
    width: 100%;
    display: flex;
  }
  .dropdown-clients-collateral .service-contain .quadmenu-item-content {
    padding: 10px;
  }
  .dropdown-clients-collateral .service-contain span span {
    display: inline;
    font-size: 18px;
    font-weight: normal;
    color: #444;
    font-family: "gilroy-light";
  }
  .dropdown-clients-collateral .service-contain:hover {
    background-color: #f2f2f2;
    cursor: pointer;
  }
  
  /* Menu Styling 4 */
  .dropdown-resources-collateral {
    transition-duration: 300ms;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    position: absolute;
    background-color: #fff;
    min-width: 240px;
    display: block;
    border-top: 2px solid #3c454e;
    transition: transform 0.2s cubic-bezier(0.18, 0.74, 0.72, 1),
      opacity 0.1s ease-in;
  }
  
  @media only screen and (min-width: 980px) {
    .dropdown-resources-collateral {
      top:100%;
    }
  }
  .dropdown-resources-collateral ul {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .dropdown-resources-collateral .service-contain {
    max-width: 360px;
    position: relative;
    display: block;
  }
  .dropdown-resources-collateral .service-contain a {
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 0 0 1px;
    height: 100%;
    width: 100%;
    display: flex;
  }
  .dropdown-resources-collateral .service-contain .quadmenu-item-content {
    padding: 10px;
  }
  .dropdown-resources-collateral .service-contain span span {
    display: inline;
    font-size: 18px;
    font-weight: normal;
    color: #444;
    font-family: "gilroy-light";
  }
  .dropdown-resources-collateral .service-contain:hover {
    background-color: #f2f2f2;
    cursor: pointer;
  }
  
  /* Dropdown menu 5 (7th menu accross) about styling*/
  
  .dropdown-about-collateral {
    transition-duration: 300ms;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    position: absolute;
    background-color: #fff;
    min-width: 240px;
    display: block;
    border-top: 2px solid #3c454e;
    transition: transform 0.2s cubic-bezier(0.18, 0.74, 0.72, 1),
      opacity 0.1s ease-in;
  }
  
  @media only screen and (min-width: 980px) {
    .dropdown-about-collateral {
      top: 100%;
    }
  }
  .dropdown-about-collateral ul {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .dropdown-about-collateral .service-contain {
    max-width: 360px;
    position: relative;
    display: block;
  }
  .dropdown-about-collateral .service-contain a {
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 0 0 1px;
    height: 100%;
    width: 100%;
    display: flex;
  }
  .dropdown-about-collateral .service-contain .quadmenu-item-content {
    padding: 10px;
  }
  .dropdown-about-collateral .service-contain span span {
    display: inline;
    font-size: 18px;
    font-weight: normal;
    color: #444;
    font-family: "gilroy-light";
  }
  .dropdown-about-collateral .service-contain:hover {
    background-color: #f2f2f2;
    cursor: pointer;
  }
  
  .dropdown-about-collateral
    .service-contain
    .quadmenu-item-content
    .quadmenu-caret:before {
    content: "";
    height: 8px;
    width: 8px;
    background-image: url(https://www.confluence.com/wp-content/uploads/2020/07/chevron-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
  }
  
  /* About Sub-Sub Dropdown */
  .sub-about-dropdown {
    transition-duration: 300ms;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    border-top: 2px solid #3c454e;
    background-color: #fff;
    left: 100%;
    right: auto;
    position: absolute;
    top: -1px;
    min-width: 240px;
  }
  .sub-about-dropdown ul {
    width: 100%;
    display: block;
  }
  .sub-about-dropdown .quadmenu-item {
    max-width: 360px;
    display: block;
    width: 100%;
  }
  .sub-about-dropdown .quadmenu-item:hover {
    background-color: #f4f4f4;
  }
  
  /* Contact Sub Dropdown */
  .dropdown-contact-collateral {
    transition-duration: 300ms;
    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
    position: absolute;
    background-color: #fff;
    min-width: 240px;
    display: block;
    border-top: 2px solid #3c454e;
    transition: transform 0.2s cubic-bezier(0.18, 0.74, 0.72, 1),
      opacity 0.1s ease-in;
  }
  
  @media only screen and (min-width: 980px) {
    .dropdown-contact-collateral {
      top: 100%;
    }
  }
  .dropdown-contact-collateral ul {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .dropdown-contact-collateral .service-contain {
    max-width: 360px;
    position: relative;
    display: block;
  }
  .dropdown-contact-collateral .service-contain a {
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 0 0 1px;
    height: 100%;
    width: 100%;
    display: flex;
  }
  .dropdown-contact-collateral .service-contain .quadmenu-item-content {
    padding: 10px;
  }
  .dropdown-contact-collateral .service-contain span span {
    display: inline;
    font-size: 18px;
    font-weight: normal;
    color: #444;
    font-family: "gilroy-light";
  }
  .dropdown-contact-collateral .service-contain:hover {
    background-color: #f2f2f2;
    cursor: pointer;
  }
  
  .dropdown-contact-collateral
    .service-contain
    .quadmenu-item-content
    .quadmenu-caret:before {
    content: "";
    height: 8px;
    width: 8px;
    background-image: url(https://www.confluence.com/wp-content/uploads/2020/07/chevron-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
  }
  
  #quadmenu .quadmenu-contain .navigation .dropdown-contact-collateral a {
    display: flex;
    position: relative;
    font-family: "gilroy-light";
    font-size: 18px;
    font-weight: normal;
  }
  #quadmenu
    .quadmenu-contain
    .navigation
    .dropdown-contact-collateral
    .quadmenu-item-content {
    width: 100%;
    padding: 10px !important;
  }
  .dropdown-contact-collateral .quadmenu-item-content .quadmenu-text {
    padding: 0 !important;
    margin-right: 0 !important;
    display: inline;
  }
  .dropdown-contact-collateral
    .quadmenu-item-content
    .quadmenu-text
    .office-nav-flag {
    width: 15px;
    margin-right: 10px;
    vertical-align: middle;
  }
  
  /* Tweaks* & Responsiveness down to 980px */
  @media only screen and (max-width: 1440px) {
    .conf-top-section .top-row {
      max-width: 95% !important;
      width: 95% !important;
    }
    .socials-col ul {
      text-align: right;
    }
    #conf-menu-contain .menu-items {
      max-width: 95%;
      width: 95%;
    }
    #searchbar-column {
      transform: translateY(5px) !important;
    }
  }
  .conf-top-section {
    background: linear-gradient(
      -30deg,
      #eef0f2 65%,
      rgba(60, 69, 78, 1) 65%
    ) !important;
  }
  .top-row {
    background: linear-gradient(
      -30deg,
      #eef0f2 69%,
      rgba(60, 69, 78, 1) 69%
    ) !important;
    position: relative !important;
  }
  .logo-contain .conf-logo {
    width: 200px !important;
    text-align: left !important;
    display: block;
  }
  .conf-logo .image-wrap {
    display: block;
    position: relative;
    max-width: 100%;
  }
  @media only screen and (min-width: 981px) {
    #searchbar-column {
      width: 47.5% !important;
    }
  }
  #searchbar-column {
    width: 57.5% !important;
    transform: translateX(0px) translateY(15px);
    position: relative !important;
    padding-right: 5.5%;
  }
  #searchbar-column .search-innner {
    text-align: left !important;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
  }
  #searchbar-column .search-innner form {
    position: relative;
  }
  #searchbar-column .search-innner form .conf-search {
    background-color: RGBA(255, 255, 255, 0);
  }
  .socials-col {
    text-align: right !important;
  }
  
  /* Mobile Top Menu Styling */
  @media only screen and (min-width: 980px) {
    .phone-top-menu {
      display: none;
    }
  }
  @media only screen and (max-width: 980px) {
    .conf-top-section {
      display: none;
    }
    .phone-top-menu {
      display: block !important;
      padding-top: 15px;
      padding-bottom: 15px;
      background-color: #eef0f2 !important;
      height: 62px;
      position: relative;
    }
    .phone-top-menu .top-phone-row {
      display: flex;
      width: 90%;
      max-width: 90%;
      height: 100%;
      margin: auto;
      position: relative;
      background-size: cover;
    }
    .top-burger-menu {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      margin-bottom: 0 !important;
      width: 100%;
    }
    .top-burger-menu i:before {
      content: "\f0c9";
      font-family: "Font Awesome 6 Pro";
      font-style: normal;
      font-size: 1.2em;
      font-weight: 900;
      color: #3c454e;
    }
    .top-confluence-logo {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      margin-bottom: 0 !important;
      width: 100%;
    }
    .top-confluence-logo .top-logo-row {
      width: 150px !important;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
    .top-confluence-logo .top-logo-row .logo-wrap {
      display: block;
      position: relative;
      max-width: 100%;
    }
    .top-logo-row .logo-wrap img {
      width: 150px !important;
      height: auto;
      max-width: 100%;
      display: block;
    }
  
    .accessibility-placehold {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      margin-bottom: 0 !important;
      width: 100%;
    }
  }
  
  /* Confluence full colateral menu (Part of the top menu) */
  
  @media only screen and (max-width: 980px) {
    .main-menu-area {
      height: auto;
      border-bottom: 4px solid #ccc;
    }
    .main-menu-area #conf-menu-contain {
      border: none;
      padding-top: 0px;
      padding-bottom: 15px;
    }
    #conf-menu-contain #quadmenu {
      background-color: #eef0f2;
    }
    #conf-menu-contain #quadmenu .quadmenu-navbar-collapse {
      overflow-y: visible;
      width: auto;
    }
    #conf-menu-contain #quadmenu .quadmenu-navbar-collapse .navigation {
      text-align: left;
      overflow: scroll;
      max-height: 85vh;
      padding-bottom: 100px;
      display: flex;
      flex-direction: column;
    }
    #conf-menu-contain .navigation li {
      display: block !important;
    }
    #conf-menu-contain .navigation li {
      border-bottom: 1px solid #e3e3e3 !important;
    }
    #conf-menu-contain .navigation li .quadmenu-text {
      background-color: #eef0f2 !important;
      padding: 15px 30px !important;
    }
    #conf-menu-contain .navigation .quadmenu-chevron:before {
      height: 12px !important;
      width: 12px !important;
    }
  }
  
  /* Solutions Sub menu mobile view */
  @media only screen and (max-width: 980px) {
    .dropdown-solutions-collateral {
      display: block;
      position: relative;
      max-height: 2000px;
      transition: max-height 0.4s ease-in;
      top: 210px;
      border: none;
      background-color: #fff !important;
      box-shadow: unset;
      width: 100%;
      max-width: 100%;
      overflow: hidden;
    }
  
    .dropdown-solutions-collateral .sub-dropdown {
      display: block;
      position: static !important;
      overflow: hidden;
      min-height: unset !important;
      padding-left: 16px !important;
      padding-bottom: 23px;
      width: 100%;
      max-width: 100%;
    }
    #conf-menu-contain .dropdown-solutions-collateral .sub-dropdown li {
      border: none !important;
    }
    .dropdown-solutions-collateral .sub-dropdown .quadmenu-tabs {
      min-height: unset;
      min-width: unset;
      max-width: unset;
      padding: 0;
      padding-left: 16px !important;
      padding-bottom: 23px;
      width: 100%;
      border: none !important;
    }
    #conf-menu-contain
      .dropdown-solutions-collateral
      .sub-dropdown
      .quadmenu-tabs
      .sub-solutions-dropdown {
      border-bottom: none !important;
      background-color: #fff;
      margin: 0;
    }
    #conf-menu-contain
      .dropdown-solutions-collateral
      .sub-dropdown
      .quadmenu-tabs
      .sub-solutions-dropdown
      .quadmenu-item-content {
      padding: 10px;
      background-color: #fff;
      border-bottom: 1px solid #f2f2f2;
    }
    .dropdown-solutions-collateral
      .sub-dropdown
      .quadmenu-tabs
      .sub-solutions-dropdown
      .quadmenu-item-content
      .quadmenu-caret {
      padding: 15px 30px;
      text-align: center;
      top: 0;
      margin: 0;
      height: auto;
      width: auto;
      right: 20px;
      bottom: -2px;
    }
    #conf-menu-contain
      .quadmenu-tabs
      .sub-solutions-dropdown
      .quadmenu-item-content
      .quadmenu-text {
      background-color: #fff !important;
      padding: 0 !important;
    }
    #lum-performance,
    #lum-risk,
    #lum-data,
    #lum-regulatory,
    #lum-investor,
    #lum-esg {
      display: none;
    }
  }
  
  /* Services sub menu dropdown MOBILE VIEW */
  @media only screen and (max-width: 980px) {
    .dropdown-services-collateral {
      transition: max-height 0.4s ease-in;
      position: relative;
      max-height: 2000px;
      overflow: hidden;
      box-shadow: unset;
      border: none;
    }
    .dropdown-services-collateral ul {
      padding-bottom: 0;
      padding-left: 1em !important;
    }
    #conf-menu-contain .dropdown-services-collateral .service-contain {
      width: 100%;
      max-width: unset;
    }
    #conf-menu-contain .dropdown-services-collateral .service-contain.bottom {
      border-bottom: none !important;
    }
    #conf-menu-contain .dropdown-services-collateral .service-contain a {
      border: none;
    }
  }
  
  /* Clients sub menu dropdown MOBILE VIEW */
  @media only screen and (max-width: 980px) {
    .dropdown-clients-collateral {
      transition: max-height 0.4s ease-in;
      position: relative;
      max-height: 2000px;
      overflow: hidden;
      box-shadow: unset;
      border: none;
    }
    .dropdown-clients-collateral ul {
      padding-bottom: 0;
      padding-left: 1em !important;
    }
    #conf-menu-contain .dropdown-clients-collateral .service-contain {
      width: 100%;
      max-width: unset;
    }
    #conf-menu-contain .dropdown-clients-collateral .service-contain.bottom {
      border-bottom: none !important;
    }
    #conf-menu-contain .dropdown-clients-collateral .service-contain a {
      border: none;
    }
  }
  
  /* Resources sub menu dropdown MOBILE VIEW */
  @media only screen and (max-width: 980px) {
    .dropdown-resources-collateral {
      transition: max-height 0.4s ease-in;
      position: relative;
      max-height: 2000px;
      overflow: hidden;
      box-shadow: unset;
      border: none;
    }
    .dropdown-resources-collateral ul {
      padding-bottom: 0;
      padding-left: 1em !important;
    }
    #conf-menu-contain .dropdown-resources-collateral .service-contain {
      width: 100%;
      max-width: unset;
    }
    #conf-menu-contain .dropdown-resources-collateral .service-contain.bottom {
      border-bottom: none !important;
    }
    #conf-menu-contain .dropdown-resources-collateral .service-contain a {
      border: none;
    }
  }
  
  /* About sub menu dropdown MOBILE VIEW */
  @media only screen and (max-width: 980px) {
    .dropdown-about-collateral {
      transition: max-height 0.4s ease-in;
      position: relative;
      max-height: 2000px;
      overflow: hidden;
      box-shadow: unset;
      border: none;
    }
    .dropdown-about-collateral ul {
      padding-bottom: 0;
      padding-left: 1em !important;
    }
    #conf-menu-contain .dropdown-about-collateral .service-contain {
      width: 100%;
      max-width: unset;
    }
    #conf-menu-contain .dropdown-about-collateral .service-contain.bottom {
      border-bottom: none !important;
    }
    #conf-menu-contain .dropdown-about-collateral .service-contain a {
      border: none;
    }
    #conf-menu-contain .dropdown-about-collateral .quadmenu-caret {
      display: none;
    }
  }
  
  /* Contact sub menu MOBILE VIEW*/
  @media only screen and (max-width: 980px) {
    .dropdown-contact-collateral {
      transition: max-height 0.4s ease-in;
      position: relative;
      max-height: 2000px;
      overflow: hidden;
      box-shadow: unset;
      border: none;
    }
    .dropdown-contact-collateral ul {
      padding-bottom: 0;
      padding-left: 1em !important;
    }
    #conf-menu-contain .dropdown-contact-collateral .service-contain {
      width: 100%;
      max-width: unset;
    }
    #conf-menu-contain .dropdown-contact-collateral .service-contain.bottom {
      border-bottom: none !important;
    }
    #conf-menu-contain .dropdown-contact-collateral .service-contain a {
      border: none;
    }
    #conf-menu-contain .dropdown-contact-collateral .quadmenu-caret {
      display: none;
    }
    #conf-menu-contain .navigation .dropdown-contact-collateral .quadmenu-text {
      background-color: unset !important;
      padding: 0 !important;
    }
  }
  
  @media only screen and (min-width: 980px) {
    li.drop-down:hover .dropdown-content {
    display: block!important;
  }
  }
  
  @media only screen and (max-width: 980px) {
    li.drop-down {
      padding: 0!important;
    }
    li.menu-item-1.drop-down .quadmenu-chevron {
      display: none;
    }
    li.drop-down .dropdown-content {
      display: none;
    }
    li.drop-down.expand .dropdown-content {
      display: block!important;
    }
  }
  
  .sub-solution {
    display: none;
  }
  
  /* Error message styling */
  form.form p.errors{
    padding: 12px!important;
    background-color: rgba(60, 69, 78, 1);
    font-family: 'gilroy';
    font-size: 18px;
    line-height: 30px;
    color: #fff;
  }
  form.form p.error{
    font-family: 'gilroy';
    font-size: 18px;
    line-height: 30px;
    color: #6b1a2d!important;
    font-weight: bold;
  }
  
  
  
  form.form#pardot-form{
    max-width: 1200px!important;
    margin: auto;
    padding: 24px;
    width: 50%;
    border: 2px solid #ccc;
    margin-top: 72px!important;
    margin-bottom: 72px!important;
    background-color: #eef0f2;
  }
  
  form.form#pardot-form p:nth-child(2), form.form#pardot-form p:nth-child(3){
    display: none;
  }
  form.form#pardot-form p{
    padding: 0 0 12px 0;
    margin: 0;
  }
  form.form#pardot-form p span span{
    font-family: 'gilroy-light'!important;
    color: #3c454e;
    font-size: 18px!important;
    font-weight: light;
    line-height: 30px;
  }
  
  
  
  form.form p.pd-email.required{
    padding: 24px 0 24px 0!important;
    width: 55%;
    margin: auto!important;
    display: flex;
    flex-direction: column;
  }
  
  form.form .pd-email.required label.field-label{
    font-family: 'gilroy';
    background: none;
    font-size: 18px;
    line-height: 30px;
    color: #3c454e;
    padding: 0;
    flex: 1;
  }
  
  form.form .pd-email.required input{
    width: auto;
    padding: 9px 12px 9px 12px;
    border: none;
    background-color: #fff!important;
    color: #3c454e;
    font-size: 18px;
    font-family: 'gilroy';
    display: block;
    text-align: left;
    flex: 1;
  }
  form.form .pd-email.required input:focus-visible{
    border: none;
    outline: none;
  }
  form.form .form-field.email-pref.pd-checkbox{
    font-family: 'gilroy';
    font-size: 18px;
    line-height: 30px;
    color: #3c454e;
  }
  form.form .submit{
    width: 212px;
    line-height: 0;
  }
  form.form .submit input{
    padding: 9px 40.5px 9px 27px!important;
    background: linear-gradient(-30deg,rgba(255,255,255,0) 5%,rgba(60,69,78,1) 5%)!important;
    border: none;
    color: #fff;
    font-family: 'gilroy';
    font-size: 18px;
    margin: 0!important;
    margin-top: 12px!important;
    cursor: pointer!important;
    font-weight: bold;
    transition: all 0.25s;
  }
  form.form p.submit:after{
      content: url(https://www.confluence.com/wp-content/uploads/2023/03/chevron-conf-email.svg);
      width: 12px;
      background-repeat: no-repeat;
      position: relative;
      z-index: 1000;
      display: block;
      top: -26px;
      left: 180px;
  }
  form.form p.submit:hover::after{
      left: 190px;
      transition: all 0.25s;
  }
  
  form.form .submit input:hover{
    background: linear-gradient(-30deg,rgba(255,255,255,0) 5%,#5f6c7b 5%)!important;
  }
  
  @media only screen and (max-width: 980px){
    form.form#pardot-form p span span{
      font-size: 18px!important;
      line-height: 30px!important;
    }
  }