body {
    font-family: var(--font-body);
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    color: white;
    -webkit-font-smoothing: antialiased;
    background-color: black;
}

input,
textarea,
button {
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

::selection {
    color: black;
    background: var(--c-yellow);
}

::-moz-selection {
    color: black;
    background: var(--c-yellow);
}

::-webkit-scrollbar {
    background: var(--c-secondary-dark);
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--c-yellow);
}
@media screen and (min-width: 768px) {
    *:not(.slick-track):not(.slick-list):not(.selectbox-dropdown),
    *:before,
    *:after {
        transition: all .4s;
    }
}

a {
    text-decoration: none;
    outline: none;
    color: white;
}

.menu-item.not-click > a{
    pointer-events: none;
}

img {
    border: 0;
    display: flex;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-titles);
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 400;
}

h1 {
    font-size: 60px;
    line-height: 66px;
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 50px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 30px;
}

h6 {
    font-size: 20px;
}

p {
    margin: 0;
}


/*--grid classes---*/

.row {
    display: flex;
    flex-wrap: wrap;
    height: inherit;
}

.row-wrap {
    display: flex;
    flex-wrap: wrap;
}

.row-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.col-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.row-align-items {
    justify-content: space-between;
    display: flex;
}

.item-start {
    align-self: flex-start;
}

.third-div {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.third-div-bigger {
    flex: 0 0 40%;
    max-width: 40%;
}

.qrtr-div {
    flex: 0 0 25%;
    max-width: 25%;
}

.qrtr-div-bigger {
    flex: 0 0 29%;
    max-width: 29%;
}

.fifth-div {
    flex: 0 0 20%;
    max-width: 20%;
}

.small-div {
    flex: 0 0 10%;
    max-width: 10%;
}

.big-div {
    flex: 0 0 90%;
    max-width: 90%;
}

.four-fifhts-div {
    flex: 0 0 80%;
    max-width: 80%;
}

.half-div {
    flex: 0 0 50%;
    max-width: 50%;
}

.half-div-bigger {
    flex: 0 0 60%;
    max-width: 60%;
}

.three-qrtr-div {
    flex: 0 0 75%;
    max-width: 75%;
}

.three-qrtr-div-smaller {
    flex: 0 0 70%;
    max-width: 70%;
}

.two-third-div {
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
    position: relative;
}

.full-div {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
}

.to-bottom {
    align-self: flex-end;
    margin-left: auto;
}

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

.flex-row-center {
    display: flex;
    justify-content: center;
}

.flex-col-center {
    display: flex;
    align-items: center;
}

.flex-row-end {
    display: flex;
    justify-content: flex-end;
}

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

.flex-row-start {
    display: flex;
    justify-content: flex-start;
}

.flex-col-start {
    display: flex;
    align-items: flex-start;
}

.flex-box-end {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.flex-box-start {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.flex-box-columns {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.flex-box-to-right {
    display: flex;
    justify-content: flex-end;
}

.hide-mobile {
    display: flex;
}

.hide-desktop {
    display: none;
}

.c-black {
    color: var(--c-main-dark);
}

.c-white {
    color: white;
}

.c-yellow {
    color: var(--c-yellow);
}

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

.bg-yellow {
    background-color: var(--c-yellow);
}

.bg-blue {
    background-color: var(--c-blue);
}

.bg-grey {
    background-color: var(--c-light-grey2);
}

.bg-dark {
    background-color: var(--c-main-dark);
}

.bg-secondary-dark {
    background-color: var(--c-secondary-dark);
}

.bg-img-settings {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

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

.text-right {
    text-align: right;
}

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

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

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

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

.hand {
    cursor: pointer;
}

.t-b {
    font-weight: bold;
}

.t-m {
    font-weight: 500;
}

.t-l {
    font-weight: 300;
}

.t-nob {
    font-weight: normal;
}

.t-i {
    font-style: italic;
}

.t-u {
    text-decoration: underline;
}

.t-nou {
    text-decoration: none;
}

.t-upper {
    text-transform: uppercase;
}

.hide {
    display: none !important;
}

.grid {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
    height: inherit;
    position: relative;
}

.header-grid {
    width: 100%;
    margin: 0 auto;
    max-width: 1680px;
    height: inherit;
    position: relative;
    z-index: 2;
    /* background-color: var(--c-main-dark); */
}

.header-grid .row{
    flex-wrap: nowrap;
    justify-content: space-between;
}

.header-grid .row > div{
    display: flex;
    align-items: center;
}

.grid-wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
}

.grid-medium {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.grid-narrow {
    width: 100%;
    margin: 0 auto;
    max-width: 1070px;
}


/*---animation calsses---*/

.anim-general-transition {
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.175);
    transition-duration: 0.75s;
}

.anim-delay-100 {
    transition-delay: .1s;
}

.anim-delay-200 {
    transition-delay: .2s;
}

.anim-delay-300 {
    transition-delay: .3s;
}

.anim-delay-400 {
    transition-delay: .4s;
}

.anim-delay-500 {
    transition-delay: .5s;
}

.anim-delay-600 {
    transition-delay: .6s;
}

.anim-delay-700 {
    transition-delay: .7s;
}

.anim-delay-800 {
    transition-delay: .8s;
}

.anim-delay-900 {
    transition-delay: .9s;
}

.anim-delay-1000 {
    transition-delay: 1s;
}

.anim-from-left {
    transform: translate(-20%, 0);
    opacity: 0;
}

.anim-from-right {
    transform: translate(20%, 0);
    opacity: 0;
}

.anim-from-top {
    transform: translate(0, -20%);
    opacity: 0;
}

.anim-from-bottom {
    transform: translate(0, 35%);
    opacity: 0;
}

.anim-flip-y {
    transform: perspective(2500px) rotateY(-100deg);
    opacity: 0;
}

.anim-to-zero {
    transform: translate(0, 0);
    opacity: 1;
}

.flip-to-zero {
    transform: perspective(2500px) rotateY(0);
    opacity: 1;
}


/*--heaer--*/

.header {
    background-color: var(--c-main-dark);
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 9%);
    position: sticky;
    top: 0;
    z-index: 9999;
}

.header .cta-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .cta-buttons a{
    font-size: 14px;
    white-space: nowrap;
    margin-right: 10px;
    padding: 8px 22px;
}

.header-menu-wrapper {
    max-width: 71%;
    width: 100%;
    display: flex;
}

.menu-top-menu-container,
#menu-top-menu-spanish {
    width: 100%;
    height: 100%;
}

html[lang="es-ES"] .header-menu-wrapper {
    max-width: 75%;
}

.menu-top-menu-spanish-container {
    width: 100%;
    height: 100%;
}

.heaer-logo {
    max-width: 208px;
    width: 100%;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.header-logo {
    max-width: 170px;
    width: 100%;
}

.header-nav {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.menu-top-nav-container {
    height: 100%;
}

.header-nav>li {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.header-nav .sub-menu li a {
    font-weight: 500;
    font-size: 14px;
    color: black;
}

.header-nav>li:hover>a,
.header-nav>li.current-menu-item>a,
.current_page_parent.current_page_ancestor>a,
.current_page_item>a {
    color: var(--c-yellow);
}

.header-nav .sub-menu li:hover>a{
    color: #717171;
}

.header-nav>li.cta{
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.header-nav>li.cta > a{
    margin-inline-end: 0;
    box-shadow: var(--drop-shadow-medium);
    background-color: var(--c-yellow);
    border-radius: 25px;
    padding: 5px 28px;
    color: black;
}

.header-nav>li.cta.white > a{
    background-color: white;
    border: none;
    margin-left: 10px;
}

.header-nav li a {
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

/* .header-nav>li:hover:last-child {
    background-color: var(--c-blue);
} */

/* .header-nav>li:hover:last-child a {
    color: white;
} */

.header-nav>li>.sub-menu {
    display: none;
    position: absolute;
    width: max-content;
    background-color: white;
    /* border: 2px solid var(--c-blue); */
    box-shadow: 0 0 20px rgb(18 65 180 / 50%);
    padding: 10px 20px;
    top: 63px;
}

.header-nav>li.menu-item-has-children:hover>.sub-menu {
    display: block;
}

@media screen and (min-width: 768px) {
    .header-nav>li.wide:hover{
        position: static;
    }
    
    .header-nav>li.wide>.sub-menu{
        width: 50%;
        left: 0;
        justify-content: start;
        padding: 30px;
    }
    
    .header-nav>li.wide>.sub-menu > li{
    
    }
    .header-nav>li.wide>.sub-menu > li > a{
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
    }

    .header-nav>li.wide>.sub-menu > li.industries > a:before,
    .header-nav>li.wide>.sub-menu > li.compliance > a:before,
    .header-nav>li.wide>.sub-menu > li.use-cases > a:before{
        content: '';
        margin-right: 7px;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        display: inline-block;
    }

    .header-nav>li.wide>.sub-menu > li.industries > a:before{
        background-image: url(/wp-content/uploads/hospital.svg);
    }
    .header-nav>li.wide>.sub-menu > li.compliance > a:before{
        background-image: url(/wp-content/uploads/shield-check.svg);
    }
    .header-nav>li.wide>.sub-menu > li.use-cases > a:before{
        background-image: url(/wp-content/uploads/file-text.svg);
    }

    .header-nav>li.wide>.sub-menu > li > .sub-menu{
        padding-top: 7px;
    }
    .header-nav>li.wide>.sub-menu > li > .sub-menu > li{
    
    }
    .header-nav>li.wide>.sub-menu > li > .sub-menu > li > a{
    
    }
    
    .header-nav>li.wide:hover>.sub-menu{
        display: flex;
    }
    
    .header-nav>li.wide>.sub-menu>li{
        width: 50%;
        margin-right: 25px;
        position: relative;
    }
    
    .header-nav>li.wide>.sub-menu>li:after{
        height: 100%;
        content: '';
        width: 1px;
        background-color: #4f4f4f;
        position: absolute;
        right: 40px;
        top: 0;
    }
    
    .header-nav>li.wide>.sub-menu>li:last-child::after{
        display: none;
    }
}

/* .header-nav>li.menu-item-has-children:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    top: 5px;
} */


/*--langs switcher--*/

.header-lang-switcher {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-inline-start: 1.5%;
    position: relative;
}

.header-langs-wrapper {
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 100%;
    align-items: center;
    background-color: var(--c-main-dark);
}

.header-lang-switcher span {
    position: relative;
    font-size: 14px;
    cursor: pointer;
}

.header-lang-switcher.open span:after {
    transform: rotate(180deg);
}

.header-lang-switcher span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid var(--c-yellow);
    top: 11px;
    right: -15px;
}


/*--general---*/

.small-hero {
    height: 240px;
}

.medium-hero {
    height: 400px;
}

.bigger-hero {
    height: 760px;
}

.small-hero h1 {
    margin-block-end: 50px;
}

.radar-bubble {
    width: 200px;
    height: 200px;
    position: absolute;
    background: transparent radial-gradient(closest-side at 50% 50%, #000000 48%, #000106 53%, #000419 60%, #000A39 68%, #001265 77%, #001B9C 87%, #0027DA 97%, #0023C5 97%, #001C9C 97%, #001577 97%, #000F56 97%, #000A3B 97%, #000625 98%, #000314 98%, #000108 98%, #000001 99%, #000000 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: screen;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    z-index: 1;
}

.radar-bubble:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent radial-gradient(closest-side at 50% 50%, #000000 48%, #020200 61%, #090A01 68%, #151703 73%, #272A07 78%, #3E430B 82%, #5A6210 86%, #7B8616 89%, #A2B01D 92%, #CCDF25 96%, #DDF128 97%, #B5C520 97%, #8F9C1A 97%, #6D7713 97%, #4F560E 97%, #363B09 97%, #222506 98%, #121403 98%, #070801 98%, #010100 99%, #000000 100%) 0% 0% no-repeat padding-box;
    z-index: -1;
    opacity: 0;
    border-radius: 50%;
}

.radar-bubble:hover::before {
    cursor: pointer;
    opacity: 1;
}

.line {
    margin: 0;
    border-color: var(--c-yellow);
    margin-block-start: 120px;
}

.btn-primary,
.actions>.hs-button {
    padding: 13px 22px;
    box-shadow: var(--drop-shadow-medium);
    background-color: var(--c-yellow);
    border-radius: 5px;
    font-size: 18px;
    color: black;
    font-weight: 700;
    display: flex;
    max-width: fit-content;
    max-width: -moz-fit-content;
    align-items: center;
}

.actions>.hs-button{
    padding: 0px 20px;
}

.btn-primary:hover,
.actions>.hs-button:hover {
    background-color: var(--c-blue);
    color: white;
}

.btn-primary.white{
    background-color: white;
    color: #000000;
}

.title-underline {
    display: inline-flex;
    position: relative;
    font-size: 24px;
    font-weight: 700;
}

.title-underline:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--c-yellow);
    bottom: -15px;
}

.slick-prev:before,
.slick-next:before {
    content: "";
    border: solid var(--c-yellow);
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 9px;
}

.slick-prev:before {
    transform: rotate(135deg);
}

.slick-next:before {
    transform: rotate(-45deg);
}

.slick-dots li button:before {
    color: transparent;
    border-radius: 50%;
    border: 2px solid var(--c-yellow);
    opacity: 1;
    width: 15px;
    height: 15px;
}

.slick-dots li.slick-active button:before {
    color: transparent;
    opacity: 1;
    background-color: var(--c-yellow);
}

.partnership-bottom .slick-dots li button:before {
    border-color: var(--c-blue);
}

.testimonials .slick-dots li.slick-active button:before {
    background-color: var(--c-blue);
}


/*--pagination--*/

.prev.page-numbers,
.next.page-numbers {
    background-color: var(--c-secondary-dark);
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev.page-numbers:before,
.next.page-numbers:before {
    content: "";
    position: absolute;
    border: solid var(--c-yellow);
    border-width: 0 3px 3px 0;
    display: inline-flex;
    padding: 3px;
}

.prev.page-numbers:before {
    transform: rotate( 135deg);
    right: 7px;
}

.next.page-numbers:before {
    transform: rotate( -45deg);
    left: 7px;
}

.pagination {
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-block-start: 80px;
    margin-block-end: 50px;
}

.prev.page-numbers:before,
.next.page-numbers:before {
    content: "";
    position: absolute;
    border: solid var(--c-yellow);
    border-width: 0 3px 3px 0;
    display: inline-flex;
    padding: 3px;
}

.prev.page-numbers:before {
    transform: rotate( 135deg);
    right: 7px;
}

.next.page-numbers:before {
    transform: rotate( -45deg);
    left: 7px;
}

.page-numbers {
    display: flex;
    width: 26px;
    height: 26px;
    line-height: 23px;
    color: var(--c-blue);
    font-weight: bold;
    align-items: center;
    justify-content: center;
}

.prev.page-numbers {
    margin-inline-end: 10px;
}

.next.page-numbers {
    margin-inline-start: 10px;
}

.page-numbers.current {
    color: var(--c-secondary-dark);
}


/*--hp--*/

.hp-top {
    height: 1610px;
    margin-block-end: -450px;
}

.hp-top-text h1 {
    max-width: 93%;
    margin: 90px 0;
}

.hp-top-text {
    align-items: end;
    height: auto;
    margin-bottom: 30px;
}

.hp-img-part2 {
    height: 530px;
}

.logos-title h2 {
    margin: 100px 0;
}

.logos-slide {
    max-width: 100%;
    height: auto;
}

.logos-slide-wrapper .logos-slide {
    display: flex;
    align-items: center;
}

.logos-slider .slick-track {
    display: flex;
}

.logos-slider .logos-slide-wrapper.slick-slide {
    display: flex;
    align-items: center;
    margin-inline-end: 20px;
    margin-inline-start: 20px;
    min-height: 60px;
}

.hp-main-text h2 {
    max-width: 75%;
    margin-block-end: 50px;
}


.hp-monitor-wrapper {
    width: 960px;
    max-width: 100%;
    height: 960px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    background-image: url(/wp-content/uploads/Component-2511.webp);
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
}

.hp-monitor-bubble span {
    font-size: 49px;
    font-family: var(--font-titles);
}

.lang-es .hp-monitor-bubble.small span,
.lang-es .hp-monitor-bubble.medium span{
    font-size: 35px;
}

.middle-circle {
    font-size: 35px;
    width: 210px;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.hp-main-monitor {
    position: absolute;
    top: 0;
    z-index: 0;
}

.monitor-slider a {
    margin-block-end: 50px;
}

.monitor-slider .slick-dots {
    text-align: left;
}

.hp-monitor-bubble.small {
    width: 200px;
    height: 200px;
    background: transparent radial-gradient(closest-side at 50% 50%, #000000 48%, #000106 53%, #000419 60%, #000A39 68%, #001265 77%, #001B9C 87%, #0027DA 97%, #0023C5 97%, #001C9C 97%, #001577 97%, #000F56 97%, #000A3B 97%, #000625 98%, #000314 98%, #000108 98%, #000001 99%, #000000 100%) 0% 0% no-repeat padding-box;
}

.hp-monitor-bubble.medium {
    background: transparent radial-gradient(closest-side at 50% 50%, #000000 48%, #000102 61%, #00040A 67%, #000A17 73%, #00132A 77%, #001E43 81%, #002C62 85%, #003C86 89%, #004FB0 92%, #0064DF 95%, #0073FF 97%, #006EF5 97%, #005AC7 97%, #00469C 97%, #003577 97%, #002756 97%, #001A3B 97%, #001025 98%, #000914 98%, #000308 98%, #000001 99%, #000000 100%) 0% 0% no-repeat padding-box;
    width: 250px;
    height: 250px;
    mix-blend-mode: screen;
}

.hp-monitor-bubble.big {
    background: transparent radial-gradient(closest-side at 50% 50%, #000000 48%, #020200 61%, #090A01 68%, #151703 73%, #272A07 78%, #3E430B 82%, #5A6210 86%, #7B8616 89%, #A2B01D 92%, #CCDF25 96%, #DDF128 97%, #B5C520 97%, #8F9C1A 97%, #6D7713 97%, #4F560E 97%, #363B09 97%, #222506 98%, #121403 98%, #070801 98%, #010100 99%, #000000 100%) 0% 0% no-repeat padding-box;
    width: 300px;
    height: 300px;
}

.home .logos-slider {
    width: 100%;
}

.hp-monitor-bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    mix-blend-mode: screen;
}

.hp-monitor-bubble-wrapper.small {
    width: 250px;
    height: 250px;
    top: -20px;
}

.hp-monitor-bubble-wrapper:hover {
    transform: scale(1.05);
}

.hp-monitor-bubble-wrapper {
    background: transparent radial-gradient(closest-side at 50% 50%, #031432 67%, #031432FA 67%, #03143271 80%, #0314321D 91%, #03143200 100%) 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transform-origin: center;
}

.hp-monitor-bubble-wrapper.medium {
    width: 310px;
    height: 310px;
    bottom: 84px;
    left: 40px;
}

.hp-monitor-bubble-wrapper.big {
    width: 410px;
    height: 410px;
    bottom: 0;
    right: 0;
}

.hp-monitor-inner {
    position: absolute;
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center;
}

.hp-main {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hp-monitor-bubble span,
.hp-monitor-wrapper,
.middle-circle {
    transition: all 1.5s cubic-bezier(.175, .885, .32, 1) !important;
}

.monitor-slider {
    margin-block-start: 80%;
    position: relative;
}

.monitor-slider:before {
    content: "";
    position: absolute;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 100%);
    height: 100%;
    width: 130px;
    right: 0;
    z-index: 1;
}

.monitor-slider h4 {
    margin-block-end: 40px;
}

.monitor-slider p {
    margin-block-end: 65px;
    max-width: 60%;
}

.hp-main-testimonials-bg {
    height: 492px;
    max-width: 985px;
    background-position: center;
    margin: auto;
    width: 100%;
    background-size: 985px;
}

.hp-testimonials-title {
    padding-block-start: 100px;
}

.hp-testimonials-title strong {
    font-size: 70px;
    font-weight: bold;
    color: var(--c-yellow);
}

.lang-es .hp-testimonials-title strong{
    font-size: 80px;
}

.testimonials {
    max-width: 800px;
    margin: auto;
}

.testimonial-slide.slick-slide .three-qrtr-div {
    display: flex;
    align-items: center;
    font-family: var(--font-titles);
    line-height: 24px;
    max-width: 530px;
    font-style: italic;
    position: relative;
}

.testimonial-txt {
    display: flex;
    margin: 0 auto;
    max-width: 80%;
    font-size: 20px;
    flex-direction: column;
    margin-block-end: 30px;
    position: relative;
}

.testimonial-txt h6 {
    margin-block-end: 5px;
    margin-block-start: 10px;
    font-size: 22px;
}

.testimonial-txt span {
    font-size: 18px;
}

.partnership-bottom .testimonial-txt:before {
    z-index: 0;
}

.partnership-bottom .testimonial-txt span {
    position: relative;
}

.testimonial-txt:before {
    content: url(/wp-content/uploads/quotes.svg);
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -80px;
}

.testimonials.slick-initialized .testimonial-slide.slick-slide {
    display: flex;
}

.hp-main .btn-primary.has-icon {
    margin: auto;
    align-items: center;
    margin-top: 50px;
}

.tab-main {
    display: none;
    flex-direction: column;
    max-width: 870px;
    padding: 75px;
    width: 100%;
}

.tabs-top {
    align-items: center;
    max-width: 260px;
    width: 100%;
    height: 100px;
    display: flex;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-inline-end: 10px;
    position: relative;
    cursor: pointer;
}

.tabs-top:last-child {
    margin-inline-end: 0;
}

.tabs-top.active {
    background-color: var(--c-blue);
}

.tabs-top>img {
    margin-inline-start: 40px;
    margin-inline-end: 20px;
}

.tabs-top.active>span {
    color: white;
}

.tab-main-wrapper {
    display: flex;
    background: transparent linear-gradient(117deg, #0027DA 0%, #00146D 100%) 0% 0% no-repeat padding-box;
    height: 470px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-block-end: 170px;
}

.tab-main .btn-primary {
    margin-block-start: auto;
}

.tabs-top>span {
    font-weight: bold;
    max-width: 50%;
    line-height: 1;
    color: var(--c-blue-light);
}

.btn-primary.has-icon {
    position: relative;
}

.tab-main.active {
    display: flex;
}

.btn-primary.has-icon:before {
    content: url(/wp-content/uploads/btn-icon.svg);
    height: 41px;
    position: relative;
    left: -10px;
}

.bottom-texts .btn-primary {
    margin: auto;
    margin-block-start: 80px;
}

.hp-bottom {
    padding-block-end: 180px;
    padding-block-start: 100px;
}

.bottom-text {
    max-width: 80%;
}


/* .tabs-top:after {content: "";position: absolute;width: 1px;height: 100%;background-color: var(--c-yellow);right: 0;} */


/* .tabs-top.active:after,.tabs-top:last-child:after {display: none;} */

.tabs-top.active:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    background-color: #F2F2F2;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
}


/*--about--*/

.about-top-image {
    position: absolute;
    top: 90px;
    right: 0;
}

.about-top {
    position: relative;
    min-height: 730px;
    background-color: var(--c-secondary-dark);
}

.about-text {
    max-width: 50%;
    font-size: 20px;
    margin-block-end: 2%;
}

.about-title {
    font-size: 80px;
    max-width: 65%;
    padding-block-start: 135px;
    line-height: 86px;
    margin-block-end: 50px;
    font-weight: 300;
}

.about-main {
    background-color: white;
    min-height: 2000px;
}

.about-wrapper {
    max-width: 1270px;
    margin: 0 auto;
}

.about-wrapper .about-title {
    padding-block-start: 75px;
    margin-block-end: 20px;
}

.about-wrapper .about-text {
    max-width: 65%;
}

.about-team-member {
    max-width: 370px;
    width: 100%;
    margin-inline-end: 80px;
    box-shadow: var(--drop-shadow-medium2);
    background-color: var(--c-secondary-dark);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 700px;
    margin-block-end: 80px;
    border-radius: 10px;
}

.about-team-member-img:hover {
    background-color: transparent;
}

.about-team {
    display: flex;
    flex-wrap: wrap;
    margin-block-start: 80px;
}

.about-team-member:nth-child(3n) {
    margin-inline-end: 0;
}

.team-member-nolink-padd {
    margin-block-end: 50px;
}

.team-member-text {
    max-width: 90%;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.about-team-member h4,
.about-team-member span {
    color: var(--c-yellow);
}

.about-team-member h4 {
    margin-block-end: 5px;
    margin-block-start: 20px;
    font-size: 28px;
    font-family: var(--font-body);
}

.about-team-member a {
    margin: 15px 0;
}

.about-team-member a:hover>img {
    filter: grayscale(1);
}

.about-team-member a img {
    filter: grayscale(0);
}

.about-team-member-img {
    height: 169px;
    width: 169px;
    background-blend-mode: luminosity;
    background-color: var(--c-secondary-dark);
    margin-block-start: 35px;
}

.about-bottom {
    background-color: var(--c-blue);
    padding-block-start: 200px;
    padding-block-end: 150px;
    margin-block-start: -150px;
}

.about-bottom-cta {
    margin-inline-end: 80px;
    max-width: 370px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-bottom-cta:last-child {
    margin-inline-end: 0;
}

.about-bottom-cta span {
    margin-block-end: 40px;
}


/*--benefits--*/

.benefit-txt {
    margin-block-end: 70px;
    max-width: 580px;
}

.benefits .row-wrap,
.benefits .row-reverse,
.benefits-bottom-btn {
    padding: 50px 0;
}

.benefits-inner {
    height: calc(100vh - var(--header-height));
}

.benefits-inner .grid {
    position: unset;
}

.benefits-inner p {
    max-width: 75%;
    font-size: 20px;
}

.benefits-inner .third-div p {
    max-width: 90%;
}

.radar-bubble:hover+p {
    color: var(--c-yellow);
}

.more-text {
    font-size: 20px;
    margin-block-start: 75px;
    margin-block-end: 30px;
    max-width: 1050px;
}

.benefits-inner-more-txt h2 {
    font-weight: bold;
    font-size: 60px;
}

.benefits-inner-more-txt {
    padding: 100px 0;
}

.benefits-inner-more-txt .btn-primary {
    margin-block-end: 100px;
}

.radar {
    background-image: url(/wp-content/uploads/radar.png);
    max-width: 1210px;
    width: 100%;
    height: 1210px;
    margin: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
}

.radar-title {
    position: absolute;
    font-size: 100px;
    font-family: var(--font-titles);
    text-transform: uppercase;
    color: var(--c-yellow);
    font-weight: 300;
}

.benefits-inner-radar {
    padding: 200px 0;
}

.benefits-inner-radar h3 {
    text-align: center;
    margin-block-end: 100px;
    font-size: 30px;
    max-width: 55%;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.bubble-wrapper-bg {
    width: 300px;
    display: flex;
    height: 250px;
    position: absolute;
    justify-content: center;
    background: transparent radial-gradient(closest-side at 50% 50%, #031432 67%, #031432FA 67%, #03143271 80%, #0314321D 91%, #03143200 100%) 0% 0% no-repeat padding-box;
    align-self: flex-start;
}

.bubble-wrapper {
    position: absolute;
    width: 300px;
    height: 290px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.bubble-wrapper p {
    text-align: center;
    font-size: 22px;
    position: relative;
}

.bubble-pos-0 {
    top: 8%;
    left: 20%;
}

.bubble-pos-1 {
    top: 8%;
    right: 20%;
}

.bubble-pos-2 {
    top: 42%;
    right: 0;
}

.bubble-pos-3 {
    bottom: 5%;
    right: 20%;
}

.bubble-pos-4 {
    bottom: 5%;
    left: 20%;
}

.bubble-pos-5 {
    top: 42%;
    left: 0;
}


/*--industries--*/

.industries-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.industries-lobby-main {
    padding-block-end: 350px;
}

.industry-item-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 218px;
    width: 100%;
    align-items: center;
}

.industry-item-wrapper h4 {
    max-width: 90%;
    margin: auto;
    text-align: center;
    color: var(--c-yellow);
}

.industry-item-wrapper {
    opacity: 0.7;
}

.industry-item-wrapper:hover {
    opacity: 1;
    transform: scale(1.45);
    z-index: 1;
}

.industry-item-wrapper>.industry-img:before,
.industry-item-wrapper>.industry-img:after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: var(--c-yellow);
    transition-delay: .2s;
}

.industry-img {
    width: 218px;
    height: 260px;
    position: relative;
}

.industry-item-wrapper>.industry-img:after {
    bottom: 0;
    right: 0;
}

.industry-item-wrapper>.industry-img:before {
    top: 0;
    left: 0;
}

.industry-item-wrapper:hover>.industry-img:before,
.industry-item-wrapper:hover>.industry-img:after {
    width: 100%;
}

.industries-top h1 {
    text-transform: uppercase;
    padding-block-start: 135px;
}

.industries-top-txt {
    max-width: 950px;
    padding-block-end: 65px;
}

.industries-top {
    height: 630px;
}

.industries-inner-main {
    padding: 150px 0;
}

.solution-txt-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 1040px;
    margin-inline-start: auto;
    padding-block-start: 50px;
    padding-block-end: 100px;
}

.solution-txt-wrapper img {
    position: absolute;
    left: 0;
    transform: translate(0, -35px);
    top: 0;
}

.industries-inner-main .grid {
    position: relative;
}

.solution-txt {
    padding-inline-start: 300px;
    padding-inline-end: 100px;
}

.solution-txt-wrapper h2 {
    position: relative;
    background-color: var(--c-yellow);
    color: var(--c-main-dark);
    padding: 25px 75px;
    font-weight: 500;
    transform: translateX(-75px);
    font-size: 30px;
    height: auto;
}

.reverse.solution-txt-wrapper h2 {
    transform: translateX(30px);
}

.solution {
    margin-block-end: 150px;
}

.reverse.solution-txt-wrapper {
    margin-inline-start: unset;
    padding-block-end: 85px;
}

.reverse.solution-txt-wrapper img {
    left: unset;
    right: 0;
    top: 100px;
}

.reverse.solution-txt-wrapper .solution-txt {
    padding: 0;
    max-width: 540px;
    width: 100%;
    margin: auto;
}

.reverse.solution-txt-wrapper h4 {
    transform: none;
    margin-inline-start: 85px;
}


/*--products--*/

.small-hero.products-top h1 {
    margin-block-end: 0;
}

.products-col {
    display: flex;
    flex-direction: column;
}

.products-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.products-main {
    padding: 80px 0;
}

.products-col>.product:last-child {
    margin-block-start: 75px;
}

.bg-circle:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/circle.svg);
    width: 770px;
    height: 740px;
    right: 0;
    left: -30px;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.bg-circle {
    position: relative;
    z-index: 1;
}

.product h2 {
    margin-block-end: 5px;
    line-height: 1;
}

.grid-medium.bg-circle {
    max-width: 1260px;
}

.products-middle h2 {
    margin-block-end: 35px;
}

.products-middle {
    color: var(--c-main-dark);
    position: absolute;
    max-width: 450px;
    height: 400px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.products-middle-text ul {
    padding-inline-start: 20px;
}

.products-middle-text ul li::marker {
    color: var(--c-blue);
}

.products-middle-text {
    font-size: 20px;
    max-width: 94%;
}

.more-produts {
    padding: 100px 0 200px;
}

.more-products-wrapper {
    max-width: 1200px;
    margin-inline-start: auto;
}

.more-products-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.more-products-wrapper h4 {
    margin-block-end: 55px;
}

.more-products-inner a {
    margin-block-end: 55px;
    font-size: 20px;
    width: 100%;
}

.more-products-inner a:nth-child(1n) {
    margin-inline-end: 100px;
}

.product-inner-top h1 {
    padding-block-start: 100px;
}

.product-inner-top h2 {
    font-size: 30px;
}

.product-inner-top p {
    max-width: 45%;
    font-size: 20px;
}

.product-features {
    display: flex;
    flex-direction: column;
}

.product-features-wrapper {
    box-shadow: var(--drop-shadow-medium2);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0 90px;
    transform: translateY(-250px);
    background-color: white;
    margin-block-end: -150px;
}

.product-features-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.product-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--c-main-dark);
    text-align: center;
    margin-bottom: 20px;
}

.product-feature>img {
    max-width: 100px;
}

.product-feature p {
    max-width: 80%;
    font-size: 16px;
    line-height: 1.4em;
}

.product-features-wrapper h2 {
    margin-block-end: 60px;
}

.product-inner-content {
    max-width: 890px;
    color: var(--c-main-dark);
    margin: auto;
}

.product-inner-content .row-wrap {
    margin: 100px 0 170px;
    justify-content: space-between;
    display: flex;
    flex-wrap: unset;
}

.product-inner-content .row-wrap a:first-child {
    /* margin-inline-end: auto; */
}

.product-inner-content .row-wrap a {
    color: var(--c-main-dark);
    font-size: 16px;
}

.product-inner-content .row-wrap a:hover {
    text-decoration: none;
    color: white;
}

.product-inner-content a {
    color: var(--c-blue-light);
}

.product-inner-content a:hover {
    text-decoration: underline;
}

.product-inner-content.no-features {
    padding: 45px 0;
}

.product-inner-top.no-features {
    height: auto;
    padding-block-end: 100px;
}


/*--resources--*/

.big-hero {
    height: 560px;
}

.resorce {
    display: flex;
    max-width: 348px;
    align-items: center;
    width: 100%;
    margin-inline-end: 78px;
    flex-direction: column;
    margin-block-end: 80px;
    box-shadow: var(--drop-shadow-medium2);
    color: var(--c-main-dark);
}

.resorce>img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 195px;
}

.resorce:nth-child(3n) {
    margin-inline-end: 0;
}

.resorces-wrapper {
    transform: translateY(-75px);
}

.resorce-content {
    padding: 0 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.resorce-category-name {
    color: var(--c-yellow);
    font-size: 14px;
    font-weight: bold;
    background-color: var(--c-secondary-dark);
    display: inline-flex;
    margin-block-end: 0;
    padding: 10px 30px;
    border-radius: 35px;
    font-family: var(--font-body);
    transform: translateY(-20px);
    border: 1px solid var(--c-blue);
    max-width: fit-content;
    max-width: -moz-fit-content;
}

.resorce-content p {
    font-size: 18px;
    line-height: 24px;
    margin-block-end: 25px;
    font-weight: 400;
    margin-block-start: 15px;
}

.resorce-content span {
    font-size: 14px;
    font-weight: 300;
}

.resource-cta {
    margin-block-end: 30px;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-block-start: auto;
}

.resource-cta-icon {
    position: relative;
    display: flex;
    background-color: var(--c-yellow);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: var(--drop-shadow-light);
    margin-inline-start: 10px;
    align-items: center;
    justify-content: center;
}

.resource-cta-icon:before {
    content: "";
    position: absolute;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-flex;
    padding: 4px;
    transform: rotate(-45deg);
}

.resource-inner-content {
    max-width: 900px;
    font-size: 20px;
    transform: translateY(-100px);
    margin-bottom: -100px;
}

.resource-inner-top {
    color: white;
}

.resource-inner-content.no-image {
    transform: translateY(-75px);
    margin-bottom: -75px;
}

.resource-inner-content img {
    max-width: 100%;
    margin-block-end: 50px;
}

.resource-inner-top>img {
    margin-block-end: 0;
}

.the-content table,
.the-content th,
.the-content td {
    border: 1px solid var(--c-light-grey);
    border-collapse: collapse;
}

.the-content table td {
    padding: 10px;
}

.the-content {
    color: var(--c-main-dark);
}

.the-content.multitext-no-date {
    padding-block-start: 50px;
}

.the-content .two-third-div>* {
    max-width: 90%;
}

.resource-inner-main .more-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.resources.subitle h1 {
    margin-block-end: 20px;
}

.resources.subitle h1+p {
    font-size: 20px;
}

.resource-inner-main .more-content img {
    max-width: 100% !important;
    height: auto !important;
}

.resource-inner-content.top-image {
    padding: 0;
    background-color: transparent;
}

.the-content iframe {
    width: 100%;
    height: 500px;
    margin-block-start: 50px;
}

.resource-inner-content.top-image .resource-inner-top,
.resource-inner-content.top-image .resource-inner-top i:before {
    color: white;
}

.resource-inner-top a i:before {
    color: white;
    font-size: 16px;
}

.resource-inner-top a {
    margin-inline-end: 10px;
}

.resource-inner-content .row.flex-col-center {
    margin-block-end: 120px;
}

.resource-inner-content.top-image .resource-inner-top {
    margin-block-end: 20px;
}

.resource-inner-content.top-image .resource-inner-top a:hover>i:before {
    color: var(--c-yellow);
}

.the-content a {
    color: var(--c-blue-light);
}

.the-content a:hover {
    text-decoration: underline;
}

.the-content blockquote {
    max-width: 720px;
    margin-inline-start: auto;
    margin-block-start: 100px;
    margin-block-end: 100px;
    font-size: 27px;
    line-height: 32px;
    font-weight: 500;
    font-family: var(--font-titles);
    position: relative;
    font-style: italic;
}

.the-content blockquote:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/quotes.svg);
    width: 75px;
    height: 67px;
    opacity: .5;
    top: -30px;
    left: -40px;
}

.the-content ul li::marker {
    color: var(--c-blue);
}

.the-content ul {
    padding-inline-start: 20px;
}


/*--recent posts--*/

.recent-posts {
    padding: 75px 0;
}

.recent-posts h2 {
    margin-block-end: 45px;
    font-weight: 500;
}


/*---partnership--*/

.partnership-top h1 {
    padding-block-start: 45px;
}

.partnership-top h3 {
    font-family: var(--font-body);
    font-size: 28px;
    font-weight: 300;
}

.partnership-top h3 strong {
    font-weight: 500;
}

.solutions .half-div p {
    text-align: center;
    max-width: 70%;
    font-size: 20px;
    margin-block-end: 70px;
    min-height: 230px;
}

.partnership-main {
    padding-block-end: 150px;
    margin-block-end: -200px;
    padding-block-start: 60px;
}

.partnership-bottom {
    padding-block-end: 85px;
    padding-block-start: 300px;
}

.partnership-bottom .testimonial-txt {
    color: var(--c-main-dark);
    font-weight: 500;
    max-width: 90%;
    margin: 0;
    margin-inline-start: auto;
}

.partnership-vid iframe {
    width: 100%;
    max-width: 995px;
    height: 560px;
    border: 2px solid var(--c-blue);
    box-shadow: var(--drop-shadow-medium2);
}

.partnership-vid {
    display: flex;
    justify-content: center;
    transform: translateY(150px);
}

.partnership-bottom .testimonial-slide.slick-slide .three-qrtr-div:before {
    opacity: 0.2;
}

.solutions .half-div h2 {
    text-align: center;
}

.partnership-form {
    padding: 100px 0;
}

.form-wrapper {
    width: 100%;
    max-width: 700px;
    margin: auto;
}

.form-wrapper form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form-wrapper form input,
.form-wrapper form textarea,
.form-wrapper form select,
.login-form form input {
    width: 100%;
    border: 2px solid var(--c-blue);
    border-radius: 6px;
    font-family: var(--font-body);
    font-size: 14px;
}

.form-wrapper form textarea {
    height: 145px;
    padding-inline-start: 14px;
    padding-block-start: 10px;
}

.form-wrapper form input::placeholder,
.form-wrapper form textarea::placeholder {
    color: var(--c-blue);
}

.hbspt-form form fieldset {
    max-width: 700px;
}

.hbspt-form form fieldset>div:last-child>.input {
    margin: 0;
}

.hbspt-form .actions {
    display: flex;
    justify-content: center;
    margin-block-start: 50px;
}

.hbspt-form form input[type="submit"] {
    border: none;
}

.form-wrapper form input,
.form-wrapper form select,
.login-form form input {
    height: 39px;
    margin-block-end: 14px;
    padding-inline-start: 15px;
    font-size: 14px;
    color: var(--c-blue);
    font-family: var(--font-body);
}

.form-wrapper form>.half-div.right {
    text-align: right;
}

.form-wrapper form>button {
    margin: auto;
    margin-block-start: 65px;
}

.partnership-form h4 {
    text-align: center;
    margin-block-end: 65px;
}

.bg-white.sales-service {
    width: 100%;
    max-width: 1000px;
    margin-inline-start: 135px;
    color: var(--c-main-dark);
    box-shadow: var(--drop-shadow-light);
    border: 2px solid var(--c-blue);
}

.sales-service-main img {
    position: absolute;
    top: 100px;
    right: 0;
    max-width: 100%;
}

.sales-service-inner {
    padding-inline-start: 100px;
    padding-block-start: 100px;
}

.sales-service-main {
    position: relative;
    padding-block-end: 235px;
    overflow: hidden;
}

.sales-service-inner .btn-primary {
    margin-inline-end: 45px;
}

.sales-service-inner .btn-secondary {
    max-width: fit-content;
    max-width: -moz-fit-content;
}

.row.sales-service-button-wrapper {
    max-width: 490px;
    width: 100%;
}

.row.sales-service-button-wrapper a:last-child {
    margin-inline-start: auto;
}

.row.sales-service-button-wrapper a:first-child {
    margin-inline-start: 35px;
}

.row.sales-service-button-wrapper a {
    color: var(--c-main-dark);
    margin-block-start: 15px;
}


/*--tech partners--*/

.technology-main {
    padding-block-end: 200px;
}

.technology-top-title {
    margin-block-end: 65px;
    height: 420px;
    display: flex;
    align-items: center;
    transform: translateX(-75px);
    width: 795px;
    position: relative;
    z-index: 1;
    margin-block-start: 45px;
}

.technology-top-title h1 {
    max-width: 70%;
    padding-inline-start: 75px;
    font-weight: 300;
}

.technology-top-image {
    position: absolute;
    right: -235px;
}

.technology-top {
    padding: 140px 0 120px;
    overflow: hidden;
}

.technology-top-text {
    max-width: 560px;
}

.technology-main .grid-medium {
    padding: 45px 0;
}

.technology-main-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 60px;
}

.technology-main .grid-medium:nth-child(4) .technology-main-logos {
    justify-content: center;
}

.technology-main-logo {
    display: flex;
    flex-direction: column;
    color: rebeccapurple;
    align-items: center;
    justify-content: center;
}

.technology-main-logo.height img{
    width: auto;
    height: 100px;
}

.technology-main-logo img{
    width: 225px;
    object-fit: contain;
    margin-bottom: 20px;
}

.technology-main-logo>a {
    color: var(--c-main-dark);
    text-decoration: underline;
}

.technology-main .grid-medium>h2 {
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 34px;
}


/*---404---*/

.bg-circle-gradient {
    height: calc(100vh - var(--header-height));
    background-image: url(/wp-content/uploads/404-bg.jpg);
    background-position: center;
    position: relative;
}

.page-404 h1 {
    font-size: 300px;
    line-height: 84%;
    font-weight: bold;
    margin: 0;
}

.page-404 p {
    margin: 50px 0;
}

.page-404:before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/404-light.svg);
    width: 1130px;
    height: 1350px;
    top: -100px;
    left: -60px;
    z-index: 0;
}

.page-404 a,
.page-404 p {
    position: relative;
}


/*--THANKS---*/

.thanks-video {
    padding: 145px 0 110px;
}

.thanks-video-wrapper {
    max-width: 1000px;
    width: 100%;
    margin: auto;
}

.thanks-video-wrapper iframe {
    width: 100%;
    height: 560px;
    border: 2px solid var(--c-blue);
    box-shadow: var(--drop-shadow-medium2);
}

.thanks-video-wrapper p {
    font-size: 20px;
    color: var(--c-main-dark);
    max-width: 50%;
    margin-block-end: 40px;
}

.thanks-bottom {
    padding-block-end: 100px;
}


/*--login--*/

.bg-img-settings.login h1 {
    font-size: 50px;
    font-weight: 300;
    padding-block-start: 100px;
    margin-block-end: 60px;
}

.bg-white.login-form {
    padding: 155px 0 270px;
}

.login-text {
    color: var(--c-main-dark);
    max-width: 80%;
    margin: auto;
    font-size: 20px;
}

.login-text a {
    color: var(--c-main-dark);
}

.login-form form {
    display: flex;
    flex-direction: column;
    max-width: 80%;
}

.login-form form a {
    color: var(--c-main-dark);
    margin-block-end: 50px;
}

.login-form form input {
    background-color: var(--c-light-grey2);
}


/*--contact--*/

.bg-img-settings.contact {
    padding-block-start: 70px;
    height: 1300px;
}

.bg-img-settings.contact h1 {
    margin-block-end: 30px;
}

.contact.form-wrapper {
    max-width: 340px;
    width: 100%;
    margin-inline-start: 30px;
}

.contact.form-wrapper.fill{
    background-color: white;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0px 0px 15px #A5CDFF;
    border: 2px solid #0073FF;
    bottom: 0;
    padding-block-start: unset;
    margin-inline-start: unset;
    box-sizing: border-box;
    max-width: 100%;
}

.contact.form-wrapper.fill > div{
    padding-top: 30px;
}

.contact.form-wrapper .hbspt-form .actions {
    margin-block-start: 20px;
    justify-content: start;
}

.contact.form-wrapper form textarea {
    height: 90px;
}

.contact-location-inf p {
    font-size: 20px;
}

.contact-locations {
    justify-content: flex-start;
}

.contact-location-inf h6 {
    font-family: var(--font-body);
}

.contact-location-inf {
    max-width: 85%;
    margin-inline-start: 15px;
    margin-block-start: 5px;
}

.row.contact-locations {
    margin-block-start: 100px;
}


/*--text page--*/

.text-page-top h1 {
    text-transform: uppercase;
    color: white;
    padding-block-start: 100px;
}

.text-page-main {
    padding: 70px 0;
}

.text-page-content h2 {
    font-size: 90px;
    text-align: center;
}

.text-page-content {
    max-width: 920px;
    margin: auto;
}


/*---riskopedia--*/

.riskopedia-nav li a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.riskopedia-nav {
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.riskopedia-nav:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: white;
    bottom: -20px;
}

.riskopedia-nav li:hover a {
    color: var(--c-yellow);
}

.riskopedia-nav li.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: var(--c-yellow);
    bottom: -21px;
    right: -1px;
}

.riskopedia-nav li {
    position: relative;
}

.big-hero.resources {
    background-color: var(--c-secondary-dark);
}

.resources h1 {
    padding-block-start: 80px;
    margin-block-end: 35px;
}

.resources h1+p {
    margin-block-end: 85px;
}

.riskopedia-nav li.active a {
    color: var(--c-yellow);
}


/*--banner--*/

.hp-banner h2 {
    color: var(--c-main-dark);
    font-weight: 500;
    font-size: 22px;
    margin-block-end: 0;
    margin-inline-end: 45px;
}

.hp-banner {
    max-height: 0;
    overflow: hidden;
    animation: .75s hp-banner-anim cubic-bezier(.175, .885, .32, 1) forwards 1s;
    width: 100%;
    z-index: 99999;
    padding: 15px 0;
}


/*--hp german--*/

.page-template-template-hp-german .hp-top .third-div {
    max-width: 38%;
    flex: 38%;
}

.page-template-template-hp-german .hp-top .third-div {
    max-width: 45%;
    flex: 45%;
}

.page-template-template-hp-german .hp-main-testimonials-bg {
    max-width: 100%;
}

.page-template-template-hp-german .hp-main-testimonials-bg h3 {
    font-size: 40px;
}

.documentation h2 {
    margin-block-end: 70px;
}

.document p:hover {
    color: var(--c-yellow);
}

.page-template-template-hp-german .industry-item-wrapper h4 {
    font-size: 25px;
    margin-block-start: 11px;
}

.document {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 25%;
}

.document p {
    max-width: 65%;
    text-align: center;
    line-height: 1.2;
    margin-block-start: 15px;
}

.documentation {
    padding-block-end: 150px;
}

.page-template-template-hp-german .industries-lobby-main {
    padding-block-end: 200px;
}

.page-template-template-hp-german .industries-top h2 {
    padding-block-start: 0;
}

.page-template-template-hp-german .industries-top {
    height: 450px;
}

.page-template-template-hp-german .tab-main-wrapper {
    margin-block-end: 0;
}

@keyframes hp-banner-anim {
    to {
        max-height: 130px;
    }
}

.hp-banner.close {
    animation: .75s hp-banner-anim-close cubic-bezier(.175, .885, .32, 1) forwards;
    padding: unset;
}

@keyframes hp-banner-anim-close {
    to {
        max-height: 0;
    }
}

.btn-primary-negative {
    padding: 6px 15px;
    box-shadow: var(--drop-shadow-medium);
    background-color: var(--c-main-dark);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-block-start: 6px;
}

/* .hp-banner .row.flex-col-center {
    padding: 34px 0;
} */

.hp-banner-close:before {
    content: "\00d7";
    color: var(--c-main-dark);
    font-size: 45px;
    display: flex;
    justify-self: center;
    cursor: pointer;
}

.hp-banner-close {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
}
@media only screen and (max-width: 767px) {
    .hp-banner-close {
        margin-top: 5px;
    }
    .hp-banner-close:before {
        font-size: 25px;
    }
    .home .cta-wrapper .btn-primary{
        margin-bottom: 15px;
    }
}

.search-icon{
    cursor: pointer;
    margin: 0px 10px;
}

.search-icon img{
    width: 30px;
}

/*--requerst demo----*/

.bg-img-settings.request-demo {
    padding-block-start: 100px;
}

.request-demo-text {
    max-width: 70%;
}

.request-demo-text ul li::marker {
    color: var(--c-yellow);
}

.request-demo-text ul {
    padding-inline-start: 18px;
}


/*--footer--*/

footer {
    padding: 65px 0;
}

.resource-cta:hover>.resource-cta-icon {
    transform: translateX(15px);
}

.social-icon:hover {
    transform: scale(1.25);
}

.footer-social-links {
    display: flex;
    margin-block-start: 10px;
}

.social-icon i {
    color: var(--c-yellow);
}

.social-icon {
    margin-inline-end: 10px;
    display: flex;
}

.footer-col .footer-nav > li > a{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: var(--font-body);
    display: inline-block;
}

.footer-col .menu-item-has-children{
    margin-bottom: 15px;
}

.footer-col {
    margin-inline-end: auto;
    max-width: 155px;
}

.footer-contacts {
    line-height: 19px;
    font-size: 16px;
}

.footer-col:first-child h6 {
    margin-block-end: 15px;
    margin-block-start: 35px;
}

.footer-col:last-child p {
    font-size: 14px;
    line-height: 20px;
    max-width: 75%;
}

.footer-col:last-child {
    max-width: 240px;
    margin-inline-end: 0;
}

.footer-social-links~a:hover,
.footer-contacts a:hover {
    color: var(--c-yellow);
}

.footer-col ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-col ul li {
    line-height: 25px;
}

.footer-col ul li a {
    font-size: 14px;
}

.footer-col ul li a:hover {
    color: var(--c-yellow);
}

.footer-logo {
    margin-block-end: 35px;
    max-width: 114px;
}

.footer-col:first-child {
    margin-inline-end: auto;
    max-width: 155px;
}

.footer-col:first-child h6+a {
    margin-block-end: 10px;
    font-size: 14px;
    display: block;
}

.footer-col.form form input {
    height: 42px;
    width: 100%;
    border-radius: 5px;
}

form input,
form button {
    font-family: var(--font-body);
    border: none;
    font-size: 14px;
}

.btn-secondary {
    background-color: var(--c-blue);
    color: white;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 10px 45px;
    box-shadow: var(--drop-shadow-medium);
}

.btn-secondary:hover {
    background-color: var(--c-blue-hover);
}

.footer-col.form form input {
    padding: 0 20px;
    margin: 10px 0;
    border: 1px solid var(--c-blue);
    color: var(--c-blue);
}

.footer-col .hbspt-form .actions {
    margin-block-start: 0;
    width: 100%;
}

.footer-col .hbspt-form .actions .hs-button {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    background-color: var(--c-blue);
    color: var(--c-white);
    font-size: 14px;
}

.footer-col .hbspt-form .actions .hs-button:hover {
    background-color: var(--c-blue-hover);
}

.hbspt-form .actions .hs-button {
    cursor: pointer;
}


/* gpt - template */

section.gpt-wrap {
    /* height: calc(100vh - 110px); */
    padding: 35px 0;
    margin-bottom: 40px;
}

.gpt-wrap #loading {
    display: none;
}

.gpt-wrap #loading .warp {
    height: 361px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.gpt-wrap .loader {
    width: 48px;
    height: 48px;
    border: 3px solid #0071fb;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin-bottom: 10px;
}

.gpt-wrap .loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid;
    border-color: #031432 transparent;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

body.page-template-template-ot-sec-gpt {
    background-color: white;
    color: #031432;
}

.gpt-wrap .head-gpt {
    text-align: center;
    margin-bottom: 60px;
}

.gpt-wrap .head-gpt h1 {
    color: #0073FF;
    font-weight: 600;
    font-size: 42px;
    margin-bottom: 10px;
}

.gpt-wrap .head-gpt p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.main-gpt {
    margin-bottom: 50px;
    min-height: 360px;
}

.main-gpt #front {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.main-gpt #front>div:first-child {
    width: 100%;
    max-width: 516px;
}

.gpt-wrap .main-gpt h2 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #0073FF;
    max-width: 406px;
}

.gpt-wrap .main-gpt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.gpt-wrap .img-wrap {
    width: 100%;
    max-width: 300px;
    height: auto;
}

.gpt-wrap .img-wrap>img {
    width: 100%;
    height: 100%;
}

.page-template-template-ot-sec-gpt .third-div {
    display: flex
}

.response-title {
    background: linear-gradient(269.91deg, #031432 0.07%, #0073FF 99.92%);
    color: white;
    display: flex;
    align-items: center;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.response-title span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-left: 25px;
}

.response-title .avatar-wrap {
    background-color: white;
    padding: 8px 7px;
    box-shadow: 0px 0px 6px #CAE2FF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.response-content {
    background: linear-gradient(90.02deg, #E4F0FF 0.01%, rgba(202, 226, 255, 0) 99.98%);
    display: flex;
    padding: 0 30px;
    padding-top: 20px;
    padding-bottom: 11px;
}

.response-content .icon {
    width: 45px;
    height: 45px;
    background-color: #0073FF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 6px #CAE2FF;
    border-radius: 5px;
    margin-right: 20px;
}

.response-content .content {
    height: 100%;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}


/* .response-content .content:after {
    content: '';
    position: absolute;
    background-color:#E4F0FF ;
    width: 2px;
    height: 100%;
    right: 0;
    top: 0;
} */

.response-content .content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.response-content .content p:last-child {
    margin-bottom: unset;
}

body.page-template-template-ot-sec-gpt ::-webkit-scrollbar {
    width: 6px;
}

body.page-template-template-ot-sec-gpt ::-webkit-scrollbar-thumb {
    background: #A5CDFF;
    border-radius: 10px;
}

body.page-template-template-ot-sec-gpt ::-webkit-scrollbar-track {
    background-color: #E4F0FF;
    background-color: white;
}

.error-title {
    background: linear-gradient(269.91deg, #031432 0.07%, #0073FF 99.92%);
    color: white;
    display: flex;
    align-items: center;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.error-title span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-right: 25px;
}

.error-title .avatar-wrap {
    background-color: white;
    padding: 8px 7px;
    box-shadow: 0px 0px 6px #CAE2FF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-content {
    background: linear-gradient(90.02deg, #E4F0FF 0.01%, rgba(202, 226, 255, 0) 99.98%);
    display: flex;
    padding: 0 30px;
    padding-top: 20px;
    padding-bottom: 48px;
    border: 2px solid #FB0645;
}

.error-content .icon {
    width: 45px;
    height: 45px;
    background-color: #0073FF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 6px #CAE2FF;
    border-radius: 5px;
    margin-right: 20px;
    position: relative;
}

.error-content .icon::after {
    content: '';
    background-image: url('/wp-content/uploads/Group-43.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 20PX;
    height: 24PX;
    bottom: 0;
    right: 0;
    margin-right: -9px;
    margin-bottom: -9px;
}

.error-content .content {}


/* .error-content .content:after {
    content: '';
    position: absolute;
    background-color:#E4F0FF ;
    width: 2px;
    height: 100%;
    right: 0;
    top: 0;
} */

.error-content .content p {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    max-width: 80%;
}

.error-content .content p:last-child {
    margin-bottom: unset;
}

.faq-rap {
    background: linear-gradient(90deg, #031432 0%, #0073FF 100%);
    border-radius: 25px;
    color: white;
    padding: 20px 30px;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
}

.faq-items {
    margin-bottom: 20px;
}

.faq-rap h2 {
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid white;
    margin-bottom: 20px;
}

.search-bar #chat-from {
    width: 100%;
}

.search-bar #chat-from input[type="text"] {
    width: 100%;
    min-height: 65px;
    border: 1px solid #CAE2FF;
    box-shadow: 0px 0px 20px rgba(202, 226, 255, 0.9);
    border-radius: 15px;
    padding: 20px 32px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.search-wrap {
    position: relative;
}

.search-bar ::placeholder {
    color: #99ACC3;
    font-size: 16px;
    font-weight: 400;
}

#response {
    display: none;
}

#error {
    display: none;
}

.search-wrap #submit {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 30px;
    margin-top: -13px;
    background-color: transparent;
    background-image: url(/wp-content/uploads/Vector.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
    font-size: 0;
    border: 0;
    cursor: pointer;
}


/* new - lp - sign up */

body.page-template-template-lp-signup .header-menu-wrapper,
body.page-template-template-lp-signup .hide-desktop.header-humburger-wrapper,
body.page-template-template-lp-signup .header-lang-switcher{
    display: none;
}

body.page-template-template-lp-signup footer {
    display: none;
}

.lp-signwrap {
    background: linear-gradient(270deg, #000000 0%, #031432 41.15%, #014DAC 82.29%, #0073FF 100%);
    position: relative;
}



.lp-signwrap .main {
    display: flex;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 60px;

}

.lp-signwrap .left-section {
    margin-bottom: 50px;
    max-width: 595px;
}

.lp-signwrap .des {
    margin-bottom: 50px;
}

.lp-signwrap .des> img {
    position: relative;
    left: -50px;
    margin-bottom: 20px;
}

.lp-signwrap .left-section span {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 23px;
}

.lp-signwrap .left-section h1 {
    font-weight: 300;
    font-size: 50px;
    line-height: 60px;
    position: relative;
    margin-bottom: 22px;
    z-index: 9;
}

.lp-signwrap .left-section h1::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('/wp-content/uploads/title-top-element.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 434px;
    height: 68px;
    z-index: -1;
    margin-right: -180px;
}

.lp-signwrap .left-section p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin: unset;
}

.vis-item {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.visual {
    position: relative;
}

.visual::after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/Vector-4.svg);
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    width: 201px;
    height: 31px;
    margin-bottom: 5px;
}

.vis-item img {
    width: 100%;
    max-width: 90px;
    margin-right: 36px;
}

.vis-item div {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
}

.lp-signwrap form .input input {
    border: 1px solid #5499ff;
    border-radius: 5px;
    min-height: 40px;
    width: 100%;
    margin-bottom: 20px;
}
.lp-signwrap form .hs_firstname,
.lp-signwrap form .hs_lastname {
    display: inline-block;
    width: 45%;}

    .lp-signwrap form .hs_firstname {
        margin-right: 45px;
    }

.lp-signwrap .form-wrap form select {
    border: 1px solid #5499ff;
    border-radius: 5px;
    height: 40px;
    width: 100%;
    margin-bottom: 20px;
}

.lp-signwrap .form-wrap {
    position: relative;
}

.page-template-template-lp-signup .field {
    position: relative;
}
.page-template-template-lp-signup .hs-error-msg {
    display: block;
    position: absolute;
    bottom: 0;
    font-size: 10px;
    color: red;
}

.page-template-template-lp-signup .hs_error_rollup .hs-main-font-element {
    display: block;
    font-size: 12px;
    color: red;
    text-align: center;
}

.page-template-template-lp-signup .right-section .form-wrap {
    margin: 0 auto;
}

.lp-signwrap .actions {
    max-width: 300px;
    margin: 0 auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hs-error-msgs {
    color: white;
    list-style: none;
    padding: unset;
    margin: unset;
    /* position: absolute; */
    /* bottom: 0; */
}

.form-wrap .hs-button {
    background: linear-gradient(270deg, #03D31D 0%, #D8EC28 100%);
    border-radius: 5px;
    max-width: unset;
    box-shadow: unset;
    padding: 11px 69px;
    color: #031432;
    font-weight: 600;
    font-size: 18px;
}
.right-section {
    flex: 1;
    position: relative;
    z-index: 9;
}

.lp-signwrap .form-wrap::after {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/right-bottom-element.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 814px;
    height: 68px;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin-right: -74px;
    margin-bottom: -30px;
}


.right-section .form-wrap {
    background-color: white;
    border: 1px solid #0073FF;
    box-shadow: 0px 0px 20px #031432;
    border-radius: 25px;
    min-height: 641px;
    max-width: 516px;
    margin-left: 70px;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
}

.right-section .form-wrap::before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/Vector-6.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 160px;
    height: 6px;
    left: 0;
    top: 50%;
    margin-top: -111px;
    margin-left: -160px;
}

.right-section .form-wrap h2 {
    font-weight: 300;
    font-size: 36px;
    color: #0073FF;
    text-align: center;
    margin-bottom: 10px;
}

.right-section label {
    display: none;
}

.right-section .form-wrap .hs-richtext {
    display: none;
}

.right-section .btn-cta-wrap {
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 20px;
}

.right-section .btn-cta-wrap svg {
    margin-bottom: 10px;
}
.right-section .btn-cta-wrap .c-b {
    background: linear-gradient(270deg, #CAE2FF 0%, rgba(202, 226, 255, 0) 100%);
    display: inline-block;
    border: 1px solid #0073FF;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 214px;
    min-height: 147px;
    padding: 12px;
    position: relative;
    cursor: pointer;
}

.right-section .btn-cta-wrap .c-b::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.700);
    top: 0;
    left: 0;
    border-radius: 10px;
    z-index: 9;
}

.right-section .btn-cta-wrap .c-b.active::after{
    content: none;
}


.right-section .forms-wrap> div {
    display:none;
}

.right-section .btn-cta-wrap .c-b h2 {
    font-size: 16px;
    font-weight: 600;
    color: #0073FF;
    text-transform: uppercase;
    margin: unset;
    margin-bottom: 8px;
    text-align: left;
}

.right-section .btn-cta-wrap .c-b span {
    font-size: 14px;
    font-weight: 400;
    color: #0C3174;
    display: inline-block;
}

.sec-footer {
    background-color: #031432;

}

.right-section form .input {
    border-radius: unset;
}
.right-section input {
    padding-left: 10px;
    padding-top: 5px;
    width: 100%;
}

.sec-footer .grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
}

.sec-footer span {
    font-weight: 300;
    font-size: 14px;
}

.sec-footer a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

/* Search Page */

#search-page{
    
}

#search-page h1{
    font-size: 30px;
    border-bottom: 1px solid #ccc;
}

#search-page h2{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

#search-page article{
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

#search-page article p{
   margin-bottom: 0;
}

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

    .right-section .form-wrap::before  {
        content: none;
    }

}
@media only screen and (max-width: 767px) {

    .header-grid .row > div:first-child{
        width: 100%;
        justify-content: space-between;
    }

    .lp-signwrap .right-section .btn-cta-wrap .c-b h2 {
        font-size: 14px;
    }
    .lp-signwrap .right-section .form-wrap {
        padding: 20px;
    }
    .right-section .btn-cta-wrap .c-b {
        max-width: 45%;
        min-height: unset;
        padding: 10px;
    }
    .right-section .btn-cta-wrap .c-b span {
        font-size: 12px;
        line-height: 17px;
    }
    .right-section .btn-cta-wrap svg {
        max-width: 16px;
        margin-bottom: unset;
    }
    .lp-signwrap .left-section span {
        font-size: 14px;
    }
    .lp-signwrap .main {
        flex-direction: column;
    }
    .lp-signwrap .left-section h1 {
        font-size: 25px;
        line-height: 26px;
    }

    .lp-signwrap .left-section p {
        font-size: 16px;
        line-height: unset;
    }

    .lp-signwrap .left-section h1::after {
        width: 100%;
        height: 34px;
        margin-right: unset;
        top: 50%;
        margin-top: -17px;
    }

    .lp-signwrap .des {
        padding-top: 80px;
    }

    .lp-signwrap .des> img {
        left: 0;
    }

    .vis-item {
        flex-direction: column;
    }

    .vis-item img {
        margin-right: unset;
        margin-bottom: 10px;
    }

    .vis-item div {
        text-align: center;
        font-size: 18px;
        line-height: unset;
    }

    .right-section .form-wrap h2 {
        font-size: 24px;
    }

    .right-section::after {
        width: 100%;
        height: 30px;
        margin-right: unset;
        margin-bottom: -21px;
    }
    .lp-signwrap form .hs_firstname {
        margin-right: unset;
    }
    .lp-signwrap form .hs_firstname, .lp-signwrap form .hs_lastname {
        width: 100%;
    }

    .lp-signwrap .hbspt-form .actions .hs-button {
        text-align: center;
        padding: 10px 0;
        justify-content: center;
    }
        
    .visual::after {
        content: none;
    }

    .lp-signwrap .form-wrap::after {
        width: 100%;
        margin-right: unset;
    }
}


/* end */


/* landing page Recorder */

body.page-template-template-lp-Recorder .header-menu-wrapper,
body.page-template-template-lp-Recorder .hide-desktop.header-humburger-wrapper,
body.page-template-template-lp-Recorder .header-lang-switcher{
    display: none;
}

body.page-template-template-lp-Recorder {
    background-color: white;
}

body.page-template-template-lp-Recorder footer {
    display: none;
}
.lp-rec-wrap {
    background: linear-gradient(270deg, #000000 0%, #031432 33.33%, #014DAC 74.48%, #0073FF 100%);
    min-height: 800px;
    position: relative;
    margin-bottom: 110px;
}

.lp-rec-wrap .des {
    max-width: 953px;
    padding-top: 30px;
}

.lp-rec-wrap .des> img {
    position: relative;
    left: -50px;
    margin-bottom: 20px;
}

.visuals {
    text-align: center;
    position: relative;
}

.visuals> img {
    width: 160px;
    height: 6px;
    position: absolute;
    left: 20%;
}

.lp-rec-wrap::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 579px;
    height: 696px;
    background-image: url(/wp-content/uploads/shield.svg);
    background-position: right center;
    background-repeat: no-repeat;
}

.lp-rec-wrap .des span {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.lp-rec-wrap .des h1 {
    font-weight: 300;
    font-size: 50px;
    line-height: 47px;
}

.lp-rec-wrap .des p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.dive-wrap {
    background-color: white;
}
.grid.dive {
    margin-bottom: 80px;
}
.grid.dive h2 {
    color: #0073FF;
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 20px;
}

.grid.dive .div-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.grid.dive .div-items .item {
    display: inline-block;
    color: #031432;
    max-width: 407px;
    padding: 30px;
    box-shadow: 0px 0px 10px #A5CDFF;
    border-radius: 20px;
}

.grid.dive .div-items .item> .cta a {
    color: #031432 !important;
    display: flex;
    align-items: center;
    font-weight: 700;
}
.grid.dive .div-items .item> .cta a span {
    top: -2px;
}
.grid.dive .div-items .item> .cta:hover a span{
    transform: translateX(15px);
}

.grid.dive .div-items img {
    width: 100%;
    max-width: 347px;
    margin-bottom: 20px;
}

.grid.dive .div-items h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0073FF;
}

.grid.dive .div-items .item {
    display: inline-block;
    color: #031432;
    max-width: 407px;
    padding: 30px;
}

#play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/wp-content/uploads/iSID-asset-management-1-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 15px #A5CDFF;
    border-radius: 10px;
}
  #play-button svg {
    z-index: 999;
    background-color: #0073FF;
    border-radius: 100%
  }
  #play-button svg> path {
      fill: white;

  }

  #video-player {
      width: 100%;
      height: 100%;
      box-shadow: 0px 0px 15px #A5CDFF;
    border-radius: 10px;
  }
  .video-wrap {
    position: relative;
    max-width: 1063px;
    margin: 0 auto;
    z-index: 99;
    bottom: -50px;
}

@media only screen and (max-width: 767px) {
    .lp-rec-wrap .des {
        max-width: unset;
        position: relative;
        z-index: 999;
        padding-top: 80px;
    }

    .lp-rec-wrap .des span {
        font-size: 14px;
    }

    .lp-rec-wrap .des h1 {
        font-size: 25px;
        line-height: 26px;
    }

    .lp-rec-wrap .des h1 br {
        display: none;
    }

    .lp-rec-wrap .des p {
            font-size: 16px;
            line-height: unset;
    }

    .lp-rec-wrap .des p br {
        display: none;
    }
    
    .lp-rec-wrap {
        min-height: 650px;
        margin-bottom: 40px;
    }

    

    .lp-rec-wrap::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 289px;
        height: 348px;
        background-image: url(/wp-content/uploads/shield.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: 250px;
    }

    .grid.dive .div-items {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid.dive h2 {
        font-size: 25px;
    }
}
/* end */


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (min-width: 1921px) {
    .hp-top {
        height: 80vw;
    }
    .hp-img-part2 {
        height: 49vh;
    }
    .sales-service-main-wrapper {
        max-width: 1440px;
        width: 100%;
        position: relative;
        margin: auto;
    }
    .bg-white.sales-service {
        margin-inline-start: 0;
    }
    .sales-service-main img {
        right: -350px;
    }
}

@media (max-width: 1681px) {
    .sales-service-main img {
        max-width: 50%;
    }
    .header-grid {
        max-width: 90%;
    }
}

@media (max-width: 1540px) {
     :root {
        --header-height: 80px;
    }
    body {
        font-size: 14px;
        line-height: 25px;
    }
    .grid,
    .grid-wrap,
    .grid-medium.bg-circle,
    .about-wrapper,
    .grid-medium,
    .grid-narrow {
        max-width: 90%;
    }
    .hp-top-text h1 {
        max-width: 100%;
        margin-block-start: 50px;
        font-size: 50px;
        margin-block-end: 60px;
    }
    .hp-img-part2 {
        height: 400px;
    }
    .monitor-slider p {
        max-width: 85%;
    }
    .tab-main p {
        font-size: 20px;
        line-height: 1.5;
    }
    .hp-top {
        height: 1360px;
    }
    .logos-title h2 {
        margin: 50px 0;
    }
    .big-hero {
        height: 400px;
    }
    .hp-main-text h2 {
        max-width: 80%;
    }
    .hp-bottom {
        padding-block-end: 80px;
    }
    .resources h1+p {
        margin-block-end: 45px;
    }
    .industries-lobby-main,
    .page-template-template-hp-german .industries-lobby-main {
        padding-block-end: 6vw;
    }
    .industry-item-wrapper:hover {
        transform: scale(1.25);
    }
    .industry-item-wrapper h4 {
        font-size: 25px;
    }
    .industry-item-wrapper {
        max-width: 185px;
    }
    .industry-img {
        max-width: 175px;
        height: 220px;
    }
    .solution-txt-wrapper img {
        max-width: 30%;
    }
    .reverse.solution-txt-wrapper .solution-txt {
        max-width: 530px;
    }
    .industries-inner-main {
        padding: 7.5vw 0;
    }
    .bubble-wrapper p {
        font-size: 20px;
        max-width: 80%;
    }
    .solution {
        margin-block-end: 7.5vw;
    }
    .about-top-image {
        max-width: 45%;
    }
    .about-wrapper .about-text {
        font-size: 16px;
        max-width: 50%;
    }
    .about-wrapper {
        max-width: 90%;
    }
    .about-team-member {
        max-width: 30%;
        margin-inline-end: 5%;
        margin-block-end: 5%;
        min-height: 640px;
    }
    .team-member-text {
        font-size: 16px;
        line-height: 26px;
    }
    .about-bottom-cta {
        margin-inline-end: auto;
    }
    .sales-service-main img {
        max-width: 50%;
        top: 50px;
    }
    .sales-service-main {
        padding-block-end: 7.5vw;
    }
    .row.sales-service-button-wrapper {
        max-width: 455px;
    }
    .bg-white.sales-service {
        max-width: 60%;
        margin-inline-start: 5%;
    }
    .small-hero {
        height: auto;
    }
    .small-hero h1 {
        margin: 2.5vw 0;
    }
    .sales-service-inner {
        padding: 2.5vw 0 0 3.5vw;
    }
    .contact-location-inf p {
        font-size: 16px;
    }
    .bg-img-settings.contact {
        height: auto;
    }
    .contact-location-inf h6 {
        font-size: 18px;
    }
    .hp-banner .row.flex-col-center {
        padding: unset;
    }
    .hp-banner h2 {
        font-size: 20px;
    }
    .solutions .half-div p {
        min-height: 240px;
    }
    .bg-img-settings.request-demo {
        padding-block-start: 5vw;
    }
    .partnership-bottom {
        padding-block-end: 5vw;
        padding-block-start: 20vw;
    }
    .partnership-form {
        padding: 5vw 0;
    }
    .request-demo-text img {
        max-width: 45%;
        height: auto;
    }
    .resorce {
        margin-inline-end: auto;
    }
    .pagination {
        margin: 0;
    }
    .resources h1 {
        padding-block-start: 50px;
        margin-block-end: 35px;
    }
    .resource-inner-content {
        font-size: 16px;
    }
    .technology-top {
        padding: 5vw 0 10vw;
    }
    .technology-top-image {
        max-width: 60%;
        right: -75px;
    }
    .technology-top-title {
        width: 700px;
        transform: translateX(0);
        height: 250px;
        margin: 2.5vw 0;
    }
    .technology-top-text {
        max-width: 80%;
    }
    /* .technology-main .grid-medium {
        padding: 2.5vw 0;
    }
    .technology-main .grid-medium>h2 {
        margin-block-end: 5vw;
    } */
    /* .technology-main-logo {
        margin: 0 2.5vw;
        margin-block-end: 2.5vw;
    } */
    .technology-main {
        padding-block-end: 10vw;
    }
    footer {
        padding: 2.5vw 0;
    }
}

@media(max-width:1440px) {
    .heaer-logo {
        max-width: 150px;
    }
    .header-nav li a {
        font-size: 14px;
    }
    .header-menu-wrapper {
        max-width: 75%;
    }
    /* .header-nav>li:last-child {
        padding: 0 15px;
    } */
    .benefits img {
        max-width: 85%;
    }
    .products-middle {
        max-width: 400px;
    }
    .benefits .row-reverse img {
        margin-inline-start: auto;
    }
    .more-produts {
        padding: 10vw 0;
    }
    .riskopedia-nav li a {
        font-size: 16px;
    }
    .benefits-inner-radar {
        padding: 5vw 0;
    }
    .radar {
        transform: scale(0.85);
    }
    .radar-title {
        font-size: 70px;
    }
    .benefits-inner-radar h3 {
        margin-block-end: 0;
    }
    .footer-contacts {
        font-size: 12px;
    }
}

@media(max-width: 1366px) {
    .page-template-template-hp-german .hp-top-text h1 {
        line-height: 1.3;
    }
    h1,
    .about-title {
        font-size: 45px;
        line-height: 50px;
    }
    h2 {
        font-size: 38px;
    }
    .tab-main-wrapper {
        height: auto;
        padding: 0;
        margin-block-end: 10vw;
    }
    .tab-main .btn-primary {
        margin-block-start: 5vw;
    }
    .hp-monitor-wrapper {
        width: 760px;
        height: 760px;
        background-size: contain;
        margin-inline-start: auto;
    }
    .hp-monitor-bubble-wrapper {
        transform: scale(0.7);
    }
    .hp-monitor-bubble-wrapper.medium {
        bottom: 54px;
        left: 10px;
    }
    .middle-circle {
        font-size: 28px;
    }
    .industries-top,
    .page-template-template-hp-german .industries-top {
        height: auto;
        padding-block-end: 5vw;
    }
    .industries-top h1 {
        padding-block-start: 2.5vw;
    }
    .industries-top-txt {
        padding-block-end: 2.5vw;
    }
    .industry-item-wrapper h4,
    .page-template-template-hp-german .industry-item-wrapper h4 {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
    .hp-top-text h1 {
        margin-block-start: 20px;
    }
    .header-nav>li{
        padding: 20px 10px;
    }
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1024px) {}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 768px) {
    .technology-main-logos{
        grid-template-columns: repeat(1, 1fr);
    }
    .gpt-wrap .img-wrap {
        display: none;
    }
    .hide-mobile {
        display: none;
    }
    .hide-desktop {
        display: flex;
    }
    .home .cta-wrapper{
        flex-direction: column;
    }
    .hp-top-text > div:first-child{
        width: 100%;
    }
    .half-div,
    .third-div,
    .two-third-div,
    .page-template-template-hp-german .hp-top .third-div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .header+section:not(.hp-top) {
        margin-block-start: var(--header-height);
    }
    .hp-top {
        height: 411px;
        margin-block-end: 0;
    }
    .hp-top .logos-slider.slick-initialized,
    .slick-next,
    .slick-prev {
        z-index: 999;
    }
    .slick-next {
        right: -5px;
    }
    .slick-prev {
        left: -5px;
    }
    .hp-img-part2 {
        display: none;
    }
    .line {
        margin-block-start: 15vw;
    }
    .header {
        background-color: transparent;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 0%) 100%);
        width: 100%;
        box-shadow: none;
        top: 0;
        position: fixed;
    }
    .header.scroll {
        background-color: black;
    }
    /*--humburger anim--*/
    .header-humburger-wrapper {
        width: 27px;
        height: 17px;
        display: flex;
        align-self: center;
        flex-direction: column;
        justify-content: space-between;
        margin-inline-end: 5%;
    }
    .header-humburger {
        width: 100%;
        background-color: var(--c-yellow);
        height: 3px;
        display: flex;
        border-radius: 85px;
        position: relative;
        z-index: 1;
    }
    .header-menu-wrapper.open {
        right: 0;
    }
    .header-humburger.line1,
    .header-humburger.line3 {
        transform: translateY(0) rotate(0);
    }
    .header-humburger.line2.open {
        opacity: 0;
    }
    .header-humburger.line2 {
        transition-duration: .75s;
    }
    .header-humburger.line1.open {
        animation: huburger-line1-open .75s forwards;
    }
    .header-humburger.line1.close {
        animation: huburger-line1-close .75s forwards;
    }
    .header-humburger.line3.open {
        animation: huburger-line3-open .75s forwards;
    }
    .header-humburger.line3.close {
        animation: huburger-line3-close .75s forwards;
    }
    @keyframes huburger-line1-open {
        0% {
            transform: translateY(0) rotate(0);
        }
        50% {
            transform: translateY(7px) rotate(0);
        }
        100% {
            transform: translateY(7px) rotate(45deg);
        }
    }
    @keyframes huburger-line1-close {
        0% {
            transform: translateY(7px) rotate(45deg);
        }
        50% {
            transform: translateY(7px) rotate(0);
        }
        100% {
            transform: translateY(0) rotate(0);
        }
    }
    @keyframes huburger-line3-open {
        0% {
            transform: translateY(0) rotate(0);
        }
        50% {
            transform: translateY(-7px) rotate(0);
        }
        100% {
            transform: translateY(-7px) rotate(-45deg);
        }
    }
    @keyframes huburger-line3-close {
        0% {
            transform: translateY(-7px) rotate(-45deg);
        }
        50% {
            transform: translateY(-7px) rotate(0);
        }
        100% {
            transform: translateY(0) rotate(0);
        }
    }
    /*--mobile menu--*/
    .header-menu-wrapper {
        max-width: 100%;
        position: absolute;
        width: 100%;
        height: auto;
        background-color: var(--c-secondary-dark);
        z-index: 0;
        right: -100%;
        flex-direction: column;
        padding-block-end: 40vh;
        top: -10px;
    }
    .header-grid {
        max-width: 100%;
    }
    .heaer-logo {
        position: relative;
        z-index: 2;
        margin-inline-start: 5%;
        padding: 15px 0;
    }
    .header-nav {
        flex-direction: column;
        justify-content: start;
        padding-block-start: 25vw;
        align-items: start;
        padding-inline-start: 5%;
        padding-inline-end: 5%;
        width: auto;
    }
    .header-nav>li {
        margin-block-end: 7.5vw;
        width: 100%;
        padding: 0;
        display: block;
    }
    .header-nav li a {
        font-size: 5vw;
    }
    .menu-item-has-children:after {
        content: "";
        position: absolute;
        border: solid var(--c-yellow);
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        right: 10px;
        top: 7px;
    }

    footer .menu-item-has-children:after{
        display: none;
    }

    .menu-item-has-children.wide .sub-menu > li:after{
        display: none;
    }
    .menu-item-has-children.wide .sub-menu > li > .sub-menu{
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .menu-item-has-children.open:after {
        transform: rotate(225deg);
    }
    .header-nav>li.cta {
        width: fit-content;
        width: -moz-fit-content;
        padding: 5px 28px;
        margin-block-start: 5vw;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
    .header-nav>li.cta.white {
        margin-top: 0;
    }
    .header-lang-switcher {
        margin: auto;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        max-width: 30%;
    }
    .header-langs-wrapper {
        top: 30px;
        background-color: var(--c-secondary-dark);
    }
    .header-lang-switcher span {
        display: none;
    }
    .header-langs-wrapper {
        max-height: 100%;
        overflow: auto;
        position: relative;
        top: 0;
        flex-direction: revert;
        justify-content: space-evenly;
    }
    /* .header-langs-wrapper a:first-child:before {
        content: "\007C";
        position: absolute;
        right: -15px;
        font-size: 18px;
    } */
    .header-langs-wrapper a {
        position: relative;
    }
    .header-lang-switcher span:after {
        top: 9px;
    }
    .header-nav>li.menu-item-has-children:before {
        display: none;
    }
    .header-nav>li>.sub-menu {
        position: relative;
        border: none;
        box-shadow: none;
        background-color: transparent;
        padding: 0;
        top: 5px;
        width: auto;
        padding-inline-start: 2.5vw;
        max-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .header-nav>li:hover>a,
    .header-nav .sub-menu li:hover>a {
        color: white;
    }
    .header-nav .sub-menu li a {
        font-size: 14px;
        padding-bottom: 5px;
        display: inline-block;
        color: white;
    }
    .header-nav .sub-menu li a{
        font-weight: 700;
    }
    /*--hp--*/
    .btn-primary,
    .actions>.hs-button {
        font-size: 13px;
        padding: 10px 30px;
    }
    .slick-prev:before,
    .slick-next:before {
        padding: 5px;
        border-width: 0 4px 4px 0;
    }
    .hp-banner {
        position: fixed;
        bottom: 0;
        padding: 10px 0;
    }
    .hp-banner h2 {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .hp-banner .row.flex-col-center {
        padding: 2.5vw 0;
    }
    h1 {
        font-size: 10vw;
    }
    h2,
    .benefits-inner-more-txt h2,
    .about-title {
        font-size: 9vw;
    }
    .hp-top-text h1 {
        font-size: 10vw;
        line-height: 1.1;
        margin-block-start: 8vw;
        max-width: 83%;
        margin-block-end: 12.5vw;
    }
    .logos-title h2 {
        margin: 10vw 0 20vw 0;
        font-size: 20px;
    }
    .hp-top-text {
        height: auto;
        padding: 20vw 0 0;
    }
    .hp-main-text h2 {
        margin-block-start: 40vw;
        max-width: 100%;
    }
    .page-template-template-hp-german .hp-main-text h2 {
        margin-block-start: 50vw;
    }
    .monitor-slider {
        margin-block-start: 10vw;
    }
    .hp-monitor-wrapper {
        width: 400px;
        height: 400px;
        margin: auto;
    }
    .hp-monitor-bubble-wrapper {
        transform: scale(0.3);
    }
    .hp-monitor-bubble-wrapper.small {
        top: -30px;
    }
    .hp-monitor-bubble-wrapper.medium {
        bottom: -70px;
        left: -80px;
    }
    .hp-monitor-bubble-wrapper.big {
        bottom: -120px;
        right: -110px;
    }
    .middle-circle {
        font-size: 14px;
    }
    .hp-monitor-bubble-wrapper:hover {
        transform: scale(0.3);
    }
    .monitor-slider a,
    .monitor-slider p,
    .monitor-slider h4 {
        margin-inline-end: auto;
        margin-inline-start: auto;
        text-align: center;
    }
    .monitor-slider:before {
        display: none;
    }
    .monitor-slider p {
        margin-block-end: 30px;
    }
    .monitor-slider h4 {
        margin-block-end: 20px;
    }
    .monitor-slider .slick-dots {
        text-align: center;
        bottom: 40px;
    }
    .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }
    .slick-dots li,
    .slick-dots li button {
        width: 14px;
        height: 14px;
        margin: 0;
    }
    .slick-dots li {
        margin: 0 2px;
    }
    .hp-testimonials-title span {
        font-size: 25vw;
    }
    .hp-testimonials-title {
        text-align: center;
    }
    .testimonial-txt {
        padding-block-start: 7vw;
    }
    .hp-main .testimonial-txt:before {
        opacity: 1;
    }
    .testimonial-txt:before {
        left: -30px;
        transform: scale(0.5);
        top: 0;
        opacity: 0.1;
    }
    .btn-primary.has-icon:before {
        left: -2px;
    }
    .tab-main {
        padding: 25px;
        display: flex !important;
        height: 510px;
    }
    .tab-main img {
        display: inline-flex;
    }
    .tab-main span {
        font-size: 20px;
        font-weight: bold;
        margin-inline-start: 2.5vw;
    }
    .tab-main .btn-primary {
        margin-block-start: 15vw;
        margin-block-end: 5vw;
    }
    .tab-main>p {
        margin-block-start: 30px;
        position: relative;
        font-size: inherit;
    }
    .tab-main-wrapper {
        border-radius: 20px;
        background: #005DE3;
    }
    .tab-main>p:before {
        content: "";
        position: absolute;
        width: 100%;
        background-color: white;
        height: 1px;
        top: -15px;
    }
    .hp-bottom h2 {
        max-width: 75%;
    }
    .bottom-texts .half-div h2 {
        max-width: 100%;
    }
    .hp-bottom {
        padding: 7.5vw 0;
    }
    .bottom-texts .btn-primary {
        margin: 10vw auto;
    }
    .tab-main-wrapper .slick-dots {
        bottom: 20px;
        max-width: 90%;
        margin: auto;
        right: 0;
        left: 19px;
        text-align: left;
    }
    .bottom-text {
        max-width: 100%;
        margin-block-end: 10vw;
    }
    .bottom-texts {
        margin-block-start: 15vw;
    }
    .recent-posts .grid-medium {
        max-width: 100%;
    }
    .resorce,
    .resorce:nth-child(3n) {
        margin-inline-end: 25px;
        margin-block-end: 0;
        margin-inline-start: 20px;
    }
    .resorce,
    .resorce:nth-child(3n) {
        max-width: 100%;
        margin: auto;
        margin-block-end: 31px;
    }
    .recent-posts .slick-list {
        padding: 10vw 0;
    }
    .documentation h2 {
        margin-block-end: 15vw;
    }
    .document {
        max-width: 50%;
        margin-block-end: 10vw;
    }
    .documentation {
        padding-block-end: 15vw;
    }
    /*--about--*/
    .about-text,
    .about-wrapper .about-text {
        max-width: 100%;
        font-size: inherit;
    }
    h2.about-title.c-black {
        padding-block-start: 40vw;
    }
    .about-text {
        margin-block-end: 7vw;
    }
    .about-title {
        max-width: 100%;
        padding-block-start: 0;
        margin-block-end: 5vw;
    }
    .about-top-image {
        top: 520px;
        max-width: 90%;
        right: 0;
        left: 0;
        margin: auto;
    }
    .about-team-member,
    .about-team-member:nth-child(3n) {
        max-width: 100%;
        margin: auto;
        display: flex !important;
        box-shadow: none;
    }
    .about-top {
        height: auto;
        padding: 0 0 15vw 0;
    }
    .about-main {
        min-height: auto;
        padding-block-end: 45vw;
    }
    .about-bottom {
        padding-block-start: 80px;
        padding-block-end: 80px;
        margin-block-start: -140px;
    }
    .about-bottom-cta {
        margin-block-end: 10vw;
    }
    .about-bottom-cta:last-child {
        margin-block-end: 0;
    }
    .text-page-content h3 {
        font-size: 8vw;
    }
    /*--benefits--*/
    .benefits-inner.top .row {
        flex-wrap: wrap-reverse;
    }
    .benefits-inner.top h1 {
        margin: 7.5vw 0;
    }
    .benefits-second-img:before {
        max-width: 100%;
        top: -80px;
        left: -10px;
    }
    .benefits-inner .half-div>img {
        position: relative;
        margin-block-start: 50px;
    }
    .benefits-inner p {
        max-width: 100%;
    }
    .benefits-inner-radar h3,
    .benefits-inner p {
        max-width: 100%;
        font-size: inherit;
        margin-block-end: 10vw;
    }
    .benefits-inner {
        height: auto;
    }
    .bubble-wrapper,
    .bubble-wrapper-bg {
        position: relative;
        margin: auto;
    }
    .bubble-wrapper p {
        max-width: 100%;
        font-size: inherit;
        line-height: 1.3;
        margin-block-start: 5vw;
    }
    .radar-bubble {
        position: relative;
        width: 130px;
        height: 130px;
        margin: auto;
    }
    .bubble-wrapper {
        height: auto;
    }
    .benefits-inner-radar {
        padding: 10vw 0;
    }
    .benefits-inner-radar .slick-dots {
        bottom: -45px;
    }
    .radar-bubble img {
        max-width: 40px;
    }
    .benefits-inner-more-txt {
        padding: 10vw 0;
    }
    .benefits-inner-more-txt .btn-primary {
        margin-block-end: 10vw;
    }
    .more-text {
        margin-block-start: 10vw;
        font-size: inherit;
    }
    .benefits-inner-more-txt h2 {
        margin-block-start: 5vw;
    }
    .benefit-txt {
        margin-block-end: 30px;
    }
    /*--industry--*/
    .industries-lobby-main .grid-wrap {
        max-width: 100%;
    }
    .industry-item-wrapper:hover {
        transform: scale(1);
    }
    /*--industry inner--*/
    .solution-txt {
        padding: 0 10%;
    }
    .solution-txt-wrapper h2,
    .reverse.solution-txt-wrapper h2 {
        transform: translateX(-7%);
        width: 70%;
        font-size: 20px;
        padding: 6.5% 6%;
    }
    .solution-txt-wrapper img,
    .reverse.solution-txt-wrapper img {
        max-width: 60%;
        transform: translate(0, -75px);
        right: -20px;
        left: unset;
        top: 0;
    }
    .industries-inner-main {
        padding: 10vw 0;
    }
    .solution-txt-wrapper {
        padding-block-start: 25vw;
        margin-block-start: 100px;
    }
    .solution-txt h3 {
        font-size: 19px;
        line-height: 1.6;
    }
    .reverse.solution-txt-wrapper .solution-txt {
        max-width: 90%;
    }
    /*--resources center--*/
    .riskopedia-nav li {
        margin-inline-end: 40px;
    }
    .riskopedia-nav .slick-list {
        padding: 10vw 0 !important;
    }
    .riskopedia-nav:before {
        bottom: 30px;
    }
    .resources h1 {
        font-size: 7vw;
        line-height: 1.15;
        padding-block-start: 0;
        margin-block-end: 19vw;
    }
    .resource-inner-content .row.flex-col-center {
        margin-block-end: 80px;
    }
    .resource-inner-content.top-image .resource-inner-top {
        margin-block-end: 20px;
    }
    .resource-inner-content.no-image {
        transform: translateY(-70px);
        margin-bottom: -40px;
    }
    .resource-inner-content .row.flex-col-center{
        margin-block-end: 20px;
    }
    .the-content .two-third-div>* {
        max-width: 100%;
    }
    /*--partnership--*/
    .partnership-top h1 {
        text-align: left;
        padding-block-start: 40px;
    }
    .partnership-top h3 {
        font-size: 6vw;
        text-align: left;
        max-width: 90%;
    }
    .partnership-top {
        max-width: 90%;
        margin: auto;
    }
    .medium-hero {
        height: auto;
        padding: 5vw 0;
    }
    .partnership-main {
        padding-block-start: 10vw;
    }
    .solutions .flex-box-columns {
        align-items: flex-start;
    }
    .solutions .flex-box-columns h2 {
        max-width: 100%;
        text-transform: uppercase;
        font-size: 6.67vw;
        margin-block-start: 5vw;
    }
    .solutions .half-div p {
        min-height: auto;
        max-width: 100%;
        text-align: left;
        margin-block-end: 10vw;
    }
    .solutions .half-div .btn-primary {
        margin-block-end: 80px;
    }
    .partnership-vid iframe {
        max-width: 90%;
        height: 190px;
    }
    .partnership-vid {
        transform: translateY(20px);
    }
    .form-wrapper form input,
    .form-wrapper form select,
    .login-form form input,
    .form-wrapper form textarea {
        width: 100% !important;
    }
    .form-wrapper .input {
        margin: auto !important;
    }
    .hbspt-form .actions .hs-button {
        padding: 5px 55px;
    }
    /*--partnership inner--*/
    .technology-main-logos {
        width: 100%;
        justify-content: center;
    }
    .technology-main-logo {
        margin-block-end: 30px;
    }
    .technology-main .grid-medium>h2 {
        margin-block-end: 15vw;
    }
    .technology-main .grid-medium {
        padding: 5vw 0;
    }
    .bg-white.sales-service {
        max-width: 90%;
    }
    .sales-service-inner {
        padding: 50vw 5vw 20vw;
    }
    .sales-service-inner br {
        display: none;
    }
    .sales-service-main img {
        max-width: 90%;
        top: -50px;
    }
    .sales-service-main {
        margin-block-start: 20vw;
        overflow: initial;
    }
    .sales-service-inner .row a {
        margin: 2.5vw auto !important;
    }
    .sales-service-inner .row:not(.sales-service-button-wrapper) {
        margin-block-start: 20vw;
    }
    /*--products inner--*/
    .small-hero.products-top h1 {
        margin: 5vw 0;
    }
    .products-row {
        margin-block-start: 7.5vw;
    }
    .products-col>.product:last-child {
        margin: 0;
    }
    .products-col>.product,
    .products-col>.product:last-child {
        margin-block-start: 7.5vw;
    }
    /*--contact---*/
    .contact.form-wrapper {
        max-width: 100%;
        margin: auto;
    }
    .contact.form-wrapper .hbspt-form .actions {
        justify-content: center;
    }
    .contact-location {
        max-width: 100%;
        margin-block-end: 20vw;
    }
    /* .bg-img-settings.contact {
        background-image: unset !important;
        background: linear-gradient(to right, rgba(0, 32, 161, .5) 0, rgba(0, 1, 54, .5) 100%) !important;
        background-repeat: no-repeat;
        background-size: cover;
    } */
    /*--demo--*/
    .bg-circle-gradient {
        height: auto;
    }
    .request-demo-text img {
        max-width: 100%;
        margin: 10vw 0;
    }
    .request-demo-text {
        max-width: 100%;
    }
    /*--products--*/
    .products-main {
        position: relative;
        overflow: hidden;
    }
    .product-inner-top h1 {
        padding-block-start: 7.5vw;
    }
    .products-middle:before {
        content: "";
        position: absolute;
        background-image: url(/wp-content/uploads/circle.svg);
        width: 770px;
        height: 740px;
        right: 0;
        left: -110px;
        margin: auto;
        top: 160px;
        bottom: 0;
        z-index: 0;
        background-size: 70%;
        background-repeat: no-repeat;
    }
    .bg-circle:before {
        display: none;
    }
    .products-middle {
        position: relative;
    }
    .products-middle h2 {
        max-width: 88%;
    }
    .more-products-inner a:nth-child(1n) {
        margin: auto;
    }
    .more-products-inner {
        display: flex;
        flex-direction: column;
    }
    .more-products-wrapper .more-products-inner a {
        font-size: 16px;
        margin-block-end: 20px;
        display: block;
    }
    .recent-posts.bg-white .resorce {
        margin-inline-end: 25px;
        margin-block-start: 25px;
    }
    .recent-posts h2 {
        margin-block-end: 0;
    }
    .product-inner-top p {
        max-width: 100%;
    }
    .product-feature {
        max-width: 100%;
        margin-block-end: 7.5vw;
    }
    .product-feature p:not(.t-b) {
        font-size: inherit;
        line-height: 1.4;
    }
    .product-features-wrapper {
        padding: 5vw 0;
    }
    .product-inner-content img {
        max-width: 100%;
        height: auto;
        margin: 5vw 0;
    }
    .product-inner-content .row-wrap {
        margin: 10vw 0 25vw;
    }
    .product-inner-content .row-wrap a:first-child {
        margin-block-end: 10vw;
    }
    /*--tech--*/
    .technology-top-image {
        top: 0;
        max-width: 100%;
        right: 0;
    }
    .technology-top-title {
        width: 75%;
        padding: 5vw;
        height: auto;
        transform: translateY(45vw);
    }
    .technology-top-title h1 {
        padding: 0;
        margin: 0;
    }
    .technology-top-text {
        max-width: 100%;
        margin-block-start: 50vw;
    }
    /*--footer--*/
    footer {
        padding: 10vw 0 5vw 0;
    }
    .footer-col:first-child,
    .footer-col.form {
        max-width: 100%;
    }
    .footer-col {
        width: 100%;
        margin-block-end: 5vw;
    }
    .footer-col.col-s-2{
        max-width: 100%;
        width: 50%;
    }
}

@media(max-width:420px) {
    .header-nav>li {
        margin-block-end: 5vw;
    }
    .monitor-slider .slick-dots {
        bottom: 0;
    }
    .hp-main-text h2 {
        margin-block-start: 55vw;
    }

    html[lang="es-ES"] .hp-main-text h2 {
        margin-block-start: 65vw;
    }
    .page-template-template-hp-german .hp-main-text h2 {
        margin-block-start: 65vw;
    }
    .medium-hero.resources.multitext-page {
        height: 250px;
    }
    .technology-top-title h1 {
        max-width: 100%;
        font-size: 8.5vw;
    }
}

@media(max-width:375px) {
    .hp-main-text h2 {
        margin-block-start: 45vw;
    }
    .logos-title h2 {
        margin-block-end: 7vw;
    }
}


/* gpt chat mobile */

@media only screen and (max-width: 767px) {
    .header .cta-buttons{
        padding: 25px 0;
    }
    .main-gpt #front {
        flex-direction: column;
    }
    .main-gpt #front>div:first-child {
        margin-bottom: 20px;
    }
    body.page-template-template-ot-sec-gpt .two-third-div {
        margin-bottom: 50px;
    }
    .gpt-wrap .head-gpt p br {
        display: none;
    }
    .response-content {
        text-align: center;
        flex-direction: column;
        padding: 0 20px;
        padding-top: 20px;
        padding-bottom: 48px;
    }
    .icon-wrap {
        margin-bottom: 20px;
        text-align: center;
    }
    .response-title {
        flex-direction: column;
        text-align: center;
    }
    .response-title span {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .error-content {
        flex-direction: column;
        align-items: center;
        padding: 0 20px;
        padding-top: 20px;
        padding-bottom: 48px;
    }
    .error-title {
        flex-direction: column;
        text-align: center;
    }
    .error-title span {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

a.btn-primary.mark-btn {
    padding: 10px 21px;
    font-size: 18px;
    color: black;
    font-weight: 500;
    border-radius: 25px;
    text-decoration: none;
    margin: 0 auto;
}

a.btn-primary.mark-btn:hover {
    color: white;
}

/* IEC-62443 */

.inner-logo {
    width: 100%;
    max-width: 188px;
    margin-bottom: 132px;
    height: auto;
}
.page-template-template-IEC-62443 .header {
    display: none;
}
.page-template-template-IEC-62443 footer {
    display: none;
}

.page-template-template-IEC-62443 .grid {
    max-width: unset;
    padding-left: 80px;
    box-sizing: border-box;
}
.wrapper-iec{
    background-color:#09265A ;
}

.iec {
    background-image: url('/wp-content/uploads/White-Paper-LP_hero.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    position: relative;
}
.iec .hero-des {
    padding-left: 85px;
}

.iec .hero-des span {
    font-weight: 600;
    color: #CAE2FF;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.postid-13794 .iec .hero-des span{
    display: block;
}

.iec .hero-des h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    margin: unset;
    margin-bottom: 15px;
    max-width: 660px;
}

.iec .hero-des p {
    font-size: 16px;
    margin: unset;
    margin-bottom: 15px;
}
.iec .hero-des> img {
    width: 100%;
    max-width: 298px;
}
.wrapper-iec .wrapper {
    background: linear-gradient(270deg, #E4F0FF 0%, #FFFFFF 100%);
    padding-top: 30px;
    padding-bottom: 75px;
}

.wrapper-iec .add .wrapper {
    padding-top: unset;
}

.wrapper-iec .wrapper .des-wrap {
    padding-left: 85px;
    width: 35%;
    margin-bottom: 250px;
}

.wrapper-iec .wrapper .des-wrap ::marker {
    color: black;
}
.wrapper-iec .wrapper p {
    font-size: 16px;
    font-weight: 400;
    color: #0C3174;
    line-height: 28px;
    margin: unset;
}

.wrapper-iec .add h2 {
    color: #0073FF;
    margin: unset;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.wrapper-iec .add .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.wrapper-iec .item {
    max-width: 340px;
    background-color: white;
    box-shadow: 0px 0px 10px #A5CDFF;
    border-radius: 20px;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    margin: 0 15px;
}
.wrapper-iec .item>img {
    width: 100%;
    margin-bottom: 10px;
    height: auto;
}

.wrapper-iec .item> span {
    font-size: 16px;
    color: #031432;
    border-bottom: 1px solid #0073FF;
    padding-bottom: 2px;
    margin-bottom: 15px;
    display:block;
}

.wrapper-iec .item> p {
    margin: 0;
    font-size: 18px;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 11px;
}
.wrapper-iec .item> .cta {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #DDF128, #03D81D) 1;
    min-height: 50px;
    background-color: white;
    border-radius: 5px;
    margin-bottom: -27px;
    margin-left: -92px;
}

.wrapper-iec .item> .cta a {
    color: #031432;
    font-weight: 600;
    font-size: 18px;
}

.wrapper-iec .form-wrap {
    position: absolute;
    background-color: white;
    max-width: 516px;
    border: 2px solid #0073FF;
    box-shadow: 0px 0px 15px #A5CDFF;
    border-radius: 25px;
    padding: 30px;
    box-sizing: border-box;
    right: 10%;
    top: 50%;
    margin-top: -115px;
    z-index: 9999;
}

@media only screen and (max-width: 1440px) {
    .wrapper-iec .form-wrap {
        right: 6%;
    }
}
.wrapper-iec .form-wrap h2 {
    color: #0073FF;
    font-size: 16px;
    font-weight: 500;
    margin: unset;
    margin-bottom: 10px;
    text-align: center;
}
.wrapper-iec .form-wrap img {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #DDF128;
    border-radius: 10px;
    height: auto;
}

.wrapper-iec label {
    font-weight: 400;
    font-size: 16px;
    color: #0C3174;
    margin-bottom: 5px;
}
.wrapper-iec .field {
    margin-bottom: 20px;
    position: relative;
}
.wrapper-iec .field.hs-message {
    margin-bottom: 0px;
}

.wrapper-iec .hs_firstname input,
.wrapper-iec .hs_lastname input {
    max-width: 216px;
}
.wrapper-iec input {
    width: 100%;
    border: 1px solid #5499FF;
    border-radius: 5px;
    min-height: 40px;
    padding: 0 15px;
}

.wrapper-iec .hs-input {
    width: 100% !important;
}

.wrapper-iec select {
    width: 100%;
    border: 1px solid #5499FF;
    border-radius: 5px;
    min-height: 40px;
    padding: 0 15px;
}
.wrapper-iec textarea {
    width: 100%;
    border: 1px solid #5499FF;
    border-radius: 5px;
    height: 40px;
    resize: none;
    padding: 0 15px;
    padding-top: 10px;
}

.wrapper-iec .hs_submit {
    max-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.wrapper-iec .hs_submit .actions {
    margin-top: 30px;
}

.wrapper-iec label.hs-error-msg {
    color: red;
    font-size: 12px;
}

.wrapper-iec .hs-error-msgs {
    position: absolute;
    bottom: 0;
    margin-bottom: -26px;
}

.wrapper-iec .hs_error_rollup .hs-error-msgs {
    margin-bottom: unset;
    left: 7px;
    bottom: 18px;
    max-width: 140px;
    text-align: center;
}
.wrapper-iec .hs_error_rollup .hs-main-font-element {
    font-size: 14px;
    color: red;
}

.wrapper-iec textarea {
    font-family: var(--font-body);
    font-size: 14px;
}
@media only screen and (max-width: 600px) {

    .page-template-template-IEC-62443 .grid {
        padding: 0 22px;
    }

    .page-template-template-IEC-62443 .iec.grid {
        background-image: url(/wp-content/uploads/White-Paper-LP_mobile-hero.svg);
        padding-top: 41px;
        padding-bottom: 56px;
    }


    .iec .hero-des {
        padding-left: unset;
    }

    .inner-logo {
        max-width: 94px;
        margin-bottom: 30px;
    }

    .iec .hero-des h1 {
        font-size: 28px;
        margin-bottom: 10px;
        line-height: 42px;
    }

    .wrapper-iec .wrapper .des-wrap {
        padding-left: unset;
        width: 100%;
        margin-bottom: 30px;
    }

    .iec {
        background-image: url('/wp-content/uploads/White-Paper-LP_mobile-hero.svg');
        padding-top: 41px;
        padding-bottom: 56px;
    }

    .wrapper-iec .form-wrap  {
        position: static;
        display: block;
        margin: unset;
        width: 100%;
        padding: 20px 15px;
        border-radius: 15px;
        margin-bottom: 80px;
    }
    .wrapper-iec .input {
        margin-right: unset !important;
        width: 100%;;
    }

    .wrapper-iec input,
    .wrapper-iec select,
    .wrapper-iec textarea
     {
        width: 100% !important;
    }
    .wrapper-iec .hs_firstname input, .wrapper-iec .hs_lastname input {
        max-width: unset;
    } 

    .wrapper-iec .hs_submit .actions {
        margin-top: 20px;
    } 

    .wrapper-iec .hs_submit {
        max-width: unset;
        display: block;
    }

    .wrapper-iec .actions>.hs-button {
        display: block;
        font-weight: 600;
        font-size: 18px;
        color: #031432;
        background: linear-gradient(270deg, #03D81D 0%, #DDF128 39.19%, #DDF128 106.38%);
    }

    .wrapper-iec .hbspt-form .actions .hs-button {
        padding: unset;
        padding: 13px 0;
    }

    .wrapper-iec .hs-fieldtype-textarea.hs-input {
        resize: none;
    }

    .wrapper-iec .add h2 {
        font-size: 24px;
        font-weight: 500;
    }
    
    .wrapper-iec .add .wrapper {
        display: block;
        padding-bottom: 0;
    }

    .wrapper-iec .item> p {
        min-height: 56px;
    }

    .wrapper-iec .item {
        max-width: 331px;
    }

    .wrapper-iec .slick-list {
        padding: 30px 0;
    }

    .wrapper-iec .slick-dots li button:before {
        border: none;
        background-color: #CAE2FF;
    }
    .wrapper-iec .slick-dots li.slick-active button:before {
        background-color: #D6F027;
    }
    .wrapper-iec .slick-dots {
        bottom: -45px;
    }
    .wrapper-iec .slick-dots li {
        margin: 0 7px;
    }

    .wrapper-iec .slick-prev, .wrapper-iec .slick-next {
        top: unset;
        bottom: -55px;
        right: 50%;
    }

    .wrapper-iec .slick-next {
        margin-right: -80px;
    }
    .wrapper-iec .slick-prev {
        left: 80px;
    }

    .wrapper-iec .slick-prev:before, .wrapper-iec .slick-next:before {
        border-color:  #0073FF;
        border-width: 0 2px 2px 0;
    }

    .wrapper-iec label.hs-error-msg {
        font-size: 11px;
    }

    .wrapper-iec .hs_error_rollup .hs-error-msgs {
        display: block;
        position: static;
        margin: 0 auto; 
        max-width: unset;
    }
  }
/* end */

/* float-cta */

.float-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #031b45;
    z-index: 9;
    height: 80px;
    display: none;
    transition: none !important;
}



.float-cta #close-tag {
    position: absolute;
    top: 0;
    left: 0;
    margin: 10px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.float-cta #close-tag path {
    fill: white;
}

.float-cta .cta-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.float-cta .cta-wrap a {
    transition: all 0.4s ease-out;
    display: inline-block;
    color: white;
    background-color: #020a19;
    font-weight: 500;
    font-size: 20px;
    padding: 10px 25px;
    border-radius: 5px;
}

.float-cta .cta-wrap a:first-child {
    margin-right: 15px;
}

.float-cta .cta-wrap a:hover {
    transform: translateY(-5px);
}

@media only screen and (max-width: 767px) {
    .float-cta {
        height: 130px;
    }

    .float-cta .cta-wrap a {
        padding: 6px 30px;
        font-size: 16px;

    }
}
/* end */

#moove_gdpr_cookie_info_bar {
    min-height: 80px !important;
    z-index: 999 !important;
}

/* hiding date specific post */

.postid-5112 .resource-inner-content {
    font-size: 0;
}

.postid-5112 .resource-inner-content img {
    display: none;
}

/* end */

/* new changes of site cta */

.btn-primary.hole {
    border: 3px solid #DDF128;
    background-color: #014DAC80;
    border-radius: 5px;
    color: white;
}

.home .cta-wrapper {
    display: flex;
}

/* .cta-wrapper> a {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.home .cta-wrapper .btn-primary {
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    /* .home .cta-wrapper .btn-primary {
        font-size: 15px;
        margin-right: 15px;
        padding:0 10px;
    }
    .cta-wrapper> a {
        min-height: 29px;
    }
    a.right-cta {
        font-size: 15px;
        padding:0 10px;
    } */
}

/* end */

@media only screen and (max-width: 767px) {
    #hubspot-messages-iframe-container iframe {
        margin-bottom: 150px;
    }
}


/* Alert Archive */
body.post-type-archive-alerts {
    color: #020a19;
}

body.post-type-archive-alerts .header-lang-switcher {
    color: white;
}

body.post-type-archive-alerts .alerts-grid a {
    color: #020a19  ;
}

body.post-type-archive-alerts footer a,
body.post-type-archive-alerts footer{
    color: white;
}

body.post-type-archive-alerts .pagination {
    text-align: center;
    margin-top: unset;
    margin-bottom: 15px;
}

body.post-type-archive-alerts {
    background-color: white;
    font-family: 'Poppins' !important;
}
body.post-type-archive-alerts h1,
body.post-type-archive-alerts h2,
body.post-type-archive-alerts h3,
body.post-type-archive-alerts div,
body.post-type-archive-alerts span,
body.post-type-archive-alerts a {
    font-family: 'Poppins' !important;
}
.alert-banner {
    background-color:#020a19;
    color: white;
    padding: 50px 0;
    margin-bottom: 60px;
    border-top: 2px solid #0073FF ;
}

.alert-banner h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 10px;
}

.alert-banner h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
}

.alerts-grid> .grid {
    display: flex;
}
.item.alert {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
}
.item.alert h2 {
    font-size: 20px;
    font-weight: 600;
    margin: unset;
    margin-bottom: 15px;
    color: #0073FF;
}

.item.alert p {
    font-size: 15px;
    line-height: 22px;
    margin: unset;
    margin-bottom: 15px;
    color: #020919;
}

.item.alert> ul {
    margin: unset;
    padding: unset;
    list-style: none;
}

.item.alert> ul li {
    display: inline-block;
    margin-right: 10px;
    background-color: #0073FF;
    border-radius: 7px;
    transition: all 0.4s ease-out;
}
.item.alert> ul li a {
    color: white;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    transition: all 0.4s ease-out;
}

.item.alert> ul li:hover {

    background-color: #DDF129;

}

.item.alert> ul li a:hover {
    color: black;

}


 .alert-tax .cat-wrap {
    max-width: 200px;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc ;
}

.alert-tax .cat-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #020919;
}

.alert-tax .cat-wrap li a {
   color:#0073FF;
   font-weight: 700;
   transition: all 0.4s ease-out;
}
.alert-tax .cat-wrap li a:hover {
    color:#ddf128
}



.alert-tax .cat-title svg {
    margin-right: 5px;
}

.alert-tax ul {
    list-style-type: none;
    margin: unset;
    padding: unset;
   
}

.alerts-grid .four-fifhts-div> form> ul{
    padding: unset;
    display: flex;
    margin-bottom: 30px;
}

.alerts-grid .four-fifhts-div> form> ul li.sf-field-search {
    flex: 1;
}
.alerts-grid .four-fifhts-div> form> ul li> label {
    width: 100%;
}
.alerts-grid .four-fifhts-div> form> ul li> label input {
    width: 100%;
    padding: 8px 15px;
    border-radius: 40px;
    position: relative;
    border: 1px solid #ccc;
    max-width: 600px;
}
.alerts-grid select {
    -webkit-appearance: none;
    appearance: none;
}
.alerts-grid .four-fifhts-div select.sf-input-select {
    border: 1px solid #dee2e6;
    padding: 12px 6px;
    border-radius: 7px;

}

.alerts-grid li.sf-field-sort_order {
    position: relative;
}
.alerts-grid li.sf-field-sort_order::after {
    content: "";
    background-image: url('/wp-content/uploads/chevron-down.svg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    top: 50%;
    right: 0;
    position: absolute;
    display: block;
    z-index: 999;
    margin-top: -7px;
    margin-right: 7px;
}

@media only screen and (max-width: 767px) {
    body.post-type-archive-alerts .pagination {
        text-align: center;
        margin-top: -35px;
        margin-bottom: 25px;
    }
    .alert-banner {
        text-align: center;
        padding: 15px;
    }

    .alert-banner h1 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    
    .alert-banner h2 {
        font-size: 28px;
        font-weight: 300;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .alerts-grid> .grid {
        flex-direction: column-reverse;
    }
    .alerts-grid .fifth-div.alert-tax {
        flex: 1;
        max-width: 100%;
    }
    .alerts-grid .four-fifhts-div {
        flex: 1;
        max-width: 100%;
    }
    .alert-tax .cat-wrap {
        max-width: unset;
    }

    section.alerts-grid {
        margin-bottom: 50px;
    }

    .alerts-grid .four-fifhts-div> form> ul {
        flex-direction: column;
    }
    .alerts-grid li.sf-field-sort_order {
        max-width: 170px;
    }

  }

/* Alert Archive END */


/* single Alert */

body.single-alerts {
    background-color: white;
    font-family: 'Poppins' !important;
}

body.single-alerts h1,
body.single-alerts h2,
body.single-alerts h3,
body.single-alerts div,
body.single-alerts span,
body.single-alerts a {
    font-family: 'Poppins' !important;
}
.single-wrap {
    margin-top: 100px;
}
.single-wrap .grid {
    display: flex;
}

.back-to-archive {
    margin-bottom: 45px;
}
.back-to-archive a {
    font-weight: 600;
    color: #0073FF ;
   
}

.back-to-archive a:hover {
    text-decoration: underline;
}
.sing-head {
    padding: 0 15px;
    margin-bottom: 30px;
}
.sing-head h2 {
    margin: unset;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #0073FF;
}
.single-wrap .short-des {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    margin: unset;
    font-size: 16px;
    line-height: 24px;
    color: #020919;
    font-weight: 600;
}
.single-wrap .four-fifhts-div .tags {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}
.single-wrap .four-fifhts-div .tags span {
    display: inline-block;
    margin-right: 5px;
    color: #020919;
}
.single-wrap .four-fifhts-div .tags ul {
    list-style-type: none;
    margin: unset;
    padding: unset;
    display: inline-block;
}

.single-wrap .four-fifhts-div .tags ul li {
    display: inline-block;
    margin-right: 10px;
    background-color: #0073FF;
    border-radius: 7px;
    transition: all 0.4s ease-out;
}
.single-wrap .four-fifhts-div .tags ul li:hover {
    background-color: #DDF129;
}

.single-wrap .four-fifhts-div .tags ul li a {
    color: white;
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    transition: all 0.4s ease-out;
}

.single-wrap .four-fifhts-div .tags ul li a:hover {
    color: black;
}

.single-des {
    padding: 0 15px;
    margin-bottom: 100px;
}

.single-des h2 {
    font-size: 20px;
    font-weight: 400;
    margin: unset;
    margin-bottom: 10px;
    color: #0073FF;
}

.single-des .des {
    font-size: 16px;
    margin: unset;
    line-height: 26px;
    color: #020919;
}
.single-des .rep ul {
    margin: unset;
    color: #020919;
}

.single-des .rep a {
    font-size: 16px;
    color: #0073ff;
    text-decoration: underline;
}
.single-des> div {
    margin-bottom: 25px;
}

.single-des {
    color: #020919 ;
}

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

    .single-wrap> .grid {
        flex-direction: column;
    }
    .single-wrap .fifth-div.alert-tax {
        flex: 1;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .single-wrap .four-fifhts-div {
        flex: 1;
        max-width: 100%;
    }

    .sing-head h2 {
        text-align: center;
    }
    .single-wrap .four-fifhts-div .tags {
        text-align: center;
    }

  }


/* single Alert END */


/* TAX alert */

body.tax-alert_tags {
    background-color: white;
    font-family: 'Poppins' !important;
}

body.tax-alert_tags .header-menu-wrapper a {
    color: white;
}

body.tax-alert_tags .header-nav>li:last-child a {
    color: black;
}
body.tax-alert_tags a

body.tax-alert_tags {
    color: #020a19;
}
body.tax-alert_tags a {
    color: #020a19  ;
}

body.tax-alert_tags footer a {
    color: white;
}

body.tax-alert_tags .back-to-archive a {
    color: #0073FF;
}

body.post-type-archive-alerts .pagination {
    text-align: center;
    margin-top: unset;
    margin-bottom: 15px;
}

body.tax-alert_tags h1,
body.tax-alert_tags h2,
body.tax-alert_tags h3,
body.tax-alert_tags div,
body.tax-alert_tags span,
body.tax-alert_tags a {
    font-family: 'Poppins' !important;
}

.tax-wrap {
    margin-bottom: 100px;
}

.tax-wrap{

}

.tax-wrap h1 {
    font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
    color: #0073FF ;
}
.tax-wrap .count {
    margin-bottom: 20px;
    font-size: 16px;
    display: inline-block;
    color: #020919;
}
.tax-wrap .grid {
    display: flex;
}

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

    .tax-wrap> .grid {
        flex-direction: column;
    }
    .tax-wrap .fifth-div.alert-tax {
        flex: 1;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .tax-wrap .four-fifhts-div {
        flex: 1;
        max-width: 100%;
    }

    .tag-tax h1 {
        text-align: center;
    }

  }

  
/* TAX alert END */


/* New White Papers */
.page-template-template-IEC-62443 .grid,
body.white-paper .grid,
.white-paper .grid
{
    max-width: unset;
    padding: 0 25px;
    box-sizing: border-box;
}

.white-paper .wrapper-iec .wrapper {
    padding-bottom: unset;
}

.white-paper .wrapper-iec .wrapper .des-wrap  {
    color: #0C3174;
}

.white-paper .wrapper-iec .add .wrapper {
    display: block;
    width: 100%;
    max-width: 1400px;
    background: none;
}

.white-paper .slick-list {
    padding: 20px 0;
}

.white-paper .wrapper-iec .item {
    max-width: unset
}

.white-paper .wrapper-iec .form-wrap  {
    z-index: 2;
}

@media only screen and (max-width: 990px) {
    .page-template-template-IEC-62443 .grid,
    body.white-paper .grid {
        padding: 0 22px;
    }
    
    .page-template-template-IEC-62443 .iec.grid,
    body.white-paper .iec.grid {
        background-image: url(/wp-content/uploads/White-Paper-LP_mobile-hero.svg);
        padding-top: 41px;
        padding-bottom: 56px;
    }
}
/* END */


/* New webinars */
body.event-web {
    --font-titles: 'Poppins', sans-serif;
  }
  .event-web .grid {
    max-width: unset;
    padding-left: 80px;
    box-sizing: border-box;
  }
.event-web .iec .hero-des span {
    color: #DDF128;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    display: flex;
    margin-bottom: 5px;
}

.event-web .iec .hero-des span> img {
    width: 100%;
    max-width: 242px;
    height: auto;
    margin-left: 37px;
}
.event-web .iec .hero-des {
    width: 100%;
    max-width:546px ;
    margin-bottom: 40px;
}
.event-web .iec .hero-des h1 {
    max-width: 100%;
    margin-bottom: 10px;
}

.event-web .iec .hero-des .visual-line {
    max-width: 204px;
    margin-bottom: 38px;
}

.event-web .iec .hero-des .web-logos {
    width: 100%;
    height: auto;
    max-width: 516px;
}

.event-web .iec {
    background-image: url('/wp-content/uploads/hero-scaled.webp');
    padding: 0;
    min-height: 514px;
    display: flex;
    align-items: end;
}

.event-web .grid.iec {
    max-width: 100%;
    padding-left: 80px;

}

.event-web .wrapper-iec .wrapper p> strong {
    font-weight: 700;
}

.event-web .add-info {
    padding-bottom: 20px;
    border-bottom: 2px solid #DDF128;
    margin-bottom: 60px;
    max-width: 625px;
}
.event-web .small-wrapper {

    margin-bottom: 20px;
}

.event-web .small-wrapper .items {
     display: flex;
     align-items: center;

}
.event-web .small-wrapper .items:last-child {
    margin-bottom: unset;
}

.event-web .small-wrapper .items img {
    margin-right: 12px;
    width: 100%;
    max-width: 33px;
}
.event-web .small-wrapper span {
    color: #0C3174;
    font-size: 20px;
    font-weight: 500;
}

.event-web .inner-wrap-content h3 {
    color: #0073FF;
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    margin: unset;
    margin-bottom: 10px;
}

.event-web .inner-wrap-content p {
    color: #0C3174;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.event-web .inner-wrap-content ul {
    margin: unset;
}

.event-web .inner-wrap-content ul li {
    color: #0C3174;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}

.event-web .inner-wrap-content .inner-item {
    margin-bottom: 60px;
    max-width: 625px;
}

.event-web .inner-wrap-content .rep-wrap {
max-width: 950px;
}

.event-web .inner-wrap-content .rep-wrap .items {
    display: flex;
    margin-bottom: 34px;
    align-items: center;
}

.event-web .wrapper-iec .wrapper .des-wrap {
    width: 100%;
}


.event-web .inner-wrap-content .rep-wrap .items img {
    width: 100%;
    height: auto;
    max-width: 55px;
    margin-right: 15px;
}
.event-web .inner-wrap-content .rep-wrap .items span {
    color: #0C3174;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.32px;
}

.event-web .inner-wrap-content .rep-wrap .items span> strong {
    font-weight: 600;
}

.event-web .inner-wrap-content .rep-wrap .items:last-child {
    margin-bottom: 34px;
}

.event-web .inner-wrap-content h4 {
    color: #0073FF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin:unset;
    margin-bottom: 15px;
}

.event-web .inner-wrap-content .why-rep {
    margin-bottom: 60px;
    max-width: 625px;
}
.event-web .inner-item-last {
    margin-bottom: 60px;
}
.event-web .inner-item-last ul {
    margin-bottom: 30px;
}

.event-web .inner-item-last span {
    color: #0C3174;
    font-size: 28px;
    font-weight: 600;
    max-width: 625px;

}

.event-web .wrapper-iec .form-wrap h2 {
    font-size: 24px;
}

.event-web .feat-rep {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
}
.event-web .feat-rep h2 {
    color: #0073FF;
    font-size: 16px;
    font-weight: 700;
    margin: unset;
    margin-bottom: 5px;
}



.event-web .feat-rep .inner-item {
    margin-bottom: unset;
}

.event-web .inner-wrap-content .rep-wrap .feat-rep .items {
    display: flex;
    align-items: start;
    margin: unset;
}

.event-web .qa {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    max-width: 625px;
}

.event-web .qa img {
    width: 100%;
    height: auto;
    max-width: 55px;
    margin-right: 15px;
}
.event-web .qa p {
    color: #0C3174;
    font-size: 16px;
    font-weight: 400;
}

.event-web .qa p> strong {
    font-weight: 600;
}

.event-web .wrapper-iec .form-wrap {
    z-index: 9;
}

.event-web .small-wrapper {
    display: flex;
    align-items: center;
    max-width: 625px;
}

.event-web .small-wrapper .items:first-child {
    margin-right: 45px;
}


@media only screen and (max-width: 990px) {
    .event-web .iec .hero-des span> img {
        max-width: 120px;
        margin-left: 12px;
    }
    .event-web .iec .hero-des h1 {
        font-size: 28px;
        margin-bottom: 10px;
        line-height: 42px;
    }

    .event-web .grid.iec {
        padding: 0 22px;
        padding-top: 41px;
    padding-bottom: 56px;
    }

    .event-web .grid {
        padding: 0 22px;
    }

    .event-web .wrapper-iec .wrapper .des-wrap {
        width: 100%;
    }

    .event-web .inner-wrap-content h3 {
        font-size: 24px;
        font-weight: 500;
    }

    .event-web .feat-rep {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 30px;

    }

    .event-web .inner-wrap-content .rep-wrap {
        margin-bottom: 50px;
    }

    .event-web .small-wrapper span {
        font-size: 14px;
    }


}



/* END */


/* itamar add 29/03/2024 */

.page-template-template-contact {
    background-color: white;
}
.bg-img-settings.contact {
    height: unset;
    min-height: 665px;
    background-position: center center;
    position: relative;
    margin-bottom: 150px;
    background-color: #02204C;
}

.bg-img-settings.contact h1 {
    font-size: 50px;
    display: inline-block;
    position: relative;
}

.bg-img-settings.contact h1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
    height: 3px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/wp-content/uploads/top-line.svg');
    margin-left: -65px;
    margin-top: -10px;
}

.bg-img-settings.contact h1::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 107px;
    height: 3px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/wp-content/uploads/bottom-line.svg');
    margin-right: -50px;
    margin-bottom: -10px;
}

.contact .form-wrapper form {
    display: block;
}

.contact form .hs-form-field {
    margin-bottom: 0;
}
.contact form.fill .hs-form-field {
    margin-bottom: 25px;
    position: relative;
}

.contact form.fill .hs-form-field label{
    color: black;
}

.contact.fill form .hs-form-field{
    margin-bottom: 20px;
}
.contact.fill form .hs-form-field:nth-of-type(1) {
    display: inline-block;
    width: 48%;
    margin-right: 4%;
}

.contact.fill form .hs-form-field:nth-of-type(2) {
    display: inline-block;
    width: 48%;
}

.contact .form-wrapper form input,
.contact .form-wrapper form select,
.contact .form-wrapper form textarea
 {
    margin-block-end: unset;
    border: unset;
    border-radius: 5px;
    border: 1px solid #5499FF;
    color: #0C3174;

}

.contact.fill label{
    color: black;
}

.contact .form-wrapper form ::placeholder {
    color: #0C3174;
}

.contact.fill .hs_error_rollup ul.hs-error-msgs {
    margin: unset !important;
    left: 50%;
    transform: translateX(-50%);
}
.contact .form-wrapper form ul.hs-error-msgs {
    position: absolute;
    font-size: 12px;
    bottom: 0;
    margin-bottom: -25px;
    color: red;
}

.contact.form-wrapper .hbspt-form .actions {
    justify-content: center;
}


.contact .form-wrapper form input[type="submit"] {
    border: unset;
    box-shadow: unset;
    color: #031432;
    padding: 6px 88px;
    box-sizing: content-box;
    background: linear-gradient(270deg, #03D81D 0%, #DDF128 39.19%, #DDF128 106.38%);
}

section.contact-geo {
    background-color: white;
    color: #031432;
    margin-bottom: 100px;
}

section.contact-geo .row.contact-locations {
    margin-block-start: unset;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 30px;
}

section.contact-geo .contact-location {
    max-width: 100%;
    margin-block-end: unset;
}

section.contact-geo .contact-location-inf {
    max-width: 100%;
    margin-inline-start: unset;
    margin-block-start: unset;
}

section.contact-geo .contact-location-inf img {
    display: block;
    margin-bottom: 20px;
}

section.contact-geo .contact-location-inf h6 {
    color: #0073FF;
    padding-left: 34px;
    position: relative;
    line-height: 30px;
    padding-bottom: 4px;
    border-bottom: 2px solid #DDF128;
    margin-bottom: 20px;
    font-weight: 500;
}

section.contact-geo .contact-location-inf h6::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -3px;
    background-image: url('/wp-content/uploads/Vector-3.png');
    background-size: cover;
    background-position: center center;
    width: 20px;
    height: 27px;
}

section.contact-geo .contact-location-inf a {
    color: #031432;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    padding-left: 34px;
    display: inline-block;
    margin-bottom: 20px;
}

section.contact-geo .contact-location-inf a:last-child {
    margin-bottom: unset;
}

section.contact-geo .contact-location-inf a.mail::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/wp-content/uploads/Group-58.png');
    background-size: cover;
    background-position: center center;
    width: 25px;
    height: 17px;
}

section.contact-geo .contact-location-inf a.sup-mail::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/wp-content/uploads/@.png');
    background-size: cover;
    background-position: center center;
    width: 22px;
    height: 23px;
}

section.contact-geo .contact-location-inf a.phone::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/wp-content/uploads/Vector__5_-removebg-preview.png');
    background-size: cover;
    background-position: center center;
    width: 22px;
    height: 22px;
}

.bottomContactStrip {
    background: linear-gradient(180deg, #031432 0.96%, #014DAC 62.98%, #0073FF 97.78%);
    padding: 50px 0;
    position: relative;
}
.bottomContactStrip::before {
    content: '';
    position: absolute;
    left: 75%;
    top: 75%;
    width: 13%;
    height: 3px;
    background-image: url('/wp-content/uploads/Vector-7.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bottomContactStrip::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 20%;
    width: 15%;
    height: 3px;
    background-image: url('/wp-content/uploads/Vector-7.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bottomContactStrip .wrapper {
    display: flex;
    align-items: center;
    gap: 130px;
}

.bottomContactStrip .wrapper .item {
    display: flex;
    gap: 18px;
}

.bottomContactStrip .icon-wrap {
    width: 100%;
    max-width: 27px;
    display: flex;
    align-items: start;
    justify-content: center;
}

.bottomContactStrip .icon-wrap img {
    display: block;
    max-width: 25px;
    width: 100%;
    height: auto;
}

.bottomContactStrip .info h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 10px;
}

.bottomContactStrip .info span {
    font-size: 16px;
    font-weight: 400;
}

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

    .product-features-inner{
        grid-template-columns: repeat(1, 1fr);
    }

    section.contact-geo .row.contact-locations {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-row-gap: 60px;
    }

    .contact.form-wrapper {
        min-height: unset;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .contact.form-wrapper.fill{
        margin-bottom: -60px;
    }

    .bg-img-settings.contact {
        min-height: 500px;
    }

    .page-template-template-contact .hs-error-msgs {
        display: none;
    }

    .page-template-template-contact .hs_error_rollup .hs-error-msgs {
        display: block;
        left: 50%;
        transform: translateX(-50%);
        width: 58%;
        margin-bottom: 0 !important;
    }
    .bottomContactStrip {
        padding: 40px 0;
    }
    .bottomContactStrip .wrapper {
        flex-direction: column;
        align-items: start;
        gap: 35px;
    }

    .bottomContactStrip::after {
        top: 0;
        left: 0;
        margin-top: 20px;
        left: 4%;
        width: 30%;
    }

    .bottomContactStrip::before {
        top: 90%;
        left: 60%;
        width: 28%;
    }
}

@media only screen and (min-width: 786px) {
    .search-bar{
        padding: 17px 0;
        transition: all 0.3s ease;
        position: relative;
        z-index: 1;
        opacity: 0;
        margin-top: -77px;
    }

    .search-bar.show{
        margin-top: 0 !important;
        opacity: 1;
    }
    .search-bar form{
        display: flex;
        position: relative;
    }

    .search-bar input[type="search"]{
        width: 100%;
        background-color: transparent;
        border-bottom: 2px solid #0073ff;
        padding: 10px 0;
        color: white;
        font-size: 14px;
        transition: all 0.3s ease;
    }

    .search-bar input[type="submit"]{
        padding: 0;
        width: 22px;
        height: 22px;
        content: '';
        position: absolute;
        right: 0;
        background-image: url(/wp-content/uploads/search-1.svg);
        background-color: transparent;
        background-size: contain;
        top: 5px;
        cursor: pointer;
    }

    .search-bar input[type="search"]:focus{
        border-bottom: 2px solid white;
    }
}