* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    background-color: #f0f3fa;
}


body {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    background-color: #FFF;
    color: #0e183b;
    font-size: 18px !important;
    letter-spacing: -0.5px !important;
    max-width:2200px;
    margin:0 auto;
    
}

  .body-wrapper  {
  padding-top:153px;
}
@media screen and (max-width:1023px) {
   body {
       
        max-width:100%;
        width:100%;
        overflow-x:hidden;
        font-size:0.9em !important;       
   }
  
    .body-wrapper  {
    padding-top:78px;
  }
  p {
    font-size:1em !important;
  }
}

img { 
    max-width:100%;
    display:block;
}

::selection {
    background:#004bff;
}
@font-face {
    font-family: 'sc-head';
    src: url('//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/fonts/sc-head.woff2') format('woff2'),
         url('//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/fonts/sc-head.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sc-head-reg';
    src: url('//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/fonts/sc-head-reg.woff2') format('woff2'),
         url('//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/fonts/sc-head-reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* ELEMENTS --------------------------------------- */

a { 
    transition: all .3s ease-in-out;
}

a:hover { 
    transition: all .3s ease-in-out;
}

strong {
    font-weight: 600;
}

.pill {
    border-radius: 50px;
    padding: 0.5em 1em;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 0.6em;
    color:#FFF;
    text-transform: uppercase;
    line-height: 1em;
    text-decoration: none;
    display: inline-flex;
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
  
}


.pill__tprm {
    background: #d9748e; /* TRPM */
}

.pill__data-privacy {
    background: #576fa7; /* Data Privacy */
}

.pill__compliance {
    background: #6e4187; /* Compliance Management */
}

.pill__risk-management {
    background: #48b7cd; /* Risk Management */
}

.pill__enterprise-risk-management {
    background: #368899; /* Risk Management */
}

.pill__internal-audit {
    background: #495a71; /* Internal Audit */
}

.pill__business-continuity {
    background: #326945; /* Business Continuity */
}

.pill__policy-management {
    background: #94294d; /* Policy Management */
}

.pill__incident-management {
    background: #ea834b; /* Incident Management */
}

.pill__vulnerability {
    background: #99a447; /* Vulnerability */
}


.pill__ccm {
    background: #c9a14c; /* Vulnerability */
}


.pill__grc {
    background: #93ACE6; /* Vulnerability */
}


.button, .hs-button  {
    border-radius: 50px;
    padding: 0.9em 2em;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 0.95em;
    line-height: 1em;
    text-decoration: none;
    display: inline-flex;
    min-height: 3em;
    justify-content: center;
    align-items: center;
  text-transform:capitalize;
}

.button svg {
    max-width:20px;
    margin-right: 0.75em;
    width:20px;
    max-height: 20px;
}

.button span {
   display:inline-flex;
}

.button__small {
    font-size: 0.85em;
    padding:0.8em 1em;
    min-height: 0;
}
.button__border-dark {
    background:none;
    border:2px solid #0e183b;
    color:#0e183b;
}

.button__border-dark svg {
    fill:#0e183b;
}


.button__border-dark:hover {
    background:#0e183b;
    border:2px solid #0e183b;
    color:#FFF;
}

.button__border-dark:hover svg {
    fill:#FFF;
}


.button__dark {
    background:#0e183b;
    color:#FFF;
    border:2px solid #0e183b;
}

.button__dark:hover { 
    background:none;
     border:2px solid #0e183b;
   color:#0e183b;
}

.button__border-white {
    background:none;
    border:2px solid #FFF;
    color:#FFF;
}



.button__border-white:hover {
    background:#FFF;
    border:2px solid #FFF;
    color:#0e183b;
}

.button__border-white-blue:hover {
    
    color:#004bff;
}

.button__blue, .rounded-image-text__button, .bg-tick-navy input[type="submit"]  {
    background:#004bff;
    color:#FFF;
  border:none;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.05);
}

.button__blue:hover, .bg-tick-navy input[type="submit"]:hover  { 
    background:#1a6aff;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.10);
}



/* GREEN BUTTON */

.button__green  {
    background:#10b981;
    color:#FFF;
  border:none;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.05);
}

.button__green:hover
    background:#1bdc9c;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.10);
}



/* RED BUTTON */

.button__red  {
    background:#e22d5b;
    color:#FFF;
  border:none;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.05);
}

.button__red:hover
    background:#e22d5b;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.10);
}



.button__risk {
    background:#3299af;
    color:#FFF;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.05);
}

.button__risk:hover { 
    background:#36a6bf;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.10);
}


.button__grey {
    background:#f0f3fa;
    color:#0e183b;
}

.button__grey:hover { 
    background:#FFF;
    box-shadow: 0px 0px 15px 0px rgba(14,24, 59, 0.10);
}


.button__white, .bg-blue .hs-button {
    background:#FFF;
  border:none;
    color:#0e183b;
}

 .bg-blue .hs-button {
  color:#004bff;
}

.button__white:hover, .bg-blue .hs-button:hover  { 
    background:#f0f3fa;
    box-shadow: 0px 0px 20px 0px rgba(14,24, 59, 0.10);
}

.button__white-blue {
    background:#FFF;
    color:#004bff;
}



.button__white-blue:hover { 
    background:none;
    box-shadow: inset 0 0 0 2px #FFF;
    color:#FFF;
   
}

.button-cont {
    display:flex;
    align-items: center;
}

.button-cont .button:not(:first-child) {
    margin-left:0.75em;
}

.center .button-cont {
    justify-content: center;
}


.button__hasicon {
    padding: calc(0.9em - 4px) 2em;
}


@media screen and (max-width:1023px) {
    .button {
        padding:0.9em 2em;
    }

    .button__hasicon {
        padding: calc(0.9em - 4px) 2em;
    }

    .button-cont {
        justify-content: center;
    }

    .button svg {
        max-width: 16px;
    }
}

/* ELEMENTS HEADINGS */ 

h1, h2,h3, h4, h5 {
    margin:0;
    padding:0;
    font-weight: normal;
    line-height: 1em;
}

h1 { 
    font-family: 'sc-head', sans-serif;
    font-size:3rem;
    line-height: 1.05em;
}

h2.h2-med {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-size:1.1em;
    line-height: 1.5em;
}



h2.h2-large {
    font-family: 'sc-head', sans-serif;
    font-size:2em;
    line-height:1.25em;
}


h2.h2-x-large {
    font-family: 'sc-head', sans-serif;
    font-size:3rem;
    line-height: 1.05em;
}


h3 { 
    line-height: 1.4em;
}

h3.h3-large {
    font-family: 'sc-head', sans-serif;
    font-size:1.6rem;
    line-height:1.25em;
}

.header-narrow {
    max-width:40rem;
    margin-left:auto;
    margin-right: auto;
}

.header-narrowest {
    max-width:30rem;
    margin-left:auto;
    margin-right: auto;
}


.header-slight {
    max-width:45rem;
    margin-left:auto;
    margin-right: auto;
}

h4 {
    font-family: 'sc-head', sans-serif;
    font-size:0.8rem;
    line-height: 1.05em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
}

.center h2.h2-med { 
    max-width:35rem;
    margin-left:auto;
    margin-right:auto;
}
@media screen and (max-width:1023px) {
    
    h2.h2-med {
        font-size:1.05em;
        max-width:80%;        
    }

    h1, h2, h3, h4, h5 {
        margin-left:auto;
        margin-right: auto;
    }

    h1, h2.h2-x-large {
        font-size:2rem;
    }

    h3.h3-large {
        font-size:1.4rem;
    }
}


/* RESPONSIVE HIDEDEN */

@media screen and (min-width:1023px) {
    .hide-dt {
        display: none;
    }
}
@media screen and (max-width:1023px) {
    .hide-mob {
        display:none;
    }
}


/* FORM */

.bg-blue ::placeholder {
  color:#FFF;
  opacity:.5;
}


.bg-blue .hs-input { 
  width:100% !important;
}

.bg-blue form input[type=email], 
.bg-blue form input[type=file], 
.bg-blue form input[type=number], 
.bg-blue form input[type=password], 
.bg-blue form input[type=search], 
.bg-blue form input[type=tel], 
.bg-blue form input[type=text], 
.bg-blue form select, 
.bg-blue form textarea {
 width:100% !important;
  background:#003cc7;
  font-size:16px;
  color:#FFF;
  border:none !Important;
   border: 2px solid  #003cc7 !important; /* Add white inset border */
  min-height:50px;
  height:50px;
  border-radius:10px;
      font-family: IBM Plex Sans, sans-serif !Important;
}


.bg-blue .hs-recaptcha {
  margin-top:1em; 
}
.bg-blue.legal-consent-container .hs-form-booleancheckbox-display>span, .bg-blue .legal-consent-container .hs-form-booleancheckbox-display>span p {
    margin-left: 0rem !important;
}


.bg-blue .hs-form-booleancheckbox label input {
  width:fit-content !important;
}

.bg-blue form input[type=email]:focus,
.bg-blue form input[type=file]:focus, 
.bg-blue form input[type=number]:focus, 
.bg-blue form input[type=password]:focus, 
.bg-blue form input[type=search]:focus, 
.bg-blue form input[type=tel]:focus, 
.bg-blue form input[type=text]:focus, 
.bg-blue form select:focus, 
.bg-blue form textarea:focus {
    outline: none; /* Remove default focus outline */
    border: none;  /* Remove any existing border */
    border: 2px solid  white !important; /* Add white inset border */
    box-shadow: none; /* Remove any box shadow */
}


.bg-blue form input[type=tel] {
  width:68% !important;
}
/* BACKGROUNDS & COLOUR */


.bg-white {
background:#FFF;
color:#0e183b;
}

.bg-blue {
    background:#004bff;
    color:#FFF;
}

.bg-red {
    background:#e22d5b;
    color:#FFF;
}

.bg-tick-blue {
    background-image:url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-tick-blue.png);   
    background-position:bottom right;
    background-size:contain;
    background-repeat: no-repeat;
}

.bg-tick-red .button__white-blue {
  color:#e22d5b;
}

.bg-tick-red .button__white-blue:hover {
  color:#FFF;
}

.bg-tick-red {
    background-image:url(//1951667.fs1.hubspotusercontent-eu1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-tick-red.png);   
    background-position:bottom right;
    background-size:contain;
    background-repeat: no-repeat;
}

 .bg-tick-navy  {
     
   background-image:url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/tick-blue-navy.png);   
 background-position:bottom right;
    background-size:contain;
    background-repeat: no-repeat;
   background-color: #0e183b;
    color: #FFF;
}
.bg-navy {
background:#0e183b;
color:#FFF;
}

.bg-navy a:not(.button) {
    color:#FFF;
    text-underline-offset: 3px;

}


.bg-navy a:not(.button):hover {
    text-decoration: none;
}
.bg-white a:not(.button) {
    color:#004bff;
}

.bg-white h2.h2-med {
  color:#004bff; 
}

.bg-grey {
background: #f0f3fa;
}

.bg-grey-gradient {
    background: -webkit-linear-gradient(-45deg, #f0f3fa, #FFF, #ebeef5);
    }
       
    
   

    .bg-top__compliance {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-right-compliance.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__compliance {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-compliance.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.bg-top__vulnerability {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-vulnerability.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__vulnerability {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-vulnerability.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.bg-top__audit {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-audit.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__audit {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-audit.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
    }


.bg-top__continuity {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-continuity.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__continuity {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-continuity.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
    }



.bg-top__incident {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-incident.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__incident {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-incident.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
    }


 .bg-top__risk {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-right-risk.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__risk {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-risk.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
    }


    .bg-top__policy {
        background-color: #FFF;
      background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-policy.png);   
          background-position: top right;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__policy {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-policy.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .bg-top__tprm {
        background-color: #FFF;
      background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-tprm-left.png);   
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }
 .bg-top__grc {
        background-color: #FFF;
      background-image: url(https://1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/Website%20Images%202024/Product/Backgrounds/Curves/grc_landing.png);   
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }
    .bg-mid__tprm {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-tprm-right.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
    }




.bg-top__ccm {
        background-color: #FFF;
      background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-ccm.png);   
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__ccm {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-ccm.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
    }





.bg-top__privacy {
        background-color: #FFF;
      background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-top-privacy.png);   
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 25%, 25%;
    }

    .bg-mid__privacy {
        background-color: #FFF;
        background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/bg-mid-privacy.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    
.text-blue {
    color:#004bff;
}

.text-gradient-grey {
    background: -webkit-linear-gradient(45deg, #4f5870, #8f94a4, #4f5870);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* SECTION & SPACING STYLES ---------------------------------------  */

.container { 
    max-width:1700px;
    margin:0 auto;
   
}

.container__narrow {
    max-width: 1300px;
}

.container.center {
    text-align: center;
}


.flex__split-fw {
    display:flex;
    max-width:100%;
   

}

.flex__split {
    display: flex;
    justify-content: center;
   
}
.col-d-2__inner {
    display: flex;
        flex-direction: column;
}


@media screen and (min-width:1023px) and (max-width:1700px) {
    .container {
        padding:0 2rem;
    }
}

@media screen and (min-width:1023px) {
   
    .flex__split-fw {
        align-items: center;
        width:100%;
    }
    /* PADDING GLOBAL */ 

    .row-middle  {
        display:flex;
        height:100%;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .sp-standard { 
        padding:7rem 0;
    }

    .sp-standard__notop { 
        padding:0 0 7rem 0;
    }

    .sp-narrow  {
        padding:5rem 0;
    }

    .sp-narrowest  {
        padding:1.5rem 0;
    }

    .sp-narrow-top  {
        padding:5rem 0 0 0;
    }

    .sp-tiny  {
        padding:0.75em 0;
    }

    .sp-narrow.sp-all {
        padding:5rem;
    }

    .col-d-2 {
        width:50%;
    }

    .col-d-2-auto {
        width:fit-content;
    }

    .col-d-2__left { 
        align-items: flex-end;
        padding-right:5rem;
       
    }

    .col-d-2__right {
        align-items: flex-start;
        padding-left:5rem;
    }

    .col-d-2__inner {
        max-width:calc(850px - 5rem);
        align-items: flex-start;  
        width:100%;
    }
    
    
    .col-d-2__inner.center-img {
        align-items: center;
    }
    
    .col-d-2__left .col-d-2__inner { 
       padding-right:5rem;
    }

    .col-d-2__left-image {
        align-items: flex-end;
    }

    .col-d-2__right-image {
        align-items: flex-start;
    }
    
    
    .col-d-2__right .col-d-2__inner {
        padding-left:5rem;
    }

    .col-d-2__inner h2  {
        max-width:35rem;
    }
    .center-image .container.center {
            display: flex;
            flex-direction: column;
            align-items: center;
    }

    .center-image .center-image__small {
        max-width:30rem;
    }

    .center-image .center-image__fw {
        max-width:100%;
    }
  
     

    .center p, .center-image .center-p, .center-p { 
        max-width:45rem;
        margin-left:auto;
        margin-right:auto;
    }

    .center-image__constrain {
        max-width:40%;
        margin-left:auto;
        margin-right:auto;
    }
    .inline-img__uishot {
        max-height: 35rem;
        max-width: 80%;
        margin-left: -10%;
    }

    .inline-img__uishot.hide-dt {
        display: none !important;
    }
   /* PUSH ELEMENTS */

   .push-down {
    margin-bottom:1.5rem;
   }
  
  .push-down-small {
    margin-bottom:0.5em;
  }

   .push-down-large {
    margin-bottom: 2rem;
   }

   .push-down-x-large {
    margin-bottom: 5rem !important;
   }


   .push-down-xx-large {
    margin-bottom: 7rem  !important; 
   }


   
    .pull-up-hero, .pull-up {
        margin-top:-1.5rem;
    }
    
   
   
    /* CURVED ELEMENTS --------------------------------------- */

    .curve-tleft { 
        border-radius: 25rem 0 0 0;
    }

    .curve-tright { 
        border-radius: 0 25rem  0 0;
    }
  
   .curve-bleft { 
        border-radius: 0 0 0 25rem;
    }

    .curve-bright { 
        border-radius: 0 0 25rem  0;
    }

    .curve-tbright { 
        border-radius: 0 50rem 50rem  0;
    }
  
  .curve-none {
    border-radius:0;
  }
}




@media screen and (min-width:1023px) and (max-width:1700px) {
    .flex__split-fw {
        padding:0em;
    }

    

    .col-d-2__left .col-d-2__inner {
        padding-left:2rem;
    }
}

@media screen and (max-width:1023px) {


    .bg-tick-blue {
        background-size: cover;
    background-position: 5rem center;
    background-repeat: no-repeat;
    }

    .container {
        padding:0 1.15rem;
       
    }
    .container.center {
       
    }

    .flex__split-fw {
        flex-direction:column;
        padding:0;
    }

    .flex__split {
        align-items: center;
        
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .sp-standard { 
        padding:4rem 0;
        overflow: hidden;
    }



    .sp-standard__notop { 
        padding:0 0 4rem 0;
    }
   

    .sp-narrow,  .sp-standard-mob  {
        padding:3rem 0;
    }


    .sp-tiny  {
        padding:0.5rem 0;
    }


    .col-d-2__inner {
        text-align: center;
        align-items: center;
        padding:0 1.15rem;
    }
    
    .col-m-1 {
        width:100%;
    }

    .curve-tleft { 
        border-radius:10rem 0 0 0;
    }

   
    .curve-tright { 
        border-radius: 0 10rem  0 0;
    }

    .curve-bleft { 
        border-radius:0 0 0 10rem;
    }
  

   
    .curve-bright { 
        border-radius: 0 0 10rem 0;
    }
 
  
   .curve-bleft { 
        border-radius: 0 0 0 10rem;
    }

    .container {
        max-width:100%;
    }


    .push-down {
        margin-bottom:1rem !important;
       }

       .push-down-large {
        margin-bottom: 1.5rem  !important;
       }

       .push-down-x-large {
        margin-bottom: 3rem !important;
       }

       .push-down-xx-large {
        margin-bottom: 3rem !important;
       }

       .image__extendwidth-mob {  
        max-width:120%;
        width:120%;
        margin-left:-10%;
       }

       .invert-direction-mob .col-d-2:first-child {
        order:2;
       }

       .pull-up {
        margin-top:-1.5em;
       }

       .bg-mid__compliance, .bg-mid__audit, .bg-mid__policy, .bg-mid__risk  {
        background-size: 30%;
        background-position: left 10%;
    }
.bg-top__ccm,
.bg-top__compliance,
.bg-top__audit,
.bg-top__policy,
  .bg-top__risk,
.bg-top__tprm,
.bg-top__incident,
.bg-top__privacy,
.bg-top__vulnerability,
.bg-top__continuity,
  .bg-top__grc
  {
      background-size: 30%, 30%;
  }
  
    .bg-mid__tprm, .bg-mid__incident, .bg-mid__privacy, .bg-mid__vulnerability, .bg-mid__ccm,  .bg-mid__continuity, .bg-mid__grc {
        background-size: 30%;
        background-position: right 10%;
    }
    .bg-mid {
        overflow-x:hidden;
        position: relative;
        z-index: 2;
        padding-bottom: 0;
    }

    .bg-mid .pull-up, .curved-section .pull-up{
        margin-top:0;
    }

    .bg-mid h2, .curved-section h2 {
        max-width:80%;
    }

   
    }


/* HEADER  STYLES --------------------------------------- */



header {
    background: #FFF;
    color: #0e183b;
    padding: 3rem 0;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 1;
    top:0;
    max-width: 2200px;
    transition: padding .1s ease-in;
    z-index: 3;
}

header.demo { 
  background:#0e183b;
  border-bottom:2px solid #0e183b;
}


header.demo .button, header.landing .button {
  margin-left:auto;
}

header .container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

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


header .logo { 
    max-width:300px;
}


@media screen and (min-width:1023px) {
  header .logo { 
    width:300px;
  }
}

header nav  {
   margin-left:auto;
   margin-right:auto;
   
}

header nav > ul {
    display:flex;
}

header nav ul li:not(:last-child) {
    margin-right:2em;
}

@media screen and (max-width:1023px) {
  header nav ul li:not(:last-child) {
    margin-right:0;   
  }
}
header nav >  ul > li > a {
    color: #0e183b;
    text-decoration: none;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
        padding: 0.75em 0;
  display:inline-flex;
}

header nav ul li a:hover:not(.button__blue) {
    text-decoration: underline;
    color: #004bff;
    text-underline-offset: 0.5rem;
    text-decoration-thickness: 2px;
}

header .login-but {
    margin-right: 1em;
}
header.fixed {
   
    padding:1.75em 0;
    transition: padding .1s ease-in;
    box-shadow: 0px 0px 50px 0px rgba(14,24, 59, 0.10);
}

header strong {
    color: #004bff;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.4em;
    display: inline-flex;
}


/* NAV */





.nav-item {
    
    position: relative;
}


.nav-link:hover,
.nav-link.active {
    text-decoration: underline;
    color: #004bff;
    text-underline-offset: 0.5rem;
    text-decoration-thickness:   2px;
}

.dropdown {
    display: none;
    position: absolute;
    left: -2em;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 50px 0px rgba(14, 24, 59, 0.10);
    width: fit-content;
    border-radius:10px;
    overflow: hidden;
    text-align:left;
   
    z-index: 9999; /* Ensure it stays on top */
}



.dropdown-content {
    display: flex;    
}

.dropdown-section {
    flex: 1;
    padding:3rem;
}

.dropdown-section:not(:last-child) {
    margin-right: 3rem;
}

.dropdown-section:first-child {
    margin-right: 0px;
}
.dropdown-section h3 {
    margin-top: 0;
    font-size: 16px;
    color: #004bff;
}

.dropdown-section ul {
    list-style: none;
    padding: 0;
   
}

.dropdown-section ul li {
    margin-bottom: 0.75em;
     white-space: nowrap;
}

.dropdown-section ul li:last-child {
    margin-bottom: 0;
}




.dropdown-section ul li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #0e183b;
    text-decoration: none;
    font-size: 0.85em;
    text-decoration: none;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
}

.dropdown-section ul li a:hover {
    text-decoration-thickness: unset !important;
    text-underline-offset: unset !important;
}
.dropdown-section ul li a img {
    margin-right: 10px;
    width: 30px
}

.dropdown-section__demo {
    background-color: #0e183b;
    background-image: url(../images/header-tick.png);
    background-position: bottom right;
    background-size: calc(100% - 2rem);
    padding:3em 2em;
    background-repeat: no-repeat;
    min-width: 15rem;
    color:#FFF;
}

@media screen and (min-width:1023px) {
  .dropdown-section__demo {
    min-height:28rem; 
  }
}


.dropdown-section__demo strong {
    color:#FFF;
}


.dropdown-section__demo .button {
    padding:0.9em 1.5em;
}


#productDropdown .dropdown-section:first-of-type strong {display:none; } 


@media (max-width: 1023px) {
    .dropdown-content {
        flex-direction: column;
    }

    .cta-bar .container {
        flex-wrap:nowrap;
    }

    .fixed-menu-open .login-but {
        margin-left:auto;
        padding-left:1em;
        padding-right:1em;
        display: inline-flex !important;
    }

    .fixed-menu-open .header-open-but,   .fixed-menu-open .header-close-but {
        margin-left:0;
    }

    header nav ul li a:hover:not(.button__blue), .nav-link:hover, .nav-link.active {
        text-decoration: none;
    }

    .mob-menu-open {
        display: block !important;
        order: 2;
        margin-top: 18px;
        max-height: calc(100vh - 9rem - 80px);
        padding-bottom: 9em;
        overflow-y: auto;
        overflow-x: hidden;
        width: calc(100% + 2.3em); /* Extend the width */
        position: relative; /* Ensure it can move based on the left and right properties */
        
        margin-left: -1.15em; /* Negative margin to compensate for left shift */
        margin-right: -1.15em; /* Negative margin to extend to the right */
        box-sizing: border-box; /* Include padding and border in the element's width and height */
    }
    .mob-menu-open .dropdown {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        background: #f0f3fa;
        padding-bottom: 2em;
        z-index: 4;
    
}
    .mob-menu-open ul {
        flex-direction: column;
        align-items:flex-start;
       
       
        padding: 0;
        border-top: 2px solid #f0f3fa;
       
        position: relative;
       
        margin-left: 0;
        margin-right: 0;
    }

    .mob-menu-open > ul > li > a {
        padding:1em 1.15em;
        width:100%;
        border-bottom: 2px solid #f0f3fa;
        font-size:1.1em;
    }


    .nav-item:last-child  a {
        border-bottom: 0 !important;
    }
    .mob-menu-open ul li a.active { 
        background: #f0f3fa;
    }


    /* For the cross SVG */
.nav-link.active {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 42.7"><path fill="%23004bff" d="M0,0h510v42.7H0V0Z"/></svg>') !important;

    background-repeat: no-repeat  !important;
    background-position: calc(100% - 1.15em) center !important;

    background-size: 20px 20px !important;
    transition:  none;

}
.nav-link {
    transition:  none; /* Explicitly disable transition for background */

}

/* For the line SVG */
.nav-link.collapsed {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510"><path fill="%23004bff" d="M233.65,510V0h42.7v510s-42.7,0-42.7,0ZM0,233.65h510v42.7H0v-42.7Z"/></svg>') !important;
        background-repeat: no-repeat  !important;
        background-position: calc(100% - 1.15em) center !important;

        background-size: 20px 20px !important;
        transition:  none;

}
    #productDropdown .header-title {
      display:none;
  }

    .dropdown-section:not(:first-child) {
        margin-top:2em;
    }
    .dropdown-section ul li:not(last-child) {
        margin-bottom: 1.5em;
    }
    .dropdown-section ul li a {
        padding:0 !important;
    }

    .dropdown-section {
        padding:0 1.15em;
    }

    .mob-menu-open .dropdown strong {
       color:#0e183b;
    }

    .mob-menu-open ul {
        column-count: 1;
    }
  
  #productDropdown ul { 
column-count:2;
}
  
  #productDropdown a { 
font-size:0.85em;
}

  .dropdown-section ul li a {
    font-size:0.9em;
  }
    .mob-menu-open .dropdown .dropdown-section__demo {
        display: none !important;
    }

    .mob-menu-open .dropdown-section__demo strong {
        font-size:1.1em;
      text-align:left;
      max-width:70%;
      padding:0.5em;
    }
    .mob-menu-open .dropdown-section__demo {
        position: fixed;
        bottom: 0;
        width: 100%;
        border-radius: 2rem 0 0 0;
        padding: 1.15em 1.15em;
        background-size: contain;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-height: 9rem;
        justify-content: center;
        left:0;
        z-index: 5;
    }
  
  .mob-menu-open .dropdown-section ul li {
    white-space:normal;
    line-height:1.2;
  }

    header strong {
        font-size:1.05em;
    }


    .fixed-menu-open {
        height:100vh;
    }

    header .container {
        flex-wrap:wrap;
    }

    .header-close-but {
        display:none;
    }

    .nav-item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        width:100%;
    }
    body.lock {
        overflow: hidden;
    
    width: 100%;

    }
}

@media screen and (max-width:1023px) {

    .header-open-but, .header-close-but {
        margin-left:auto;
    }
    .header-open-but img, .header-close-but img{
        max-width:25px
    }
    
    header, header.fixed {
        padding:1.15rem 0;
        border-bottom:2px solid #f0f3fa;

    }
  
  header.fixed {
    border-bottom:none !important;
  }
    
    



    .header__logo img {
        max-width: 215px;
      width:215px;
    }  
}



/* HERO  --------------------------------------- */

.hero {
    min-height: 50rem;
    align-items: stretch;
    flex-direction: row;
    display: flex;
    width: 100%;
    max-width: 100%;
}

.hero p {
    max-width:35rem;
}

.hero .button { 
   white-space:nowrap;
}

.hp_hero h1 {
    text-transform:uppercase;
    font-size:4rem;
    font-family: 'sc-head-reg', sans-serif;
    line-height: 0.95em;
}


.hp_hero h2 {
    
}

.hp_hero h1 span {
    position: relative;
    background: none;
    -webkit-text-fill-color: #0e183b;
    text-shadow:1px 1px 50px #fff, 1px 1px 50px #FFF;
    font-family: 'sc-head', sans-serif;
}

.hp_hero h1 span::after {
    content: "";
    background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/sc-tick.svg);
    width: 45px;
    height: 45px;
    position: absolute;
    right: -20px;
    bottom: 12px;
    background-size: contain;
    background-repeat: no-repeat;
}

.hp_hero .hero__uishot {
    max-height:42rem;
} 

.hero .badges, .badges {
    max-width:25rem;
}

.hero .badges {
  margin-top:2em;
}
.hero {
    position: relative;
}



.split-hero  .col-d-2__inner.center-img  {
    max-width: 100%;
    
}
.split-hero .flex__split {
    align-items: center;
}
.sc-video-but {
    width:100px;
    margin:0 2em;
   
}

.sc-video-but:hover {
    transform: scale(1.1);
}

.sc-video-but:hover .cls-2 {
    transform: scale(1.1);
    transform-origin: center;
    transition: transform 0.3s ease-in-out;
}

.sc-video-but .cls-2 {
    transition: transform 0.3s ease-in-out;
    transform-origin: center;
}
.hp_hero__video {
    min-height: 0;
    padding: 10rem 0;
    background: linear-gradient(to top, #004bff 10%, transparent 10%);

}
.hp_hero__video .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hp_hero__video  .badges, .hp_hero__video .button__blue {
    width:15rem;
}

.hp_hero__video h1 {
    font-size: 0;
}

.hp_hero__video h1 svg {
    width:35rem;
}


.hp_hero__video .button-cont {
    align-items: center;
}

.video-hero-inner {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.hero .video-hero video {
    position: absolute;
    top: 0;
    object-fit: cover;
    height: 100%;
    border-radius: 2em;
    width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
    left: 3rem;
    top: 0.25em;
}




@media screen and (max-width:1023px) {


    header.alt-hero {
        border-bottom: 0 !important;
    }
    .hero .video-hero video {
        width:calc(100% - 2.3em);
        left:1.15em;
        
        object-position: -22rem;
    }
    .hp_hero__video h1 svg {
        width: 100%;
    }

    .sc-video-but {
        margin:1em 0;
        width:80px;
    }
    .video-hero-inner {
        padding:0 2em;
    }
    .hp_hero__video .button-cont {
        flex-direction: column;
    }

    .hp_hero__video {
        padding:5rem 0;
    }
    
    .hp_hero h1 {
        font-size:2rem;
    }

    .hp_hero__video h1 {
        font-size: 0px;
    }

    .hp_hero h2 {
        max-width:100%;
    }

    .hp_hero h1 br:first-child {
        display:none;
    }

    .hp_hero h1 span::after {
        width: 26px;
        height: 28px;
        right: -13px;
        bottom: 3px;
    }

    .hero .badges,  .badges {
        max-width: 12.5rem;
        
    }
  
  .hero .badges {
    max-width: 16.5rem;
    margin-top:1em;
  }

    .hero {
        min-height: unset;
    }

   

    .hp_hero .hero__uishot {
        max-height: 40rem;
        max-width: 90%;
        margin-left: 1rem;       
    }

    .hero p {
        max-width: 25rem;
    }
    
    .split-hero .col-d-2__inner.center-img {
        padding:0;
    }

    .split-hero .col-d-2__right-image {
        padding:0;
    }
    
}


/* BREACRUMB */


.breadcrumb ol { 
    list-style:none; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    font-size: 0.75em;
    font-weight: 600;
    color: #004bff;
}

.breadcrumb li:not(:first-child)  {
    margin-left:1em;
}

.breadcrumb-separator {
    margin-left:1em;
    color:#0e183b; 
    opacity: .2;
}
.breadcrumb ol a {
   color:#0e183b;
   text-decoration: none;
}

.breadcrumb ol a:hover {
    text-decoration: underline;
}

@media screen and (max-width:1023px) {
  .breadcrumb ol {
      font-size:0.85em;   
  }
}

/* LOGO BLOCK */

/*
.logo-container__logo {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
    */

    .logos .container {
        max-width:100%;
    }
    .logo-container {
        overflow: hidden; /* Hide overflow initially */
        white-space: nowrap; /* Ensure all logos are in a single line */
        position: relative;
       
    }


    
    .logo-container__logos, .logo-container__logos-notanimated {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%; /* Keep the width at 100% */
        position: relative;
    }

    .logo-container__logos-notanimated {
        justify-content: center;
        white-space: wrap;
        align-items: flex-start;

    }

    
    .logos-not-animated .logo-container { 
        overflow:visible;
        white-space: unset;
    }

    .logo-container__logos-notanimated p {
        max-width: 100%;
        font-size: 0.95em;
        padding:0 2em;
    }

    .logo-container__logos-notanimated .logo-container__logo {
        flex-direction: column;
        width:calc(100% / 6);
    }

    .logo-container__logos-notanimated .logo-container__logo img {
    max-height: 5rem;
    max-width: 5rem !important;
    width: auto;
    height: auto;
}
    
    .logo-container__logo {
        flex: 0 0 auto;
        width: calc(100% / 8); /* Ensure 6 logos fit within the container */
        box-sizing: border-box;
    }
    
    /* Apply the animation only when the animate class is present */
    .logo-container__logos.animate {
        animation: scroll 15s linear infinite; /* This creates the scrolling effect */
    }


.logo-container__logo div {
  font-size:0.9em;
  max-width:80%;
  margin-left:auto;
  margin-right:auto;
}

    .logo-container__logo h4 {
        font-size: 1.2rem;
      width:100%;
        font-weight: 600;
        font-family: "IBM Plex Sans", sans-serif;
        margin:1.5em 0;
    }
    
    @keyframes scroll {
        from {
            transform: translateX(0); /* Start from the initial position */
        }
        to {
            transform: translateX(-100%); /* Move to the left by 100% of the container width */
        }
    }

    


.logo-container {
    display:flex;
    max-width:100%;
    margin:3em auto 0 auto;
   
}



.logo-container__logo{
    display:flex;
    justify-content: center;
    align-items: center;
}

.logo-container__logo img {
    max-width:10rem;
    max-height: 2.5rem;;
}
@media screen and (min-width:1023px) {
    .logo-container__logos-notanimated  {
        max-width: 1700px; 
      margin-left:auto;
      margin-right:auto;
  }
}

@media screen and (max-width:1023px) {

    .logo-container__logo {
        width:calc(100% / 2);
    }

    .logo-container__logos.animate {
        animation: scroll 10s linear infinite; /* This creates the scrolling effect */
    }


    .logo-container {
        margin-top:2em;
    }

    .logo-container__logos-notanimated { 
        flex-wrap:wrap;
    }
    .logo-container__logos-notanimated .logo-container__logo {
        width:calc(50% - 1em);
    }

    .logo-container__logo h4 {
        font-size:1.05em;
        margin:1em 0;
    }

    .logo-container__logos-notanimated .logo-container__logo:not(:nth-child(-n+2))  {
        margin-top:1.5em;
    }

    logo-container__logos-notanimated .logo-container__logo img {
        max-height: 4rem;
    }
}


/* ICONS ---------------------------------*/

.icon-shield {
    max-width:3rem;
}

/* SERVICES */

.swiper {
    overflow: visible;
}

.swiper .swiper-slide { 
    overflow:visible;
}

:root {
    --swiper-theme-color:#004bff !important;
}
.swiper {
    width: 100%;
  }


  .swiper-button-next {
    order:2;
    margin-left:0.5rem;
  }

  .swiper-controls > div > svg {
    max-width:10px;
  }

  .swiper-controls > div > svg path {
    fill:#0e183b;
  }
  .swiper-button-next, .swiper-button-prev {
    position:static !important;
    margin-top:0 !important;
    background:#FFF;
    width:2.5rem;
    height:2.5rem;
    display:flex;
    font-size:0;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    
  }


  .swiper-button-next:after, .swiper-button-prev:after {
    font-size:1em;
    font-weight: 600;
  }
  .swiper-controls {
    display:Flex;
    
    justify-content: center;
    ;
  }

.products   .swiper {
    overflow: hidden;
  }

  .cards.constrain_width {
    max-width: 80%;
    margin-left:auto;
    margin-right: auto;
  }

  .cards__noswiper:not(.col-4) .card:nth-child(3n + 2) {
    margin:0 2em;  }

    .cards__noswiper:not(.col-4) .card:nth-child(n+4):nth-child(-n+6)
    margin-top: 2em;
    margin-bottom: 2em;
}

  .cards__noswiper:not(.col-4) .card:nth-child(10) { 
    margin-top:2em !important;
   }


@media screen and (min-width:1023px) {
    .cards__noswiper.col-4 .card:not(:nth-child(4n+1)) {
        margin-left: 2em;
    }
  
  .cards__noswiper.col-4 .card:nth-child(n+5) {
    margin-top: 3em; 
}

}

.cards__noswiper .card__faded-bg p {
    max-width:60%;
}
.swiper.cards {
    filter: drop-shadow(10px 0 40px rgba(14, 24, 59, 0.075));
}

.cards__noswiper {
    display: flex;
    filter: drop-shadow(10px 0 40px rgba(14, 24, 59, 0.075));
    flex-wrap:wrap;
}

.cards.col-3 .card {
   width: calc((100% - 4em) / 3);
}

.cards.col-4 .card {
    width: calc((100% - 6em) / 4);
}

.swiper.cards.col-4 .card, .swiper.cards.col-3 .card {
  width:unset !important;
}
.card__withicontop { 
    padding-top:5.5rem !important;
    position: relative;
}
.card__center {
    display: flex;
    justify-content: center;
    align-items: center; 
}


.resources.cards__noswiper h3 {
    font-weight: 400;
}

.icon-only-cards  h3 {
  font-weight:600;
      font-size: 1.1em;
}

.icon-only-cards .cards {
  justify-content:center;
}
.cards__noswiper .card__faded-bg  {
    position: relative;
}

.cards__noswiper .card__faded-bg h3 {
    font-weight: normal;
    max-width:75%;
}
.card-icon-top {
    width: 5rem;
    height: 5rem;
    filter: drop-shadow(10px 0 20px rgba(14, 24, 59, 0.075));
    border-radius: 100%;
    position: absolute;
    top: -1.5rem;
    background: #FFF;
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 

   
    justify-content: center;
    align-items: center;
   
}
.card-icon-top img {
    max-width:50%;
}

.card {
    border-radius:10px;
    padding:3rem;
    overflow:visible;
    position: relative;
}

.card__faded-bg p {
    max-width:75%;  
}

.card__faded-bg h3 { 
    max-width:90%;
    margin-left:0;
}

.col-3 .card__faded-bg h3 {
    max-width: 80%;
}

.card__faded-bg :not(.background-container):not(.card__img-pulldown) {
    z-index: 1;
    position: relative; 
}

.card__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content:  flex-start;
    text-align: left;

}


.card__img-pulldown {
    position: absolute;
    bottom: -5rem;
    z-index: 2;
    filter: drop-shadow(10px 0 40px rgba(14, 24, 59, 0.075));
    max-width: calc(100% - 6rem);
    border-radius: 10px;
    border: 10px solid #f0f3fa;
    box-shadow: 0 0 0 1px white;
    overflow: hidden;
    max-height: 17rem !important;
    width: 100%;
    background:#FFF;
    display: flex;
   
}




.card__img-pulldown img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px; /* Inherit border-radius from the parent */
    object-fit: cover;
}
.cards__pulldown {
    padding-bottom: 5em;
}
.card__pulldown  {

    padding-bottom: 10rem;
}


.resources .card__pulldown {
    padding-bottom: 17rem;
}


.card p {
    font-size: 0.95em;
    margin-left:0;
    
}


.resources .card__pulldown  p {
    min-height: 6rem;
}

.resources .card h3 {
    font-size:1.2em;
}
.card .button {
    font-size: 0.85em;
}


.background-container {
    background-position: calc(100% + 10rem) bottom; /* Shifts the background image 9rem to the right */
    border-radius: 0 0 10px 0;
    background-size: contain;
    background-repeat: no-repeat !important;
    height: 18rem;
    width: 20rem;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0; /* Keeps the container aligned with the right edge */
    overflow: hidden; /* Prevents overflow */
    background-origin: content-box; /* Ensures background positioning is based on content box */
}



.cards__noswiper .background-container {
    height: 16rem;
width: 18rem;
}
.card.compliance .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp_compliance.png");
    background-position: calc(100% + 8rem) bottom;
}

.card.risk .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp_risk.png");
}

.card.audit .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp-audit.png");
}

.card.continuity .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp-continuity.png");
}

.card.compliance .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp_compliance.png");
}

.card.tprm .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp-tprm.png");
}


.card.ccm .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp_ccm.png");
       background-position: calc(100% + 4.5rem) bottom;
}

.card.vulnerability .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/vulernability.png");
    background-position: calc(100% + 8rem) bottom;
}

.card.policy .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp_policy.png");
}

.card.incident .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp_incident.png");
    background-position: calc(100% + 8.5rem) bottom;
}

.card.privacy .background-container {
    background-image: url("//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/hp_privacy.png");
}




.cards.testimonials .background-container {
    height: 16rem;
    width: 16rem;
      right: 1px;
  background:none;
}

.cards.testimonials .background-container img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
    border-radius:100% 0 0 0;
    filter: brightness(1) contrast(1); /* Default filter */
    transition: filter 0.3s ease-in-out; /* Optional: smooth transition */
   

}

.bg-navy .cards.testimonials .card  {
    /* box-shadow: inset 0 0 0 1px #0e183b; /* Inset border effect */
}
.card .card__big-title {
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: 600;
}
.cards.testimonials .card {
    padding-bottom:12rem;
}

.cards.testimonials strong {
    font-size:3rem;
}

.testimonial__logo {
    position: absolute !important;
    bottom:3em;
    max-width:10rem;
    font-size:unset;
    left:3em;
    max-height: 3em;
}

.testimonials.swiper {
    overflow: hidden;
}


.cards.testimonials .background-container .inner-border {
border-left:4rem solid  #FFF;
border-top: 4rem solid  #FFF;
border-radius:100% 0 0 0;
mix-blend-mode: soft-light;
position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
    width:100%;
    object-fit: cover;;
}

@media screen and (min-width:1023px) {
  .cards__noswiper {
    justify-content:center; 
  }
}

@media screen and (max-width:1023px) {

    .swiper {
       
        width:calc(100% + 2.3rem);
        margin-left:-1.15rem;
        padding-left:1.15rem;
        padding-right:1.15rem;
    }
    
    .card {
        padding:2.25rem;
        border-radius: 10px;
    }

    .card__pulldown {
        padding-bottom: 9rem;
    }

    .card .card__big-title {
        margin-left:0;
    }
    .card__img-pulldown {
        bottom:-2.25rem;
        max-width: calc(100% - 4.5rem);
        border:7.5px solid #f0f3fa;
        border-radius:10px;
    }

    

    .swiper-controls.hide-mob {
        display:none !Important;
    }


    .swiper-wrapper {
        align-items: stretch;
     
    }
    .swiper-slide {
        height:auto;
    }
    

    .testimonials.swiper  {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .testimonials  .swiper-wrapper.push-down-x-large { 
        margin-bottom: 0 !important;
    }

    .card__faded-bg p {
        max-width: 95%;
    }

    .background-container {
        background-position: calc(100% + 5rem) bottom;
        height: 10rem;
        width: 10rem;

    }

    
    .icon-shield {
        max-width: 2.5rem;
    }

    .cards.constrain_width {
        max-width: 100%;
    }

    .cards__noswiper .card:nth-child(3n + 2) {
        margin:2em 0;
    }

    .cards__noswiper .card__faded-bg h3 {
        max-width: 100%;
    }

    .cards.col-3.cards__noswiper .card:not(:first-child) {
        margin-top:1em !important;
    }
    
    .cards__noswiper:not(.col-4) .card:nth-child(3n + 2) {
        margin-left:0;
        margin-right: 0;
    }
  
  .cards__noswiper:not(.col-4) .card:nth-child(n+4):nth-child(-n+6) {
    margin-bottom:0 !important;
  }

    .cards.col-3.cards__noswiper .card:not(:first-child), .cards.col-4.cards__noswiper .card:not(:first-child) {
        margin-top:1em !important;
    }

    .cards__noswiper .card__faded-bg p {
        max-width: 80%;
    }

    .card.compliance .background-container, 
    .card.incident .background-container,
    .card.ccm .background-container,
  .card.vulnerability .background-container {
        background-position: calc(100% + 5rem) bottom;
    }


.cards__noswiper .card__withicontop:nth-child(3n + 2)  {
    margin:3em 0;
}
    .cards.col-3.cards__noswiper .card, .cards.col-4.cards__noswiper .card {
       width:100%;
    


    }
    
    
      .cards__noswiper .card:nth-child(n+4):nth-child(-n+6) {
        margin-top: 0em;
        margin-bottom: 0em;
    }

    .cards.testimonials .background-container {
        height:12rem;
        width:12rem;
    }

    .testimonial__logo {
        max-width:6rem;
        position: static !important;
        margin-top:2em;
        max-height: 2.5em;
    }

    .cards.testimonials strong {
        line-height: 1em;
    }

    .cards.testimonials .card {
        padding-bottom: 12rem;
        height:100%;
    }

    .resources .card__pulldown {
        padding-bottom: 10rem;
    }
    
    .cards.col-3.cards__noswiper .card__withicontop:nth-child(2) {
        margin:3em 0 !important;
    }

    .cards__noswiper .background-container {
        height: 10rem;
        width: 10rem;
    }
    
}


@media screen and (min-width:1023px) {
    

}




/* ICON POINTS SECTION */

.icon-points-container .col-d-2 > img {
    max-width:80%;
}

.icon-points-container .col-d-2 {
    align-items: center;
}

.icon-points {
    display: flex;
    flex-wrap:wrap;
}

.icon-points__point {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width:calc(50% - 2em);
    margin-bottom: 3em;
    text-align:left;
}

.icon-points p {
    font-size: 0.95em;
}

.icon-points__point img {
  max-width:50px;
}

.icon-points h5 {
    font-weight: 600;
  line-height:1.4em;
    font-size:1.1em;
    margin:1em 0;
}

.icon-points__point:nth-child(2n){
    margin-left:3em;
}

.icon-points__point:nth-last-child(-n+2) {
   margin-bottom: 0;
}


 .icon-points-container  .invert-direction.col-d-2__right {
        order:1;
       padding-left:0rem;
   padding-right:5rem;
    }



 .icon-points-container  .invert-direction.col-d-2__left {
        order:2;
       padding-left:0rem;
   padding-right:0;
    }


@media screen and (max-width:1023px) {
  .icon-points h5 {
    line-height:1.3em;
  }
    .icon-points-container .col-d-2 {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .icon-points-container .col-d-2__right {
        margin-top:4em;
       
    }

    .icon-points-container   .invert-direction.col-d-2__right {
        order:1;
        margin:0 0 4em 0;
      padding-right:0;
    }
}

/* CTA BAR */


.cta-bar-socialproof .logo-stack {
    display: flex;
  
    flex-direction: column;
}

.cta-bar-socialproof .logo-stack strong {
    text-transform: uppercase;
}

.cta-bar-socialproof .logo-stack .logo-stack__grid{
    display: flex;
    max-width: 15rem;
    flex-wrap:wrap;
}

.cta-bar-socialproof .logo-stack .logo-container__logo { 
    width:calc(50% - 1em);
}

.cta-bar-socialproof .logo-stack .logo-container__logo:nth-child(2n) {
    margin-left:2em;
}

.cta-bar-socialproof .logo-stack .logo-container__logo:nth-last-child(-n+2) {
    margin-top:1em;
}

.cta-bar-socialproof .logo-stack .logo-container__logo img {
    max-width:100%;
    max-height: 3rem;
}

.cta-bar-socialproof .badges {
    max-width:15rem;
    margin-top:4em;
}

.cta-inline {
    border-radius:10px;
    filter: drop-shadow(10px 0 40px rgba(14, 24, 59, 0.075));
    padding:3em;
    
}

.cta-inline h2 {
    margin:0;
    
}


.cta-inline .container {
    flex-direction: row;
    display: flex;
    display: flex;
    text-align: left;
       justify-content: space-between;
    align-items:center;
  width:100%;
}

.cta-inline p {
  max-width: 35rem;
  margin:0 auto 0 2rem;
}

.cta-inline h3.h3-large {
    max-width: 28rem;
}

body.cta-bar-visible header {
    top:4rem;
}

body.cta-bar-visible  {
    padding-top:calc(154px + 4rem);
}

.close-cta-bar {
    margin-left:1.5em;
}

.close-cta-bar svg {
    width:0.75em;
}
.cta-bar {
   
   position: fixed;
    top: 0;
    left: 0;
    max-width: 2200px;
    z-index: 3;
    width: 100%;
    max-height:4rem;
    min-height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(90deg, transparent 0%, white 50%, transparent 100%);
    background-blend-mode: overlay;
}
.cta-bar img {
    max-height:2em;
}

.cta-bar img {
    margin-right:1.5em;
}

.cta-bar span {
    margin:0 1.5em;
    font-size: 0.85em;
}

.cta-bar .container {
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width:1023px) {

    .cta-bar-socialproof .logo-stack {
       align-items: center;
       margin-top:4em;
    }

    .cta-inline .container {
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .cta-inline  {
        padding:3em 2em;
    }

    .cta-inline p {
        margin:1.5rem 0;
    }
    body.cta-bar-visible {
        padding-top: calc(80px + 4rem);
    }

    .cta-bar img {
        margin-right: 0.75em;
    }

    .close-cta-bar {
        margin-left:0.75em;
    }

    .cta-bar span {
        margin:0 0.75em; 
        text-align: center;
    }
   .cta-bar .button {
    padding:0.6em; 
    white-space: nowrap;
   }

   .cta-bar h4 {
    font-size: 0.75em;
    line-height: 1.3em;

    }
         .cta-bar span {
    line-height: 1.2em;
   }

   .cta-bar .container {
    text-align: left;;
   }
}
/* EXTENSIONS */


.integrations-bg-blue, .bg-blue-curves {
    background-color: #004bff;
    background-image: url(../images/bg-top-left-blue-curve.png), url(../images/bg-bottom-right-blue-curve.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 25%, 25%;

}


.integrations-bg-navy {
    background-color: #0e183b;
    background-image: url(../images/bg-navy-top-left.png), url(../images/bg-navy-bottom-right.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 25%, 25%;

}

/* ACCORDION */

.accordion-container .container__narrow {
    width:100%;
    flex:1;
}

.accordion-container {
    
    align-items: stretch;
    flex-direction: row;
    display: flex;
    width: 100%;
    max-width: 100%;
}

.accordion-container .col-d-2__left-image{
    min-height: 60rem;
    max-height: 60rem;
}
.accordion-container__nosub .col-d-2__left-image{
    min-height: 0rem;
    padding-top:0;
    max-height: unset;

}
.accordion-container__nosub  {
    padding-bottom: 7rem;
}


.accordion {
    width:100%;
    margin: 0 auto;
}

.accordion-item {
    box-shadow: 0px 0px 20px 0px rgba(14, 24, 59, 0.10);
    border-radius:10px;
    margin-bottom: 2em;
    overflow: hidden;
    transition: border-left 0.3s ease;
}


.accordion-item:last-child {
    margin-bottom: 0;
}
.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding:2em;
    cursor: pointer;
    background-color: #fff;
    transition: background-color 0.3s ease;
}

.accordion-header h3 {
    margin: 0;
    font-size: 1.2rem;
       font-weight: 600;
       padding-right:2em;
}

.accordion-icon {
    width: 20px;
    height: 20px;
    
    
    
}

.accordion-content {
    display: none;
   padding:0 2em 2em 2em;
   background:#FFF;
}

.accordion-item.active {
    border-left: 4px solid #004bff;
}


.accordion-item.active .accordion-icon {
    transform: rotate(180deg);
}

.accordion-item.active .accordion-content {
    display: block;
}

.accordion p {
    font-size:0.95em;
}

    

@media screen and (max-width:1023px){
    .accordion-container {
        min-height: 0;
   }
    
   .accordion-container .col-m-1 {
    padding-bottom: 0;
     padding-top:0;
   }
  
    .accordion-item {
        text-align:left;
        margin-bottom: 1em;
    }

    .accordion-header {

    }

    .accordion-content {
        padding-right:2em;
    }

    .accordion-content img {
        margin-bottom: 2rem;
        max-width:100%;
        margin-top:3rem;
        margin-left:auto;
        margin-right:auto;
    }

    .accordion-header h3 {
        font-size:1.05em;
    }
}


/* PRODUCT CURVED IMAGE */

.curved-pre-container {
    position: relative;
    max-width: 80%;
    margin:0 auto;
}

.curved-background-container {
    position: relative;
    overflow: hidden;
    max-width: 80%;
    margin:0 auto;
    max-width:70rem;
    border-radius: 35rem 35rem 0 0;
    max-height: 35rem;
}

.curved-background-container img {
    max-height: 35rem;
    object-fit: cover;
    min-width: 70rem;
}

.curved__point {
    position: absolute;
    padding: 2em;
    background: #FFF;
    filter: drop-shadow(0 10px 20px rgba(14, 24, 59, 0.075));
    display: flex;
    max-width: 30%;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
    text-align: left;
}



.curved__point {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* For smooth fade-in */
}

.curved__point p {
    font-weight: 600;
}

.curved__point-1 {
    left:0;
    top:0;
    
}

.curved__point-2 {
    left:-10rem;
    bottom:8rem;
    
}

.curved__point-3 {
    right:0;
    top:0;
    
}

.curved__point-4 {
    right:-10rem;
    bottom:8rem;
    
}

.circle-with-tick {
    width: 3em; /* Adjust the size as needed */
    height: 3em; /* Adjust the size as needed */
    background-color: #004bff; /* The color of the circle */
    border: 8px solid #f0f3fa; /* First border */
    box-shadow: 0 0 0 2px white; /* Second border */
    border-radius: 50%; /* Makes it a circle */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:-1.5em;
    left:1.5em;
}

.circle-with-tick.tick_blue {
  background-color:#004bff;
}


.circle-with-tick.tick_risk {
    background-color: #2b8c9a; /* Risk */
}

.circle-with-tick.tick_compliance {
    background-color: #603990; /* Compliance */
}

.circle-with-tick.tick_tprm {
    background-color: #ec7995; /* Third Party Risk Management */
}

.circle-with-tick.tick_incident {
    background-color: #f3702b; /* Incident Management */
}

.circle-with-tick.tick_privacy {
    background-color: #576fa7; /* Data Privacy Management */
}

.circle-with-tick.tick_policy {
    background-color: #af2433; /* Policy Management */
}

.circle-with-tick.tick_continuity {
    background-color: #21684a; /* Business Continuity */
}

.circle-with-tick.tick_audit {
    background-color: #303a58; /* Internal Audit Management */
}

.circle-with-tick.tick_vulnerability {
    background-color: #94b13d; /* Vulnerability Management */
}


.circle-with-tick i  {
    color: white; /* Color of the tick icon */
    font-size: 20px; /* Adjust size as needed */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.curved-background-container .inner-border {
    border-left: 8rem solid #FFF;
    border-top: 8rem solid #FFF;
    border-right: 8rem solid #FFF;
    border-radius: 35rem 35rem 0 0;
    mix-blend-mode: soft-light;
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
    max-width:70rem;
    width:70rem;
    object-fit: cover;
}


@media screen and (max-width:1023px ){
    .curved__point {
        position: relative !Important;
        opacity: 1 !important;
        width:100%;
        max-width:100%;
        left:unset !important;
        right:unset !important;
        top:unset !important;
        bottom: unset !important;
      text-align:center;
    }

  
 .curved__point  .circle-with-tick {
   
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
}

    .curved-pre-container {
        display: flex;
        flex-direction: column;
        flex-wrap:wrap;
        width:100%;
    }

    .curved__point:not(:first-child) {
        margin-top:3em;
    }

    .curved-background-container {
        order:4;
        margin-top:4em;
    }
    .curved-background-container, .curved-pre-container {
        max-width:25rem;
    }

    .curved-background-container img {
        max-height: 10rem;
        object-fit: cover;
        min-width: 20rem;
      max-width:20rem !Important;
    }

    .curved-background-container .inner-border {
        max-width:20rem;
        width:20rem;
        width:100%;
        border-radius: 25rem 25rem 0 0;
        border-left: 3rem solid #FFF;
        border-top: 3rem solid #FFF;
        border-right: 3rem solid #FFF;
    }
}
/* PLATFORM FEATURE */

.platform-demo {
    position: relative;
    width: 100%;
    display: flex;
    min-height: 35rem;
    align-items: center;
}
.platform-fadein {
    position: relative;
    width: 100%;
    display: flex;
    min-height: 45rem;
    align-items: center;
}

.platform-fade__center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 60%;
    z-index: 1;
}

.platform-fade__left {
    position: absolute;
    left: 0%; /* Start at 0% */
    max-width: 35%;
    z-index: 0;
    transition: left 0.5s ease; /* Smooth transition */
}

.platform-fade__right {
    position: absolute;
    right: 0%; /* Start at 0% */
    max-width: 35%;
    z-index: 0;
    transition: right 0.5s ease; /* Smooth transition */
    left: auto;
}

@media screen and (max-width:1023px){

    .platform-demo {
        min-height: 15rem;
    }

    .platform-demo     .platform-fade__center {
        max-width: 100%;
    }
    .platform-fadein {
        min-height: 15rem !important;
    }

    .platform-fade__center {
        max-width:85% !important;
    }
}



/* PRODUCT SPECIFIC */

.product__pageicon {
    margin-left: auto;
    margin-right: auto;
}



/* RESOURCE */

.sub-nav {
    border-bottom: 2px solid #FFF;
}
.sub-nav .container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  
}

.suv-nav ul, .sub-nav li {
    list-style: none;
}

.resource-menu > li > a { 
    color: #0e183b;
    text-decoration: none;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    
    display: flex;
    white-space: nowrap;
    padding:1em 0;
}


.resource-menu .dropdown-section {
    padding:2em;

}
.resource-menu .dropdown {
    top:calc(100% + 0.5em);
    left:0;
    min-width: 15em;
}
.resource-menu li svg {
    max-width:20px;
    width:15px;
    margin-left:1em;
}

.resource-menu .dropdown a:hover {
    color: #004bff;
    text-decoration: underline;
}
.resource-menu li:hover svg path, 
.resource-menu .active svg path {
    fill:#004bff !important;
}

.resource-menu li:hover svg {
    transform: rotate(180deg);

}

.featured__main img {
    border-radius: 10px;
}

.featured__main {
    filter: drop-shadow(10px 0 40px rgba(14, 24, 59, 0.075));
}
.resource-menu {
    display: flex;
    margin-left:2em;
}


.featured-resources-container{ 
    padding-bottom: 27rem;
    
}
.featured__main {
    width:60%;
    position: relative;
}

.featured__main .card {
    position: absolute;
    max-width: 75%;
    left: 4em;
    margin-top: 2em;
    top: calc(100% + -6em);
}

/* FOOTER STYLES --------------------------------------- */

.footer {
    
   
  
}

.footer .container {
   flex-direction: row;
   display: flex;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-logo-contact {
  
    margin-bottom: 20px;
    width:20%;
}

.footer-logo-contact img {
    max-width: 200px;
}

.footer-accreditations img {
    max-width:5rem;
}

.footer-accreditations img:not(:first-child){
    margin-top:2em;
}
.footer-accreditations {    
    display: flex;
    flex-direction: column;
    margin-right: auto;
    margin-left: 5rem;
}
.sc-assured {
    text-transform:uppercase;
    font-size:2rem;
    font-family: 'sc-head-reg', sans-serif;
    line-height: 0.95em;    
    font-weight: normal;
    display: inline-block;
}

.sc-assured span {
    position: relative;
    background: none;
    -webkit-text-fill-color: #FFF;
    text-shadow:1px 1px 50px #0e183b, 1px 1px 50px #0e183b;
    font-family: 'sc-head', sans-serif;
    font-weight: normal;
}

.sc-assured span::after {
    content: "";
    background-image: url(//1951667.fs1.hubspotusercontent-na1.net/hubfs/1951667/raw_assets/public/surecloud_2024/images/sc-tick-dark.svg);
    width: 22.5px;
    height: 22.5px;
    position: absolute;
    right: -10px;
    bottom: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer-logo-contact p {
   
}


.footer-product {
    margin-left:10rem;
}
.footer-links {
    width:fit-content;
    display: flex;
    
    justify-content: space-between;
}

.footer-section {
   
    margin-bottom: 20px;
}

.footer-right {
    width:fit-content;
    margin-left:10rem;
    display:flex;
    flex-direction: column;
}

.footer-right .footer-pre-section {
    width:100%; 
    display: flex;
    flex-direction: row;
}

.footer-right .footer-section {
    width:fit-content;
}

.footer-pre-section .footer-section:first-child {
    margin-right:10rem;
}

.footer-right .footer-pre-section:first-child {
    margin-bottom: 3rem;
}
.footer-section h4 {
    text-transform: capitalize;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.4em;
    display: inline-flex;
}



.footer-section ul {
    list-style-type: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 8px;
}

.footer-section ul li a {
    color: #8892b0;
    text-decoration: none;
}

.footer-section ul li a:hover {
    text-decoration: underline;
}

.footer ul li a {
    color: #FFF;
    text-decoration: none;
    font-size: 0.85em;
    text-decoration: none;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    white-space: nowrap;
}
.footer ul li a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}


.footer-contact ul li {
    list-style:none !important;
}
.footer .product-nav li a {
   
        display: flex;
        align-items: center;
        text-decoration: none;
       
    }
    
    .footer .product-nav li {
        margin-bottom: 1em;
    }
    
    .footer .product-nav li a img {
        margin-right: 1em;
        width: 35px
    }


.footer ul:not(.product-nav) li {
    list-style: square;
    list-style-position: inside;
}
.footer ul:not(.product-nav) li::marker {
    color: #004bff;
}

.footer-bottom {
   width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}

.footer-contact {
   
    display: flex;
    flex-direction: column;
}

.footer-contact p {
    margin: 0 0 10px;
    color: #8892b0;
}

.footer-address {
   
    display: flex;
    flex-direction: column;
}

.footer-address__office:first-child {
    
    margin-right: 3rem;
}

.footer p {
   font-size:0.85em;
}

.footer-contact-info {
    flex: 1;
    margin-bottom: 20px;
}



.footer-social  {
    display: flex;
    gap: 0.75em;
  margin-left: auto;
    margin-right: 0.75em;
}

.footer-social nav {
    display: flex;
    gap: 0.75em;
}

.footer-social svg {
    width: 25px;
  max-height: 25px;
  fill:#FFF;
}
.footer-logos {
    display: flex;
}

.footer-logos img    {
    max-height: 25px;
}

.footer-logos img.gartner{
    margin-left:2em;
}

@media screen and (max-width:1023px) {
   

    .footer-logo-contact {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .footer-address__office:first-child {
        margin-right: 0;
    }

    .footer-accreditations {
        flex-direction: row;
        margin-left:0;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        width:100%;
    }

    .footer-accreditations img:not(:first-child) {
        margin:0em;
    }

    .footer-accreditations img:not(:last-child) {
        margin-right: 1em;
    }

    .footer-accreditations img {
        max-width:4em;
    }

    .sc-assured br:first-child {
        display:none;
    }

    .sc-assured {
        font-size: 1.5em;
    }
    

    .sc-assured span::after {
        
        width: 17.5px;
        height: 17.5px;       
        right: -8px;
        bottom: 3px;
       
    }

    .footer-links {
        flex-wrap:wrap;
    }

    .footer-product {
        margin-left:0;
        width:100%;
    }

    .footer-links {
        order:1;
    }

    .footer-accreditations {
        order: 2;
        margin-bottom: 4em;
        margin-top: 2em;
    }

    .footer-bottom {
        order:4;
        justify-content: center;
    }

    .footer-logo-contact {
        order:3;
    }

    .footer-links .footer-product ul {
        columns: 2;
        width:fit-content;
        column-gap: 2em
    }

    .footer-pre-section .footer-section:first-child {
        margin-right: 3rem;
    }

    .footer-right .footer-pre-section:first-child {
        margin:2em 0;
    }

    .footer .product-nav li a {
        white-space: normal;
        line-height: 1.4em;
    }

    .footer-right {
        margin-left:0;
        width:100%;
    }
    
    .footer ul li a {
        font-size: 0.85em;
    }

    .footer-section ul li {
        margin-bottom: 3px;
    }

    .footer-social {
        margin-top:1em;
        flex-direction: column;
        align-items: center;
        order:1;
        width:100%;
    }

    .footer-social nav {
       
    }
  
  .footer-copy p {
    margin-bottom:0;
  }

    .footer-copy {
        order:2; 
        margin-top:2em;    
    }

    .footer-social nav, .footer-logos {
        align-items: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}


/* RESPONSIVE FIXES 
 * */




@media screen and (min-width:740px) and (max-width:1024px) {
  .hp_hero .hero__uishot {
        margin-left: 1rem;
        max-height: 40rem;
        max-width: 70% !important;
    }
  
  
  .accordion-content img, .is_image_hero .platform-fade__center {
    max-width:70% !important;
  }
}
@media screen and (min-width:1024px) and (max-width:1500px) {
  
  .logo-container__logo {
  width: 20%;
  }
  .col-d-2__right .col-d-2__inner {
    padding-right:2em;
  }
  
  .accordion-container .col-d-2__left-image {
    max-height: 45rem;
    min-height: 45rem;
}
  
  .inline-img__uishot {
            max-width: 100%;
  }
  .hs-content-id-178631261300 .non-test.swiper.cards__pulldown .card__pulldown {
        padding-bottom: 9rem;
    }
  
  .hs-content-id-178631261300 .non-test.swiper.cards__pulldown .swiper-wrapper  {
    flex-wrap:wrap;
  }
  
  .hs-content-id-178631261300 .non-test.swiper.cards__pulldown .swiper-slide {
     width:calc(50% - 30px) !important;
  }
  
  .hs-content-id-178631261300 .non-test.swiper.cards__pulldown .swiper-slide .card__img-pulldown {
    width:50%; 
  }
  .hs-content-id-178631261300 .non-test.swiper.cards__pulldown .swiper-slide:nth-child(3), .hs-content-id-178631261300 .non-test.swiper.cards__pulldown .swiper-slide:nth-child(4) {
    margin-top:7em !important;
  }
  .hs-content-id-178631261300 .non-test.swiper.cards__pulldown .swiper-slide:nth-child(2n) {
    margin-right:0 !important;
  }
 body {
   font-size:16px !important;
  }
  
  .sp-standard {
    padding:5rem 0;
  }

  h1 {
    font-size:2.5rem;
  }
  
  h3.h3-large {
       font-size: 1.4rem;
  }
  
  .hero {
    min-height:46rem;
  }

    .non-test .background-container {
        height: 14rem;
        right: 0px;
        overflow: hidden;
        max-width: 100%;
    }
  
  .card__pulldown {
    padding-bottom: 7rem;
}
  .hp_hero h1 {
        transform: scale(0.9);
    transform-origin: left bottom;
  }
  
      .push-down-xx-large {
        margin-bottom: 5rem !important;
    }
  
  .card .card__big-title {
    font-size:1em;
  }
  .footer-pre-section .footer-section:first-child {
    margin-right: 3rem;
}
  
   .footer-right {
         margin-left: 5rem;
  }
  .footer-product {
    margin-left: 3rem;
}
}

@media screen and (min-width:1024px) and (max-width:1200px) { 
  .platform-fade__left {
    left:0 !Important;
    
  }
  
  header nav ul li:not(:last-child) {
    margin-right: 1em;
}
  
  .curve-tleft {
        border-radius: 15rem 0 0 0;
            padding: 3rem !important;
    }
  
  .platform-fade__right {
    right:0 !Important;
  }
    .header__logo img {
        width:240px !important;
  }
  
  .curve-tleft {
   border-radius: 15rem 0 0 0;
  }
  
  .contact-form .col-d-2__left {
    background-image: none;
    justify-content: flex-start;
    padding-top: 10em;
}
}

#hs_show_banner_button { 
    
  font-size: 14px !important;
    font-weight: 600 !important;
}

.pill {
    position: relative; /* Required for the ::before or ::after to position absolutely */
}

.pill::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.35));
    mix-blend-mode: lighten; /* Apply blend mode */
    pointer-events: none; /* Ensure the gradient doesn't interfere with any interactions */
    z-index: 1; /* Ensure the gradient appears above the pill content */
    border-radius: inherit; /* If the pill has rounded corners, inherit them */
}

@media screen and (min-width:1024px) {
  .demo-container .curve-tleft {
            border-radius: 15rem 0 0 0;
  }
}

@media screen and (min-width:1024px) and (max-width:1250px) { 
  .card__pulldown   { 
    padding:2em 2em 10em 2em;  
            bottom: -3em;
  } 
  .card__faded-bg h3 { 
    max-width:100%; 
  } 
  .card__faded-bg p { 
    max-width:100%; 
  }
  
      h3.h3-large {
        font-size: 1.3rem;
    }
  
  .card__img-pulldown { 
    max-height:40rem; 
    left:2em; 
    bottom: -3rem;
    max-width:calc(100% - 4rem); 
  }
  
  .cards__pulldown .background-container::before {
    display:none;
  }
}



@media screen and (min-width:1024px) and (max-width:1450px) { 
  
 
  .cards.testimonials .background-container {
      width:12rem;
    height:12rem;
    
  
  }
  
  .container.center{
    overflow:hidden;
  }
  
  .testimonial__logo {
    max-height:2em;
    max-width:7rem;
  }
  
  .card__faded-bg h3 { 
    max-width:100%; 
  } 
  .card__faded-bg p { 
    max-width:100%; 
  }
  
  h3.h3-large {
    font-size: 1.3rem;
  }
  
  #hs_cos_wrapper_widget_1726593167667 .swiper {
    padding-bottom:0;
  }
  #hs_cos_wrapper_widget_1726593167667 .hidden-by-default-parent .swiper-wrapper { 
    margin-bottom:10em !important; } 
  
  #hs_cos_wrapper_widget_1726593167667 .hidden-by-default { 
    display:flex; 
  } 
  
  
}