@import url("home-libarries.css");

.zsiq_floatmain,
[data-id=zsalesiq] {

    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.event-intro {
    background-color: #e6f5ff;
    padding: 40px 0;
}

* {
    scrollbar-width: auto;
    scrollbar-color: unset;
}

.event-intro p {
    font-size: 18px;
    margin-bottom: 0;
    color: #00276d;
    font-weight: 600;
}

.event-counter {
    background-color: #efefef;
    padding: 40px 0;
    margin-bottom: 4rem;
    margin-top: -3.5rem;
}

.event-counter a {
    color: #ffffff;
    margin-left: 40px;
}

.event-counter h3 {
    font-size: 24px;
    font-weight: 600;
    color: #00276D;
    line-height: 28px;
}

.event-counter h3 span {
    color: #f48b00;
}

.whats-on-store h3.store-heading {
    font-size: 34px;
    color: #16356F;
    font-size: 34px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.event-counter .container {
    padding: 0 15px;
}

.event-counter .ClassyCountdown-days .ClassyCountdown-value {
    color: #1abc9c !important;
}

.event-counter .ClassyCountdown-hours .ClassyCountdown-value {
    color: #2980b9 !important;
}

.event-counter .ClassyCountdown-minutes .ClassyCountdown-value {
    color: #8e44ad !important;
}

.event-counter .ClassyCountdown-seconds .ClassyCountdown-value {
    color: #f39c12 !important;
}

:root {
    --suTransition: all 0.25s ease;
}

img.snowfall-flakes {
    position: fixed !important;
}

body {
    font-family: Montserrat, Arial, sans-serif;
    overflow-x: hidden;
}

main {
    overflow-y: hidden;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 4px;
    height: 0;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.44, #7a99d9), color-stop(.72, #497dbd), color-stop(.86, #1c3a94));
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

* {
    scrollbar-width: thin;
    scrollbar-color: #497dbd transparent
}

.bg-gradient-primary,
.bg-gradient-primary:active,
.bg-gradient-primary:focus,
.bg-gradient-primary:not(:disabled):not(.disabled):active,
.bg_orange,
.bg_orange:active,
.bg_orange:focus,
.bg_orange:not(:disabled):not(.disabled):active {
    border: 0;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%)
}

.bg-gradient-secondary,
.bg-gradient-secondary:not(:disabled):not(.disabled):active {
    border: 0;
    background: #ffb300;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffb300), to(#f80));
    background: -o-linear-gradient(left, #ffb300 0, #f80 100%);
    background: linear-gradient(90deg, #ffb300 0, #f80 100%)
}

.bg-gradient-blue {
    border: 0;
    background: #55c7ff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #55c7ff), color-stop(99%, #7886f7));
    background: -o-linear-gradient(left, #55c7ff 0, #7886f7 99%);
    background: linear-gradient(90deg, #55c7ff 0, #7886f7 99%)
}

.btn {
    font-weight: 600
}

.btn-outline {
    border: 1px solid #ffb200
}

.btn-outline span {
    color: #ffb200;
    background: #fff;
    font-weight: 400
}

.su-bg-secondary {
    background-color: #f9f9fb
}

.su-bg-gray {
    background-color: #f0f0f0
}

.min-vh-50 {
    min-height: 50vh
}

.min-vh-60,
.min-vh-70 {
    min-height: 60vh
}

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary-2:not(:disabled):not(.disabled).active,
.btn-primary-2:not(:disabled):not(.disabled):active,
.show>.btn-primary-2.dropdown-toggle {
    color: #fff;
    background-color: #15343a;
    border-color: #112b31
}

.primary-color,
.primary-color:hover {
    color: #182b4e
}

.secondary-color .secondary-color:hover {
    color: #737373
}

.banner h1.primary-color {
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 700
}

.banner .stevie h1.primary-color {
    font-size: 3.8rem;
    line-height: 4.6rem;
    font-weight: 400;
    padding: 0 8rem;
    text-align: center;
    font-family: 'Abril Fatface', cursive;
    color: #020562;
    margin-top: 2.2rem
}

.banner .stevie .speaker-container {
    text-align: center
}

.banner .stevie .speaker-container .col-12 img {
    width: 50%
}

.banner .stevie a.btn {
    border-radius: 25px;
    padding: 12px 26px;
    margin-left: 0
}

.banner .stevie .show-mobile {
    display: none
}

.banner .stevie .hidden-mobile {
    display: block
}

.banner .stevie h1.primary-color:after {
    height: 0
}

.banner .row.webinar-time {
    margin-top: -1.4rem
}

.banner .stevie .webinar-time-container {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600
}

.banner .stevie .webinar-time-container .fa,
.banner .stevie .webinar-time-container .far {
    font-size: 2.2rem
}

.banner .stevie .webinar-sign {
    position: relative
}

.banner .stevie h4 {
    font-size: .8rem;
    line-height: 1rem;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: -2.6rem
}

.banner .stevie h4:after {
    content: " ";
    height: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    max-width: 30px;
    border-radius: 2px;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    position: absolute;
    right: 0;
    left: 0;
    top: 4px
}

.banner .stevie .speaker-container h3 {
    font-size: 1.6rem;
    line-height: 3rem;
    color: #ffb200;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 6px
}

.banner .stevie .speaker-container .speaker-inner {
    margin-left: -15px
}

.banner .stevie .speaker-container .speaker-inner img {
    max-width: 100px
}

.banner .stevie .speaker-container .speaker-inner .request_btn {
    border-radius: 25px;
    padding: .6rem 2rem
}

.banner .stevie .speaker-container .speaker-inner.align-right {
    text-align: right
}

.banner .stevie .speaker-container .speaker-inner h5 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 600;
    font-size: .8rem
}

.banner .stevie .speaker-container .speaker-inner .designation {
    font-size: .9rem;
    line-height: 1.2rem
}

.banner .stevie .webinar-time-wrapper span {
    position: absolute;
    top: 10px;
    left: 70px;
    font-size: .9rem
}

.banner .stevie.mb-25 {
    padding-bottom: 5.2rem;
    margin-top: -3rem
}

.cookie_not_set .banner {
    padding-top: 10.5rem
}

.cookie_not_set .banner.video-banner {
    padding-top: 7rem
}

.banner.video-banner {
    padding-top: 72px
}

.banner h1.primary-color:after {
    content: " ";
    height: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    max-width: 60px;
    border-radius: 2px;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%)
}

.banner .kcs-banner {
    background-image: url(../assets/img/ti-banner-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    background-color: #183ec4
}

.banner .kcs-banner .webinar-title-container {
    position: relative
}

.banner .kcs-banner .webinar-title-container img.arrow-orange {
    top: -12rem;
    right: 60px;
    max-height: 60px;
    position: absolute;
    max-width: 16px
}

.banner .kcs-banner .webinar-title-container img.arrow-blue {
    bottom: 10px;
    right: 10rem;
    max-width: 60px;
    max-height: 16px;
    position: absolute
}

.banner .kcs-banner .su-logo {
    border-right: 1px solid #fff;
    padding-right: 20px
}

.banner .kcs-banner h6 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 0
}

.banner .kcs-banner h5 {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 22px
}

.banner .kcs-banner .logos.d-flex {
    margin-bottom: -16px;
    margin-top: -16rem
}

.banner .kcs-banner .brightree-logo.d-flex {
    margin-bottom: 36px
}

.banner .kcs-banner .logos-row h4 {
    padding: 4px 12px;
    background-color: #f48b00;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    color: #fff;
    letter-spacing: 4px
}

.banner .kcs-banner .logos-row {
    margin-top: -56px
}

.banner .kcs-banner h3.webinar-title {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding-right: 5rem;
    text-transform: uppercase
}

.banner .kcs-banner.su-tsia-banner h3.webinar-title {
    font-weight: 800;
    font-size: 2rem;
    line-height: 45px
}

.banner .kcs-banner a.btn {
    margin-top: 30px;
    margin-left: 0;
    border-radius: 2px;
    padding: 12px 26px;
    text-transform: uppercase;
    font-size: 1.2rem
}

.banner .kcs-banner .webinar-time div {
    padding-right: 30px;
    border-right: 1px solid #fff;
    font-weight: 700;
    text-transform: uppercase
}

.banner .kcs-banner .webinar-time div h5 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: -6px
}

.banner .kcs-banner .webinar-time div.date,
.banner .kcs-banner .webinar-time div.time {
    padding-left: 30px
}

.banner .kcs-banner .webinar-time div.time {
    border-right: 0
}

.banner .kcs-banner .webinar-time div.time span {
    font-size: 34px;
    line-height: 34px
}

.banner .kcs-banner .webinar-time div.day span {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 3px
}

.banner .kcs-banner .webinar-time div.date h5,
.banner .kcs-banner .webinar-time div.day h5 {
    font-size: 34px;
    line-height: 34px
}

.banner .kcs-banner .webinar-time div.date span {
    font-size: 18px;
    line-height: 18px
}

.banner .kcs-banner .logos.d-flex img {
    width: 176px;
    height: 68px
}

.banner .kcs-banner .brightree-logo.d-flex img {
    width: 390px;
    height: auto;
    margin-left: -4px
}

.banner .kcs-banner .live-webinar-container img {
    width: 170px;
    height: auto;
    margin-right: 4px
}

.banner .kcs-banner .d-none {
    display: none !important
}

.banner .kcs-banner .webinar-time {
    padding: 20px 0
}

.banner .kcs-banner .webinar-time-wrapper .time-wrapper-left {
    border-right: 2px solid #ccd3ed;
    max-width: 30%
}

.banner .kcs-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: 16px
}

.banner .kcs-banner .webinar-time-wrapper .cta-block {
    margin-left: -66px
}

.banner .kcs-banner i.sf.calendar {
    background-image: url(../assets/img/su-calander-orange.svg)
}

.banner .kcs-banner i.sf.clock {
    background-image: url(../assets/img/su-clock-orange.svg)
}

.banner .kcs-banner i.sf {
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    display: inline-block
}

.banner .kcs-banner .webinar-time-wrapper {
    width: 97%;
    margin-top: 30px
}

.banner .kcs-banner .webinar-time-wrapper span {
    left: 76px;
    top: 12px;
    position: absolute
}

.banner .kcs-banner .webinar-time-wrapper .time-wrapper-right span {
    left: 76px
}

.banner .kcs-banner .webinar-time div.time span {
    font-size: 34px;
    line-height: 34px
}

.banner .kcs-banner .speakers-container {
    padding: 10px 6px 20px 20px;
    margin-top: 36px
}

.banner .kcs-banner .speaker-container img {
    max-width: 100%
}

.banner .kcs-banner .speaker-container .heading {
    margin: 0 auto;
    text-align: center;
    margin-top: 4rem
}

.banner .kcs-banner .kcs-title {
    color: #38b3c2
}

.banner .kcs-banner .speaker-container .heading h5 {
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 24px;
    margin-bottom: 14px
}

.banner .kcs-banner .speaker-image img {
    width: 40%
}

.banner .kcs-banner .speaker-image {
    text-align: center;
    margin-bottom: 20px
}

.banner .kcs-banner .speaker-warpper {
    width: 100%;
    height: 100%;
    padding-left: 6rem
}

.banner .kcs-banner .speaker-image h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: -10px;
    line-height: 26px;
    text-transform: none
}

.banner .kcs-banner .speaker-image h4 {
    font-weight: 600;
    margin-top: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0
}

.banner .kcs-banner .speaker-image h5 {
    color: #ffb200;
    font-size: 16px;
    line-height: 18px;
    margin: 4px 0 0
}

.banner .kcs-banner .speaker-container {
    margin-top: -16.2rem
}

.banner .kcs-banner .speakers-row.multi-panelist {
    margin-left: -36px;
    margin-right: 36px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner .kcs-banner .speakers-row h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 6px
}

.banner .kcs-banner .speakers-row h5 {
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    line-height: 16px
}

.banner .kcs-banner .speakers-row .last-speaker {
    margin-left: -20px
}

.banner .kcs-banner.su-tsia-banner .speakers-row .last-speaker {
    margin-left: 0
}

.banner .kcs-banner .speakers-row h5 strong {
    margin-top: 4px
}

.banner .kcs-banner .speakers-row h4 {
    color: #f48b00;
    display: inline-block;
    position: absolute;
    top: -14px;
    padding: 0 20px;
    left: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase
}

.banner .kcs-banner .speaker.row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner .kcs-banner .speaker.row .col-4 {
    padding: 0 0
}

.banner .kcs-banner .speaker.row .col-8 {
    margin-left: 0;
    padding-left: 16px;
    padding-right: 0
}

.banner .community-refocus {
    color: #fff;
    background: #120d50;
    background: -webkit-gradient(linear, left top, right top, from(#120d50), color-stop(31%, #1b1b63), to(#282f80));
    background: -o-linear-gradient(left, #120d50 0, #1b1b63 31%, #282f80 100%);
    background: linear-gradient(90deg, #120d50 0, #1b1b63 31%, #282f80 100%)
}

.banner .community-refocus.mamba {
    background-image: url(../assets/img/mamba-22-bg.png);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: -266px;
    background-size: cover;
    background-color: #010c26
}

.banner .community-refocus.mamba.image-only {
    background-image: url(../assets/img/m23-bg.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-color: #010c26
}

.banner .community-refocus.mamba.colubridae-banner.image-only h4 {
    margin-top: 120px;
    margin-bottom: 160px;
    color: #eaeaea;
    letter-spacing: 2px
}

.banner .community-refocus.mamba.colubridae-banner.image-only h3 {
    margin-bottom: 10px;
    color: #eaeaea;
    letter-spacing: 1px;
    padding-top: 70px;
    font-weight: 300;
    font-size: 22px
}

.banner .community-refocus.mamba.colubridae-banner.image-only h5 {
    color: #fff;
    line-height: 40px;
    font-family: Montserrat;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 2px;
    position: relative
}

.banner .community-refocus.mamba.image-only h3 {
    margin-bottom: 20px
}

.banner .community-refocus.mamba.image-only h5 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-family: 'Bebas Neue', cursive
}

@-webkit-keyframes blinkText {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes blinkText {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.header .navbar-nav li a.request_btn {
    position: relative;
    overflow: hidden
}

.header .navbar .nav-sup {
    vertical-align: super;
    font-size: 8px;
    margin-left: 4px;
    color: #ffff;
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    font-weight: 700;
    padding: 2px;
    border-radius: 5px;
}

.banner .community-refocus.tsw {
    background-image: url(../assets/img/tsw-2021-bg.jpg);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover;
    background-color: #120d50
}

.banner .community-refocus img.webinar-logo {
    max-width: 150%;
    margin-top: -28%
}

.banner .community-refocus .row.container-row {
    padding-bottom: 50px;
    overflow: hidden
}

.banner .community-refocus .row.container-row .container {
    position: relative
}

.banner .community-refocus .klever-illustration {
    max-width: 500px;
    position: absolute;
    right: -20px;
    top: -20px
}

.banner .community-refocus .row.white-row {
    color: #28258c;
    padding: 40px 0
}

.banner .community-refocus .row.white-row h4 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 700
}

.banner .community-refocus .row.white-row .speaker-pattern {
    text-align: center
}

.banner .community-refocus .row.white-row .speaker-pattern img {
    max-width: 50px;
    margin-left: -26px
}

.banner .community-refocus .su-logo {
    border-right: 1px solid #5248f7;
    padding-right: 20px
}

.banner .community-refocus h6 {
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #ffb200;
    display: inline-block;
    margin-bottom: 26px
}

.banner .community-refocus h5 {
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 18px;
    line-height: 20px;
    color: #e48b25
}

.banner .community-refocus.support-refocus h5 {
    letter-spacing: 2px;
    font-size: 26px;
    line-height: 26px
}

.banner .community-refocus .logos.d-flex {
    margin-bottom: 26px;
    margin-top: 60px
}

.banner .community-refocus h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 4px
}

.banner .community-refocus.mamba .webinar-title h3 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 12px
}

.banner .community-refocus.tsw .webinar-title h3 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 2.8rem;
    margin: 10px 0 16px 0
}

.banner .community-refocus.tsw h6 {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0
}

.banner .community-refocus.tsw .webinar-time-wrapper h5 {
    font-weight: 600
}

.banner .community-refocus.mamba .webinar-title {
    margin-top: 80px;
    color: #ffffff;
}

.banner .community-refocus.mamba h4 {
    font-size: 26px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 11px;
    margin-bottom: 0;
}

.banner .community-refocus h4.webinar-sub-title {
    text-transform: uppercase;
    font-size: 1.3rem
}

.banner .community-refocus a.btn {
    margin-top: 0;
    margin-left: 0;
    border-radius: 4px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center
}

.banner .community-refocus.tsw a.btn {
    text-transform: none;
    display: inline-block;
    padding: 12px 20px
}

.banner .community-refocus .webinar-time div {
    padding-right: 30px;
    border-right: 1px solid #fff;
    font-weight: 700;
    text-transform: uppercase
}

.banner .community-refocus .webinar-time div h5 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: -6px
}

.banner .community-refocus .webinar-time div.date,
.banner .community-refocus .webinar-time div.time {
    padding-left: 30px
}

.banner .community-refocus .webinar-time div.time {
    border-right: 0
}

.banner .community-refocus .webinar-time div.time span {
    font-size: 34px;
    line-height: 34px
}

.banner .community-refocus .webinar-time div.day span {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 3px
}

.banner .community-refocus .webinar-time div.date h5,
.banner .community-refocus .webinar-time div.day h5 {
    font-size: 34px;
    line-height: 34px
}

.banner .community-refocus .webinar-time div.date span {
    font-size: 18px;
    line-height: 18px
}

.banner .community-refocus .logos.d-flex img {
    width: 24%
}

.banner .community-refocus .featuring-logos img {
    width: 80%
}

.banner .community-refocus .subline-img img {
    max-width: 76%;
    margin-top: -44px;
}

.banner .community-refocus .coming-soon img {
    max-width: 76%;
    margin-top: -20px;
    position: relative;
    z-index: -1;
}

.banner .community-refocus.support-refocus .featuring-logos img {
    width: 50%
}

.banner .community-refocus.tsw .featuring-logos img {
    width: 50%
}

.banner .community-refocus .d-none {
    display: none !important
}

.banner .community-refocus .webinar-time {
    padding: 20px 0
}

.banner .community-refocus .featuring-logos {
    margin-bottom: 0;
    margin-top: 0
}

.banner .community-refocus.support-refocus .featuring-logos {
    margin-top: -130px;
    margin-bottom: 90px;
    position: relative
}

.banner .community-refocus.tsw .featuring-logos {
    margin-bottom: 40px
}

.banner .community-refocus.tsw .webinar-time-wrapper {
    margin-top: 20px
}

.banner .community-refocus .webinar-time-wrapper {
    width: 100%;
    margin-top: 36px
}

.banner .community-refocus.support-refocus .webinar-time-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    margin-top: 36px
}

.banner .community-refocus .row.cta-row {
    margin-top: 36px
}

.banner .community-refocus.tsw .row.cta-row {
    margin-top: 40px
}

.banner .community-refocus .webinar-time-wrapper .date-time-container {
    top: 3px;
    position: absolute;
    left: 54px
}

.banner .community-refocus.support-refocus .webinar-time-wrapper .date-time-container {
    top: 5px;
    left: 66px
}

.banner .community-refocus.tsw .webinar-time-wrapper .date-time-container {
    left: 80px;
    top: 2px
}

.banner .community-refocus.tsw .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 90px;
    top: 10px
}

.banner .community-refocus.tsw .webinar-time-wrapper h6 {
    font-size: 16px;
    line-height: 16px;
    margin-top: 8px
}

.banner .community-refocus .webinar-time-wrapper .date-time-container small {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.banner .community-refocus .webinar-time-wrapper h5 {
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 0
}

.banner .community-refocus.support-refocus .webinar-time-wrapper h5 {
    font-size: 22px;
    font-weight: 600
}

.banner .community-refocus .webinar-time-wrapper h5 em {
    display: block;
    font-weight: 500;
    font-style: normal;
    margin-bottom: -4px;
    font-size: 20px
}

.banner .community-refocus i.sf {
    width: 40px;
    height: 40px
}

.banner .community-refocus .webinar-time-wrapper .time-wrapper-right {
    padding-left: 24px;
    padding-top: 0;
    margin-left: -90px
}

.banner .community-refocus.support-refocus .webinar-time-wrapper .time-wrapper-left {
    margin-left: 80px
}

.banner .community-refocus.support-refocus .webinar-time-wrapper .time-wrapper-right {
    margin-left: -26px
}

.banner .community-refocus.tsw .webinar-time-wrapper .time-wrapper-right {
    margin-left: 0
}

.banner .community-refocus .webinar-time-wrapper .time-wrapper-right:before {
    content: "";
    height: 26px;
    width: 2px;
    position: absolute;
    background-color: #e48b25;
    top: 0;
    left: 4px
}

.banner .community-refocus.support-refocus .webinar-time-content {
    margin: 0 auto;
    max-width: 70%;
    padding-left: 16px
}

.banner .community-refocus.support-refocus .webinar-time-wrapper .time-wrapper-right:before {
    display: none
}

.banner .community-refocus .community-refocus-logos {
    position: relative;
    margin-bottom: 30px
}

.banner .community-refocus.support-refocus .community-refocus-logos img {
    max-width: 680px
}

.banner .community-refocus .community-refocus-logos:after {
    content: "";
    height: 3px;
    width: 80px;
    position: absolute;
    background-color: #fff;
    bottom: -8px;
    left: 0
}

.banner .community-refocus.support-refocus .featuring-logos:after {
    content: "";
    height: 3px;
    width: 100px;
    position: absolute;
    background-color: #fff;
    bottom: -40px;
    left: calc(50% - 50px)
}

.banner .community-refocus.support-refocus .community-refocus-logos:after {
    display: none
}

.banner .community-refocus .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 64px
}

.banner .community-refocus.support-refocus .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 70px
}

.banner .community-refocus .speaker-container {
    width: 100%;
    margin-top: 80px
}

.banner .community-refocus .kcs-title {
    color: #38b3c2
}

.banner .community-refocus .speaker-container h4 {
    font-weight: 600;
    margin-bottom: 18px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin-left: -26px
}

.banner .community-refocus .speaker-inner {
    color: #133b6a
}

.banner .community-refocus .speaker-inner img {
    max-width: 84%
}

.banner .community-refocus .speaker-inner h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 22px;
    padding-left: 4px
}

.banner .community-refocus .speaker-inner h5 {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 4px
}

.banner .community-refocus i.sf.calendar,
.banner .community-refocus i.sf.clock {
    width: 26px;
    height: 26px
}

.banner .community-refocus.support-refocus i.sf.calendar,
.banner .community-refocus.support-refocus i.sf.clock {
    width: 32px;
    height: 32px
}

.banner .community-refocus i.sf.clock {
    background-image: url(../assets/img/community-time.svg)
}

.banner .forresterw-banner.community-refocus i.sf.clock {
    background-image: url(../assets/img/g2-su-time.svg)
}

.banner .community-refocus i.sf.calendar {
    background-image: url(../assets/img/community-cal.svg)
}

.banner .community-refocus.tsw i.sf.calendar,
.banner .community-refocus.tsw i.sf.clock {
    width: 46px;
    height: 46px
}

.banner .community-refocus.tsw i.sf.clock {
    background-image: url(../assets/img/su-virtual.svg)
}

.banner .community-refocus.tsw i.sf.calendar {
    background-image: url(../assets/img/su-booth.svg)
}

.banner .community-refocus.tsw .webinar-time-wrapper .time-wrapper-right:before {
    display: none
}

.banner .community-refocus i.su-icons {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.banner .community-refocus i.su-icons.su-arrow-right {
    background-image: url(../assets/img/arrow-right-cirlce.svg);
    width: 35px;
    height: 33px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: -4px
}

.banner .g2-banner-wrapper .btn {
    border-radius: 4px;
    padding: 12px 26px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    line-height: 18px
}

.banner .g2-banner-wrapper img.g2Logo {
    max-width: 80px;
    margin-top: -3rem
}

.banner .sr-banner .g2-banner-wrapper img.g2Logo {
    max-width: 280px;
    margin-top: -4rem;
    margin-bottom: 40px
}

.banner .sr-banner .g2-banner-wrapper h3 {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.6rem;
    margin-bottom: 2.6rem;
    padding: 0 9rem
}

.banner .sr-banner .g2-banner-wrapper span {
    color: #f48b00
}

.banner .g2-banner-wrapper h3 {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding: 0 3rem;
    margin-bottom: 2.6rem
}

.banner .g2-banner-wrapper h3.more-padding {
    padding: 0 8rem
}

.banner .g2-banner-wrapper h4 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -16px
}

.banner .g2-banner-wrapper h5 {
    color: #ffa700;
    font-weight: 500;
    letter-spacing: 5px;
    margin-bottom: 1.2rem;
    margin-top: 2.2rem;
    font-size: 1.5rem;
    text-transform: uppercase
}

.banner .g2-banner-wrapper sup {
    top: -.9em;
    font-size: 50%
}

.carousel-item.g2-banner {
    background-image: url(../assets/img/g2-banner-bg-min.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #02050c
}

.carousel-item.g2-banner.sr-banner {
    background-image: url(../assets/img/software-review-bannerbg-v4-min.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #03193e
}

.banner .community-re-focus {
    background-color: #4e9ad3
}

.banner .community-re-focus .baner-col {
    color: #fff
}

.banner .community-re-focus .baner-col h5 {
    font-size: 26px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 30px
}

.banner .community-re-focus .baner-col h3 {
    font-size: 20px;
    font-style: italic;
    margin-bottom: 46px;
    line-height: 30px;
    margin-top: 12px
}

.banner .community-re-focus .community-re-focus-logo img {
    max-width: 90%
}

.banner .community-re-focus .webinar-time-wrapper p {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px
}

.banner .community-re-focus .webinar-time-wrapper p sup {
    text-transform: lowercase
}

.banner .community-re-focus .webinar-time-wrapper span {
    top: -2px;
    position: relative;
    left: 0;
    margin-right: 20px
}

.banner .community-re-focus a.btn {
    border-radius: 1.4rem;
    padding: 12px 40px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 14px
}

.banner .community-re-focus .speaker-col {
    background-color: #fff;
    color: #2967a1;
    background-image: url(../assets/img/cf-patterns.png);
    margin-left: -15px
}

.banner .community-re-focus .speaker-col h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 30px
}

.banner .community-re-focus .speaker-col h5 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 26px;
    font-family: big_noodle_titling, Montserrat, Arial, sans-serif;
    letter-spacing: 3px;
    margin-top: 12px
}

.banner .community-re-focus .speaker-col p {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 14px
}

.banner .community-re-focus .speaker-inner {
    padding-left: 2rem
}

.banner .community-re-focus .speaker-inner img {
    max-width: 80px;
    -webkit-box-shadow: -2px 4px 14px 6px rgba(202, 202, 202, .5);
    box-shadow: -2px 4px 14px 6px rgba(202, 202, 202, .5);
    border-radius: 50%
}

.banner .forresterw-banner {
    color: #1d2551;
    background-image: url(../assets/img/ccw-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -6px;
    background-position-x: center
}

.banner .forresterw-banner.accela-tsia-24 {
    color: rgb(41 49 51);
    background-image: url(../assets/img/su-tsia-accela-bg.jpg);
    overflow: hidden;
    background-position-y: center;
    background-position-x: center
}

.banner .forresterw-banner.accela-tsia-24 .featuring-logos img {
    width: 68%;
}

.banner .forresterw-banner.accela-tsia-24 a {
    display: inline-block;
    margin-top: 20px;
    border: 1px solid red;
}

.banner .forresterw-banner.accela-tsia-24 a img {
    width: 200px;
}

.banner .forresterw-banner.accela-tsia-24 .featuring-logoss {
    width: 350px;
    margin: 20px 0;
}

.banner .forresterw-banner.accela-tsia-24 .ft-time {
    width: 60%;
    margin: 20px 0;
}

.banner .forresterw-banner.accela-tsia-24 h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    padding-right: 2rem;
}

.banner .forresterw-banner.accela-tsia-24 h5 {
    color: #f48b00;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
}

.banner .forresterw-banner.accela-tsia-24 .speakers-container {
    margin-top: 0;
    text-align: center;
    overflow: hidden;
    height: 100%;
}

.banner .forresterw-banner.accela-tsia-24 .speakers-container img {
    margin-top: 0px;
    height: auto;
    width: 56%;
}

.banner .forresterw-banner.accela-tsia-24 .featuring-logos {
    margin-top: -30px;
}

.banner .forresterw-banner {
    color: #FFFFFF;
    background-image: url(../assets/img/accela-win-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0;
    background-position-x: center
}

.banner .forresterw-banner.accela-win.g2 {
    color: #FFFFFF;
    background-image: url(../assets/img/G2-Summer-2024_Website-Banner_Bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0;
    background-position-x: center
}

.banner .forresterw-banner.accela-win.g2 a {
    display: block;
    max-width: 200px;
}

.banner .forresterw-banner.aa-webinar {
    background-image: url(../assets/img/kcs-banner-bg-v3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff;
    color: #0b349b
}

.banner .forresterw-banner.tsw-banner {
    background-image: url(../assets/img/ccw-banner-bg-v2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff
}

.banner .forresterw-banner.suva-chronicles-banner {
    background-image: url(../assets/img/su-suva-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #4c38cb;
    color: #ffffff;
}

.banner .forresterw-banner.consulting {
    background-image: url(../assets/img/consulting-banner-bg.png?v=2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #12182e;
    color: #ffffff;
}

.banner .forresterw-banner.consulting h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.banner .forresterw-banner.consulting h2 span {
    color: #F48B00;
}

.banner .forresterw-banner.consulting h5 {
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;

}

.banner .forresterw-banner.consulting img {
    max-width: 100%;
    margin-top: 60px;
    margin-left: 60px;
}

/* banner-appinium styling start */

.banner .forresterw-banner.consulting.appinium .container>.row {
    height: 88% !important;
}

.banner .forresterw-banner.consulting.appinium .logo1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0px;
    margin-bottom: 20px;
}

.banner .forresterw-banner.consulting.appinium .feature-txt {
    font-weight: 700;
    font-size: 20px;
    color: #F69F2E;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

.banner .forresterw-banner.consulting.appinium img.logo.logo-top {
    margin-left: 0px !important;
    margin-top: 0px;
    width: 32%;
}

.banner .forresterw-banner.consulting.appinium img.logo.logo-top.live {
    margin: 0px 0px !important;
}

.banner .forresterw-banner.consulting.appinium img.logo.logo-top.logo2 {
    width: 44%;
    margin-top: 0px;
    margin-bottom: 26px;
}

.banner .forresterw-banner.consulting.appinium h2.webinar-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 52px;
}

.banner .forresterw-banner.consulting.appinium p.sub-txt {
    font-weight: 600;
}

.banner .forresterw-banner.consulting.appinium .webinar-date {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 0px;
}

.banner .forresterw-banner.consulting.appinium .icon {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 12px;
    width: 35px;
}

.banner .forresterw-banner.consulting.appinium .icon.icon-clock {
    margin-left: 50px;
}

.banner .forresterw-banner.consulting.appinium .icon-text {
    font-weight: 700;
    font-size: 22px;
}

.banner .forresterw-banner.consulting.appinium a.btn.hover-translate-y-n3.animated-btn {
    text-transform: none;
}

.banner .forresterw-banner.consulting.appinium {
    background-image: url(../assets/img/appinium-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: unset;
    color: #042F7B;
}

.banner .forresterw-banner.consulting.appinium .col-5.banner-text-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}




.banner .forresterw-banner.consulting.appinium .panelist {
    display: flex;
    align-items: center;
    margin: 12px 0px;
    /* max-width: 65%; */
}

.banner .forresterw-banner.consulting.appinium .moderator.pl-5 .panelist {
    margin-right: 9%;
}

.banner .forresterw-banner.consulting.appinium .panelists.pl-5,
.banner .forresterw-banner.consulting.appinium .moderator.pl-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner .forresterw-banner.consulting.appinium .panel-section {
    /* display: flex;
flex-direction: column;
align-items: center; */
    width: 75%;
}

.banner .forresterw-banner.consulting.appinium .panelist .panelist-info {
    margin: 0px 0px 0px 20px;
}

.banner .forresterw-banner.consulting.appinium .panelist .panelist-info p {
    margin-bottom: 0px;
}

.banner .forresterw-banner.consulting.appinium .panelist .panelist-info p.panel-name {
    font-weight: 700;
}

.banner .forresterw-banner.consulting.appinium .panelist .panelist-info p.panel-desig {
    font-weight: 500;
    font-size: 12px;
}

.banner .forresterw-banner.consulting.appinium .panelist .panelist-info p.panel-org {
    font-weight: 600;
    font-size: 15px;
    color: #F69F2E;
}

.banner .forresterw-banner.consulting.appinium p.role,
.banner .forresterw-banner.consulting.appinium p.role {
    margin-left: 58px;
    color: #F69F2E;
    font-weight: 600;
    margin-top: 0px;
    /* position: relative; */
    margin-bottom: 0px;
}

/* .banner .forresterw-banner.consulting.appinium .moderator p.role {
margin-left: -27%;
} */

.banner .forresterw-banner.consulting.appinium span.hr {
    position: absolute;
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid orange;
    margin: 1em 0;
    padding: 0;
    width: 55%;
    left: 44%;
    top: -5px;
    margin-left: 5px;
}

.banner .forresterw-banner.consulting.appinium span.hr2 {
    position: absolute;
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid orange;
    margin: 1em 0;
    padding: 0;
    width: 55%;
    left: 45%;
    top: unset;
    bottom: 84px;
    margin-left: 5px;
}

.banner .forresterw-banner.consulting.appinium img.panelist-img {
    margin-top: 0px;
    width: 65px;
}


/* Header SU Search css */

.search-bar-v2 {
    display: none;
}


.search-bar-v2 #su_autocomplete-block .su__search_section {
    padding: 0;
    background-color: transparent;
}

.search-bar-v2 #su_autocomplete-block .su__search_section>.su__container {
    padding: 0;
}

.search-bar-v2 #su_autocomplete-block .su__search_section .su__radius-2 {
    border-radius: 0;
    box-shadow: none;
}

.search-bar-v2 #su_autocomplete-block .su__search_section #search-box-autocomplete {
    background-color: #E9E9E9;
    height: 35px;
    padding: 5px 50px 5px 15px;
    border-radius: 4px;
    border-color: transparent;
    color: #12182E;
}

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

    .header .brand-logo-column {
        flex: 0 0 17%;
        max-width: 17%;
    }

    .header .navigation-column {
        flex: 0 0 83%;
        max-width: 83%;
        display: flex;
        justify-content: flex-end;
    }

    .header .brand-logo-column .header_logo {
        max-width: 180px;
        width: 100%;
    }

    .header .brand-logo-column .searchunify-logo {
        margin-top: 5px;
    }

    .search-bar-v2 #su_autocomplete-block .su__search_section .su__input-close {
        top: 7px;
        right: 15px;
    }

    .search-bar-v2 #su_autocomplete-block .su__search_section .su__input-close svg {
        width: 10px;
        height: 10px;
    }

    .search-bar-v2 #su_autocomplete-block .su__search_section .su__search_btn {
        padding: 0;
        visibility: visible;
        opacity: 1;
        right: 5px;
        left: auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.006' height='20' viewBox='0 0 20.006 20'%3E%3Cg id='Layer' transform='translate(0.09 0.08)'%3E%3Cpath id='Layer-2' data-name='Layer' d='M-.09,8.046A8.1,8.1,0,0,1,13.78,2.337,7.935,7.935,0,0,1,15,12.108a.518.518,0,0,0-.042.1.325.325,0,0,0,0,.108.244.244,0,0,0,.03.108.391.391,0,0,0,.06.09l4.129,4.129a1.885,1.885,0,0,1,.287,2.7l-.126.126a1.885,1.885,0,0,1-2.7-.287l-4.123-4.123a.429.429,0,0,0-.09-.066.244.244,0,0,0-.108-.03.362.362,0,0,0-.114,0,.305.305,0,0,0-.1.042,7.934,7.934,0,0,1-9.771-1.221A8.091,8.091,0,0,1-.09,8.046Zm12.38,4.248a6,6,0,1,0-4.23,1.747,6.017,6.017,0,0,0,4.23-1.747Z' transform='translate(0 0)' fill='%23333' fill-rule='evenodd'/%3E%3Cg id='Layer-3' data-name='Layer' transform='translate(5.075 3.205)'%3E%3Cpath id='Layer-4' data-name='Layer' d='M15.237,9.784a.825.825,0,0,0,.395-.1.811.811,0,0,0,.3-.269.847.847,0,0,0,.078-.79,5.316,5.316,0,0,0-1.155-1.7A5.307,5.307,0,0,0,11.12,5.41a5.282,5.282,0,0,0-2.01.419.819.819,0,0,0-.5.449A.839.839,0,0,0,9.762,7.366a3.6,3.6,0,0,1,2.746-.018,3.59,3.59,0,0,1,1.957,1.927.72.72,0,0,0,.126.2.826.826,0,0,0,.185.168.933.933,0,0,0,.221.1.8.8,0,0,0,.239.036Z' transform='translate(-8.542 -5.41)' fill='%23f48b00'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: center center;
        padding-right: 10px;
        height: 28px;
        width: 28px;
        border-radius: 30px;
        top: 3px;
        padding: 0;
        background-color: #e9e9e9;
    }



    @keyframes moveButton {
        0% {
            left: calc(100% - 28px);
        }

        50% {
            left: 0;
        }

        100% {
            left: calc(100% - 28px);
        }
    }

    @keyframes moveButtonReset {
        0% {
            left: calc(100% - 35px);
        }

        100% {
            left: calc(100% - 35px);
        }
    }

    .search-bar-v2 #su_autocomplete-block .su__search_section .su__search_btn svg {
        position: relative;
        right: auto;
        opacity: 0;
        visibility: hidden;
    }


    .search-bar-v2 {
        display: inline-flex;
        padding-right: 10px;
        padding-top: 20px;
    }

    .search-bar-v2 #auto {
        width: 100%;
    }

    .navbar-expand-lg .navbar-nav {
        flex-flow: row nowrap;
    }

    .search-bar-v2.focus-input-element #su_autocomplete-block .su__search_section #search-box-autocomplete {
        box-shadow: 2px 1px 5px hsl(0deg 0% 0% / 15%);
    }

    .search-bar-v2 .su__autoSuggestion.su__autocomplete-suggestion {
        min-width: 340px;
    }
}


/* End of header updation */


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

    .banner .forresterw-banner.consulting.appinium .panelists,
    .banner .forresterw-banner.consulting.appinium .moderator {
        padding-left: 1rem !important;
    }
}

@media only screen and (max-width: 1300px) {
    .banner .forresterw-banner.consulting.appinium .panel-section {
        width: 75%;
    }
}

@media only screen and (max-width: 1300px) {
    .banner .forresterw-banner.consulting.appinium span.hr2 {
        left: 47%
    }
}

@media only screen and (max-width: 1175px) {
    .banner .forresterw-banner.consulting.appinium h2.webinar-title {
        font-size: 34px;
        line-height: 44px;
    }

    .banner .forresterw-banner.consulting.appinium .webinar-date {
        margin-top: 10px;
    }

    .banner .forresterw-banner.consulting.appinium .icon-text {
        font-size: 20px;
    }
}

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

    .banner .forresterw-banner.consulting.appinium span.hr2 {
        bottom: 66px
    }

    .banner .forresterw-banner.consulting.appinium span.hr2,
    .banner .forresterw-banner.consulting.appinium span.hr {
        left: 48%;
    }

    .banner .forresterw-banner.consulting.appinium .panelist {
        margin: 3px 0px;
    }

    .banner .forresterw-banner.consulting.appinium p.sub-txt {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1107px) {
    .banner .forresterw-banner.consulting.appinium span.hr2 {
        bottom: 81px;
    }
}

@media only screen and (max-width: 1095px) {
    .banner .forresterw-banner.consulting.appinium span.hr2 {
        bottom: 59px;
    }

    .banner .forresterw-banner.consulting.appinium img.panelist-img {
        width: 58px;
    }

    .banner .forresterw-banner.consulting.appinium .panelist .panelist-info p.panel-name {
        font-size: 13px;
    }

    .banner .forresterw-banner.consulting.appinium .panelist .panelist-info p.panel-desig {
        font-size: 11px;
    }

    .banner .forresterw-banner.consulting.appinium .panelist .panelist-info p.panel-org {
        font-size: 13px;
    }
}

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

    .banner .forresterw-banner.consulting.appinium span.hr2,
    .banner .forresterw-banner.consulting.appinium span.hr {
        left: 53%;
    }
}

@media only screen and (max-width: 1020px) {
    .banner .forresterw-banner.consulting.appinium {
        background-position: left;
    }

    .banner .forresterw-banner.consulting.appinium .col-5.justify-content-center.align-self-center.banner-text-col {
        display: none
    }
}

/* .banner .forresterw-banner.consulting.appinium */

/* banner-appinium styling end */


.banner .forresterw-banner.suva-chronicles-banner .tsia-logo {
    max-width: 60%;
}

.banner .forresterw-banner.suva-chronicles-banner h2 {
    font-size: 4.4rem;
    line-height: 4.4rem;
    font-weight: 700;
    margin-top: 20px;
}

.banner .forresterw-banner.suva-chronicles-banner h3 {
    margin-top: 20px;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 2.8rem;
    padding-right: 2rem;
}

.banner .forresterw-banner.suva-chronicles-banner img.suva-chronicles {
    max-width: 120%;
}

.banner .forresterw-banner .su-logo {
    border-right: 1px solid #5248f7;
    padding-right: 20px
}

.banner .forresterw-banner h6 {
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #ffb200;
    display: inline-block;
    margin-bottom: 26px
}

.banner .forresterw-banner h5 {
    font-weight: 500;
    margin-bottom: 24px;
    font-size: 18px
}

.banner .forresterw-banner.ft-works.fw-banner h5 {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.banner .forresterw-banner.accela-win h5 {
    font-weight: 300;
    margin-bottom: 24px;
    font-size: 26px;
    line-height: 34px;
}

.banner .forresterw-banner.accela-win.g2 h5 {
    font-weight: 300;
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 22px;
    margin-top: 20px;
}

.banner .forresterw-banner .logos.d-flex {
    margin-bottom: 26px
}

.banner .forresterw-banner h3 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
    padding-right: 2rem
}

.banner .forresterw-banner.accela-win h3 {

    padding-right: 15rem;
    font-size: 2.2rem;
    line-height: 2.8rem;
}

.banner .forresterw-banner h3 span {
    color: #f48b00;
}

.banner .forresterw-banner.accela-win.g2 h4 {
    color: #f48b00;
    margin-top: 12px;
    margin-bottom: 16px;
    letter-spacing: 6px;
    font-size: 20px;
}

.banner .forresterw-banner .col-md-3.speaker-details {
    padding: 0
}

.banner .forresterw-banner p.name-of-speaker {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 18px;
    margin-top: 60px
}

.banner .forresterw-banner p.position-speakers {
    font-size: 16px;
    line-height: 22px;
    color: #525252;
    font-weight: 500
}

.animated-btn {
    overflow: hidden;
    position: relative
}

.animated-btn:after {
    -webkit-animation-direction: forward;
    animation-direction: forward;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: moveAfter;
    animation-name: moveAfter;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(21, 63%, 73%, 0)), color-stop(50%, hsla(0, 0%, 100%, .5)), to(hsla(21, 63%, 73%, 0)));
    background: -o-linear-gradient(top, hsla(21, 63%, 73%, 0), hsla(0, 0%, 100%, .5) 50%, hsla(21, 63%, 73%, 0));
    background: linear-gradient(180deg, hsla(21, 63%, 73%, 0), hsla(0, 0%, 100%, .5) 50%, hsla(21, 63%, 73%, 0));
    bottom: -50%;
    content: "";
    left: -50%;
    position: absolute;
    right: -50%;
    top: -50%;
    -webkit-transform: rotate(60deg) translate(-5em, 7.5em);
    -ms-transform: rotate(60deg) translate(-5em, 7.5em);
    transform: rotate(60deg) translate(-5em, 7.5em)
}

@-webkit-keyframes moveAfter {
    to {
        -webkit-transform: rotate(60deg) translate(1em, -9em);
        transform: rotate(60deg) translate(1em, -9em)
    }
}

@keyframes moveAfter {
    to {
        -webkit-transform: rotate(60deg) translate(1em, -9em);
        transform: rotate(60deg) translate(1em, -9em)
    }
}

.banner .forresterw-banner h4.webinar-sub-title {
    text-transform: uppercase;
    font-size: 1.3rem
}

.banner .forresterw-banner a.btn,
.banner .forresterw-banner.tsw-banner a.btn {
    margin-top: 25px;
    margin-left: 0;
    border-radius: 4px;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 1.2rem;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    border: 0;
    color: #fff
}

.banner .forresterw-banner .webinar-time div {
    padding-right: 30px;
    border-right: 1px solid #fff;
    font-weight: 700;
    text-transform: uppercase
}

.banner .forresterw-banner .webinar-time div h5 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: -6px
}

.banner .forresterw-banner .webinar-time div.date,
.banner .forresterw-banner .webinar-time div.time {
    padding-left: 30px
}

.banner .forresterw-banner .webinar-time div.time {
    border-right: 0
}

.banner .forresterw-banner .webinar-time div.time span {
    font-size: 34px;
    line-height: 34px
}

.banner .forresterw-banner .webinar-time div.day span {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 3px
}

.banner .forresterw-banner .logos.d-flex img {
    width: 34%
}

.banner .forresterw-banner .webinar-time div.date h5,
.banner .forresterw-banner .webinar-time div.day h5 {
    font-size: 34px;
    line-height: 34px
}

.banner .forresterw-banner .webinar-time div.date span {
    font-size: 18px;
    line-height: 18px
}

.banner .forresterw-banner.aa-webinar .logos.d-flex {
    margin-bottom: 25px
}

.banner .forresterw-banner.aa-webinar .logos.d-flex img {
    width: 73%
}

.banner .forresterw-banner.aa-webinar .featuring-logos img {
    width: 28%
}

.banner .forresterw-banner.aa-webinar .col-lg-7 {
    position: relative
}

.banner .forresterw-banner.aa-webinar img.tsia-cricle-pattern {
    position: absolute;
    bottom: 0;
    left: 289px;
    top: 160px;
    width: 74px
}

.banner .forresterw-banner.aa-webinar .webinar-time-wrapper {
    width: 78%
}

.banner .forresterw-banner.aa-webinar .col-lg-7 h3 {
    font-size: 2rem;
    line-height: 2.6rem;
    padding-right: 0
}

.banner .forresterw-banner.aa-webinar .webinar-time-wrapper h5 span {
    display: block;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px
}

.banner .forresterw-banner.aa-webinar .webinar-time-wrapper h5 {
    font-weight: 700;
    font-size: 19px;
    line-height: 20px
}

.banner .forresterw-banner .webinar-time-wrapper h5 span .banner .forresterw-banner .logos.d-flex img {
    width: 34%
}

.banner .forresterw-banner .featuring-logos img {
    width: 64%
}

.banner .forresterw-banner.accela-win.g2 .featuring-logos img {
    width: 40%
}

.banner .forresterw-banner.aa-banner .featuring-logos img {
    width: 200px;
}

.banner .forresterw-banner .d-none {
    display: none !important
}

.banner .forresterw-banner .webinar-time {
    padding: 20px 0
}

.banner .forresterw-banner .featuring-logos {
    margin-bottom: 4px;
    margin-top: -90px
}

.banner .forresterw-banner.accela-win .featuring-logos {
    margin-bottom: 40px;
}

.banner .forresterw-banner.accela-win.g2 .featuring-logos {
    margin-bottom: 0px;
    margin-top: 0px;
}

.banner .forresterw-banner .webinar-time-wrapper {
    width: 78%;
    margin-top: auto
}

.banner .forresterw-banner .webinar-time-wrapper .date-time-container {
    top: 8px;
    position: absolute;
    left: 70px;
    font-size: 20px;
    font-weight: 600
}

.banner .forresterw-banner .webinar-time-wrapper .date-time-container small {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.banner .forresterw-banner .webinar-time-wrapper h5 {
    margin-bottom: -8px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.banner .forresterw-banner .webinar-time-wrapper h5 span {
    display: inline-block;
    font-weight: 600
}

.banner .forresterw-banner i.sf {
    width: 40px;
    height: 40px;
    display: block
}

.banner .forresterw-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 24px;
    padding-top: 0;
    margin-left: -6px
}

.banner .forresterw-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 80px;
    top: 8px
}

.banner .forresterw-banner.aa-webinar .webinar-time-wrapper .date-time-container {
    left: 70px
}

.banner .forresterw-banner.aa-webinar .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 82px
}

.banner .forresterw-banner .speaker-container .heading {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 22px
}

.banner .forresterw-banner .kcs-title {
    color: #38b3c2
}

.banner .forresterw-banner .speaker-container .heading h5 {
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 16px;
    margin-bottom: 18px;
    display: inline-block;
    color: #fff;
    background-color: #0e2462;
    padding: 10px 20px;
    text-transform: uppercase
}

.banner .forresterw-banner .speaker-image img {
    width: 80%;
    margin-right: 8px
}

.banner .forresterw-banner .speakers-container {
    margin-top: 84px;
    text-align: center
}

.banner .forresterw-banner .speakers-container strong {
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 16px;
    display: block
}

.banner .forresterw-banner.aa-webinar .speakers-container h4 {
    color: #252527;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 34px
}

.banner .forresterw-banner.aa-webinar .speaker-1 .speaker-details,
.banner .forresterw-banner.aa-webinar .speaker-2 .speaker-details,
.banner .forresterw-banner.aa-webinar .speakers-container .speaker-image {
    text-align: center
}

.banner .forresterw-banner .speaker-image {
    text-align: center;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner .forresterw-banner.aa-webinar .speaker-image {
    display: block
}

.banner .forresterw-banner.aa-webinar .speaker-image img {
    max-width: 112px
}

.banner .forresterw-banner.aa-webinar .speaker-image.speaker-1 img {
    margin-right: -8px
}

.banner .forresterw-banner.aa-webinar .speaker-image.speaker-2 img {
    margin-right: -8px
}

.banner .forresterw-banner.aa-webinar .featuring-logos {
    margin-bottom: 15px;
    margin-top: -74px
}

.banner .forresterw-banner.aa-webinar .webinar-time-wrapper {
    margin-top: 30px
}

.banner .forresterw-banner.aa-webinar .speaker-image h3 {
    color: #072a68;
    font-size: 22px;
    text-transform: none;
    font-weight: 700;
    line-height: 24px
}

.banner .forresterw-banner.aa-webinar .speakers-container .speaker-details h4 {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 16px;
    text-transform: none;
    margin: 8px 0 8px 0;
    font-weight: 600;
    color: #252527
}

.banner .forresterw-banner.aa-webinar h5 {
    font-size: 18px;
    line-height: 16px;
    margin: 0 0 24px 0;
    font-weight: 700
}

.banner .forresterw-banner .forresterw-banner-wrapper {
    position: relative
}

.banner .forresterw-banner img.tsia-cricle-pattern {
    position: absolute;
    top: -46px;
    width: 200px;
    left: 260px
}

.banner .forresterw-banner img.tsia-gray-bars {
    position: absolute;
    left: 380px;
    bottom: 70px;
    width: 140px
}

.banner .forresterw-banner img.tsia-cricle-pattern {
    position: absolute;
    top: -46px;
    width: 200px;
    left: 260px
}

.banner .forresterw-banner img.tsia-orange-line {
    position: absolute;
    top: -6px;
    right: 8px;
    width: 80px
}

.banner .forresterw-banner img.tsia-orange-bordered {
    position: absolute;
    bottom: 100px;
    right: 8px;
    width: 56px
}

.banner .forresterw-banner .speaker-1 .speaker-details {
    text-align: right;
    margin-top: 12px
}

.banner .forresterw-banner .speaker-2 .speaker-details {
    text-align: center
}

.banner .forresterw-banner .speaker-container {
    width: 100%
}

.banner .forresterw-banner .speaker-container .speaker-warpper {
    width: 100%
}

.banner .forresterw-banner .speaker-image h3 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 1px;
    margin-top: 10px;
    line-height: 40px;
    padding-right: 2px;
    text-transform: uppercase;
    color: #f48b00
}

.banner .forresterw-banner .speaker-image h4 {
    margin-top: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 4px
}

.forrester-lp .banner.video-banner:after {
    display: none
}

.banner .forresterw-banner .webinar-speakers img {
    max-width: 90%
}

.banner .forresterw-banner i.sf.clock {
    background-image: url(../assets/img/su-clock-orange.svg)
}

.banner .forresterw-banner i.sf.calendar {
    background-image: url(../assets/img/su-tsia-calendar.svg)
}

.banner .forresterw-banner.tsw-banner i.sf.virtually {
    background-image: url(../assets/img/ccw-calender-icon.svg);
    background-repeat: no-repeat
}

.banner .forresterw-banner.tsw-banner i.sf.booth {
    background-image: url(../assets/img/ccw-location-icon.svg);
    background-repeat: no-repeat
}

.banner .forresterw-banner.aa-webinar i {
    background-repeat: no-repeat
}

.banner .forresterw-banner.aa-webinar a.btn {
    position: relative;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    border: 0
}

.banner .forresterw-banner.aa-webinar a.btn span {
    padding-right: 30px;
    text-transform: none
}

.banner .forresterw-banner.aa-webinar a span:after {
    content: "";
    height: 16px;
    width: 16px;
    background-image: url(../assets/img/su-aa-left-arrow.svg);
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    right: 16px
}

.banner .forresterw-banner.aa-webinar .webinar-time-wrapper .date-time-container,
.banner .forresterw-banner.aa-webinar .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 10px
}

.banner .tsia-sep-banner {
    color: #fff;
    background-color: #f3f6ff
}

.banner .tsia-sep-banner {
    background-image: url(../assets/img/appinium-webinar-bg.svg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -60px;
    background-size: contain;
    background-color: #f2f7fc;
    padding-bottom: 50px;
    overflow: hidden
}

.banner .tsia-sep-banner .row.container-row .container {
    position: relative
}

.banner .tsia-sep-banner .klever-illustration {
    max-width: 500px;
    position: absolute;
    right: -20px;
    top: -20px
}

.banner .tsia-sep-banner .row.white-row {
    color: #28258c;
    padding: 40px 0
}

.banner .tsia-sep-banner .row.white-row h4 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 700
}

.banner .tsia-sep-banner .row.white-row .speaker-pattern {
    text-align: center
}

.banner .tsia-sep-banner .row.white-row .speaker-pattern img {
    max-width: 50px;
    margin-left: -26px
}

.banner .tsia-sep-banner .su-logo {
    border-right: 1px solid #5248f7;
    padding-right: 20px
}

.banner .tsia-sep-banner h6 {
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #ffb200;
    display: inline-block;
    margin-bottom: 26px
}

.banner .tsia-sep-banner h5 {
    font-weight: 600;
    margin-bottom: 24px
}

.banner .tsia-sep-banner .logos.d-flex {
    margin-bottom: 26px;
    margin-top: 60px
}

.banner .tsia-sep-banner h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 4px
}

.banner .tsia-sep-banner .webinar-title h3 {
    font-size: 2.7rem;
    font-weight: 300;
    line-height: 2.8rem;
    margin-bottom: 20px
}

.banner .tsia-sep-banner h4 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem
}

.banner .tsia-sep-banner h4.webinar-sub-title {
    text-transform: uppercase;
    font-size: 1.3rem
}

.banner .forresterw-banner.aa-webinar a.btn,
.banner .tsia-sep-banner a.btn {
    margin-top: 0;
    margin-left: 0;
    border-radius: 2px;
    padding: 12px 26px;
    text-transform: none;
    font-size: 1.2rem
}

.banner .tsia-sep-banner .webinar-time div {
    padding-right: 30px;
    border-right: 1px solid #fff;
    font-weight: 700;
    text-transform: uppercase
}

.banner .tsia-sep-banner .webinar-time div h5 {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: -6px
}

.banner .tsia-sep-banner .webinar-time div.date,
.banner .tsia-sep-banner .webinar-time div.time {
    padding-left: 30px
}

.banner .tsia-sep-banner .webinar-time div.time {
    border-right: 0
}

.banner .tsia-sep-banner .webinar-time div.time span {
    font-size: 34px;
    line-height: 34px
}

.banner .tsia-sep-banner .webinar-time div.day span {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 3px
}

.banner .tsia-sep-banner .webinar-time div.date h5,
.banner .tsia-sep-banner .webinar-time div.day h5 {
    font-size: 34px;
    line-height: 34px
}

.banner .tsia-sep-banner .webinar-time div.date span {
    font-size: 18px;
    line-height: 18px
}

.banner .tsia-sep-banner .logos.d-flex img {
    width: 24%
}

.banner .tsia-sep-banner .featuring-logos img {
    width: 50%
}

.banner .tsia-sep-banner .d-none {
    display: none !important
}

.banner .tsia-sep-banner .webinar-time {
    padding: 20px 0
}

.banner .tsia-sep-banner .featuring-logos {
    margin-bottom: 20px;
    margin-top: 40px
}

.banner .tsia-sep-banner .webinar-time-wrapper {
    width: 96%;
    margin-top: 22px;
    color: #003de0;
    background-color: #cce1ff;
    padding: 20px 0 8px 46px;
    text-align: left
}

.banner .tsia-sep-banner .speaker-container .webinar-time-wrapper h4 {
    text-align: left;
    margin-left: 0;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: 3px;
    margin-bottom: 10px
}

.banner .tsia-sep-banner .row.cta-row {
    margin-top: 24px
}

.banner .tsia-sep-banner .webinar-time-wrapper .date-time-container {
    font-size: 20px;
    font-weight: 600;
    position: relative
}

.banner .tsia-sep-banner .webinar-time-wrapper .date-time-container.date:after {
    content: "";
    height: 100px;
    width: 2px;
    background-color: #003de0;
    position: absolute;
    right: -6px;
    top: 0
}

.banner .tsia-sep-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 8px
}

.banner .tsia-sep-banner .webinar-time-wrapper .date-time-container small {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase
}

.banner .tsia-sep-banner .webinar-time-wrapper h5.lt {
    letter-spacing: 6px
}

.banner .tsia-sep-banner .webinar-time-wrapper p {
    font-weight: 500;
    text-transform: uppercase
}

.banner .tsia-sep-banner .webinar-time-wrapper h5 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0
}

.banner .tsia-sep-banner .webinar-time-wrapper h5 em {
    display: block;
    font-weight: 500;
    font-style: normal;
    margin-bottom: -4px;
    font-size: 20px
}

.banner .tsia-sep-banner i.sf {
    width: 40px;
    height: 40px
}

.banner .tsia-sep-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 24px;
    padding-top: 0;
    margin-left: -6px
}

.banner .tsia-sep-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 88px
}

.banner .tsia-sep-banner .speaker-container {
    width: 100%;
    margin-top: -10px;
    color: #001f6c
}

.banner .tsia-sep-banner .kcs-title {
    color: #38b3c2
}

.banner .tsia-sep-banner .speaker-container .speaker-text {
    position: relative
}

.banner .tsia-sep-banner .speaker-container .speaker-text img {
    width: 44px;
    position: absolute;
    right: 52px;
    top: 128px
}

.banner .tsia-sep-banner .speaker-container .speaker-text h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-align: left;
    padding-left: 46px;
    padding-top: 50px;
    font-size: 32px;
    font-weight: 800;
    line-height: 36px
}

.banner .tsia-sep-banner .speaker-container h4 {
    font-weight: 600;
    margin-bottom: 18px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin-left: -26px
}

.banner .tsia-sep-banner .speaker-inner {
    text-align: center
}

.banner .tsia-sep-banner .speaker-inner img {
    max-width: 90%
}

.banner .tsia-sep-banner .speaker-inner h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 22px;
    padding-left: 0
}

.banner .tsia-sep-banner .speaker-inner h6 {
    font-size: 18px;
    margin-bottom: 4px;
    text-transform: none;
    letter-spacing: 0;
    color: #001f6c;
    margin-top: 4px
}

.banner .tsia-sep-banner .speaker-inner h5 {
    font-size: 18px;
    margin-bottom: 0
}

.banner .tsia-sep-banner i.sf.calendar,
.banner .tsia-sep-banner i.sf.clock {
    width: 40px;
    height: 40px
}

.banner .stevie-banner {
    background-color: #f7f7f7;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
}

.banner .stevie-banner h4 {
    font-size: 46px;
    line-height: 56px;
    color: #ffffff;
    font-weight: 700;
}

.banner .stevie-banner .col-sm-12.col-md-6.col-lg-5.speaker-col {
    margin-top: -95px;
    margin-left: -45px
}

.banner .stevie-banner h4 span {
    color: #f48b00
}

.banner .stevie-banner h3 {
    font-size: 46px;
    line-height: 56px;
    color: #182b4c;
    font-weight: 700
}

.banner .stevie-banner h3 sup {
    font-size: 26px;
    top: -18px;
    left: -2px
}

.banner .stevie-banner .btn {
    border-radius: 4px;
    padding: 10px 30px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 18px
}

.banner .stevie-banner .col-4 {
    padding: 0 0
}

.banner .stevie-banner img {
    max-width: 200px;
    margin-bottom: 20px;
}

.banner .stevie-banner .speaker-item img {
    margin-left: 0
}

.banner .stevie-banner .shadow-container {
    position: relative;
    text-align: center;
    margin-top: 34px
}

.banner .stevie-banner .awards-desc-container {
    text-align: center;
    padding-top: 40px
}

.banner .stevie-banner sup {
    font-size: 18px;
    top: -1.4rem
}

.banner .stevie-banner h5 span {
    font-size: 24px;
    line-height: 16px
}

.banner .stevie-banner .first-award {
    margin-top: -8px
}

.banner .stevie-banner h5 {
    color: #182b4c;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: -22px;
    margin-left: 0;
    line-height: 24px
}

.banner .stevie-banner .shadow {
    position: absolute;
    bottom: 9px;
    right: 41%;
    height: 21px;
    width: 104px
}

.banner .stevie-banner .shadow:before {
    position: absolute;
    content: '';
    left: 24px;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgb(210 210 210 / 25%);
    border-radius: 50%/14px;
    -webkit-box-shadow: rgb(150 150 150 / 50%) 0 5px 10px;
    box-shadow: rgb(150 150 150 / 50%) 0 5px 10px;
    clip: rect(20px, auto, 50px, 0)
}

.banner .ai-tech {
    color: #fff;
    background-image: url(../assets/img/ai-tech-banner-bg-v4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom
}

.banner .ai-tech h3 span {
    color: #0ac9e8
}

.banner .ai-tech h3 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 52px;
    margin-top: -60px
}

.banner .ai-tech .webinar-illustration {
    text-align: center
}

.banner .ai-tech .webinar-illustration img {
    max-width: 62%;
    overflow: hidden;
    margin-top: -50px
}

.banner .ai-tech a.btn {
    margin-top: 20px;
    margin-left: 0;
    border-radius: 4px;
    padding: 12px 26px;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600
}

p.hero-text {
    font-size: 1.2rem
}

.hover-shadow-lg,
.hover-translate-y-n10,
.hover-translate-y-n3 {
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.hover-shadow-lg:hover {
    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important
}

.hover-translate-y-n3:hover,
.translate-y-n3 {
    -webkit-transform: translateY(-3px) !important;
    -ms-transform: translateY(-3px) !important;
    transform: translateY(-3px) !important
}

.hover-translate-y-n10:hover,
.translate-y-n10 {
    -webkit-transform: translateY(-10px) !important;
    -ms-transform: translateY(-10px) !important;
    transform: translateY(-10px) !important
}

.banner a.btn {
    border-radius: 1.2rem;
    padding: 6px 20px
}

.banner a.btn:hover {
    color: #fff
}

.banner .stevie-banner img.asia-pacific {
    max-width: 209px
}

.banner .stevie-banner .featuring-logos.d-flex {
    margin-top: -60px
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

h2.searchunify-logo {
    margin: 0
}

section.notif-banner .carousel-item {
    padding: 1rem 0
}

figure.home-banner-illustration {
    max-width: 100%;
    display: none
}

.notif-banner .header-ribbon h4 {
    font-size: 1.1rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 0;
    text-transform: none;
    font-weight: 600;
    display: inline-block
}

.notif-banner .header-ribbon a.btn {
    background: #fff;
    margin-left: 2rem;
    border-radius: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .8rem
}

.notif-banner .header-ribbon a.btn span {
    padding: 0 1rem
}

section.personalize {
    padding: 4.5rem 0
}

.personalize-intro {
    padding-bottom: 0
}

.personalize-intro h2,
.searchunify-heading {
    font-size: 34px;
    text-align: center;
    font-weight: 700;
    line-height: 44px
}

.personalize-intro p {
    font-size: 1rem;
    text-align: center;
    font-weight: 600
}

.personalize-tabs .icon {
    padding: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 14px rgba(202, 202, 202, .5);
    box-shadow: 0 2px 14px rgba(202, 202, 202, .5)
}

.img-illustration video {
    width: 600px;
    max-width: 100%
}

.personalize-tabs .icon img {
    width: 2rem;
    height: 2rem
}

.personalize-tabs .card {
    border: none;
    margin-bottom: .75rem
}

.personalize-tabs .card:hover {
    background-color: #f4f8f9;
    -webkit-box-shadow: 0 2px 14px rgba(202, 202, 202, .5);
    box-shadow: 0 2px 14px rgba(202, 202, 202, .5);
    cursor: pointer
}

.personalize-illustrations .img-illustration img {
    max-width: 96%
}

.personalize-tabs .card .card-body {
    padding: .25rem 1.25rem
}

.personalize-tabs .card .card-body p {
    color: #8e8f8f;
    font-size: .8rem;
    line-height: 1rem
}

.personalize-tabs .card .icon-text h5 {
    font-size: .9rem;
    font-weight: 600;
    color: #182b4e
}

.personalize-tabs .card .card-header .tab-trigger {
    padding: .75rem 1.25rem
}

.personalize-tabs .card .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 0
}

.personalize-tabs .card.active {
    background-color: #f4f8f9;
    -webkit-box-shadow: 0 2px 14px rgba(202, 202, 202, .5);
    box-shadow: 0 2px 14px rgba(202, 202, 202, .5)
}

.personalize-tabs .card.card-ai-powered.active {
    border-left: 2px solid #0bb481
}

.personalize-tabs .card.card-chatbot.active {
    border-left: 2px solid #708fe5
}

.personalize-tabs .card.card-analytics.active {
    border-left: 2px solid #e19a06
}

.personalize-tabs .card.card-deflaction.active {
    border-left: 2px solid #9ccb85
}

.personalize-illustrations .hide {
    display: none
}

div#personalize-tabs {
    padding-top: 2rem
}

.searchunify-in-numbers {
    padding: 6rem 0
}

.searchunify-in-numbers h3 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 800
}

.searchunify-in-numbers p {
    text-align: center;
    font-size: 1rem;
    font-weight: 600
}

.close-loop {
    background-color: #343e62;
    padding: 4.8rem 0
}

.close-loop-img img {
    max-width: 94%
}

.close-loop-text {
    color: #fff
}

.close-loop-text h3 {
    text-align: left
}

.close-loop-text p {
    font-size: 1.2rem;
    font-weight: 300
}

section.platform {
    padding: 6rem 0;
    position: relative
}

section.platform img.platform-illustration {
    max-width: 100%
}

section.platform h2 {
    padding: 0 10rem;
    margin-bottom: 4rem
}

section.searchunify-applications {
    padding: 4.5rem 0 7rem 0;
    position: relative;
    /* background-image: url(../images/home/searchunify-applications-bg.svg); */
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0rem;
    z-index: 0;
    background-color: rgb(243, 246, 255);
}

section.searchunify-applications h2 {
    padding: 0 11rem
}

section.searchunify-applications img {
    max-width: 86%
}

section.searchunify-applications .application-tabs {
    border-top: 1px solid #d1d2d7;
    border-bottom: 1px solid #d1d2d7;
    padding: 1rem 0;
    max-width: 80%;
    margin: 0 auto
}

section.searchunify-applications .application-tabs .btn {
    margin: 0 6px;
    border: 0;
    background-color: transparent;
    color: #7f8792;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 600;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

section.searchunify-applications .application-tabs .btn.active {
    color: #fff;
    border: 0;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

section.searchunify-applications .tabs-content-col {
    margin-top: 20px
}

section.searchunify-applications .tabs-content h4 {
    font-size: 1.8rem;
    font-weight: 600;
    padding-right: 0
}

section.searchunify-applications .tabs-content a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    color: #f48b00
}

section.searchunify-applications .tabs-content a:hover {
    color: #182b4c
}

section.modern-support a:after,
section.searchunify-applications .tabs-content a:after {
    background-image: url(../images/icons/right-arrow.svg);
    content: "";
    display: inline-block;
    width: 30px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px
}

section.searchunify-applications .tabs-content p {
    color: #4f4f4f
}

section.searchunify-applications .tabs-content span {
    display: block
}

.searchunify-applications .hide {
    display: none
}

section.next-gen-apps {
    padding: 54px 0 0;
    position: relative
}

section.searchunify-partners {
    position: relative
}

section.searchunify-partners .MultiCarousel-inner .item .carousel-partner {
    max-width: 86%;
    padding: 4px 0
}

section.searchunify-partners .MultiCarousel-inner .item .carousel-partner img {
    max-width: 80%;
    margin: 0 auto
}

section.searchunify-partners .ab-partner-container a .img-fluid,
section.searchunify-partners .ab-partner-container div.without-link .img-fluid {
    max-width: 90%
}

section.searchunify-partners img.img-fluid.aem {
    width: 275px;
    height: auto
}

section.searchunify-partners .ab-partner-container {
    padding-top: 40px
}

section.searchunify-partners .ab-partner-container a,
section.searchunify-partners .ab-partner-container div.without-link {
    border: 2px solid #fff;
    text-align: center;
    height: 60px
}

section.searchunify-partners .ab-partner-container a img.img-fluid:hover,
section.searchunify-partners .ab-partner-container div.without-link img.img-fluid:hover {
    border-bottom: 2px solid #ffb200;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

section.searchunify-partners .ab-partner-container .img-fluid {
    max-width: 25%
}

.searchunify-customers {
    padding: 3.5rem 0 1.2rem;
    z-index: 10;
    position: relative
}

.searchunify-customers ul {
    margin: 0;
    padding: 0
}

.searchunify-customers ul li div.carousel-images-customer {
    width: 210px
}

.suTestimonialsV3 .profile-image i {
    display: block
}

.suTestimonialsV3 .profile-name h3 {
    font-weight: 600;
    font-size: .8rem;
    line-height: 1rem;
    margin: 0;
    padding: 0 0 .2rem
}

.suTestimonialsV3 .profile-name h4 {
    font-weight: 600;
    font-size: .6rem;
    padding: 0 1rem 0 0;
    margin: 0;
    line-height: .9rem
}

.suTestimonialsV3 .testimonial-logo {
    padding: 0
}

.suTestimonialsV3 .testimonial-logo i {
    padding: 0;
    margin: 0 auto;
    display: block;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    width: 172px !important
}

.suTestimonialsV3 .testimonial-cta {
    margin: 0;
    padding: 0;
    text-align: center
}

.suTestimonialsV3 .testimonial-cta a.request_btn {
    font-size: 10px;
    padding: 8px 12px;
    margin-left: 0;
    line-height: 12px;
    font-weight: 600
}

.suTestimonialsV3 .author:after {
    content: "";
    height: 3rem;
    border-right: 1px solid #737373
}

.suTestimonialsV3 .author {
    min-height: 6rem
}

.searchunify-testimonial {
    padding: 2.8rem 0 6rem
}

.suTestimonialsV3 .carousel-inner,
.suTestimonialsV3 .carousel-item-next,
.suTestimonialsV3 .carousel-item-prev {
    width: 100%;
    margin: 0
}

.suTestimonialsV3 .carousel-inner .testimonial-wrap {
    padding-left: 4rem;
    padding-top: 2rem
}

.suTestimonialsV3 .carousel-inner .testimonial-item:before {
    content: "\f10e";
    font-family: 'Font Awesome 5 Free';
    font-size: 2rem;
    color: #caced7;
    position: absolute;
    top: 1.6rem;
    left: 1rem;
    display: inline-block;
    font-weight: 900;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.searchunify-testimonial .testimonials-heading h5 {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #182b4e
}

.searchunify-testimonial .testimonials-heading h3 {
    text-align: left
}

.searchunify-testimonial .testimonial-text p {
    font-size: 14px
}

.searchunify-testimonial ol.carousel-indicators {
    left: 7rem;
    width: 15rem;
    bottom: -2rem
}

.searchunify-testimonial ol.carousel-indicators li {
    width: .5rem;
    height: .5rem;
    margin-right: .45rem;
    border-radius: 50%;
    background-color: #caced7;
    cursor: pointer
}

.searchunify-testimonial ol.carousel-indicators li.active {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%)
}

.searchunify-testimonial .testimonials-controls {
    padding-top: 1rem;
    display: none
}

.searchunify-testimonial .testimonials-controls a {
    color: #313f59
}

.searchunify-testimonial .testimonials-controls a:hover {
    text-decoration: none
}

.searchunify-testimonial .testimonials-controls a.left {
    padding-right: 1.5rem;
    border-right: 1px solid #caced7
}

.searchunify-testimonial .testimonials-controls a.right {
    padding-left: 1.5rem
}

.searchunify-testimonial .testimonials-controls a i {
    font-size: 1rem
}

.searchunify-testimonial .testimonials-controls a span {
    font-size: .9rem;
    font-weight: 600
}

.searchunify-testimonial .testimonials-controls a.right span {
    padding-right: 1rem
}

.searchunify-testimonial .testimonials-controls a.left span {
    padding-left: 1rem
}

section.persona {
    padding: 4rem 0;
    position: relative;
    color: #153975;
    margin: 40px 0 50px;
}

section.persona.persona-re {
    margin: 120px 0 50px;
}

section.persona .personas-row a,
section.persona .personas-row a:hover,
section.persona .personas-row a:visited {
    color: #153975;
    text-decoration: none;
    display: inline-block
}

section.persona .personas-row a:hover .persona-content {
    background-color: #153975;
    color: #fff;
    padding-bottom: 40px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

section.persona .personas-row a:hover .persona-content span {
    display: inline-block
}

section.persona .personas-row a:hover .persona-content .fas {
    font-size: 1rem;
    color: #f48b00
}

section.persona .personas-row .persona-content img.learn-blue,
section.persona .personas-row .persona-content img.learn-orange {
    max-height: 10px;
    margin-bottom: 0
}

section.persona .personas-row a:hover .persona-content img.learn-blue {
    display: none
}

section.persona .personas-row a:hover .persona-content img.learn-orange {
    display: inline-block
}

section.persona .persona-content span {
    display: none;
    font-size: 14px;
    margin-right: 16px;
    font-weight: 500
}

section.persona .persona-content .fas {
    font-size: 1.2rem;
    color: #e0f1ff
}

section.persona img.platform-illustration {
    max-width: 100%
}

section.persona h2.searchunify-heading {
    margin-bottom: 4px;
    text-align: left
}

.su-customers-smooth-wrapper {
    padding-bottom: 0;
    overflow: hidden
}

.su-customers-smooth-wrapper .item-wrap {
    width: 400%;
    position: relative;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.su-customers-smooth-wrapper .item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.persona p {
    font-weight: 500
}

section.persona .request_btn {
    margin-left: 0;
    color: #fff;
    text-transform: none;
    border-radius: 4px
}

section.persona .request_btn:hover {
    color: #fff
}

section.persona .row.personas-row {
    margin-top: 20px;
    min-height: 330px
}

section.persona .personas-row .col {
    padding: 0 0;
    margin-left: 15px;
    margin-right: 4px
}

section.persona .personas-row .persona-content {
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0 4px 12px;
    box-shadow: rgb(0 0 0 / 10%) 0 4px 12px;
    border-radius: 20px;
    background-color: #fff;
    padding: 20px 20px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    height: 100%;
}

section.persona .persona-content img {
    max-width: 40px;
    margin-bottom: 8px
}

section.persona .persona-content img.learn-orange {
    display: none
}

section.persona .persona-content h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px
}

section.persona .persona-content .cta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.persona .persona-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px
}

section.persona .persona-content ul li {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.persona .persona-content ul li:before {
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-size: 6px;
    color: #f48b00;
    display: inline-block;
    font-weight: 900;
    margin-right: 10px;
    margin-top: 0px;
}

section.searchunify-ecosystem {
    padding: 0 0 4rem 0
}

section.searchunify-ecosystem h2.searchunify-heading {
    padding: 0 6rem;
    margin-bottom: 3rem;
    color: #182b4e
}

section.searchunify-ecosystem .platform-wrapper {
    padding: 0 40px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #fff;
    background: #fbfbfb;
}

section.searchunify-ecosystem .platform-wrapper:hover {
    cursor: pointer
}

section.searchunify-ecosystem .platform-wrapper.active {
    border: 1px solid #0b236d;
    -webkit-box-shadow: rgb(11 35 109 / 22%) 6px 6px 12px;
    box-shadow: rgb(11 35 109 / 22%) 6px 6px 12px
}

section.searchunify-ecosystem .platform-content {
    padding: 20px 0 14px 0;
    color: #153975
}

section.searchunify-ecosystem .platform-content h3 {
    font-size: 16px;
    line-height: 16px;
    color: #0b236d;
    font-weight: 600;
    margin-bottom: 20px
}

section.searchunify-ecosystem .platform-content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px
}

section.searchunify-ecosystem .platform-content span {
    display: inline-block;
    color: #f48b00;
    font-size: 14px;
    margin-right: 16px;
    font-weight: 500
}

section.searchunify-ecosystem img.platform-illustration {
    max-width: 100%;
    display: none
}

section.searchunify-ecosystem img.platform-illustration.img-active {
    display: block
}

section.searchunify-ecosystem .platform-content-row {
    padding: 0 0rem
}

section.searchunify-ecosystem .platform-illustration-warapper {
    padding-left: 40px
}

section.searchunify-ecosystem .platform-illustration-container {
    text-align: center;
    max-width: 70%;
    position: relative;
    padding-right: 0;
    display: block;
    margin: 0 auto;
    margin-right: 60px;
}

section.searchunify-ecosystem .platform-illustration-container .platform-analytics,
section.searchunify-ecosystem .platform-illustration-container .platform-apps,
section.searchunify-ecosystem .platform-illustration-container .platform-connectors {
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .3s linear;
    -o-transition: visibility 0s, opacity .3s linear;
    transition: visibility 0s, opacity .3s linear
}

section.searchunify-ecosystem .platform-illustration-container .active {
    opacity: 1;
    -webkit-transition: visibility 0s, opacity .3s linear;
    -o-transition: visibility 0s, opacity .3s linear;
    transition: visibility 0s, opacity .3s linear
}

@-webkit-keyframes MoveUpDown {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes MoveUpDown {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

section.searchunify-ecosystem .platform-illustration-container .platform-analytics img,
section.searchunify-ecosystem .platform-illustration-container .platform-apps img,
section.searchunify-ecosystem .platform-illustration-container .platform-connectors img {
    height: 50px;
    width: 50px;
    position: absolute;
    -webkit-animation: MoveUpDown 2s linear infinite;
    animation: MoveUpDown 2s linear infinite;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

section.searchunify-ecosystem .platform-illustration-container img.platform-lithium {
    top: 23.5%;
    right: 35%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-dropbox {
    bottom: 21.2%;
    left: 34.4%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-chatbot {
    right: 1.6%;
    top: 45.7%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-agent-helper {
    right: 24%;
    top: 5%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-analytics-1 {
    right: 46%;
    bottom: 5.8%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-analytics-2 {
    right: 17.5%;
    top: 22.5%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-analytics-3 {
    left: 17.7%;
    top: 22%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-dynamics {
    bottom: 21.5%;
    right: 34.8%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-madcap {
    top: 23.6%;
    left: 34.5%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-salesforce {
    left: 22.4%;
    top: 37.4%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-servicenow {
    bottom: 35%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-zendesk {
    bottom: 35%;
    left: 22.6%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-servicenow {
    bottom: 35%;
    right: 23%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-youtube {
    top: 38%;
    right: 23%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-apps-7 {
    top: 5%;
    left: 22%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-apps-6 {
    bottom: 2%;
    right: 27%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-apps-5 {
    bottom: 43.4%;
    left: 1.8%
}

section.searchunify-ecosystem .platform-illustration-container img.platform-apps-4 {
    bottom: 3.6%;
    left: 21%
}

section.searchunify-ecosystem .platform-content img.learn-orange {
    display: inline-block
}

section.searchunify-ecosystem .platform-content img.learn-orange {
    max-height: 10px;
    margin-bottom: 0
}

.why_searchunify {
    padding: 5rem 0 4rem 0;
    color: #182b4e;
    /* background-image: url(../images/home/bg-csat-v4.svg); */
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;
    background-size: cover;
    margin: 0 0 0em 0;
    background-color: #182b4e;
}

.why_searchunify .why_content {
    margin: 0 5px;
    padding: 1.2rem 1.6rem;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .2);
    border-radius: 1rem;
    background-color: #fff
}

.why_searchunify .csat-row-2 .why_content {
    padding-top: 1.6rem
}

section.why_searchunify .col-12 {
    margin-bottom: 2.4rem
}

.why_searchunify .h2 {
    font-size: 2rem;
    font-weight: 600
}

.why_searchunify .why_content .icon img {
    max-width: 3.6rem
}

.why_searchunify .why_content .icon .why-icon {
    display: block;
    max-width: 50px
}

.why_searchunify .why_content.decrease-aht .icon .why-icon {
    max-width: 58px;
    margin-bottom: -10px
}

.why_searchunify .why_content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 6px
}

.feaured-resources {
    padding: 4.5rem 0;
    position: relative;
    overflow: hidden
}

.feaured-resources .card a:hover {
    text-decoration: none
}

.feaured-resources .card {
    border: 0;
    color: #011866;
    padding: 0 15px;
    padding-bottom: 24px
}

.feaured-resources .rc-card-bottom:after {
    background-image: url(../images/icons/right-arrow.svg);
    content: "";
    display: inline-block;
    width: 30px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px
}

.feaured-resources .rc-card-bottom {
    position: absolute;
    bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #011866
}

.feaured-resources .card-body h4 {
    padding: 6px 10px;
    background: #f48b00;
    color: #fff;
    width: auto;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none
}

.feaured-resources .rc-card-bottom:hover {
    color: #f48b00
}

.feaured-resources .card-body h3 {
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #011866
}

.feaured-resources .card-body h3:hover {
    text-decoration: none
}

.feaured-resources .card-body {
    padding-left: 0
}

.feaured-resources .rc-img-wrapper,
.feaured-resources .rc-img-wrapper img {
    max-width: 100%;
    height: auto;
    overflow: hidden
}

.feaured-resources .card .card-body.light-font {
    color: #fff
}

.feaured-resources .card .card-body.dark-font {
    color: #182b4e
}

.feaured-resources .card.card-body.dark-font p {
    color: #8e8f8f
}

.feaured-resources .feaured-resources-content {
    padding-left: 2.6rem;
    padding-right: 2.6rem
}

.feaured-resources .feaured-resources-content h4 {
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase
}

.feaured-resources .feaured-resources-content h2 {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    padding: 1.2rem 0
}

.feaured-resources .feaured-resources-content .request_btn {
    margin: 0 auto !important
}

.feaured-resources .feaured-resources-content .btn-container {
    margin: 0 auto
}

.feaured-resources .h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #182b4e
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.bottom-icon {
    position: fixed;
    bottom: 80px;
    z-index: 999999;
    height: 55px;
    width: 55px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 1px 2px 13px rgba(0, 0, 0, 0.3);
    left: 12px;
}

.request-demo-section {
    padding: 1.6rem 0;
    position: relative;
    z-index: 10
}

.request-demo-section .card.card-body {
    border-radius: 3rem;
    color: #fff;
    padding: 1rem 3rem;
    border: 0
}

.request-demo-section .card.card-body .request_demo_click {
    background-color: #fff;
    color: #182b4e;
    font-weight: 600;
    -webkit-box-shadow: 5px 4px 11px rgba(95, 93, 93, .57);
    box-shadow: 5px 4px 11px rgba(95, 93, 93, .57);
    text-decoration: none
}

.request-demo-section .card.card-body .request_demo_click:hover {
    text-decoration: none
}

.about-mid-banner {
    padding: 2em 0;
    margin: 0rem 0 4rem;
    position: relative;
    z-index: 10;
    background-color: #d9e4f4;
    overflow: hidden
}

.about-mid-banner.security-page-section {
    margin: 34px 0 20px
}

.about-mid-banner .about-mb-img {
    margin-left: 100px
}

.about-mid-banner .about-mb-img a {
    color: #fff;
    text-transform: uppercase
}

.about-mid-banner .about-mb-text h4 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.8rem;
    color: #182b4c
}

.about-mid-banner .about-mb-text h4 span,
section.persona h2.searchunify-heading span {
    color: #f48b00
}

section.about-mid-banner .mamphasis-4 {
    position: absolute;
    bottom: -6%;
    left: -2%;
    max-width: 90px
}

section.about-mid-banner .mamphasis-5 {
    position: absolute;
    bottom: 0;
    right: -2%;
    max-width: 80px
}

section.modern-support,
section.searchunify-testimonials {
    padding: 2rem 0;
    position: relative
}

section.modern-support {
    background-image: url(../images/home/bg-pattern-1.svg);
    background-repeat: no-repeat;
    background-position-y: -110px;
    margin-top: -72px
}

img.triangle-1 {
    position: absolute;
    top: 7%;
    left: 8%;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

img.lines-jig-jag-1 {
    position: absolute;
    top: 34%;
    right: 2%
}

img.triangle-2 {
    position: absolute;
    top: 71%;
    right: 5%
}

img.triangle-gray-1 {
    position: absolute;
    top: 6%;
    right: 12%
}

img.plus-1 {
    position: absolute;
    top: 18%;
    left: 15%
}

img.plus-2 {
    position: absolute;
    top: 46%;
    right: 18%
}

img.triangle-gray-2 {
    position: absolute;
    top: 21%;
    right: 12%
}

img.plus-3 {
    position: absolute;
    top: 69%;
    right: 12%;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

img.triangle-gray-3 {
    position: absolute;
    top: 21%;
    right: 12%
}

img.triangle-gray-4 {
    position: absolute;
    bottom: -21%;
    right: 12%
}

img.plus-4 {
    position: absolute;
    top: 34%;
    left: 15%
}

img.plus-5 {
    position: absolute;
    top: 22%;
    right: 51%;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

img.triangle-gray-5 {
    position: absolute;
    top: 41%;
    right: 19%
}

img.cirlce-small-1 {
    position: absolute;
    top: 78%;
    left: 17%
}

img.cirlce-small-2 {
    position: absolute;
    top: 75%;
    left: 15%
}

img.cirlce-small-3 {
    position: absolute;
    top: 8%;
    left: 31%
}

img.cirlce-small-4 {
    position: absolute;
    top: 12%;
    left: 8%
}

img.cirlce-small-5 {
    position: absolute;
    top: 93%;
    left: 26%
}

img.cirlce-1 {
    position: absolute;
    top: 41%;
    right: -7%
}

img.rectangle-1 {
    position: absolute;
    bottom: 13%;
    left: 3%
}

section.customers-testimonails .searchunify-heading span,
section.feaured-resources span,
section.modern-support a,
section.modern-support span,
section.next-gen-apps span,
section.platform span,
section.recommended-section span,
section.searchunify-applications span,
section.searchunify-customers span,
section.searchunify-partners span,
section.searchunify-testimonials span,
section.why_searchunify span {
    color: #f48b00
}

section.modern-support a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500
}

section.modern-support a:hover {
    color: #182b4c
}

section.feaured-resources h2,
section.modern-support h2,
section.modern-support h3,
section.next-gen-apps h2,
section.searchunify-customers h2,
section.searchunify-testimonials h2 {
    color: #182b4c
}

section.why_searchunify h2 {
    color: #fff;
    padding: 0 10rem
}

section.modern-support p,
section.searchunify-testimonials p,
section.why_searchunify p {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 22px
}

section.why_searchunify p.why_subheading {
    color: #fff
}

section.why_searchunify p {
    padding-right: 20px
}

section.modern-support h2.searchunify-heading {
    padding: 0 17rem;
    line-height: 3rem
}

section.modern-support h3 {
    padding-right: 14rem
}

section.searchunify-testimonials .section-heading h3 {
    padding: 0 12rem
}

section.searchunify-testimonials img.testimonials {
    max-width: 530px
}

section.searchunify-testimonials .logos {
    padding: 10px 0 0
}

section.searchunify-testimonials .logos img.tsia-logo {
    margin-right: 30px
}

section.searchunify-testimonials .logos img {
    max-height: 36px
}

section.searchunify-testimonials .recommended-row {
    padding: 3rem 0
}

section.searchunify-testimonials .testimonials-heading {
    padding: 0 15rem
}

section.searchunify-testimonials .section-heading p {
    padding: 0 19rem;
    margin-bottom: 2rem
}

section.searchunify-testimonials .suTestimonialsV4 h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    padding-right: 7rem
}

section.searchunify-testimonials .suTestimonialsV4 .testimonial-item {
    min-height: 188px
}

section.searchunify-testimonials .suTestimonialsV4 .testimonial-item p.testimonials-text {
    min-width: 540px
}

section.searchunify-testimonials .suTestimonialsV4 .testimonials-controls a span {
    width: 30px;
    height: 30px
}

section.searchunify-testimonials .suTestimonialsV4 .testimonials-controls a:hover svg path {
    fill: #798292
}

section.searchunify-testimonials .suTestimonialsV4 .testimonials-controls a span svg {
    max-width: 22px
}

section.searchunify-testimonials .suTestimonialsV4 p section.searchunify-testimonials .suTestimonialsV4 .testimonial-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.searchunify-testimonials .suTestimonialsV4 .testimonial-logo p {
    font-style: normal;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: 500;
    display: inline-block
}

section.searchunify-testimonials .suTestimonialsV4 .testimonial-logo a {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    margin-left: 20px;
    color: #f48b00
}

section.searchunify-testimonials .suTestimonialsV4 .testimonial-logo a:after {
    background-image: url(../images/icons/right-arrow.svg);
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px
}

section.searchunify-testimonials .suTestimonialsV4 .testimonial-logo a:hover {
    color: #182b4c
}

section.searchunify-testimonials .suTestimonialsV4 .testimonial-logo img {
    max-width: 60px
}

section.searchunify-testimonials .suTestimonialsV4 .testimonials-controls {
    position: absolute;
    bottom: 16px;
    width: 120px;
    right: 0
}

section.searchunify-testimonials .suTestimonialsV4 .testimonials-controls a {
    width: 48%;
    display: inline-block;
    text-align: center;
    color: #f48b00;
    font-size: 22px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    border: 0;
    padding: 8px 0;
    border-radius: 8px
}

section.searchunify-testimonials .suTestimonialsV4 .testimonials-controls a:hover {
    border: 0;
    -webkit-box-shadow: 0 2px 15px 0 rgb(244 139 0 / 20%);
    box-shadow: 0 2px 15px 0 rgb(244 139 0 / 20%);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

section.next-gen-apps .searchunify-heading {
    padding: 0 15rem
}

section.feaured-resources .searchunify-heading {
    padding: 0 18rem
}

section.next-gen-apps .links {
    margin-top: 2rem
}

section.recommended-section {
    padding: 4rem 0;
    margin: 0 0 3.2rem;
    position: relative;
    z-index: 10;
    color: #fff;
    background-color: #182b4e;
}

section.about-mid-banner.about-page-section {
    background-image: url(../assets/img/ai-section-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

section.sugpt-container .container {
    padding: 0 0;
    position: relative;
    width: 100%;
}

section.sugpt-container .container .about-mid-banner-container {
    position: relative;
    max-width: unset;
    margin: 60px 0px 30px;
    background: #D6EFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 40px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

section.sugpt-container p.sub-container-txt {
    top: -15px;
    position: absolute;
    left: 40px;
    background: transparent linear-gradient(270deg, #FFB300 0%, #FF8800 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    font-size: 16px !important;
    /* line-height: 66px; */
    color: #ffff;
    font-weight: 600;
    height: 30px;
    padding: 4px 12px;
}

section.sugpt-container p.sugpt-container-txt {
    text-align: left;
    letter-spacing: -0.48px;
    color: #12182E;
    opacity: 1;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    max-width: 778px;
}

section.sugpt-container p.sugpt-container-txt span {
    font-weight: 700;
    color: #12182E;
}

button.sugpt-container-btn {
    letter-spacing: -0.36px;
    color: #FFFFFF;
    opacity: 1;
    background: transparent linear-gradient(270deg, #FFB300 0%, #FF8800 100%) 0% 0% no-repeat padding-box;
    width: 157px;
    height: 43px;
    font-weight: 600;
    font-size: 18px;
    border: unset;
    margin-bottom: 7px;
}

button.sugpt-container-btn a {
    color: #FFFFFF;
}

section.sugpt-container .container .about-mb-img {
    text-align: left;
    max-width: 160px;
    overflow: hidden;
}

section.sugpt-container .container .about-mb-img img {
    max-width: 100%;
}

section.sugpt-container .about-mb-text {
    padding-left: 30px;
    color: #ffff;
    position: relative;
}

section.sugpt-container .about-mb-text img {
    position: absolute;
    right: 60px;
    bottom: 20px;
    max-width: 20px;
}

section.sugpt-container h4,
section.sugpt-container span {
    color: #F48B00;
}

section.sugpt-container p {
    font-size: 18px;
}

section.sugpt-container p span {
    font-weight: 700;
}

section.sugpt-container h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 18px;
}

section.cognitive {
    min-height: 300px;
    text-align: center;
    background: #12182E 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    max-width: 1720px;
    margin: auto;
    margin-bottom: 60px;
}

section.cognitive h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 60px auto 40px;
}

section.cognitive .cognitive-card {
    background-color: #ffff;
    height: 170px;
    margin: 0 15px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.cognitive p.cognitive-txt {
    margin-top: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #12182E;
}

section.cognitive .slick-next::before,
section.cognitive .slick-prev::before,
section.cognitive .slick-dots li button::before,
section.sugpt-container .slick-next::before,
section.sugpt-container .slick-prev::before,
section.sugpt-container .slick-dots li button::before {
    content: unset
}

section.cognitive .slick-dots li,
section.sugpt-container .slick-dots li {
    border: 1px solid #F48B00;
    border-radius: 24px;
    opacity: 1;
    width: 15px;
    height: 15px;
}

section.cognitive .slick-dots li.slick-active,
section.sugpt-container .slick-dots li.slick-active {
    background: #F48B00 0% 0% no-repeat padding-box;
    border: 1px solid #F48B00;
    border-radius: 24px;
    opacity: 1;
}

section.sugpt-container .slick-dots {
    bottom: 20px;
}

section.sugpt-container .products-highlight .slick-dots {
    display: none !important;
}

section.cognitive .slick-dots {
    bottom: 5px;
}

section.cognitive .slick-list.draggable {
    padding-bottom: 60px;
    height: unset !important;
}

/* arsenal section */
section.modal_section.common-spc.arsenal-section {
    margin-bottom: 60px;
}

.arsenal-section h2.ar-head {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    color: #12182E;
    letter-spacing: -0.56px;
}

.arsenal-section p.ar-head-txt {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #5A5D6B;
    margin-bottom: 5px;
}

.arsenal-section .arsenal-content {
    justify-content: space-evenly;
}

.arsenal-section .submenu {
    padding-left: 0px;
}

.arsenal-section .arsenal-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 15px;
    flex-direction: row-reverse;
}

.arsenal-section .dropdown {
    width: 50%;
    padding: 20px;
    padding-top: 20px;
}

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

.arsenal-section li {
    padding: 20px 30px;
    cursor: pointer;
    transition: background-color 0.3s;
    position: relative;
}

.arsenal-section li.arsenal-name.opened {
    background-color: #FFF6E9;
}

.arsenal-section li.arsenal-name.closed {
    background-color: #F5F5F5;
    font-size: 18px;
}

.arsenal-section .dropdown>ul>li {
    position: relative;
}

.arsenal-section .dropdown>ul>li .arrow {
    position: absolute;
    right: 30px;
    top: 22px;
    transform: translateY(-50%);
    transition: transform 0.6s;
}

.arsenal-section .dropdown>ul>li svg.arrow {
    width: 18px;
}

.arsenal-section .dropdown>ul>li.opened .arrow {
    transform: translateY(-50%) rotate(180deg);
}

.arsenal-section .submenu {
    display: none;
}

.arsenal-section ul.submenu {
    color: #5A5D6B;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 5px;
}

.arsenal-section .submenu li {
    padding: 5px 0;
    color: #12182E;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}

.arsenal-section li.arsenal-name {
    color: #12182E;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin: 10px 0px;
}

.arsenal-section .arsenal-img-section {
    width: 45%;
    height: auto;
}

.arsenal-section .dropdown>ul>li:first-child {
    margin-top: 0px;
}

.arsenal-section .dropdown>ul>li:first-child ul.submenu {
    display: block;
}

.arsenal-section a.arsenal-link {
    letter-spacing: 0px;
    color: #F48B00;
    font-size: 16px;
    line-height: 34px;
    text-decoration: none;
    position: relative;
}

.arsenal-section a.arsenal-link::after {
    content: '';
    background: url('../assets/img/arrow_slider.svg') no-repeat;
    width: 19px;
    height: 15px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin-left: 10px;
}



@media screen and (max-width: 1100px) {
    section.sugpt-container .container .about-mid-banner-container {
        flex-direction: column;
    }

    section.sugpt-container p.sugpt-container-txt {
        text-align: center;
    }
}


section.recommended-section img.rectangle-1 {
    top: 24%;
    left: 3%
}

section.recommended-section img.triangle-gray-4 {
    bottom: 30%;
    right: 3%
}

section.recommended-section .logos a.btn {
    color: #fff;
    border: 0;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

section.next-gen-apps .btn,
section.recommended-section .logos a.btn,
section.searchunify-testimonials .logos a.btn {
    padding: 16px 22px;
    margin: 0 10px;
    text-transform: uppercase;
}

section.next-gen-apps .btn.dark-button,
section.next-gen-apps .btn.light-button:hover,
section.searchunify-testimonials .logos a.btn:hover {
    color: #fff;
    background-color: #182b4c;
    border: 1px solid #182b4c
}

section.next-gen-apps .btn.light-button,
section.searchunify-testimonials .logos a.btn {
    color: #f48b00;
    border: 1px solid #f48b00
}

section.request-demo-section .col.request-demo-col {
    padding: 0 30px
}

section.request-demo-section .col-lg-8 {
    padding: 30px 60px
}

section.request-demo-section p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
    margin-bottom: 0
}

section.request-demo-section h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px
}

section.request-demo-section .row.request-demo-row {
    background: #f58b01;
    border-radius: 1.2rem;
    background-image: url(../images/home/request-demo-bg.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: -56px
}

section.request-demo-section a:before {
    content: "";
    height: 2px;
    width: 100px;
    position: absolute;
    background-color: #011866;
    top: -16px;
    right: 0
}

section.request-demo-section a:after {
    content: "";
    height: 2px;
    width: 100px;
    position: absolute;
    background-color: #011866;
    bottom: -16px;
    left: 0
}

section.request-demo-section a span {
    max-width: 20px;
    display: inline-block;
    margin-top: -6px;
    margin-left: 10px
}

section.request-demo-section a span svg {
    max-width: 100%;
    margin-top: 5px;
    margin-bottom: -5px
}

section.request-demo-section a {
    padding: 12px 22px;
    text-transform: uppercase;
    background-color: #011866;
    color: #fff;
    position: relative;
}

.customers-testimonails {
    padding: 32px 0 70px;
    position: relative
}

.customers-testimonails h2 {
    padding: 0 12rem
}

.customers-testimonails .top-textheadline {
    margin-bottom: 60px
}

.ourconnector-container.customers-logos {
    padding: 0 0 14px
}

.customers-testimonails .col-lg-7 {
    padding-right: 40px
}

.peer-review a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)
}

.peer-review h5 {
    font-size: 14px;
    font-weight: 600;
    color: #5f6388;
    margin-right: 30px
}

.peer-review .icon {
    text-align: right
}

.peer-review .d-flex.align-items-center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.peer-review .card-body {
    padding: 13px 12px;
    margin-bottom: 10px;
    border: 1px solid #d7dae0
}

.row.peer-review {
    padding-top: 0;
    padding-left: 0
}

.peer-review .icon img {
    max-height: 34px
}

.suTestimonialsV6 .profile-name {
    margin-left: -12px
}

.suTestimonialsV6 .profile-image i {
    display: block;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    margin-left: -14px
}

.suTestimonialsV6:before {
    content: "\f10e";
    font-family: 'Font Awesome 5 Free';
    font-size: 3rem;
    color: #d7dae0;
    position: absolute;
    top: -15px;
    left: 14px;
    display: inline-block;
    font-weight: 900;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 100;
    padding: 0 16px
}

.suTestimonialsV6 .carousel-inner-wrapper {
    padding: 2rem 2rem 1rem 2rem
}

.suTestimonialsV6 h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #f48b00
}

.suTestimonialsV6 h4 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    min-height: 48px
}

.suTestimonialsV6 .testimonial-text p {
    font-size: 14px
}

.suTestimonialsV6 .carousel-indicators li {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #d7dae0;
    border: 1px solid #d7dae0;
    cursor: pointer
}

.suTestimonialsV6 ol.carousel-indicators {
    position: absolute;
    bottom: -49px;
    left: 0;
    max-width: 100%
}

.banner.video-banner .carousel-indicators {
    margin: auto;
    padding: 4px 8px;
    border-radius: 50px;
    bottom: 30px;
    background: #fff;
    border: 1px solid #bbd8fb;
    display: table;
    line-height: normal;
}

.banner.video-banner .carousel-indicators>li {
    display: inline-block;
}

div#suTestimonialsV6 {
    padding-top: 1rem
}

.suTestimonialsV6 .carousel-indicators li.active {
    background: #f48b00;
    border: 1px solid #f48b00
}

.suTestimonialsV6 .testimonial-logo-raman-kumar {
    margin-left: -10px
}

.suTestimonialsV6 i.testimonial-logo-leo-daley {
    width: 186px !important;
    height: 44px !important;
    display: inline-block;
    -webkit-transform: scale(.8) !important;
    -ms-transform: scale(.8) !important;
    transform: scale(.8) !important;
    margin-left: -18px
}

.suTestimonialsV6 .testimonial-logo {
    margin-bottom: 8px
}

.suTestimonialsV6 .testimonial-logo img {
    max-width: 100px;
    height: auto;
    padding-top: 6px
}

.suTestimonialsV6 .profile-image {
    max-height: 80px;
    padding-left: 3px;
    padding-top: 0;
    margin-top: -16px
}

.suTestimonialsV6 .author:after {
    content: "";
    height: 3rem;
    border-right: 1px solid #737373;
    padding-left: 1rem
}

.suTestimonialsV6 .request_btn {
    padding: 14px 20px
}

.suTestimonialsV6 .row.testimonial-text {
    margin-bottom: 1rem
}

section.site-footer {
    padding: 14rem 0 0;
    position: relative;
    background-image: url(../images/home/footer-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    margin-top: -10rem
}

section.site-footer .footer-about img {
    max-width: 160px
}

section.site-footer .footer-about p {
    color: #011866;
    padding: 20px 0;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    padding-right: 20px
}

section.site-footer .footer-about a {
    margin: -20px 0 20px 0;
    padding: 12px 22px;
    color: #fff
}

section.site-footer .footer-about a:after {
    background-image: url(../images/icons/right-arrow-white.svg);
    content: "";
    display: inline-block;
    width: 30px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px
}

section.site-footer .footer_menu_row h4,
section.site-footer .footer_recognition_row h4 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #f48b00
}

section.site-footer ul {
    padding: 0 0 0 .2rem;
    margin: 0;
    list-style: none
}

section.site-footer ul.footer-company,
section.site-footer ul.footer-solutions,
section.site-footer ul.footer-started {
    padding-top: 10px
}

section.site-footer ul.certificate {
    padding-top: 0;
    max-width: 280px
}

section.site-footer ul.footer_menu li {
    line-height: 1rem;
    padding: 0 0 20px
}

section.site-footer ul li a {
    color: #011866;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400
}

section.site-footer ul li a:hover,
section.site-footer ul.footer_menu.footer_links li a:hover {
    font-weight: 600
}

section.site-footer .footer_bottom ul.footer_menu.footer_links li a:hover {
    font-weight: 400;
    color: #f48b00
}

section.site-footer .clearfix {
    margin-top: .7rem
}

section.site-footer .clearfix a {
    color: #011866
}

section.site-footer .clearfix a:hover {
    font-weight: 600;
    text-decoration: none
}

.request_btn.suChatButton {
    position: fixed;
    bottom: 12px;
    right: 16px;
    z-index: 9999;
    padding: 12px 16px
}

.suChatButton span.btn-inner--icon {
    width: 26px;
    height: 26px;
    overflow: hidden;
    margin-right: 6px;
    position: absolute;
    top: 10px;
    left: 20px
}

.suChatButton span.btn-inner--text {
    padding-left: 35px;
    font-size: 14px;
    font-weight: 700
}

section.site-footer .clearfix {
    margin-top: .7rem
}

section.site-footer .recognitions-container .clearfix {
    margin-left: -6px;
    margin-top: 8px;
}

section.site-footer .medal-g2 img {
    height: 76px;
    width: auto;
    padding: 2px 2px;
}

section.site-footer .medal-g2.ccw img {
    margin-top: 8px;
}

section.site-footer .clearfix.last-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.site-footer .clearfix.last-row div {
    width: auto
}

section.site-footer .clearfix.after-chat {
    padding-top: 1rem
}

section.site-footer ul.social-links {
    padding-top: .8rem;
    margin-left: -10px
}

section.site-footer ul.social-links li {
    margin-left: .2rem
}

section.site-footer ul.social-links li a {
    padding: 0 6px
}

section.site-footer ul.social-links a .social-icons {
    width: 46px;
    height: 46px;
    display: block;
    background-size: contain;
    padding: 2px
}

section.site-footer ul.social-links a .social-icons.fb {
    background-image: url(../images/icons/FB.svg);
    background-repeat: no-repeat
}

section.site-footer ul.social-links a .social-icons.fb:hover {
    background-image: url(../images/icons/FB-hover.svg);
    background-repeat: no-repeat
}

section.site-footer ul.social-links a .social-icons.ln {
    background-image: url(../images/icons/LinkedIn.svg);
    background-repeat: no-repeat
}

section.site-footer ul.social-links a .social-icons.ln:hover {
    background-image: url(../images/icons/Linkedin-hover.svg);
    background-repeat: no-repeat
}

section.site-footer ul.social-links a .social-icons.tw {
    background-image: url(../images/icons/Twiter.svg);
    background-repeat: no-repeat
}

section.site-footer ul.social-links a .social-icons.tw:hover {
    background-image: url(../images/icons/Twiter-hover.svg);
    background-repeat: no-repeat
}

section.site-footer ul.social-links a .social-icons.yt {
    background-image: url(../images/icons/Youtube.svg);
    background-repeat: no-repeat
}

section.site-footer ul.social-links a .social-icons.yt:hover {
    background-image: url(../images/icons/Youtube-hover.svg);
    background-repeat: no-repeat
}

section.site-footer .copy-text p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding-top: 0;
    padding-right: 0;
    margin-left: -15px;
    text-transform: capitalize
}

section.site-footer ul.footer_menu.footer_links li {
    padding-bottom: 0;
    padding-left: .8rem
}

section.site-footer ul.footer_menu.footer_links li a {
    color: #a0a0a0
}

section.site-footer .icon-design {
    float: left;
    width: 10%;
    line-height: 1.2rem;
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-top: -6px
}

section.site-footer .footer_recognition_row {
    margin-bottom: 90px
}

section.site-footer .footer_recognition_row .clearfix {
    margin-top: 1rem
}



section.site-footer .clearfix div {
    font-size: .9rem;
    line-height: 22px;
    float: left;
    width: 87%;
    color: #011866
}

section.site-footer .contact-details {
    padding-top: 0
}

section.site-footer .contact-details p {
    margin-bottom: 0
}

section.site-footer .icon-design svg {
    max-width: 24px
}

section.site-footer .certifications {
    padding-top: 20px
}

section.site-footer .icon-design .far,
section.site-footer .icon-design .fas {
    color: #8e8f8f;
    vertical-align: middle
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
    position: relative
}

.MultiCarousel .MultiCarousel-inner {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    float: left
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
    position: relative
}

.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 10px 0;
    margin: 10px 0
}

.MultiCarousel .MultiCarousel-inner .item .pad15 {
    margin-left: 20px
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 0;
    top: 36px;
    color: #f38a00;
    display: none;
    padding: 0 8px;
    background: #fff;
    height: 100%
}

.searchunify-customers .MultiCarousel .leftLst,
.searchunify-customers .MultiCarousel .rightLst {
    top: 50px
}

.MultiCarousel .leftLst .fa,
.MultiCarousel .rightLst .fa {
    top: calc(50% - 14px);
    position: absolute;
    font-size: 1.2rem
}

.MultiCarousel .leftLst span,
.MultiCarousel .rightLst span {
    width: 30px;
    height: 26px;
    display: inline-block
}

.MultiCarousel .leftLst span svg,
.MultiCarousel .rightLst span svg {
    max-width: 20px
}

.MultiCarousel .leftLst span:hover svg path,
.MultiCarousel .rightLst span:hover svg path {
    fill: #798292
}

.MultiCarousel .leftLst .fa.fa-chevron-left {
    left: 0
}

.MultiCarousel .rightLst .fa.fa-chevron-right {
    right: 0
}

.MultiCarousel.ShowPaging .leftLst,
.MultiCarousel.ShowPaging .rightLst {
    display: block;
    cursor: pointer
}

.MultiCarousel .leftLst {
    left: -12px
}

.MultiCarousel .rightLst {
    right: -12px
}

.MultiCarousel.ShowPaging .leftLst {
    left: -12px;
    background: 0 0
}

.MultiCarousel.ShowPaging .rightLst {
    right: -12px;
    background: 0 0
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    display: none
}

.MultiCarousel-inner .item .carousel-partner {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #fff;
    max-width: 96%
}

.MultiCarousel-inner .item .carousel-partner img {
    padding: 0;
    margin: 0;
    max-width: 100%
}

.MultiCarousel-inner .item:hover .carousel-images-customer {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px)
}

.MultiCarousel-inner .item:hover .carousel-images-customer span {
    -ms-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1)
}

.MultiCarousel-inner .item .carousel-images-customer span {
    background: #ffb200;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transform: translateX(-50%) scaleX(0);
    -moz-transform: translateX(-50%) scaleX(0)
}

.searchunify-in-numbers span.counter {
    display: inline-block
}

.searchunify-in-numbers span.saved-costs {
    min-width: 4.6rem
}

.searchunify-in-numbers span.cases-deflected {
    min-width: 6.8rem
}

.searchunify-in-numbers span.successful-searches {
    min-width: 2rem
}

#tsw_sticky_event_image {
    position: fixed;
    bottom: 0;
    z-index: 998;
    height: auto;
    display: none;
    background-color: #fff
}

#tsw_sticky_event_image button {
    float: right;
    position: absolute;
    right: 7% !important;
    top: 5% !important;
    background: no-repeat;
    color: #fff;
    border: none;
    font-size: 24px;
    cursor: pointer;
    opacity: 1
}

.tsw_sticky_event_image button:focus,
.tsw_sticky_event_image button:hover {
    color: #fff
}

.stickyEventContent {
    color: #fff;
    height: auto;
    padding: 1.2rem 0;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.stickyEventContent #case_study,
.stickyEventContent .case_study {
    background: #ffb200;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    margin-left: 2rem
}

.stickyEventContent p {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 400
}

.stickyEventContent h4 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 0;
    text-transform: none;
    font-weight: 400;
    display: inline-block
}

.tsw_sticky_event_image {
    width: 100%;
    background: url(../images/cr-connect-2019-min.jpg) 0 0/cover no-repeat
}

.tsw_sticky_event_image .stickyEventButton {
    margin-left: 2%;
    padding: 6px 30px 6.5px !important;
    letter-spacing: .5px
}

#tsw_sticky_event_image button.stickyeventButton {
    right: 1% !important;
    top: -5% !important
}

.stickyEventButton span.edgtf-btn-text {
    text-transform: uppercase
}

.new_container {
    max-width: 1300px
}

.bg_black {
    background: #000
}

.font_white {
    color: #fff
}

.bg_grey {
    background: #f8f8f8
}

.bg_white {
    background: #fff
}

.font_grey {
    color: #9e9e9e
}

.video_content {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 8%;
    max-width: 1300px;
    margin-left: -650px
}

.navbar-toggler {
    color: #000;
    font-size: 30px;
    padding: 0;
    border: 0;
    display: none
}

.navbar-toggler:focus {
    outline: 0
}

.header .header_logo {
    width: 215px;
    padding: 15px 0
}

.header .navigation {
    padding: 0
}

.header .navbar-nav li {
    padding: 20px 0
}

.header .navbar-nav li a.nav-link {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    padding: 5px 8px;
    border-right: 1px solid rgba(255, 255, 255, .6);
    -webkit-transition: var(--suTransition);
    -o-transition: var(--suTransition);
    transition: var(--suTransition)
}

.header .container {
    max-width: 1440px;
    padding: 0 32px;
}

a.nav-link.nav-link.btn.btn-free-trial {
    color: #031a4c !important;
    border: 2px solid #031a4c !important;
    padding: 6px 8px !important;
    margin-top: -4px;
    margin-left: 10px;

}

.header .navbar-nav li.active a.nav-link,
.header .navbar-nav li.show a.nav-link,
.header .navbar-nav li:hover a.nav-link {
    color: #ffb200
}

.header .navbar-nav li:hover a.nav-link.request_btn {
    color: #fff
}

.request_btn {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 8px 20px;
    margin-left: 20px;
    line-height: 21px
}

.request_btn:hover {
    color: #fff
}

.header .dropdown-menu {
    border: none;
    border-radius: 0;
    top: 97%
}

.header .navbar-nav .dropdown-item {
    color: #000;
    font-size: 13px;
    -webkit-transition: var(--suTransition);
    -o-transition: var(--suTransition);
    transition: var(--suTransition)
}

.header .navbar-nav .su-mega-menu .dropdown-item {
    white-space: normal
}

.header .dropdown-item:focus,
.header .dropdown-item:hover {
    background: 0 0;
    color: #ffb200
}

.header .navbar-nav li:hover>.dropdown-menu {
    display: block
}

.header .dropdown-submenu {
    position: relative
}

.header .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -8px
}

.header .dropdown-menu li {
    border-right: none;
    padding: 0
}

.header .navbar-nav li.nav-item.dropdown>a {
    cursor: default
}

.header .dropdown-submenu>a:after {
    content: " ";
    float: right;
    width: 0;
    height: 0;
    margin-top: 7px;
    margin-right: -10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.header .navbar-nav li.custom_request_demo {
    padding: 0
}

.header .navbar-nav li.nav-item.dropdown.parent-clickable>a:hover,
.header .navbar-nav li.parent-clickable a:hover,
.header .navbar-nav li.parent-clickable:hover {
    cursor: pointer
}

.scrolling_header .dropdown-menu li:last-child,
.su-mega-menu ul.dropdown-child-menu li:last-child {
    padding-top: 0
}

.header .navbar-nav li.active a.request_btn,
.header .navbar-nav li:last-child:hover a.request_btn {
    color: #fff
}

.header .navbar-nav li a.request_btn {
    padding: 8px;
    border: none;
    margin-top: -4px;
    margin-left: 10px;
    border-radius: 6px
}

.header .navbar-nav li a.request_btn:hover {
    color: #fff
}

.header .navbar-nav li a.nav-link.su-site-search {
    display: none
}

.header .navbar-nav li a.nav-link.su-site-search:before {
    background-image: url(../images/search-icon.svg);
    content: "";
    height: 20px;
    width: 20px;
    display: inline-block;
    visibility: visible
}

.header .navbar-nav li a.nav-link.su-site-search {
    visibility: hidden;
    margin-right: 0;
    padding-right: 0
}

a.nav-link.su-site-search-button:before {
    background-image: url(../images/search-icon.svg);
    content: "";
    height: 20px;
    width: 20px;
    display: inline-block;
    visibility: visible;
    background-size: cover
}

a.nav-link.su-site-search-button.closeSearch:before {
    background-image: url(../images/close-btn.svg)
}

.header .navbar-nav li a.nav-link.su-site-search-button {
    margin-right: 0;
    padding-right: 0;
    position: relative;
    z-index: 100;
    visibility: visible;
    margin-left: 10px;
}

.mobileSearchButton {
    display: none;
    width: 60px;
    position: absolute;
    right: 50px;
    top: 20px
}

.header .dropdown-toggle:after {
    margin-left: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.header .navbar-nav li:hover a.dropdown-toggle:after {
    border: solid #ffb200;
    border-width: 0 2px 2px 0
}

h1.searchunify-logo {
    margin: 0
}

.scrolling_header {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}

.scrolling_header .navbar-nav li a.nav-link {
    color: #313131
}

.scrolling_header .navbar-nav li a.request_btn,
.scrolling_header .navbar-nav li a.request_btn:focus {
    color: #fff;
    border-right: none
}

.scrolling_header .dropdown-menu li {
    border-right: none
}

.scrolling_header .dropdown-menu {
    top: 97%;
    left: 0px
}

li.dropdown.su-mega-menu>ul.dropdown-menu.bg_black_op,
li.nav-item.dropdown.hoverColor>ul {
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, .13);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .13)
}

.su-mega-menu ul.dropdown-menu {
    width: 610px;
    left: calc(100% - 335px);
    padding-bottom: 16px
}

.su-mega-menu.su-mega-menu-short ul.dropdown-menu {
    width: 550px;
    left: calc(100% - 275px);
}

.su-mega-menu ul.dropdown-menu .dropdown-submenu>a:after {
    display: none
}

.su-mega-menu ul.dropdown-menu li.dropdown-submenu {
    width: 33%;
    float: left;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.su-mega-menu.su-mega-menu-short ul.dropdown-menu li.dropdown-submenu {
    width: 50%;
}

.su-mega-menu ul.dropdown-child-menu li {
    width: 100%;
    float: none
}

.su-mega-menu ul.dropdown-menu.dropdown-child-menu.bg_black_op {
    display: inline-block;
    position: static !important;
    background-color: transparent;
    width: 100%;
    margin-top: 0;
    padding: 0
}

.su-mega-menu ul.dropdown-menu li.dropdown-submenu>a.dropdown-item {
    cursor: default;
    font-weight: 600;
    font-size: 15px
}

.su-mega-menu ul.dropdown-menu li.dropdown-submenu>a.dropdown-item:hover {
    color: #000
}

.awesomplete span.visually-hidden {
    display: none
}

.awesomplete span.highlight {
    color: #ffb200
}

form.searchForm {
    float: right;
    width: 100% !important;
    right: 10px;
    position: relative
}

.searchForm input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    height: 50px;
    margin-top: 0;
    float: right;
    width: 100%;
    border: 1px solid #717171;
    outline: 0;
    background: #fff;
    border-radius: 4px
}

.visually-hidden {
    visibility: hidden
}

.search-bar {
    position: absolute;
    right: 40px;
    width: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0
}

.search-bar-wrapper {
    position: relative;
    top: -58px;
    right: 10px
}

.search-bar.open {
    width: 800px;
    opacity: 1
}

.search-bar.open .ng-scope .su__bg-blue-grd {
    background: #fff;
    padding: 0 0
}

.search-bar.open .ng-scope .su__autocomplete-input {
    background: #fff;
    cursor: text;
    border: 1px solid #717171
}

.search-bar.open .ng-scope .su__clear-search {
    display: none;
    opacity: 0
}

.search-bar.open .ng-scope .su__container,
.search-bar.open .ng-scope .su__container .su__search-forms {
    padding: 0 0
}

.search-bar.open .ng-scope span.highlight {
    color: #ffb200;
    font-weight: 700
}

.search-bar.open .ng-scope a:hover {
    text-decoration: none;
    cursor: pointer
}

i.fa.fa-times:before {
    content: "\f00d"
}

ul#awesomplete_list_1 {
    top: 50px;
    right: 0;
    background-color: #fff;
    padding: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    max-height: 220px;
    overflow-y: scroll;
    width: 100%;
    position: absolute
}

ul#awesomplete_list_1 li {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    padding: 10px 0
}

ul#awesomplete_list_1 li:hover,
ul#awesomplete_list_1 li[aria-selected*=true] {
    background: #efefef;
    cursor: pointer
}

ul#awesomplete_list_1 a,
ul#awesomplete_list_1 li b {
    color: #333;
    font-size: 14px;
    padding: 0 15px;
    line-height: 24px;
    font-weight: 400;
    -webkit-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear
}

ul#awesomplete_list_1 span.highlight {
    font-weight: 700
}

.scrolling_header .dropdown-toggle:after {
    border: solid #313131;
    border-width: 0 2px 2px 0
}

.banner {
    padding-top: 125px
}

.banner .hero-banner-img {
    background: url(../images/icons/home-hero-banner-v10.svg) 100% 100%/cover no-repeat;
    width: 100%;
    height: 404px;
    position: relative
}

.banner .banner-icons-search img {
    max-width: 300px;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.banner .min-vh-50 {
    min-height: 40vh
}

.banner .banner-icons img {
    width: 65px
}

.banner .banner-icons-search {
    display: none
}

.banner .banner-icons.icon-1 {
    position: absolute;
    left: 0;
    top: 4%
}

.banner .banner-icons.icon-2 {
    position: absolute;
    left: 16.5%;
    top: 4%
}

.banner .banner-icons.icon-3 {
    position: absolute;
    left: 33.5%;
    top: 4%
}

.banner .banner-icons.icon-4 {
    position: absolute;
    right: 33.5%;
    top: 4%
}

.banner .banner-icons.icon-5 {
    position: absolute;
    right: 16.5%;
    top: 4%
}

.banner .banner-icons.icon-6 {
    position: absolute;
    right: 0;
    top: 4%
}

.banner .banner-icons .banner-icons-tooltip {
    display: none
}

.banner .banner-icons h3 span.banner-icons-tooltip {
    font-size: 14px;
    color: #ffb200;
    font-weight: 600;
    text-align: center;
    padding-top: 10px
}

.banner .banner-icons.icon-6 h3 span.banner-icons-tooltip {
    width: 130px;
    margin-left: -25px
}

.banner-icons:hover .banner-icons-tooltip {
    display: block
}

.banner-icons:hover img {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.06);
    -webkit-transition: background .3s, transform .3s, clip-path .3s, -webkit-clip-path .3s;
    transition: background .3s, transform .3s, clip-path .3s, -webkit-clip-path .3s;
    -moz-transition: background .3s, transform .3s, clip-path .3s, -webkit-clip-path .3s
}

.cookie_not_set .banner {
    background-position: center center
}

.banner_image {
    height: 670px;
    padding: 20px 0 50px;
    background-size: cover !important
}

.banner_content {
    padding: 0
}

.banner_content h2 {
    font-size: 54px;
    font-weight: 300;
    line-height: 1.2
}

.banner_content ul {
    padding: 10px 0 25px 23px
}

.video_content .banner_content ul {
    list-style: none;
    padding-left: 0
}

.banner_content ul li {
    padding: 2px 0
}

.banner_btn {
    font-size: 14px;
    padding: 10px 40px;
    font-weight: 600;
    margin: 0 20px 0 0
}

.banner .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #f48b00;
    cursor: pointer
}

.banner .carousel-indicators li.active {
    background: #f48b00
}

.col20-banner .d-none {
    display: none
}

.has-video video {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -2
}

.has-video .mute-video {
    position: absolute;
    right: 10px;
    top: 4px;
    cursor: pointer;
    color: #fff;
    padding: 2px 4px
}

.has-video .mute-video i {
    font-style: normal;
    font-size: 14px
}

.has-video .mute-video:after {
    font-family: 'Font Awesome 5 Free';
    color: #f48b00;
    font-size: 24px;
    min-width: 40px;
    height: 40px;
    padding: 4px 6px;
    position: relative;
    display: inline-block;
    top: 4px;
    font-weight: 600
}

.has-video .mute-video.sound-on:after {
    content: "\f028"
}

.has-video .mute-video.sound-off:after {
    content: "\f026"
}

.service_now .row .service_now_illustration {
    position: relative;
    right: -20%;
    text-align: right
}

.service_now .font_white {
    font-family: Lato, sans-serif
}

.service_now .col-6.ml-auto {
    padding-right: 0
}

.service_now .font_white h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.3rem;
    letter-spacing: .3rem
}

.service_now .font_white span.line {
    border-bottom: 2px solid #ffb200;
    width: 8.4rem;
    display: block
}

.service_now .font_white img {
    margin: .5rem 0 1rem
}

.service_now .font_white p {
    text-transform: uppercase;
    margin: 0 0 1rem;
    padding: 0;
    font-size: 1.1rem;
    letter-spacing: .6rem;
    line-height: 1.5rem
}

.forrester-webinar .banner_image {
    background-position: center 20%;
    background-repeat: no-repeat
}

.forrester-webinar .font_white img.forrester_logo {
    max-width: 150px
}

.forrester-webinar .font_white img {
    margin-bottom: .5rem;
    padding-right: 1rem
}

.forrester-webinar .logo-box h5 {
    width: 9.5%;
    display: inline-block;
    font-size: 1.4rem;
    margin: 0;
    line-height: 1.4rem;
    font-style: italic;
    font-weight: 400
}

.forrester-webinar .font_white {
    font-family: Montserrat, sans-serif
}

.forrester-webinar .speakear-wrapper strong {
    text-transform: uppercase;
    color: #ffb200;
    margin-bottom: 1.5rem;
    font-size: 1.6rem
}

.forrester-webinar .font_white h3 {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.5rem;
    margin: 0
}

.forrester-webinar .font_white p {
    font-size: 1.3rem;
    letter-spacing: .1rem;
    margin-bottom: 1.8rem;
    font-style: italic
}

.forrester-webinar .container.speaker-container {
    margin-top: 1rem;
    margin-bottom: 2rem
}

.forrester-webinar .container.speaker-inner {
    margin-left: -1.8em
}

.forrester-webinar .webinar-time-wrapper {
    max-width: 500px;
    font-size: 1.2rem
}

.forrester-webinar .font_white .speaker-container img {
    max-width: 111px
}

.forrester-webinar .webinar-time-wrapper .fa {
    color: #fff;
    font-size: 1.4rem;
    padding-right: .6rem
}

.forrester-webinar .webinar-time-wrapper .i.fa.fa-clock-o {
    font-size: 1.6rem
}

.forrester-webinar .webinar-time-container {
    margin-bottom: 2rem;
    margin-left: -.8rem
}

.forrester-webinar .speakear-wrapper {
    max-width: 1000px
}

.forrester-webinar .speaker-inner span.designation {
    font-size: 1.2rem;
    letter-spacing: 0;
    padding-bottom: 0;
    margin: 0;
    font-style: italic;
    width: 100%;
    display: block;
    line-height: 1.4rem
}

.forrester-webinar .speaker-inner span.company {
    font-size: 1.2rem;
    letter-spacing: 0;
    padding-bottom: 0;
    margin: 0;
    display: block;
    line-height: 1.4rem
}

.forrester-webinar .font_white p.designation {
    font-size: 1rem;
    letter-spacing: 0;
    padding-top: .3rem;
    padding-bottom: 0;
    margin: 0
}

.forrester-webinar .font_white .logo-box {
    margin-bottom: .2rem
}

.forrester-webinar .font_white .logo-box h4 {
    padding: .5rem 0;
    margin-bottom: .4rem;
    font-weight: 600;
    letter-spacing: .3rem;
    font-size: 1.1rem
}

.forrester-webinar .font_white h4 {
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 1.3rem
}

.forrester-webinar .font_white p sup {
    font-size: .6rem
}

.forrester .font_white img {
    margin-bottom: 1.5rem
}

.forrester .font_white {
    font-family: Lato, sans-serif
}

.forrester .font_white span.line {
    border-bottom: 2px solid #ffb200;
    width: 8.4rem;
    display: block
}

.forrester .font_white h3 {
    font-weight: 300;
    font-size: 2.5rem;
    font-style: italic;
    letter-spacing: .3rem;
    margin: 1rem 0
}

.forrester .font_white p {
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: .3rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.forrester .font_white p sup {
    font-size: .6rem
}

.infinite_scope .video_bg {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.has-video .banner_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#su_home_video_slider {
    position: relative
}

.carousel-item.col21-banner.has-video {
    background-image: none;
    background-color: #0f1633
}

.carousel-item.has-video {
    background-color: #000f6a;
    height: 670px;
    width: 100%;
    overflow: hidden;
    background-image: url(../assets/img/platform-banner-bg-v11.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center
}

.carousel-item.has-video.cipa {
    background-image: url(../assets/img/su-cipa-model-bg-v4.jpg);
    background-position-y: -6px;
    background-position-x: 90%;
    background-size: 123%;
    background-color: #171b48
}

.carousel-item.has-video.globee-award {
    background-image: none;
    background-color: #0c1d47
}

.banner.video-banner {
    padding-top: 113px;
    padding-bottom: 0;
    position: relative
}

.banner.video-banner:after {
    content: "";
    position: absolute;
    bottom: 150px;
    /* background: url(../assets/img/video-bg_transparent.png) no-repeat bottom center; */
    height: 187px;
    z-index: 0;
    width: 100%;
    background-size: cover;
    background-position: bottom center;
    display: none;
}

.banner .col20-banner h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 50px;
    margin-top: -60px
}

.banner .col20-banner.globee-award h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    padding-right: 60px;
    z-index: 100;
    margin-bottom: 24px;
    margin-top: 0;
}

.banner .col20-banner.globee-award h2 span {
    color: #f48b00
}

.banner .col20-banner.globee-award .featuring-logos {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: -60px;
    background: #fff;
    max-width: 320px;
    padding: 5px 12px;
}

.banner .col20-banner.globee-award .featuring-logos img {
    max-width: 100%;
}

.banner .col20-banner h1 {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 50px;
    margin-top: -60px
}

.banner .forresterw-banner.aa-banner.cipa {
    background-image: none;
    background-color: #001852;
}

.banner .forresterw-banner.aa-banner.cipa .featuring-logos {
    margin-top: -100px;
}

.banner .forresterw-banner.aa-banner.cipa .left-aa-su {
    margin-left: 0;
}

.banner .forresterw-banner.aa-banner.cipa .left-aa-su img {
    margin-top: 60px;
    max-width: 90%;
}

.banner .forresterw-banner.aa-banner.cipa .featuring-logos img {
    width: 40%;
}

.banner .forresterw-banner.aa-banner.cipa h5 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 26px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.banner .forresterw-banner.aa-banner.cipa h3 {
    font-size: 52px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #f58700;
}

.banner .forresterw-banner.aa-banner.cipa h4 {
    color: #ffffff;
    font-size: 30px;
    line-height: 42px;
}

.banner .forresterw-banner.aa-banner.cipa .btn-aa-case-study {
    margin-top: 20px;
}

.banner .col20-banner h1 span {
    color: #f48b00
}

.banner .col20-banner h3 {
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
    padding-top: 10px;
    padding-right: 44px;
    padding-bottom: 6px
}

.banner .col20-banner a span {
    max-width: 20px;
    display: inline-block;
    margin-top: 0;
    margin-left: 10px
}

.banner .col20-banner a span svg {
    max-width: 100%;
    margin-top: 5px;
    margin-bottom: -5px
}

.banner .col20-banner a {
    padding: 12px 36px;
    text-transform: uppercase;
    border: 0px;
    border-radius: 4px;
    position: relative;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    color: #ffffff;
}

.banner .col20-banner.cipa a,
.banner .col20-banner.globee-award a {
    padding: 8px 16px;
    margin-top: -6px
}

.banner .col20-banner a:hover,
.banner .col20-banner.cipa a,
.banner .col20-banner.globee-award a {
    color: #fff;
    background-color: #f48b00;
    background-color: -webkit-linear-gradient(left, #f80 0, #ffb300 100%);
    background-color: linear-gradient(90deg, #f80 0, #ffb300 100%)
}

.banner .col20-banner a:hover #right-arrow-demo {
    fill: #fff;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.banner .col20-banner .banner-text-col {
    padding: 0 11%
}

.banner .col20-banner.has-video.globee-award .banner-text-col {
    position: relative;
    z-index: 100
}

.banner .col20-banner .ga-row {
    position: relative
}

.banner .col20-banner .ga-row .globee-award-logo {
    position: absolute;
    right: -160px;
    top: -4%;
    z-index: 1;
    width: 74%;
    height: auto
}

.banner .col21-banner .colub-btn {
    opacity: 0;
    position: absolute;
    left: calc(46% - 76px);
    display: inline-block;
    bottom: calc(45% - 130px);
    padding: 26px 85px !important;
}

.why_section {
    padding: 70px 0;
    color: #313131
}

.h2,
h2 {
    font-weight: 300;
    letter-spacing: 0;
    font-size: 33px;
    line-height: 40px
}

hr {
    width: 50px;
    border-width: 3px;
    border-color: #ffb200;
    margin-top: 40px
}

.why_column {
    margin: 20px 0 0
}

.why_column h5 {
    font-weight: 400;
    margin: 25px 0 20px
}

.why_column p {
    font-size: 14px;
    color: #757575;
    line-height: 26px;
    margin: 0
}

.why_column span {
    width: 84px;
    height: 84px;
    display: inline-block;
    background: url(../images/css_sprites-v12.webp) no-repeat
}

.why_column span.intelligence {
    background-position: -20px -19px
}

.why_column span.intelligence:hover {
    background-position: -20px -129px
}

.why_column span.drive {
    background-position: -130px -19px
}

.why_column span.drive:hover {
    background-position: -130px -129px
}

.why_column span.performance {
    background-position: -240px -19px
}

.why_column span.performance:hover {
    background-position: -240px -129px
}

.infinite_scope {
    height: 500px;
    position: relative;
    overflow: hidden
}

.video_bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.infinite_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    padding: 170px 0 0
}

.infinite_text h2 {
    font-size: 45px;
    font-weight: 300;
    line-height: 55px
}

.video_btn {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 30px;
    margin: 30px 0 0;
    border-radius: 0
}

.video_btn i {
    padding-right: 8px
}

.btn-left {
    transition: all 0.8s, color 0.3s 0.3s;
    color: #fff;
}

.btn-left:hover {
    box-shadow: 300px 0 0 0 rgba(0, 0, 0, 0.5) inset;
    color: #fff;
}

.button-shine {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #ffb300;
    border: 1px solid #ffb300;
    border-radius: 5px;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.button-shine:hover {
    color: white;
    box-shadow: 0 0 30px 0 rgba(255, 179, 0, 0.5);
    background-color: #ffb300;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.button-shine:hover:before {
    -webkit-animation: shine 0.5s 0s linear;
    -moz-animation: shine 0.5s 0s linear;
    animation: shine 0.5s 0s linear;
}

.button-shine:active {
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: box-shadow 0.2s ease-in;
    -moz-transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
}

.button-shine:before {
    content: "";
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: white;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

@-webkit-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

@-moz-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

@keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        left: 100%;
    }
}

.button12::before {
    content: '';
    position: absolute;
    bottom: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #6098FF;
    display: block;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1)
}

.button12:hover::before {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.button12 {
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: #ffb300;
    color: #ffffff;
}

.button12 span {
    color: #ffffff !important;
    display: inline-block;
    transform-origin: center left;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.button12 em {
    position: absolute;
    height: 1px;
    background: #fff;
    width: 47%;
    right: 23px;
    top: 50%;
    transform: scaleX(0.25);
    -webkit-transform: scaleX(0.25);
    transform-origin: center right;
    transition: all 0.3s ease;
    z-index: 1;
}

.button12:before,
.button12:after {
    content: '';
    background: #fff;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.button12:before {
    top: 0;
    left: 0;
    right: auto;
}

.button12:after {
    bottom: 0;
    right: 0;
    left: auto;
}

.button12:hover:before {
    width: 100%;
    right: 0;
    left: auto;
    border-radius: 0.25rem 0.25rem 0 0;
}

.button12:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    border-radius: 0 0 0.25rem 0.25rem;
}

.button12:hover span {
    color: #ffb300 !important;
}

.button12:hover em {
    background: #000;
    transform: scaleX(.51);
    transform: scaleX(.51);
}

.button12:hover {
    border-radius: 0.25rem;
}

.button13::before {
    content: '';
    position: absolute;
    bottom: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #6098FF;
    display: block;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1)
}

.button13:hover::before {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.button13 {
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: #ffb300;
    color: #ffffff;
    border-radius: 25px;
}

.button13 span {
    color: #ffffff !important;
    display: inline-block;
    transform-origin: center left;
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.button13 em {
    position: absolute;
    height: 1px;
    background: #fff;
    width: 47%;
    right: 23px;
    top: 50%;
    transform: scaleX(0.25);
    -webkit-transform: scaleX(0.25);
    transform-origin: center right;
    transition: all 0.3s ease;
    z-index: 1;
}

.button13:before,
.button13:after {
    content: '';
    background: #fff;
    height: 50%;
    width: 0;
    position: absolute;
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.button13:before {
    top: 0;
    left: 0;
    right: auto;
    border-radius: 25px 25px 0 0;
}

.button13:after {
    bottom: 0;
    right: 0;
    left: auto;
    border-radius: 0 0 25px 25px;
}

.button13:hover:before {
    width: 100%;
    right: 0;
    left: auto;
    border-radius: 25px 25px 0 0;
}

.button13:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    border-radius: 0 0 25px 25px;
}

.button13:hover span {
    color: #ffb300 !important;
}

.button13:hover em {
    background: #000;
    transform: scaleX(.51);
    transform: scaleX(.51);
}

.btn-hover {
    background: #ffb300;
    color: #fff;
    border: none;
    position: relative;
    padding: 6px 20px;
    cursor: pointer;
    transition: 800ms ease all;
    outline: none;
}

.btn-hover:hover {
    background: #fff;
    color: #ffb300;
}

.btn-hover:before,
.btn-hover:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #ffb300;
    transition: 400ms ease all;
}

.btn-hover:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}

.btn-hover:hover:before,
.btn-hover:hover:after {
    width: 100%;
    transition: 800ms ease all;
}

.rainbow {
    background-color: #ffb300;
    border-radius: 4px;
    color: #ffffff !important;
    cursor: pointer;
    padding: 8px 16px;
}

.rainbow-1:hover {
    background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
    animation: slidebg 5s linear infinite;
}

@keyframes slidebg {
    to {
        background-position: 20vw;
    }
}

.btn-btn13 {
    border: none;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    outline: none;
    overflow: hidden;
    position: relative;
    color: #fff;
    background-color: #ffb300;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.20);
}

.btn-btn13 span {
    position: relative;
    z-index: 1;
}

.btn-btn13:hover {
    color: #ffffff;
}

.btn-btn13:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 350%;
    width: 144%;
    background: #182b4e;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn-btn13:hover:after {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.glow-on-hover {
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 0;
    padding: 8px 20px;
    background-color: #ffb300;
    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffb300;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) and (-ms-ime-align:auto) {
    .infinite_scope video {
        height: auto
    }
}

.why_column .media {
    padding: 20px 0 0
}

.why_column .media span {
    background: url(../images/css_sprites-v12.webp) no-repeat;
    width: 60px;
    height: 48px
}

.why_column .media span.key_feature1 {
    background-position: -637px -600px
}

.why_column .media span.key_feature2 {
    background-position: -90px -702px
}

.why_column .media span.key_feature3 {
    background-position: -16px -705px
}

.why_column .media span.key_feature4 {
    background-position: -559px -601px
}

.why_column .media span.key_feature5 {
    background-position: -498px -432px
}

.why_column .media span.key_feature6 {
    background-position: -714px -597px
}

.why_column .media h5 {
    color: #313131;
    font-weight: 400;
    letter-spacing: 1px
}

.solution {
    background: url(../images/solution-bg.jpg) center top;
    padding: 70px 0;
    color: #fff
}

.solution p {
    font-size: 18px;
    font-weight: 400;
    margin: 30px 0;
    line-height: 26px
}

.solution_card {
    background: #0075a0;
    border-radius: 0;
    border: none;
    margin-top: 30px;
    height: 415px
}

.solution_card .card-body {
    padding: 30px 30px 20px
}

.solution_card a {
    color: #fff;
    display: block;
    height: 100%
}

.solution_card a:hover {
    text-decoration: none
}

.solution_card .card-body h3 {
    font-size: 24px
}

.solution_card .card-body p {
    font-size: 18px;
    font-weight: 300;
    margin: 15px 0
}

.solution_card .card-body img {
    display: block;
    margin: 0 auto
}

.solution_card .card-footer {
    background: 0 0;
    border: none;
    padding: 0 30px 40px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.solution_card:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transition: background .3s, transform .3s, clip-path .3s, -webkit-clip-path .3s;
    transition: background .3s, transform .3s, clip-path .3s, -webkit-clip-path .3s;
    -moz-transition: background .3s, transform .3s, clip-path .3s, -webkit-clip-path .3s;
    -webkit-box-shadow: 2px 5px 5px 5px rgba(0, 0, 0, .3);
    box-shadow: 2px 5px 5px 5px rgba(0, 0, 0, .3)
}

.solution_card .card-footer span {
    background: url(../images/css_sprites-v12.webp) no-repeat;
    display: inline-block
}

.solution_card .card-footer span.salesforce {
    background-position: -498px -331px;
    width: 100px;
    height: 71px
}

.solution_card .card-footer span.dynamics {
    background-position: -19px -235px;
    width: 277px;
    height: 80px
}

.solution_card .card-footer span.lithium {
    background-position: -621px -448px;
    width: 162px;
    height: 40px
}

.solution_card .card-footer span.sites {
    background-position: -15px -532px;
    width: 310px;
    height: 50px
}

.solution_card .card-footer span.flare {
    background-position: -621px -318px;
    width: 200px;
    height: 55px
}

.solution_card .card-footer span.google_enterprise {
    background-position: -338px -531px;
    width: 283px;
    height: 29px
}

.testimonial {
    padding: 70px 0 110px
}

.testimonial .carousel-inner {
    width: 70%;
    margin: 40px auto 0
}

.testimonial .carousel-inner p {
    color: #757575;
    font-size: 18px;
    line-height: 32px;
    font-weight: 300
}

.testimonial .carousel-inner p i {
    color: #fbad18;
    font-size: 25px;
    padding-right: 8px
}

.testimonial .testi_name {
    padding: 0;
    margin: 50px auto 0;
    list-style: none;
    width: 650px
}

.testimonial .testi_name li {
    width: 49%;
    display: inline-block;
    border-right: 1px solid #d7d7d7;
    padding: 0 20px;
    vertical-align: top
}

.testimonial .testi_name li img {
    border-radius: 50%;
    margin-bottom: 15px
}

.testimonial .testi_name li h5 {
    font-size: 17px;
    color: #f38a00;
    font-weight: 600;
    font-style: italic
}

.testimonial .testi_name li h5 span {
    font-weight: 300;
    font-size: 14px;
    color: #757575;
    display: block;
    line-height: 30px;
    margin: 10px 0
}

.testimonial .testi_name li:last-child {
    border-right: 0
}

.testimonial .carousel-indicators {
    bottom: -60px
}

.testimonial .carousel-indicators li {
    border: 1px solid #d6ab60;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 8px
}

.testimonial .carousel-indicators li.active {
    background: #ffb200
}

.testimonial-profile-lana-lee {
    background: url(../images/css_sprites-v12.webp) -464px -600px no-repeat;
    width: 82px;
    border-radius: 50%;
    height: 88px
}

.testimonial-profile-james-goerke-2 {
    background: url(../images/css_sprites-v12.webp) -874px -113px no-repeat;
    width: 84px;
    border-radius: 50%;
    height: 86px;
    overflow: hidden
}

.testimonial-profile-giri-iyer {
    background: url(../images/css_sprites-v12.webp) -878px -9px no-repeat;
    width: 82px;
    border-radius: 50%;
    height: 88px
}

.testimonial-logo-giri-iyer {
    background: url(../images/css_sprites-v12.webp) -188px -783px no-repeat;
    width: 170px;
    height: 50px;
    display: inline-block
}

.testimonial-logo-lana-lee {
    background: url(../images/css_sprites-v12.webp) -622px -390px no-repeat;
    width: 170px;
    height: 50px;
    display: inline-block
}

.testimonial-logo-james-goerke-2 {
    background: url(../images/css_sprites-v12.webp) -10px -787px no-repeat;
    width: 172px;
    height: 46px;
    display: inline-block;
    -webkit-transform: scale(.6) !important;
    -ms-transform: scale(.6) !important;
    transform: scale(.6) !important
}

.testimonial-profile-raman-kumar {
    background: url(../images/css_sprites-v12.webp) -799px -599px no-repeat;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%
}

.testimonial-logo-raman-kumar {
    background: url(../images/css_sprites-v12.webp) -342px -782px no-repeat;
    width: 170px;
    height: 50px;
    display: inline-block;
    margin-left: 20px
}

.testimonial-logo-leo-daley {
    background: url(../images/css_sprites-v12.webp) no-repeat;
    background-position: -516px -783px;
    display: inline-block;
    -webkit-transform: scale(.7) !important;
    -ms-transform: scale(.7) !important;
    transform: scale(.7) !important
}

.suTestimonialsV3 .testimonial-logo i.testimonial-logo-leo-daley {
    width: 186px !important;
    height: 50px !important
}

.testimonial-profile-leo-daley {
    background: url(../images/css_sprites-v12.webp) -867px -218px no-repeat;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%
}

.testimonial-logo-jim-atkinson {
    background: url(../images/css_sprites-v12.webp) no-repeat;
    background-position: -700px -783px;
    display: inline-block;
    -webkit-transform: scale(.7) !important;
    -ms-transform: scale(.7) !important;
    transform: scale(.7) !important
}

.suTestimonialsV3 .testimonial-logo i.testimonial-logo-jim-atkinson {
    width: 186px !important;
    height: 50px !important
}

.testimonial-profile-jim-atkinson {
    background: url(../images/css_sprites-v12.webp) -867px -320px no-repeat;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%
}

.testimonial .carousel-control {
    position: absolute;
    top: 50%;
    color: #f38a00
}

.testimonial .carousel-control.left {
    left: 10%
}

.testimonial .carousel-control.right {
    right: 10%
}

.testimonial .carousel-control:hover {
    color: #f38a00
}

.testimonial .testi_name li .request_btn {
    line-height: 26px
}

.customers {
    padding: 70px 0
}

.customers_logo {
    padding: 0;
    list-style: none;
    margin: 30px 0 0
}

.customers_logo li {
    display: inline-block;
    position: relative
}

.customers_logo li:hover .carousel-images-customer {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px)
}

.customers_logo li:hover span {
    -ms-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
    -moz-transform: translateX(-50%) scaleX(1)
}

.customers_logo li span {
    background: #ffb200;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transform: translateX(-50%) scaleX(0);
    -moz-transform: translateX(-50%) scaleX(0)
}

.carousel-images-customer {
    background: url(../images/css_sprites-v12.webp) no-repeat;
    width: 225px;
    height: 80px;
    -webkit-transition: transform .15s ease-out;
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: -webkit-transform .15s ease-out;
    -o-transition: transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out;
    -moz-transition: transform .15s ease-out
}

.carousel-images-customer.bg-databricks {
    background-position: -642px -19px
}

.carousel-images-customer.bg-idaptive {
    background-position: -376px -20px
}

.carousel-images-customer.bg-vlocity {
    background-position: -15px -334px
}

.carousel-images-customer.bg-rubrik {
    background-position: -622px -121px
}

.carousel-images-customer.bg-zuora {
    background-position: -261px -334px
}

.carousel-images-customer.bg-google-partner {
    background-position: -20px -434px
}

.carousel-images-customer.bg-microsoft {
    background-position: -621px -221px
}

.carousel-images-customer.bg-lithium {
    background-position: -259px -433px
}

.carousel-images-customer.bg-adobe {
    background-position: -342px -120px
}

.carousel-images-customer.bg-acquia {
    background-position: -342px -220px
}

.experience {
    background: url(../images/experinceSearchUnify-min.jpg) center top/cover no-repeat;
    padding: 70px 0
}

.experience h5 {
    line-height: 32px;
    margin: 25px 0;
    font-size: 21px;
    font-weight: 400
}

.footer {
    background: url(../images/footer.jpg) center top/cover no-repeat;
    padding: 70px 0
}

.footer h6 {
    margin-bottom: 27px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 26px
}

.footer p {
    font-size: 14px;
    line-height: 26px
}

.latest_post {
    margin: 0;
    padding: 0;
    list-style: none
}

.latest_post li {
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    line-height: 26px;
    padding: 8px 0
}

.latest_post li:first-child {
    padding-top: 0
}

.latest_post li a {
    color: #9e9e9e
}

.latest_post li:hover a {
    color: #ffb200;
    text-decoration: none
}

.contact_us {
    padding: 0;
    margin: 0;
    list-style: none
}

.contact_us li {
    font-size: 14px;
    padding: 0 0 8px
}

.contact_us li a {
    color: #9e9e9e
}

.contact_us li i {
    font-size: 20px;
    color: #fff;
    padding-right: 5px;
    line-height: 20px
}

.contact_us li i.fa-mobile {
    font-size: 32px
}

.contact_us li a:hover {
    color: #ffb200;
    text-decoration: none
}

.social_icons {
    padding: 15px 0 0;
    margin: 20px 0 0;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.social_icons li {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.social_icons li a {
    color: #fff;
    font-size: 27px
}

.certificate {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left
}

.certificate li {
    display: inline-block;
    width: 35%;
    padding: 0 0;
    margin: 2px 2px 0 0
}

.certificate li a {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: 84px
}

.certificate li a span {
    background: url(../images/css_sprites-v12.webp) no-repeat;
    width: 94px;
    height: 88px;
    display: block;
    border-radius: 13px
}

.certificate li .certificate1 {
    background-position: -18px -602px;
    margin-left: 4px;
    margin-top: -2.9rem;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.certificate li .certificate2 {
    background-position: -128px -618px;
    margin-left: -8px
}

.certificate li .certificate3 {
    background-position: -238px -602px;
    margin-left: -8px;
    margin-top: -5.6rem
}

.certificate li .certificate4 {
    background-position: -348px -618px;
    margin-left: -10px
}

.certificate li img {
    border-radius: 12px
}

.certificate li.kcs-certification {
    width: 100%;
    overflow: hidden;
    margin-top: -30px
}



.container-fluid.footer-fluid {
    background-color: #011133;
    color: #fff
}

.footer_bottom {
    margin: 20px 0
}

.footer_bottom .copy-text span {
    color: #f48b00;
    font-weight: 600
}

.row.footer_menu_row {
    margin-bottom: 30px
}

.footer_links {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer_links li {
    display: inline-block;
    font-size: 13px;
    padding: 0 10px
}

.footer_links li:last-child {
    border-right: none
}

.footer_links li:hover a {
    color: #ffb200;
    text-decoration: none
}

.active_cookie {
    margin-top: 44px
}

.cookies_bar {
    background: #343c66;
    color: #cfcfe8;
    padding: 9px 1.8em
}

p.cookies-text {
    float: left;
    font-size: 12px
}

.cookies_bar a {
    color: #fff;
    text-decoration: underline;
    opacity: .8
}

.btn_cookies {
    color: #fff;
    background: #f71559;
    font-weight: 600;
    border: none;
    float: right;
    line-height: 14px;
    cursor: pointer;
    padding: 4px 10px;
    font-size: 12px
}


/** home page changes ***/

body.Home-page .container {
    max-width: 1440px;
    padding: 0 32px;
}

section.persona .col>a {
    height: 100%;
}

.modal-open {
    overflow: hidden;
    padding: 0 !important
}

#videoModal .modal-dialog {
    margin-top: 60px
}

#videoModal .modal-body {
    padding: 0;
    height: 486px
}

#videoModal .modal-body iframe {
    margin: 0;
    border: none;
    height: 100%;
    width: 100%
}

#videoModal button.close {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    margin-top: -40px
}

#videoModal button.close:hover {
    opacity: 1
}

.chatBotPop {
    padding: 50px 20px 20px;
    background: url(../images/chatbot_pop_bg.png) right bottom/contain no-repeat;
    margin: 0;
    border-radius: 4px
}

.chatBotPop .leftSection {
    padding: 4% 0 8% 4%
}

.chatBotPop img {
    max-width: 100%
}

.chatBotPop h3 {
    color: #02213b;
    font-weight: 900;
    font-size: 27px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.chatBotPopForm {
    width: 100% !important
}

.chatBotPopForm.mktoForm .mktoGutter,
.chatBotPopForm.mktoForm .mktoOffset,
.chatBotPopForm.mktoForm .mktoRequiredField .mktoAsterix {
    display: none
}

.chatBotPopForm.mktoForm .mktoField {
    color: #555;
    padding: 10px 15px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 400;
    height: 45px;
    border: 1px solid #999;
    width: 100% !important
}

.chatBotPopForm.mktoForm .mktoFieldWrap,
.chatBotPopForm.mktoForm .mktoFormCol {
    width: 100%
}

.chatBotPopForm.mktoForm label.mktoLabel {
    float: right;
    line-height: 16px;
    font-size: 12px;
    color: #555;
    font-weight: 400 !important;
    width: 89% !important;
    font-family: Montserrat, sans-serif;
    padding: 0
}

.chatBotPopForm.mktoForm .mktoCheckboxList .mktoField {
    height: auto
}

.chatBotPopForm.mktoForm .mktoButtonRow {
    display: block
}

.chatBotPopForm.mktoForm .mktoButtonRow span {
    display: block;
    margin-left: 0 !important
}

.chatBotPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active,
.chatBotPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus {
    background: #f48b00 !important;
    border: none !important
}

.chatBotPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    padding: .6em 0;
    width: 100%;
    background: #f48b00;
    font-size: 15px;
    border-radius: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    margin: 15px 0 0
}

.chatBotPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    border: none
}

.chatBotPopForm.mktoForm select.mktoField {
    padding: 10px 15px 10px 12px
}

div.successStory.chatBotPop .chatBotBgContainer {
    background-position: right -25px center
}

.chatBotPopForm.mktoForm .mktoError {
    left: 0
}

.chatBotPopForm.mktoForm .mktoFormRow:nth-child(3) .mktoError {
    max-width: 145px
}

.chatBotPopForm.mktoForm .mktoFormRow:nth-child(5) .mktoError {
    left: 5px
}

.chatBotPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoError {
    left: -2px;
    top: 14px
}

.chatBotPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoRequiredField .mktoAsterix {
    display: block;
    float: left;
    padding: 0 5px 0 0;
    color: #fcae18
}

#su_pop_contact_forms .modal-content {
    border-radius: 20px;
    border: 0;
}

#su_pop_forms button.close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 12px;
    right: 20px;
    opacity: 1;
    font-size: 42px;
    color: rgb(255, 255, 255);
    font-weight: lighter;
    z-index: 20;
}

#su_pop_forms button.close:focus {
    outline: 0;
}

.search-aided-pop-container {
    margin: 0px;
    background-size: cover;
    border-radius: 4px;
    background-image: url(../assets/img/free-trial-popup.png);
    padding: 20px 0;
    text-align: center;
    background-color: #002e89;
}

.search-aided-pop-container img {
    max-width: 182px;
}

.search-aided-pop-container .custom-orangebar:after {
    content: " ";
    display: block;
    width: 90px;
    height: 3px;
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 10px;
    background: rgb(255, 108, 10);
    background: -moz-linear-gradient(180deg, rgba(255, 108, 10, 1) 0%, rgba(249, 176, 0, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 108, 10, 1) 0%, rgba(249, 176, 0, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 108, 10, 1) 0%, rgba(249, 176, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff6c0a", endColorstr="#f9b000", GradientType=1);
}

.search-aided-pop-container h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    padding: 0 28px;
    margin: 20px 0;
    color: #ffffff;
}

.search-aided-pop-container h2 span {
    color: #F48B00;
}

.search-aided-pop-container a {
    margin-right: 0;
    text-transform: none;
    border-radius: 4px;
}

.search-aided-area .search-aided-illustration {
    padding: 0 30px;
}

.search-aided-area i.sf.calendar,
.search-aided-area i.sf.clock {
    width: 28px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
}

.search-aided-area i.sf.clock {
    background-image: url(../assets/img/sr-time.svg)
}

.search-aided-area i.sf.calendar {
    background-image: url(../assets/img/sr-date.svg)
}

.search-aided-area .webinar-time-wrapper .date-time-container {
    top: 5px;
    position: absolute;
    left: 54px;
    font-size: 20px;
    font-weight: 600
}

.search-aided-form h3:after {
    content: "";
    width: 44px;
    height: 1px;
    border: 1px solid #f48b00;
    bottom: 10px;
    left: 0;
    position: absolute;
}

.search-aided-form .thank-you-text p {
    color: #00276D;
    min-height: 360px;
    align-items: center;
    display: flex;
    ;
}

.sr-details .webinar-time-wrapper {
    max-width: 82%;
}

.search-aided-area h6 {
    color: #f48b00;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 12px;
}

.search-aided-area h5 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.search-aided-area {
    padding: 0;
    margin-right: -24px;
}

.search-aided-form {
    margin: 0;
}

.col-12.col-md-6.search-aided-form {
    background-color: #ffffff;
    color: #00276D;
    padding: 30px 30px;
}

.search-aided-form h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    position: relative;
    padding: 6px 0 24px 0;
}

.header-section.header-marketo .webinar-time-wrapper {
    margin-left: 0;
    width: 72%;
}

.search-aided-form form#mktoForm_7517 .mktoButtonRow {
    display: block;
}

.search-aided-form form#mktoForm_7517 #FirstName,
.search-aided-form form#mktoForm_7517 #LastName,
.search-aided-form form#mktoForm_7517 #Address,
.search-aided-form form#mktoForm_7517 #Email,
.search-aided-form form#mktoForm_7517 #Country,
.search-aided-form form#mktoForm_7517 #State {
    border-radius: unset;
    border: none;
    border-bottom: 1px solid #8e8f8f;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
    padding: 0 10px;
    height: 35px;
    font-family: "Montserrat", Arial, sans-serif;
}

.search-aided-form form#mktoForm_7517 #Address {
    height: 45px;
}

.search-aided-form .mktoForm .mktoRequiredField .mktoAsterix {
    display: none;
}

.search-aided-form .mktoForm .mktoOffset,
.search-aided-form .mktoForm .mktoGutter {
    height: 0;
}

.search-aided-form .mktoForm .mktoLabel,
.search-aided-form .mktoForm input[type=text],
.search-aided-form .mktoForm input[type=email],
.search-aided-form .mktoForm select.mktoField,
.search-aided-form form,
.search-aided-form .mktoForm .mktoFieldWrap,
.search-aided-form .mktoFieldDescriptor.mktoFormCol {
    width: 100% !important;
    font-family: "Montserrat";
}

.search-aided-form .mktoForm select.mktoField,
.search-aided-form form,
.search-aided-form .mktoForm .mktoFieldWrap,
.search-aided-form .mktoFieldDescriptor.mktoFormCol {
    margin-bottom: 0 !important;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(6) .mktoFieldDescriptor.mktoFormCol .mktoAsterix {
    display: block;
    float: left;
    margin-left: -7px;
    padding-right: 5px;
    color: #ffb200;
}

.search-aided-form .mktoForm input#emailOptInBoolean,
.search-aided-form .mktoForm input#consenttoProcessing {
    display: none;
}

.search-aided-form .mktoForm #LastName,
.search-aided-form .mktoForm #Address,
.search-aided-form .mktoForm #FirstName,
.search-aided-form .mktoForm #fullNameEditable,
.search-aided-form .mktoForm #Email,
.search-aided-form .mktoForm #Country,
.search-aided-form .mktoForm #State {
    color: #656262;
    font-family: "Montserrat";
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 8px;
    outline: 0;
    border: 1px solid #e4e9ef;
    border-radius: 4px;
    margin-bottom: 12px;
}

.search-aided-form .mktoFormRow.row_6 {
    margin-top: 16px;
}

.search-aided-form .mktoForm #Country,
.search-aided-form .mktoForm #State {
    color: #000000;
}

.search-aided-form .mktoForm .mktoLogicalField {
    height: 0px !important;
}

.search-aided-form .mktoForm #Country,
.search-aided-form .mktoForm #State {
    background: url("../assets/img/drop-arrow-orange.png") no-repeat bottom 13px right 15px #fff !important;
    margin-bottom: 12px;
}

.search-aided-form .mktoForm .mktoLabel {
    margin-bottom: 0px;
    color: #818ba4 !important;
    display: none;
}

form#mktoForm_7517 .mktoFormRow.row_7 {
    margin-top: 0;
}

.search-aided-form .mktoForm .mktoFormRow.row_7 .mktoFormCol .mktoError {
    right: auto !important;
    top: 16px;
}

form#mktoForm_7517 label[for="emailOptInBoolean"],
form#mktoForm_7517 label[for="consenttoProcessing"] {
    float: right;
    width: 88% !important;
    padding: 0;
    font-size: 10px;
    color: #8e8f8f;
    font-weight: 400 !important;
    line-height: 14px;
    margin-top: 3px;
    margin-bottom: 3px !important;
    font-family: "Montserrat", Arial, sans-serif;
    letter-spacing: 0;
    display: block;
}

.search-aided-form .mktoForm a {
    padding: 0 !important;
}

.search-aided-form .mktoForm label[for="emailOptInBoolean"],
.search-aided-form .mktoForm label[for="consenttoProcessing"] {
    float: right;
    width: 90% !important;
    padding: 0;
    font-size: 12px;
    color: #8e8f8f;
    font-weight: 400 !important;
    line-height: 18px;
    margin-top: 3px;
    margin-bottom: 6px !important;
    font-family: "Montserrat", Arial, sans-serif;
}

.search-aided-form .mktoForm .mktoCheckboxList input#emailOptInBoolean:checked+label:after,
.search-aided-form .mktoForm .mktoCheckboxList input#consenttoProcessing:checked+label:after {
    background-color: #ffb200;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.search-aided-form .mktoForm .mktoCheckboxList input#emailOptInBoolean+label:after,
.search-aided-form .mktoForm .mktoCheckboxList input#consenttoProcessing+label:after {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    border: 1px solid #ffb200;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    left: 0;
    border-radius: 3px;
    top: -4px;
    background: url(//pages.searchunify.com/rs/690-NGB-767/images/icon-check-D.png);
    background-repeat: no-repeat;
    background-size: auto;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(4) {
    margin-bottom: 12px;
}

.search-aided-form .mktoForm .mktoButtonRow {
    width: 100%;
    margin-top: 12px !important;
}

.search-aided-form .mktoForm span.mktoButtonWrap.mktoSimple {
    margin: 0 auto !important;
    display: block;
}

.search-aided-form .mktoForm button {
    background: #ffb200 !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px !important;
    border-radius: 25px !important;
    background-image: inherit !important;
    width: auto;
    letter-spacing: 1px;
    border: 0 !important;
    text-align: center;
    padding: 10px 35px !important;
    font-weight: 600;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(1) .mktoFormCol .mktoError {
    right: auto !important;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(2) .mktoFormCol .mktoError {
    right: auto !important;
    bottom: -22px !important;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(3) .mktoFormCol .mktoError {
    right: auto !important;
    top: 28px;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(4) .mktoFormCol .mktoError {
    right: auto !important;
    top: 30px;
}

.search-aided-form .mktoFormRow.row_7 .mktoFieldDescriptor.mktoFormCol .mktoAsterix {
    display: block;
    float: left;
    margin-left: -7px;
    padding-right: 5px;
    color: #ffb200;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(5) .mktoFormCol .mktoError {
    right: auto !important;
    bottom: -30px !important;
    left: 0px;
}

.search-aided-form .mktoForm .mktoFormRow:nth-child(6) .mktoFormCol .mktoError {
    right: auto !important;
    bottom: 6px !important;
    left: 0px;
}

.search-aided-form .chatBotPopForm {
    width: 85% !important;
}

.search-aided-form .chatBotPopForm.mktoForm label.mktoLabel {
    color: #625aa5;
}

.search-aided-form .chatBotPopForm.mktoForm label.mktoLabel {
    font-size: 13px;
}

.search-aided-form .chatBotPopForm.mktoForm .mktoField {
    border: 1px solid #bdc3c1;
}

.search-aided-form .chatBotPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    width: 60%;
    text-align: center;
}

.search-aided-form .mktoCheckboxList input {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
}

.search-aided-form .mktoCheckboxList input,
.mktoCheckboxList label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.search-aided-form .mktoCheckboxList label {
    position: relative;
}


/* Edit the properties below to change the colors of the un-checked checkbox */

.search-aided-form1 .mktoCheckboxList input+label:before {
    content: '';
    background: #fff;
    border: 2px solid #625aa5;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    margin-left: -24px;
    margin-top: -2px;
}


/* Edit the properties below to change the colors of the checked checkbox */

.search-aided-form .mktoCheckboxList input:checked+label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #fff;
    color: #625aa5;
    border-color: #625aa5;
    font-size: 12px;
}

.search-aided-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoError {
    left: -4px;
    top: 22px;
}

.tsia {
    font-family: Montserrat, Montserrat, sans-serif
}

.tsia .font_white h2 {
    font-family: Elephant, Montserrat, sans-serif;
    font-size: 3.2rem;
    line-height: 4.2rem;
    padding-right: 2rem
}

.tsia .banner_image {
    padding: 0
}

.tsia .logo-box {
    width: 100%;
    margin-bottom: 4rem
}

.tsia .font_white {
    margin-bottom: 2rem
}

.tsia .logo-box h4 {
    width: 50%;
    text-align: left;
    color: #fff;
    font-size: .9rem;
    letter-spacing: .3rem
}

.tsia .font_white h2:after,
.tsia .logo-box h4:after {
    content: "";
    border-bottom: 3px solid #f48b00;
    display: block;
    margin-top: 1rem;
    width: 3rem
}

@-webkit-keyframes blink {
    50% {
        border-color: #fff
    }
}

@keyframes blink {
    50% {
        border-color: #fff
    }
}

.tsia .logo-box h4:after {
    border-bottom: 3px solid #f48b00;
    -webkit-animation: .5s step-end infinite alternate blink;
    animation: .5s step-end infinite alternate blink
}

.tsia .font_white h2:after {
    width: 5rem
}

.tsia .logo-box .tsia-logo {
    width: 50%;
    text-align: right;
    padding-right: 2rem
}

.tsia .light-bg {
    height: 100%;
    padding: 4rem 2rem;
    color: #272e8a;
    background: url(../assets/img/searchunify-tsia-bg-2-min.png) 0 0/cover no-repeat #fff
}

.tsia .light-bg .cta-box,
.tsia .light-bg h3 {
    width: 100%;
    text-align: center
}

.tsia .light-bg h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2.6rem
}

.tsia .light-bg h3:after {
    content: "";
    border-bottom: 2px solid #f48b00;
    display: block;
    width: 3rem;
    text-align: center;
    margin: 1rem auto 0
}

.tsia .light-bg .spearker-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1.2rem
}

.tsia .light-bg .spearker-container h5 {
    letter-spacing: .6rem;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase
}

.tsia .light-bg .spearker-container .spearker-image img {
    position: absolute;
    right: -2.4rem;
    margin-top: -1.4rem;
    max-width: 18%
}

.tsia .light-bg .time-box p {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0
}

.tsia .light-bg .time-box .fa {
    font-size: 2rem;
    line-height: 3rem;
    position: relative;
    top: 4px;
    width: 40px
}

.tsia .light-bg .time-box span {
    padding-right: 1rem;
    display: inline-block
}

.tsia .light-bg p.designation {
    line-height: 1.4rem
}

.tsia .light-bg .cta-box {
    margin-top: 1.6rem
}

.tsia .light-bg .cta-box .banner_btn {
    margin: 0
}

.container.tsia-pop {
    margin: 0;
    background: url(../assets/img/searchunify-tsia-bg.png) center top/cover no-repeat #031039;
    overflow: hidden;
    border-radius: .6rem
}

.tsia.tsia-pop .visible-mobile {
    display: none
}

.tsia.tsia-pop .font_white h2 {
    font-size: 2rem;
    line-height: 3rem;
    padding-right: 3rem
}

.tsia.tsia-pop .light-bg .spearker-container h5 {
    font-size: .9rem;
    letter-spacing: .4rem
}

.tsia.tsia-pop .light-bg p.designation {
    font-size: .9rem
}

.tsia.tsia-pop .light-bg .time-box p {
    font-size: .8rem
}

.tsia.tsia-pop .light-bg h3 {
    font-size: .9rem;
    margin-bottom: 1rem
}

.tsia.tsia-pop .light-bg {
    padding: 2rem
}

.tsia.tsia-pop .light-bg .cta-box {
    margin-top: 1rem
}

.tsia.tsia-pop .light-bg .time-box .fa,
.tsia.tsia-pop .light-bg .time-box .far {
    width: 20px;
    font-size: 1.6rem
}

.tsia.tsia-pop .cta-box,
.tsia.tsia-pop .font_white {
    margin-bottom: 1.5rem
}

.tsia.tsia-pop .logo-box {
    margin-bottom: 3rem;
    margin-top: 2rem
}

.tsia.tsia-pop .light-bg .spearker-container .spearker-image img {
    right: -1.4rem
}

.tsia.tsia-pop .banner_btn {
    font-size: 12px;
    padding: 6px 20px
}

.tsia.tsia-pop .logo-box h4 {
    font-size: .6rem
}

.tsia.tsia-pop .logo-box .tsia-logo {
    margin-top: -.8rem;
    padding-right: 0
}

.tsia.tsia-pop .logo-box .tsia-logo img {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.tsia.tsia-pop .font_white h2:after {
    content: "";
    border: 0
}

.tsia.tsia-pop .time-box {
    margin-top: -1.6rem
}

.tsia.tsia-pop .logo-box h4:after {
    margin-top: .6rem
}

.tsia.mamba20-pop {
    background-image: url(../assets/img/mamba20-pop-bg-min.png);
    background-repeat: no-repeat;
    border-radius: 5px
}

#su_pop_forms .modal-content {
    border-radius: 20px;
    border: 0
}

.tsia.mamba20-pop .light-bg {
    background: 0 0;
    padding: 20px 5px 61px
}

.tsia.mamba20-pop .pop-up-top h3 {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    margin: 21px auto
}

.tsia.mamba20-pop .pop-up-top p {
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 0 3rem
}

.tsia.mamba20-pop .pop-up-logo {
    padding-top: 25px
}

.tsia.mamba20-pop .pop-up-top {
    display: block;
    margin: auto
}

.tsia.mamba20-pop .light-bg .pop-up-list-container ul.pop_up-list li:before {
    content: "\2022";
    color: #f48b00;
    font-weight: 700;
    font-size: 2rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    top: 3px;
    position: relative
}

.tsia.mamba20-pop .light-bg .pop-up-list-container ul.pop_up-list li {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    list-style-type: none
}

.tsia.mamba20-pop .light-bg .cta-box {
    margin-top: 2.6rem;
    text-align: left;
    margin-left: 11px
}

.tsia.mamba20-pop .pop_up-bottom {
    padding: 18px 0
}

.tsia.mamba20-pop .pop_up-bottom .pop-up-img {
    margin-top: 2.4rem
}

.tsia.mamba20-pop .pop_up-bottom .pop-up-img img {
    display: block;
    margin: auto
}

.colubridae-20-pop {
    background-image: url(../assets/img/colb-20/col-20-pop-bg.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    background-size: cover;
    overflow: hidden
}

.colubridae-20-pop .colubridae-20-logo {
    background-image: url(../assets/img/colb-20/col-20-pop-logo.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position-x: center;
    background-position-y: -40px
}

#su_pop_forms .modal-content {
    border-radius: 20px;
    border: 0
}

.colubridae-20-pop .light-bg {
    background: 0 0;
    padding: 20px 5px 20px;
    text-align: left
}

.colubridae-20-pop .higlight-box h3 {
    color: #fff;
    font-weight: 200;
    padding-left: 2rem;
    padding-top: 28px;
    padding-right: 4rem
}

.colubridae-20-pop .col-12.logo-box {
    text-align: center;
    color: #fff
}

.colubridae-20-pop .col-12.logo-box h4 {
    padding-top: 140px;
    letter-spacing: 6px;
    font-size: 12px;
    text-transform: uppercase
}

.colubridae-20-pop .pop-up-logo {
    padding-top: 25px
}

.colubridae-20-pop .pop-up-top {
    display: block;
    margin: auto
}

.colubridae-20-pop .light-bg .pop-up-list-container ul.pop_up-list li:before {
    content: "\2022";
    color: #f48b00;
    font-weight: 700;
    font-size: 2rem;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    top: 3px;
    position: relative
}

.colubridae-20-pop .light-bg .pop-up-list-container ul.pop_up-list li {
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    list-style-type: none;
    font-weight: 500
}

.colubridae-20-pop .pop-up-bottom-row {
    padding-top: 30px;
    padding-bottom: 30px
}

.colubridae-20-pop .pop_up-bottom {
    padding: 0 0 10px 0;
    text-align: center
}

.stevie-pop-wrapper {
    background-image: url(../assets/img/searchunify_stevie_pop_bg-v2.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    background-size: cover;
    overflow: hidden;
    background-color: #fff;
    padding: 1.6rem 1rem
}

.stevie-pop-wrapper h3 {
    font-family: 'Abril Fatface', Arial, sans-serif;
    font-size: 36px;
    line-height: 44px;
    color: #020562;
    padding: 1rem 3rem .6rem;
    letter-spacing: 1px
}

.stevie-pop-wrapper h3 sup {
    font-size: 40px;
    top: -4px;
    left: -2px;
    margin-right: -10px
}

.stevie-pop-wrapper .btn {
    border-radius: 30px;
    padding: 10px 30px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.stevie-pop-wrapper .stevie-logo img {
    max-width: 260px
}

.stevie-pop-wrapper img.StevieLogo {
    max-width: 160px;
    padding-top: 23px
}

.forrester-pop-container {
    margin: 0;
    background: url(../images/forrester_pop_bg.png) center top/cover no-repeat #031039;
    border-radius: 10px;
    overflow: hidden
}

.forrester-area {
    padding: 0 0 6rem 1rem;
    color: #625aa5
}

.forester-ebook {
    right: -2rem;
    position: absolute;
    bottom: -10rem
}

.forrester-title-row {
    padding: 4rem 1rem 0;
    margin: 0 0 1rem
}

.forrester-title-row h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    padding-right: 15rem
}

.forrester-form .chatBotPopForm {
    width: 85% !important
}

.forrester-form .chatBotPopForm.mktoForm label.mktoLabel {
    color: #625aa5;
    font-size: 13px
}

.forrester-form .chatBotPopForm.mktoForm .mktoField {
    border: 1px solid #bdc3c1
}

.forrester-form .chatBotPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    width: 60%;
    text-align: center
}

.forrester-form .mktoCheckboxList input {
    opacity: 0;
    position: absolute
}

.forrester-form .mktoCheckboxList input,
.mktoCheckboxList label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer
}

.forrester-form .mktoCheckboxList label {
    position: relative
}

.forrester-form .mktoCheckboxList input+label:before {
    content: '';
    background: #fff;
    border: 2px solid #625aa5;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    text-align: center;
    margin-left: -24px;
    margin-right: -2px
}

.forrester-form .mktoCheckboxList input:checked+label:before {
    content: "\f00c";
    font-family: FontAwesome;
    background: #fff;
    color: #625aa5;
    border-color: #625aa5;
    font-size: 12px
}

.forrester-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoError {
    left: -4px;
    top: 22px
}

.forrester_webinar-pop-container {
    margin: 0;
    background: url(../images/forrester_webinar_pop_bg-min.png) center top/cover no-repeat #031039;
    border-radius: 10px;
    overflow: hidden
}

.forrester_webinar-pop-container .popup_header {
    padding: 2rem 0 1rem 1rem
}

.forrester_webinar-pop-container .forrester_webinar-illustration {
    color: #fff;
    font-family: Montserrat, sans-serif
}

.forrester_webinar-pop-container .forrester_webinar-illustration .logo-box h4 {
    padding: .5rem 0;
    margin-bottom: .4rem;
    font-weight: 400;
    letter-spacing: .1rem;
    font-size: .8rem
}

.forrester_webinar-pop-container .forrester_webinar-illustration .logo-box h5 {
    width: 18%;
    display: inline-block;
    font-size: .9rem;
    margin: 0;
    line-height: 1.2rem;
    font-style: italic;
    font-weight: 400
}

.forrester_webinar-pop-container .forrester_webinar-illustration .logo-box img.forrester_webinar_logo {
    max-width: 100px;
    margin-top: -.5rem
}

.forrester_webinar-pop-container .forrester_webinar-illustration h3 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin: 10px 0 5px
}

.forrester_webinar-pop-container .forrester_webinar-illustration .time-box {
    margin-bottom: 1rem
}

.forrester_webinar-pop-container .forrester_webinar-illustration .time-box .fa {
    padding-right: 1rem;
    font-size: 1.5rem
}

.forrester_webinar-pop-container .forrester_webinar-illustration .time-box p {
    margin-bottom: .6rem
}

.forrester_webinar-pop-container .forrester_webinar-illustration p.subheading {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    font-style: italic
}

.forrester_webinar-area {
    padding: 0 0 5rem 1rem
}

.forrester_webinar-title-row {
    padding: 4rem 1rem 0;
    margin: 0 0 1rem
}

.forrester_webinar-title-row h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    padding-right: 15rem
}

.forrester_webinar-form .chatBotPopForm {
    width: 100% !important
}

.forrester_webinar-area .forrester_webinar-row .cta-box {
    display: none
}

.forrester_webinar-form.forrester_webinar-demand .chatBotPopForm.mktoForm .mktoButtonRow {
    display: block;
    top: 95%;
    position: absolute;
    width: 200px;
    left: -135%
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoButtonRow {
    display: block;
    top: 95%;
    position: absolute;
    width: 200px;
    left: -50%
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoField {
    color: #fff;
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #dddfe2;
    background-color: #031039
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoField::-webkit-input-placeholder {
    color: #7c7c7f
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoField:-ms-input-placeholde {
    color: #7c7c7f
}

.forrester_webinar-form .chatBotPopForm.mktoForm select.mktoField {
    padding: 10px 15px 10px 10px
}

.forrester_webinar-form .chatBotPopForm.mktoForm label.mktoLabel {
    color: #7c7c7f;
    font-size: 13px
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(6) .mktoLabel.mktoHasWidth,
.forrester_webinar-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(7) .mktoLabel.mktoHasWidth,
.forrester_webinar-form.forrester_webinar-demand .chatBotPopForm.mktoForm .mktoFormRow:nth-child(5) .mktoLabel.mktoHasWidth,
.forrester_webinar-form.forrester_webinar-demand .chatBotPopForm.mktoForm .mktoFormRow:nth-child(6) .mktoLabel.mktoHasWidth {
    color: #dddfe2;
    font-size: 12px
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(6) .mktoField,
.forrester_webinar-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(7) .mktoField,
.forrester_webinar-form.forrester_webinar-demand .chatBotPopForm.mktoForm .mktoFormRow:nth-child(5) .mktoField,
.forrester_webinar-form.forrester_webinar-demand .chatBotPopForm.mktoForm .mktoFormRow:nth-child(6) .mktoField {
    height: auto !important;
    width: 80px !important
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoRequiredField .mktoAsterix {
    display: none
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-family: Montserrat, Arial, sans-serif;
    border: 0;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%)
}

.forrester_webinar-form .mktoCheckboxList input {
    opacity: 0;
    position: absolute
}

.forrester_webinar-form .mktoCheckboxList input,
.mktoCheckboxList label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer
}

.forrester_webinar-form .mktoCheckboxList label {
    position: relative
}

.forrester_webinar-form .mktoCheckboxList input+label:before {
    content: '';
    background: #fff;
    border: 2px solid #625aa5;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    margin-left: -24px;
    margin-top: -2px
}

.forrester_webinar-form .mktoCheckboxList input:checked+label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    background: #fff;
    color: #625aa5;
    border-color: #625aa5;
    font-size: 12px;
    display: inline-block;
    font-weight: 900
}

.forrester_webinar-form .chatBotPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoError {
    left: -4px;
    top: 22px
}

.colub-pop-container {
    margin: 0;
    background: url(../images/colub-pop-bg.png) center top/cover no-repeat;
    border-radius: 6px
}

.col-logo-area {
    background: url(../images/colub-logo.png) center -120px/cover no-repeat;
    min-height: 400px;
    font-family: Lato, sans-serif;
    color: #fff;
    padding: 1.6rem 0 3rem;
    display: inline-block
}

.colub-pop-container .colub-row {
    padding-top: 26%;
    padding-left: 6%
}

.colub-pop-container .popup_header {
    padding-left: 1rem
}

.colub-pop-container h3 {
    font-family: Lato, sans-serif;
    color: #fff;
    line-height: 2.2rem;
    font-weight: 300
}

.colub-pop-container ul {
    margin: 0;
    padding: 0
}

.colub-pop-container ul li {
    font-family: Lato, sans-serif;
    color: #fff;
    list-style: none;
    line-height: 2rem;
    font-weight: 400;
    font-size: 1.2em
}

.colub-pop-container ul li:before {
    color: #ffb200;
    content: "\2022";
    font-size: 1em;
    padding-right: .3em;
    position: relative;
    top: .1em
}

.colub-pop-container .request_btn {
    margin-left: 0;
    font-weight: 600
}

.colub-pop-container .request_btn:hover {
    text-decoration: none
}

.learn_expert_popup {
    margin: 0;
    border-top: 8px solid #f15a23;
    border-radius: 10px;
    background: #1a2262
}

.learn_expert_popup .popup_header {
    padding: 15px 10px
}

.learn_expert_popup .demand-center {
    margin-top: 20px;
    text-align: center
}

span.pop-on-demand {
    background-color: #f15a23;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff
}

.pop-title h4 {
    font-size: 20px;
    color: #fff;
    padding: 0 24%;
    line-height: 28px;
    text-align: center
}

.expert-item h5 {
    font-size: 13px;
    line-height: 16.8px;
    margin: 10px 0 3px
}

.expert-item p.designation {
    line-height: 14px;
    margin: 0;
    font-size: 11px;
    padding-top: 5px
}

.expert-item:after {
    content: '';
    height: 80%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 20px;
    background-color: #454074
}

.tswVideoPopForm {
    width: 80% !important;
    margin: 17px auto 30px
}

.tswVideoPopForm.mktoForm .mktoFormRow:nth-child(2),
.tswVideoPopForm.mktoForm .mktoFormRow:nth-child(3) {
    width: 46%;
    clear: none;
    float: left;
    margin: 0 10px
}

.tswVideoPopForm.mktoForm .mktoFieldWrap,
.tswVideoPopForm.mktoForm .mktoFormCol {
    width: 100%
}

.tswVideoPopForm.mktoForm .mktoOffset,
.tswVideoPopForm.mktoForm .mktoRequiredField .mktoAsterix {
    display: none
}

.tswVideoPopForm.mktoForm .mktoField {
    color: #555;
    padding: 0 10px;
    line-height: 30px;
    height: 40px;
    font-size: 12px;
    border-radius: 25px;
    border: 1px solid #d7d7d7;
    width: 100% !important;
    letter-spacing: 1px;
    font-weight: 400
}

.tswVideoPopForm.mktoForm label.mktoLabel {
    width: 94% !important;
    float: right;
    color: #8c8c99;
    font-size: 12px;
    font-weight: 400 !important
}

.tswVideoPopForm.mktoForm .mktoRequiredField label.mktoLabel a {
    color: #13a7ec !important
}

.tswVideoPopForm.mktoForm .mktoCheckboxList .mktoField {
    height: auto
}

.tswVideoPopForm.mktoForm .mktoButtonRow {
    width: 100%;
    text-align: center
}

.tswVideoPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    font-size: 10px;
    padding: 13px 20px;
    background: #f15a23;
    border-radius: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none
}

.tswVideoPopForm.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    border: none
}

.expert-item:last-child:after {
    content: none
}

.tswVideoPopForm.mktoForm .mktoError {
    left: 0
}

.tswVideoPopForm.mktoForm .mktoFormRow:nth-child(3) .mktoError {
    max-width: 145px
}

.tswVideoPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoError,
.tswVideoPopForm.mktoForm .mktoFormRow:nth-child(5) .mktoError {
    left: 14px
}

.tswVideoPopForm.mktoForm .mktoFormRow:nth-child(4) .mktoRequiredField .mktoAsterix {
    color: #8c8c99;
    display: block;
    float: left;
    padding: 0 5px 0 0
}

#back-to-top {
    position: fixed;
    bottom: 8px;
    left: 16px;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 0;
    background: #ffb200;
    border: none;
    z-index: 1000
}

#back-to-top:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    vertical-align: 3px;
    content: ""
}

.mktoForm .mktoError .mktoErrorMsg {
    font-family: Montserrat, Arial, sans-serif !important
}

#su_pop_forms.modal-no-border .modal-content {
    padding: 14px;
    background: 0 0
}

.container.podcastPopup {
    padding: 0;
    background-color: #f48b00;
    overflow: hidden
}

.modal-no-border .modal-lg {
    max-width: 900px !important;
    width: 900px
}

.podcastPopup .pop-up-top {
    margin: 0;
    padding: 2rem 1rem
}

.podcastPopup form.podcastPopForm {
    margin: 0;
    width: 100% !important
}

.podcastPopup form.podcastPopForm .mktoField {
    width: 100% !important;
    border: 1px solid #f48b00 !important;
    text-transform: none !important;
    font-weight: 400;
    letter-spacing: .5px;
    color: #333 !important;
    font-family: Montserrat, Arial, sans-serif !important;
    line-height: 20px !important;
    font-size: 15px !important;
    margin-bottom: 14px !important;
    padding: 10px 15px !important;
    height: auto !important
}

.podcastPopup form.podcastPopForm #Email::-webkit-input-placeholder {
    color: #ccccce
}

.podcastPopup form.podcastPopForm #Email::-moz-placeholder {
    color: #ccccce
}

.podcastPopup form.podcastPopForm #Email:-ms-input-placeholder {
    color: #ccccce
}

.podcastPopup form.podcastPopForm #Email::-ms-input-placeholder {
    color: #ccccce
}

.podcastPopup form.podcastPopForm #Email::placeholder {
    color: #ccccce
}

.podcastPopup form.podcastPopForm label[for=Email] {
    display: none
}

.podcastPopup form.podcastPopForm .mktoFormRow:nth-child(3) {
    margin-bottom: .2rem
}

.podcastPopup form.podcastPopForm .mktoFieldDescriptor.mktoFormCol,
.podcastPopup form.podcastPopForm .mktoFieldWrap.mktoRequiredField {
    width: 100%;
    margin-bottom: 0 !important
}

.podcastPopup form.podcastPopForm label[for=emailOptInBoolean] .mktoAsterix {
    display: none !important
}

.podcastPopup form.podcastPopForm label[for=emailOptInBoolean] .aster-sign {
    color: #fff
}

.podcastPopup form.podcastPopForm input#consenttoProcessing,
.podcastPopup form.podcastPopForm input#emailOptInBoolean {
    display: none
}

.podcastPopup form.podcastPopForm label[for=consenttoProcessing],
.podcastPopup form.podcastPopForm label[for=emailOptInBoolean] {
    width: 92% !important;
    font-size: 12px !important;
    line-height: 18px;
    padding-top: 3px !important;
    float: right;
    padding: 0;
    font-weight: 400;
    color: #fff;
    font-family: Montserrat, Arial, sans-serif;
    margin-top: -3px;
    margin-bottom: 3px !important
}

.podcastPopup form.podcastPopForm label[for=consenttoProcessing] a,
.podcastPopup form.podcastPopForm label[for=emailOptInBoolean] a {
    font-weight: 600;
    color: #000 !important;
    padding: 0
}

.podcastPopup form.podcastPopForm .mktoCheckboxList input#consenttoProcessing+label:after,
.podcastPopup form.podcastPopForm .mktoCheckboxList input#emailOptInBoolean+label:after {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    background-color: #f48b00;
    border-radius: 0;
    position: absolute;
    top: 3px;
    left: 0
}

.podcastPopup form.podcastPopForm .mktoCheckboxList input#consenttoProcessing:checked+label:after,
.podcastPopup form.podcastPopForm .mktoCheckboxList input#emailOptInBoolean:checked+label:after {
    background: url(//pages.searchunify.com/rs/690-NGB-767/images/icon-check-D.png);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center
}

.podcastPopup form.podcastPopForm .mktoGutter,
.podcastPopup form.podcastPopForm .mktoOffset {
    display: none
}

.podcastPopup form.podcastPopForm .mktoFormRow:nth-child(3) .mktoError {
    left: 0 !important;
    bottom: -34px !important
}

.podcastPopup form.podcastPopForm .mktoFormRow:nth-child(7) .mktoError {
    left: 0 !important;
    bottom: -14px !important
}

.podcastPopup form.podcastPopForm .mktoButtonRow {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: .1rem
}

.podcastPopup form.podcastPopForm .mktoButtonRow .mktoButtonWrap.mktoSimple {
    margin-left: 0 !important
}

.podcastPopup form.podcastPopForm .mktoButtonWrap.mktoSimple .mktoButton {
    color: #fff;
    border: 1px solid #000;
    padding: 10px 20px;
    font-size: 1.1em;
    background-color: #000;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: -o-linear-gradient(top, #000, #000);
    background-image: linear-gradient(to bottom, #000, #000);
    font-weight: 600;
    letter-spacing: 1.2px;
    font-family: Montserrat, Arial, sans-serif !important
}

.podcastPopup .logo-box.pop-up-img {
    position: absolute;
    bottom: 0
}

.podcastPopup .logo-box.pop-up-img img {
    max-width: 100%;
    position: relative;
    bottom: -35px
}

.podcastPopup .widget-title {
    font-size: 1.6rem;
    text-align: left;
    font-weight: 900;
    color: #fff
}

.podcastPopup form.podcastPopForm .mktoHtmlText.mktoHasWidth {
    width: 100% !important;
    text-align: left;
    color: #fff;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: .6rem;
    font-family: Montserrat, Arial, sans-serif !important
}

.podcastPopup .hidden-onload .contact-success-message {
    text-align: center
}

.podcastPopup .hidden-onload .contact-success-message i.fas {
    margin: 0 auto 30px;
    font-size: 65px;
    display: block;
    height: auto;
    color: #fff
}

.podcastPopup .contact-success-message.col-12 p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0
}

.podcastPopup .hidden-onload {
    width: 100%;
    padding: 0 10rem
}

.AugmentedIntelligencePop .stevie h1.primary-color {
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 900
}

.AugmentedIntelligencePop .stevie h1.primary-color:after {
    height: 0
}

.AugmentedIntelligencePop .row.webinar-time {
    padding: 1rem 0 1.2rem 0
}

.AugmentedIntelligencePop .webinar-time-container {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 600
}

.AugmentedIntelligencePop .webinar-time-container span {
    position: relative;
    top: -6px;
    left: 6px
}

.AugmentedIntelligencePop .webinar-time-container .fa,
.AugmentedIntelligencePop .webinar-time-container .far {
    font-size: 2rem
}

.AugmentedIntelligencePop .stevie .webinar-sign {
    position: relative;
    margin-bottom: 2.6rem
}

.AugmentedIntelligencePop .stevie h4 {
    font-size: .8rem;
    line-height: 1rem;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 6px
}

.AugmentedIntelligencePop .stevie h4:after {
    content: " ";
    height: 2px;
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
    max-width: 46px;
    border-radius: 2px;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    position: absolute;
    right: 0;
    left: 0;
    top: 4px
}

.AugmentedIntelligencePop .stevie .speaker-container h3 {
    font-size: 1.2rem;
    line-height: 2rem;
    color: #ffb200;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 9px
}

.AugmentedIntelligencePop .stevie .speaker-container .speaker-inner {
    margin-left: -15px
}

.AugmentedIntelligencePop .stevie .speaker-container .speaker-inner .col-8 {
    padding-right: 0
}

.AugmentedIntelligencePop .stevie .speaker-container .speaker-inner img {
    max-width: 70px
}

.AugmentedIntelligencePop .stevie .speaker-container .speaker-inner .request_btn {
    border-radius: 25px;
    padding: .6rem 2rem
}

.AugmentedIntelligencePop .stevie .speaker-container .speaker-inner.align-right {
    text-align: right
}

.AugmentedIntelligencePop .stevie .speaker-container .speaker-inner h5 {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    font-size: .7rem
}

.AugmentedIntelligencePop .stevie .speaker-container .speaker-inner .designation {
    font-size: .67rem;
    line-height: 1rem;
    font-weight: 500
}

.AugmentedIntelligencePop .stevie.mb-25 {
    padding-bottom: 2.5rem
}

.AugmentedIntelligencePop {
    padding-top: 2rem;
    padding-bottom: 3rem;
    padding-left: 40px;
    padding-right: 0;
    background-image: url(../assets/img/AugmentedIntelligencePop-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px
}

.container.tsiaWebinarPop {
    padding: 1rem 2rem;
    border-radius: 6px;
    background-color: #fff;
    background-image: url(../assets/img/tsia-pop-bg-v2.png);
    background-repeat: no-repeat;
    background-size: cover
}

.tsiaWebinarPop .row.webinar-logo {
    margin-top: 1rem;
    max-width: 60%
}

.tsiaWebinarPop .row.webinar-logo h4 {
    font-size: 12px;
    font-weight: 600;
    line-height: 30px
}

.tsiaWebinarPop .row.webinar-logo .col-6.tsw-br-left:before {
    content: "";
    color: #212529;
    height: 26px;
    width: 2px;
    border: 1px solid #212529;
    float: left;
    margin-right: 1rem;
    margin-left: -1rem
}

.tsiaWebinarPop .request_btn {
    margin-left: 0
}

.tsiaWebinarPop .row.speaker-row {
    margin-left: -3rem
}

.tsiaWebinarPop .webinar-sign {
    padding-top: .8rem
}

.tsiaWebinarPop .webinar-sign img {
    max-width: 100%
}

.tsiaWebinarPop h3.primary-color {
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 400
}

.tsiaWebinarPop h4.primary-color {
    font-weight: 400;
    font-size: 1.6rem
}

.tsiaWebinarPop .webinar-time-container .far {
    font-size: 2rem
}

.tsiaWebinarPop .webinar-time-container span {
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 600
}

.tsiaWebinarPop .speaker-container h3 {
    color: #ffb200;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 10px;
    font-size: 18px
}

.tsiaWebinarPop .speaker-container .speaker-inner {
    text-align: center
}

.tsiaWebinarPop .speaker-container .speaker-inner img {
    max-width: 56%
}

.tsiaWebinarPop .row.speaker-row h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.tsiaWebinarPop .row.speaker-row p.designation {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0
}

.tsiaWebinarPop .container.speaker-container {
    margin-bottom: 1rem
}

.tsiaWebinarPop .row.align-items-center.tfes {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.tsiaWebinarPop .tsiaWebinarPopbg {
    background-image: url(../assets/img/tsia-speaker-bg.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: -76px
}

.banner .forresterw-banner.tsw-banner h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #fff
}

.banner .forresterw-banner.tsw-banner h2 {
    font-size: 55px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 17px;
    font-weight: 700;
    margin-top: 26px
}

.banner .forresterw-banner.tsw-banner .webinar-time-wrapper h5 span {
    display: inline-block;
    font-weight: 600;
    font-size: 22px;
    color: #fff
}

.banner .forresterw-banner.tsw-banner .webinar-time-wrapper h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    display: inline-grid;
    line-height: 25px
}

.banner .forresterw-banner.tsw-banner .webinar-time-wrapper .date-time-container {
    top: 5px;
    left: 70px
}

.banner .forresterw-banner.tsw-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 3px;
    left: 80px;
    width: 100%
}

.banner .forresterw-banner.tsw-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 30px;
    padding-top: 0;
    margin-left: -17px;
    border-left: 1px solid #fff
}

.banner .forresterw-banner.tsw-banner .featuring-logos img {
    width: 66%
}

.banner .forresterw-banner.tsw-banner .featuring-logos {
    margin-bottom: 6px;
    margin-top: -56px
}

.banner .forresterw-banner.tsw-banner i.sf.virtually {
    width: 38px;
    height: 38px
}

.banner .forresterw-banner.tsw-banner i.sf.booth {
    width: 38px;
    height: 38px
}

.banner .forresterw-banner.tsw-banner a.btn {
    padding: 10px 30px;
    text-transform: inherit;
    margin-top: 36px
}

.banner .forresterw-banner.tsw-banner .tsw-before-line img {
    width: 170px
}

.banner .forresterw-banner.tsw-banner .webinar-time-wrapper {
    margin-top: 26px;
    width: 100%
}

.banner .forresterw-banner.tsw-session .webinar-time-wrapper .date-time-container h4 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 3px
}

.banner .forresterw-banner.tsw-session .webinar-time-wrapper h5 {
    font-size: 17px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff
}

.banner .forresterw-banner.tsw-session i.sf.virtually {
    background-image: url(../assets/img/orlando-virtually.svg);
    background-repeat: no-repeat
}

.banner .forresterw-banner.tsw-session i.sf.booth {
    background-image: url(../assets/img/booth-orlando-world.svg);
    background-repeat: no-repeat
}

.banner .forresterw-banner.tsw-session {
    background-image: url(../assets/img/tsw-session-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff
}

.banner .forresterw-banner.first-banner i.sf {
    height: 39px;
    width: 45px !important;
}

.banner .forresterw-banner.g-banner i.sf.cleander-logo {
    background-image: url(../assets/img/cleander-logos.png);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.g-banner i.sf.loc-logo {
    background-image: url(../assets/img/loc-logo.png);
    background-repeat: no-repeat;
    width: 53px;
}

.banner .forresterw-banner.g-banner i.sf.booth-logo {
    background-image: url(../assets/img/booth-logo.png);
    background-repeat: no-repeat;
    width: 61px;
}

.firstslide-right-sec i.sf {
    height: 45px;
    width: 45px;
    display: inline-block;
}

.firstslide-right-sec i.sf.clock-logo {
    background-image: url(../assets/img/clock-icon.png);
    background-repeat: no-repeat;
}

.firstslide-right-sec i.sf.clock-logo.loc-logo {
    background-image: url(../assets/img/loc-logo.png);
    background-repeat: no-repeat;
}

.white-inner-head {
    margin: 0 !important;
}

.banner .forresterw-banner.g-banner.first-banner {
    background: url('../assets/img/first-banner-bg.webp');
    background-position: center;
}

.banner .forresterw-banner.g-banner h5.white-inner-head span {
    color: #fff;
}

.banner .forresterw-banner.g-banner h5.white-inner-head .top-head {
    font-size: 11px;
}

.banner .forresterw-banner.g-banner h5.white-inner-head .bottom-head {
    font-size: 16px;
    font-weight: bold;
}

.banner .forresterw-banner i.sf .banner .forresterw-banner.tsw-session h3 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3rem;
    padding-right: 2rem;
    color: #fff
}

.banner .forresterw-banner.tsw-session .speakers-container.tsw-session strong {
    text-align: left;
    color: #f48b00;
    font-size: 24px
}

.banner .forresterw-banner.tsw-session .speaker-details.col-md-8 h3 {
    font-size: 25px;
    text-align: left;
    margin-bottom: 0
}

.banner .forresterw-banner.tsw-session .speaker-details h4 {
    color: #fff;
    font-size: 15px;
    text-align: left;
    margin-bottom: 2PX
}

.banner .forresterw-banner.tsw-session .speaker-details h5 {
    color: #fff;
    font-size: 15px;
    text-align: left
}

.banner .forresterw-banner.tsw-session .speaker-details {
    padding-left: 0
}

.banner .forresterw-banner.tsw-session .live-session-text h3 {
    font-size: 21px;
    letter-spacing: 10px;
    font-weight: 500;
    color: #f48b00;
    margin-top: 10px;
    margin-bottom: 10px
}

.banner .forresterw-banner.tsw-session .featuring-logos img {
    width: 85%
}

.banner .forresterw-banner.tsw-session .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: -3px;
    left: 59px;
    width: 100%
}

.banner .forresterw-banner.tsw-session .webinar-time-wrapper .date-time-container {
    top: -3px;
    left: 75px
}

.banner .forresterw-banner.tsw-session .speakers-container.tsw-session .row {
    margin-bottom: 20px
}

.banner .forresterw-banner.tsw-session .speaker-details.col-md-8 h5 span {
    font-weight: 700
}

.banner .forresterw-banner.tsw-session .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0;
    margin-left: -21px
}

.banner .forresterw-banner.tsw-session a.btn {
    font-size: 18px;
    padding: 11px 27px;
    font-weight: 700
}

.banner .forresterw-banner.tsw-session a.btn.hover-translate-y-n3.animated-btn:active {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%)
}

.banner .stevie-banner a.btn {
    margin-top: 30px;
    margin-left: 0;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 1.2rem;
    background: #f80;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%);
    border: 0;
    color: #fff
}

.banner .stevie-banner a.btn {
    font-size: 18px;
    padding: 16px 30px;
    font-weight: 700
}

.banner .stevie-banner a.btn.hover-translate-y-n3.animated-btn:active {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f80), to(#ffb300));
    background: -o-linear-gradient(left, #f80 0, #ffb300 100%);
    background: linear-gradient(90deg, #f80 0, #ffb300 100%)
}

.banner .stevie-banner .featuring-logos.d-flex {
    margin-top: -110px
}



.banner .forresterw-banner.aa-webinar .speaker-details h5 {
    color: #f48b00
}

.banner .forresterw-banner.aa-webinar .speakers-container .speaker-details h5 {
    color: #f48b00;
    font-size: 18px
}

.banner .forresterw-banner.aa-webinar .speakers-container .speaker-details h4 {
    color: #072a68
}

.banner .forresterw-banner.aa-webinar a.btn {
    margin-top: 35px
}

.banner .forresterw-banner.aa-webinar .col-12.col-lg-4.speaker-container.d-flex.h-100 {
    padding-right: 0;
    padding-left: 40px
}

.banner .forresterw-banner.aa-webinar .speakers-container .aa-title {
    background: #072a68;
    color: #fff;
    padding: 8px;
    width: 263px;
    float: right;
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px
}

.banner .forresterw-banner.aa-webinar .col-lg-8 .sub-heading-kcs {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 500
}

.banner .forresterw-banner.aa-webinar .col-lg-8 h2 {
    font-size: 46px;
    font-weight: 700;
    line-height: 50px
}

.banner .forresterw-banner.aa-webinar .speaker-image.speaker-1 {
    margin-top: -6px
}

.banner .tsia-sep-banner .live-webinar-appinium {
    float: right;
    width: 200px;
    margin-top: 40px;
    margin-right: 16px
}

.banner .forresterw-banner.clocktower-banner .col-lg-8 h2 {
    font-size: 46px;
    font-weight: 800
}

.banner .forresterw-banner.clocktower-banner .webinar-time-wrapper h5 {
    font-size: 20px
}

.banner .forresterw-banner.clocktower-banner .webinar-time-wrapper {
    width: 86%
}

.banner .forresterw-banner.clocktower-banner .speakers-container .aa-title {
    width: 100%;
    background: 0 0;
    color: #ff8b00;
    font-size: 27px;
    font-weight: 800
}

.banner .forresterw-banner.clocktower-banner .col-12.col-lg-4.speaker-container.d-flex.h-100 {
    padding-right: 0;
    padding-left: 40px
}

.banner .forresterw-banner.clocktower-banner .speaker-image h3 {
    color: #fff
}

.banner .forresterw-banner.clocktower-banner .speakers-container .speaker-details h4 {
    color: #fff;
    font-weight: 500;
    line-height: 10px
}

.banner .forresterw-banner.clocktower-banner .speakers-container .speaker-details h5 {
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.banner .forresterw-banner.clocktower-banner .speakers-container .speaker-details h5 span {
    color: #fff;
    font-weight: 700
}

.banner .forresterw-banner.clocktower-banner .speaker-image.speaker-1 {
    margin-top: 37px
}

.banner .forresterw-banner.clocktower-banner {
    background: #f3f8fc
}

.banner .forresterw-banner.aa-webinar .speaker-container .speaker-warpper {
    background: #fff
}

.banner .forresterw-banner.clocktower-banner .speaker-container .speaker-warpper {
    background: #204097
}

.banner .forresterw-banner.clocktower-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: -59px
}

.banner .forresterw-banner.clocktower-banner img.clocktower-pattern-first {
    width: 203px;
    top: 0;
    position: absolute;
    left: 48%
}

.banner .forresterw-banner.clocktower-banner img.clocktower-pattern-second {
    width: 200px;
    position: absolute;
    bottom: 78px;
    left: 34%
}

.banner .community-refocus.mamba.colubridae-banner.image-only {
    background-image: url(../assets/img/colubridae-banner-22.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-color: #010c26
}



.banner .su-catalynk i.sf.calender {
    background-image: url(../assets/img/date-swarming.svg);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: block
}

.banner .su-catalynk i.sf.time {
    background-image: url(../assets/img/time-swarming.svg);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: block
}

.banner .su-catalynk .speaker-inner h5 {
    text-align: left;
    color: #0079a0;
    font-weight: 700
}

.banner .su-catalynk .speaker-inner h5 span {
    color: #ffa700
}

.banner .su-catalynk .speaker-inner p {
    text-align: left;
    color: #0079a0;
    margin-bottom: 5px;
    font-weight: 600
}

.banner .su-catalynk h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #ffa700;
    text-transform: uppercase;
    letter-spacing: 5px
}

.banner .su-catalynk .webinar-time-wrapper .row .col-6 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.banner .su-catalynk .webinar-time-wrapper .date-time-container {
    margin-left: 15px
}

.banner .su-catalynk .webinar-time-wrapper .date-time-container.date:after {
    content: "";
    height: 44px;
    width: 2px;
    background-color: #318aac;
    position: absolute;
    right: -63px;
    top: 6px
}

.banner .su-catalynk .webinar-time-wrapper .row .col-6.time {
    margin-left: -33px
}

.banner .su-catalynk .catalynk-bg-color {
    background: #fff;
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 25px;
    -webkit-box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%)
}

.banner .su-catalynk .webinar-time-wrapper {
    background-color: transparent;
    padding: 25px 0 8px 27px;
    margin-top: 0
}

.banner .su-catalynk .row.tfes.mb-25 {
    padding: 10px 0 28px 40px
}

.banner .su-catalynk .row.speaker-row {
    margin-left: -45px
}

.banner .su-catalynk .row.catalynk-bg-row {
    background: #fff
}

.banner .su-catalynk .featuring-logos img {
    width: 22%
}

.banner .su-catalynk .live-webinar-appinium {
    margin-right: 7px;
    margin-top: 32px
}

.banner .su-catalynk img.live-web-catalynk {
    background: #1379a0;
    padding: 10px 15px 10px 15px
}

.banner .su-catalynk .featuring-logos {
    margin-bottom: 15px;
    margin-top: 15px
}

.banner .su-catalynk {
    background-image: url(../assets/img/swarming-banner-bg.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -80px;
    background-size: contain;
    background-color: #f3fdff;
    padding-bottom: 50px;
    overflow: hidden
}

.banner .su-catalynk h2 {
    font-size: 50px;
    font-weight: 500;
    line-height: 3.5rem;
    margin-top: 25px;
    margin-bottom: 0
}

.banner .su-catalynk a.btn {
    margin-top: 10px;
    margin-left: -73px;
    border-radius: 2px;
    padding: 15px 40px;
    text-transform: none;
    font-size: 1.2rem;
    text-transform: uppercase
}

.banner .su-catalynk .webinar-time-wrapper h5 {
    font-size: 20px;
    color: #0079a0;
    font-weight: 700
}

.banner .su-catalynk .webinar-time-wrapper p {
    font-size: 19px;
    color: #0079a0
}

.banner .su-catalynk .row.container-row .container .col-8 {
    margin-left: -25px
}

.banner .su-catalynk h3:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #ffa700;
    top: 13px;
    width: 720px;
    margin-left: 15px
}

.banner .su-catalynk h2 span {
    font-weight: 600
}

.banner .su-catalynk .row.mb-speaks {
    margin-bottom: 5px
}

.banner .carousel-item.user-meet-banner {
    background-image: url(../assets/img/user-meet-bg-v1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    background-color: #1f8ae7
}

.banner .user-meet-banner img.brightree-logo {
    margin: 0 auto
}

.banner .user-meet-banner h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.banner .user-meet-banner h2:before {
    content: "";
    height: 3px;
    width: 70px;
    position: absolute;
    background-color: #fff;
    top: 5px;
    right: 535px
}

.banner .user-meet-banner h3 {
    font-size: 35px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center
}

.banner .user-meet-banner img.brightree-logo {
    bottom: 63px;
    margin: 0 auto;
    position: relative;
    width: 240px
}

.banner .user-meet-banner i.sf.calender {
    background-image: url(../assets/img/date-swarming.svg);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: block
}

.banner .user-meet-banner i.sf.time {
    background-image: url(../assets/img/time-swarming.svg);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: block
}

.banner .user-meet-banner .webinar-time-wrapper .row .col-6 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.banner .user-meet-banner .webinar-time-wrapper .date-time-container {
    margin-left: 15px
}

.banner .user-meet-banner .webinar-time-wrapper h5 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

.banner .user-meet-banner .webinar-time-wrapper p {
    font-size: 19px;
    color: #fff
}

.banner .user-meet-banner .webinar-time-wrapper .date-time-container.date:after {
    content: "";
    height: 44px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    right: 27px;
    top: 6px
}

.banner .user-meet-banner .col-12.date-time-container {
    padding-left: 331px;
    padding-right: 241px
}

.banner .user-meet-banner a.btn {
    margin-top: 0;
    margin-left: 0;
    border-radius: 2px;
    padding: 12px 26px;
    text-transform: uppercase;
    font-size: 1.2rem
}

.banner .user-meet-banner .user-meet-btn {
    margin: o auto;
    text-align: center;
    margin-top: 30px
}

.banner .forresterw-banner.ccw-sep h3 {
    font-size: 18px;
    letter-spacing: 4px
}

.banner .forresterw-banner.ccw-sep h2 span {
    color: #f48a00;
    font-size: 45px;
    font-weight: 800;
    letter-spacing: 1px
}

.banner .forresterw-banner.ccw-sep h2 {
    font-size: 46px;
    font-weight: 600;
    line-height: 56px
}

.banner .forresterw-banner.ccw-sep .speaker-2 .speaker-details h3 {
    font-size: 28px;
    letter-spacing: 0;
    color: #1d2551;
    font-weight: 700;
    text-transform: capitalize
}

.banner .forresterw-banner.ccw-sep .speaker-image h4 {
    margin-top: 4px;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 4px;
    color: #566580;
    letter-spacing: 0
}

.banner .forresterw-banner.ccw-sep .speaker-2 .speaker-details h5 {
    font-weight: 700;
    margin-bottom: 24px;
    font-size: 22px;
    color: orange;
    letter-spacing: 0
}

.banner .forresterw-banner.ccw-sep .speakers-container strong {
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 16px;
    display: block;
    background: #1d2551;
    color: #fff;
    position: relative;
    left: 180px;
    width: 170px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px
}

.banner .forresterw-banner.ccw-sep .webinar-time-wrapper h5 {
    text-transform: unset
}

.banner .forresterw-banner.ccw-sep {
    background-image: url(../assets/img/su-ccw-bg-v2.jpg)
}

.banner .forresterw-banner.ccw-sep .speaker-image img {
    width: 85%
}

.banner .forresterw-banner.ccw-sep .featuring-logos img {
    margin-left: -4px
}

.banner .forresterw-banner.dreamforce-banner {
    background-image: url(../assets/img/su-dreamforce-bg-v1.jpg);
    background-position-y: 0;
    background-position-x: right
}

.banner .forresterw-banner.dreamforce-banner i.sf.calendar {
    background-image: url(../assets/img/su-dreamforce-date.svg)
}

.banner .forresterw-banner.dreamforce-banner i.sf.map {
    background-image: url(../assets/img/su-dreamforce-location.svg);
    background-repeat: no-repeat
}

.banner .forresterw-banner.dreamforce-banner {
    color: #fff
}

.banner .forresterw-banner.dreamforce-banner .featuring-logos {
    margin-bottom: 55px;
    margin-top: -50px
}

.banner .forresterw-banner.dreamforce-banner h2 {
    font-weight: 700;
    font-size: 45px;
    line-height: 55px
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper h5 {
    margin-bottom: -8px;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .date-time-container.date h5:after {
    content: "";
    height: 29px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    right: -30px;
    top: 0
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 42px;
    padding-top: 0;
    margin-left: -103px;
    width: 100%
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 90px;
    top: 8px
}

.banner .forresterw-banner.dreamforce-banner a.btn {
    margin-top: 35px;
    font-size: 1.4rem;
    border-radius: 0;
    padding: 12px 30px
}

.banner .forresterw-banner.dreamforce-banner a.btn img.tsia-logo {
    width: 9px;
    margin-left: 15px;
    margin-bottom: 6px
}

.banner .forresterw-banner.dreamforce-banner .featuring-logos img {
    width: 50%
}



.banner .forresterw-banner.tsia-banner {
    color: #1d2551;
    background-image: url(../assets/img/su-tsia-world-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: -188px
}

.banner .forresterw-banner.tsia-banner h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 58px;
    margin-top: 25px
}

.banner .forresterw-banner.tsia-banner h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 400
}

.banner .forresterw-banner.tsia-banner h2 span {
    color: #f48b00
}

.banner .forresterw-banner.tsia-banner .featuring-logos img {
    width: 50%
}

.banner .forresterw-banner.tsia-banner i.sf.calendar {
    background-image: url(../assets/img/su-tsia-calender.svg)
}

.banner .forresterw-banner.tsia-banner i.sf.booth {
    background-image: url(../assets/img/su-tsia-booth.svg);
    top: 3px;
    position: relative
}

.banner .forresterw-banner.tsia-banner .webinar-time-wrapper h5 {
    margin-bottom: -8px;
    font-size: 20px;
    font-weight: 400;
    text-transform: inherit;
    color: #fff
}

.banner .forresterw-banner.tsia-banner .col-12.calendar-col {
    margin-bottom: 15px;
    margin-top: 20px
}

.banner .forresterw-banner.tsia-banner a.btn {
    margin-top: 0;
    padding: 7px 28px;
    text-transform: capitalize;
    font-weight: 700
}

.banner .kcs-banner.su-tsia-banner .bgg-white {
    background-color: #f2f6f9;
    color: #0a1574
}

.banner .kcs-banner.su-tsia-banner .speaker-container h5 {
    color: #4e5768
}

.banner .kcs-banner.su-tsia-banner .speaker-container h5 span {
    color: #f48b00;
    font-weight: 700;
    font-size: 16px
}

.banner .kcs-banner.su-tsia-banner .webinar-time-wrapper .time-wrapper-left {
    border-right: none
}

.banner .kcs-banner.su-tsia-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: 0;
    margin-top: 15px
}

.banner .kcs-banner.su-tsia-banner .webinar-time-wrapper .time-wrapper-left {
    border-right: none;
    max-width: 100%
}

.banner .kcs-banner.su-tsia-banner {
    background-image: url(../assets/img/su-tsia-banner-bg-v1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.banner .kcs-banner.su-tsia-banner .speaker-container {
    margin-top: 0
}

.banner .kcs-banner.su-tsia-banner .speakers-row h3 {
    font-size: 17px;
    color: #000b6e;
    text-align: right
}

.banner .kcs-banner.su-tsia-banner .speakers-row h4 {
    top: 26px
}

.banner .kcs-banner.su-tsia-banner .speakers-row h4.speaker-title {
    top: 21px
}

.banner .kcs-banner.su-tsia-banner .speakers-container {
    margin-top: 50px
}

.banner .kcs-banner.su-tsia-banner .webinar-time-wrapper {
    margin-bottom: 30px;
    width: 100%
}

.banner .kcs-banner.su-tsia-banner .webinar-time-wrapper span {
    left: 76px;
    top: 12px;
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 22px
}

.banner .kcs-banner.su-tsia-banner h5.sep-h5 {
    margin-left: 7px
}

.banner .kcs-banner.su-tsia-banner .speaker-col h5 {
    margin-left: 0;
    color: #53637c;
    text-align: right
}

.banner .kcs-banner.su-tsia-banner .speakers-container-col {
    margin-left: -16px
}

.banner .kcs-banner.su-tsia-banner .speakers-row h4 {
    font-size: 20px;
    text-align: right;
    width: 100%;
    margin-left: 34px
}

.banner .forresterw-banner.tsia-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: -10px
}

.banner .forresterw-banner.product-launch {
    background-color: #020202;
    color: #ffffff;
    background-image: url(../assets/img/su-product-launch-bg-v6.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: left;
}

.banner .forresterw-banner.product-launch img.innovate-logo-su {
    width: 40%;
}

.banner .forresterw-banner.product-launch .container {
    max-width: 1400px;
}

.banner .forresterw-banner.product-launch .su-innovate-col {
    margin-top: -120px;
}

.banner .forresterw-banner.product-launch img.innovate-circle-1 {
    position: absolute;
    top: -20px;
    left: -40px;
    width: 100px;
    z-index: -1;
}

.banner .forresterw-banner.product-launch img.innovate-circle-2 {
    position: absolute;
    bottom: -25px;
    right: 380px;
    width: 180px;
}

.banner .forresterw-banner.product-launch .featuring-logos img {
    width: 38%;
}

.banner .forresterw-banner.product-launch .innovate-logo {
    width: 88%;
    margin-top: 50px;
    margin-bottom: 24px;
}

.banner .forresterw-banner.product-launch .featuring-logos::after {
    content: "";
    height: 6px;
    width: 250px;
    display: block;
    background: #ffffff;
    margin: 16px auto;
}

.banner .forresterw-banner.product-launch .webinar-time-wrapper {
    width: 100%;
    margin: 40px auto;
}

.banner .forresterw-banner.product-launch .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 62px;
    top: 8px;
}

.banner .forresterw-banner.product-launch .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0px;
    padding-top: 0;
    margin-left: -126px;
}

.banner .forresterw-banner.product-launch a.btn {
    margin-top: 0;
    text-transform: none;
    padding: 10px 20px;
}

.banner .forresterw-banner.product-launch h3 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.6rem;
    padding-right: 0px;
}

.banner .forresterw-banner.product-launch h2 {
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 5rem;
    display: inline-block;
}

.banner .forresterw-banner.product-launch .sub-title-wrap {
    position: relative;
}

.banner .forresterw-banner.product-launch p {
    position: absolute;
    left: 190px;
    top: 22px;
    font-size: 16px;
    line-height: 20px;
}

.carousel-item.g2-banner.sr-banner .btn {
    margin-top: 0
}

.carousel-item.kcs-banner.ti-webinar .webinar-time-wrapper .time-wrapper-left {
    border: none
}

.carousel-item.kcs-banner.ti-webinar .speakers-row .last-speaker {
    margin-left: 100px
}

.carousel-item.kcs-banner.ti-webinar .live-webinar-container {
    padding: 0 0 20px 0
}

.carousel-item.kcs-banner.ti-webinar .brightree-logo.d-flex {
    margin-bottom: 22px
}

.banner .kcs-banner.ti-webinar .speaker-container {
    margin-top: -11.2rem
}

.banner .kcs-banner.ti-webinar .webinar-time-wrapper {
    margin-top: 25px
}

.banner .kcs-banner.su-tsia-banner .col-md-4.bgg-white {
    background: #f8fdff;
    padding-bottom: 130px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 10px;
    height: 110%
}

.banner .kcs-banner.su-tsia-banner .speaker.row img {
    width: 115px;
    margin-left: 15px
}

.banner .kcs-banner.su-tsia-banner .speakers-row .last-speaker .speakers-container.row {
    margin-top: 0
}

.banner .kcs-banner.su-tsia-banner .brightree-logo.d-flex {
    margin-bottom: 20px
}

.banner .kcs-banner.su-tsia-banner .live-webinar-container img {
    width: 233px;
    margin-bottom: 15px
}

.banner .kcs-banner.su-tsia-banner .logos-row {
    margin-top: -128px;
    border: 0
}

.banner .kcs-banner.su-tsia-banner .speakers-row.multi-panelist {
    margin-right: 24px;
    margin-top: 10px
}

.banner .kcs-banner.su-tsia-banner .col-12.speaker-col.practicia {
    margin-top: -30px
}

.banner .tsw-aa-banner img.tsia-logo-arrow {
    width: 9px;
    margin-left: 12px;
    margin-bottom: 3px;
}

.banner .tsw-aa-banner a.btn {
    padding: 8px 18px;
    font-size: 20px;
    margin-top: 40px;
    text-transform: capitalize;
}

.banner .tsw-aa-banner {
    background-color: #0f1b4d;
    background-image: none;
    color: #ffffff;
}

.banner .tsw-aa-banner .featuring-logos img {
    width: 100%;
}

.banner .tsw-aa-banner .live-webinar-container img.brightree-logo {
    width: 300px;
    height: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.banner .tsw-aa-banner h2 {
    font-size: 29px;
    font-weight: 500;
    line-height: 2.6rem;
}

.banner .tsw-aa-banner h3 {
    font-size: 29px;
    margin-bottom: 0px;
}

.banner .tsw-aa-banner h5.light-fonts {
    margin-top: 10px;
    font-weight: 400;
}

.banner .tsw-aa-banner .webinar-time-wrapper h5 {
    font-size: 22px;
}

.banner .tsw-aa-banner i.sf {
    width: 55px;
    height: 55px;
}

.banner .tsw-aa-banner i.sf.clock {
    background-image: url(../assets/img/tsw-aa-time.svg);
}

.banner .tsw-aa-banner .webinar-time-wrapper .date-time-container {
    left: 90px;
    top: 4px;
}

.banner .tsw-aa-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 175px;
    top: 4px;
}

.banner .tsw-aa-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 100px;
}

.banner .tsw-aa-banner .webinar-time-wrapper {
    margin-top: 25px;
}

.shape-tsw-aa img {
    margin-top: -150px;
    width: 90%;
}

.banner .forresterw-banner.community-refocus {
    background-image: url(../assets/img/community-refocus-bg-v2.jpg);
    background-position-y: unset;
}

.banner .forresterw-banner.community-refocus .featuring-logos img {
    width: 85%;
}

.banner .forresterw-banner.community-refocus .featuring-logos {
    margin-bottom: 0px;
    margin-top: -50px;
}

.banner .forresterw-banner.community-refocus img.community-refocus-logo {
    width: 100%;
}

.banner .forresterw-banner.community-refocus .community-refocus-logo-container {
    margin-top: 60px;
}

.banner .forresterw-banner.community-refocus h2 {
    color: #ffffff;
    font-weight: 500;
    font-size: 30px;
    margin-top: 20px;
}

.banner .forresterw-banner.community-refocus .webinar-time-wrapper {
    width: 94%;
    margin-top: 30px;
}

.banner .forresterw-banner.community-refocus .webinar-time-wrapper .time-wrapper-right:before {
    display: none;
}

.banner .forresterw-banner.community-refocus .webinar-time-wrapper h5 {
    font-size: 22px;
    text-transform: capitalize;
}

.banner .forresterw-banner.community-refocus i.sf.calendar,
.banner .forresterw-banner.community-refocus i.sf.clock {
    width: 40px;
    height: 40px;
}

.banner .forresterw-banner.community-refocus a.btn {
    margin-top: 40px;
    padding: 14px 35px;
    font-size: 22px;
}

.banner .forresterw-banner.su-g2-banner {
    background-image: url(../assets/img/g2-fall-ladder-bg-v1.jpg);
    color: #ffffff;
    background-position-y: unset;
}

.banner .forresterw-banner.su-g2-banner .featuring-logos img {
    width: 8%;
    margin-left: 7px;
}

.banner .forresterw-banner.su-g2-banner h2.colered_text {
    color: #f38a00;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.banner .forresterw-banner.su-g2-banner h2.ten-quarter {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.banner .forresterw-banner.su-g2-banner a.btn {
    padding: 11px 45px;
    font-size: 22px;
}

.banner .forresterw-banner.su-g2-banner i.sf.clock {
    background-image: url(../assets/img/gi-su-time.svg);
}

.banner .forresterw-banner.srefocus-banner {
    color: #ffffff;
    background-image: url(../assets/img/s-refocus-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
    background-position-x: center;
}

.banner .forresterw-banner.srefocus-banner i.sf.clock {
    background-image: url(../assets/img/sr-time-icon.svg)
}

.banner .forresterw-banner.srefocus-banner i.sf.calendar {
    background-image: url(../assets/img/sr-date-icon.svg)
}

.banner .forresterw-banner.srefocus-banner h5 {
    color: #f48b00;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
}

.banner .forresterw-banner.srefocus-banner .featuring-logos img {
    width: 70%;
    margin-bottom: 20px;
}

.banner .forresterw-banner.srefocus-banner .featuring-logos {
    margin-bottom: 10px;
    margin-top: -74px;
}

.banner .forresterw-banner.srefocus-banner img.support-logo {
    width: 80%;
    margin-bottom: 15px;
}

.banner .forresterw-banner.srefocus-banner h3 {
    font-size: 23px;
    font-weight: 600;
    line-height: 2rem;
}

.banner .forresterw-banner.srefocus-banner .webinar-time-wrapper h5 {
    color: #ffffff;
    letter-spacing: 0px;
    font-size: 20px;
    font-weight: 500;
}

.banner .forresterw-banner.srefocus-banner .date-time-container.date h5 {
    text-transform: capitalize;
}

.banner .forresterw-banner.srefocus-banner .webinar-time-wrapper {
    width: 92%;
    margin-top: 20px;
}

.banner .forresterw-banner.srefocus-banner a.btn {
    margin-top: 30px;
    border-radius: 2px;
    padding: 10px 35px;
}

.banner .forresterw-banner.khoros-banner img.khoros-cta {
    width: 35%;
    margin-top: 50px;
}

.banner .forresterw-banner.khoros-banner .speaker-image-left img {
    width: 100px;
    height: 100px;
}

.banner .forresterw-banner.khoros-banner i.sf.virtually {
    background-image: url(../assets/img/khoros-date-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 52px;
}

.banner .forresterw-banner.khoros-banner i.sf.clock {
    background-image: url(../assets/img/khoros-time-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 52px;
    height: 52px;
}

.banner .forresterw-banner.khoros-banner {
    background-image: url(../assets/img/khoros-banner-bg.jpg);
}

.banner .forresterw-banner.khoros-banner .featuring-logos img {
    width: 75%;
}

.banner .forresterw-banner.khoros-banner .live-session-text h3 {
    font-size: 20px;
    letter-spacing: 5px;
    font-weight: 700;
    color: #f48b00;
    margin-top: 15px;
    margin-bottom: 15px;
}

.banner .forresterw-banner.khoros-banner .live-session-text h3 span img {
    width: 14px;
    margin-right: 13px;
    margin-top: -2px;
}

.banner .forresterw-banner.khoros-banner h3.title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 60px;
    color: #fff;
}

.banner .forresterw-banner.khoros-banner .webinar-time-wrapper {
    width: 100%;
    margin-top: 35px;
}

.banner .forresterw-banner.khoros-banner .webinar-time-wrapper .date-time-container h4 {
    font-size: 22px;
    font-weight: 700;
}

.banner .forresterw-banner.khoros-banner .webinar-time-wrapper h5 {
    font-size: 20px;
    font-weight: 500;
    color: #d0d6e6;
}

.banner .forresterw-banner.khoros-banner .webinar-time-wrapper .date-time-container {
    top: 4px;
    left: 80px;
}

.banner .forresterw-banner.khoros-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 2px;
    left: 67px;
}

.banner .forresterw-banner.khoros-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: -85px;
}

.banner .forresterw-banner.khoros-banner .speakers-container.tsw-session strong {
    text-align: left;
    color: #f48b00;
    font-size: 25px;
    font-weight: 700;
    margin-right: -15px;
    margin-bottom: 35px;
}

.banner .forresterw-banner.khoros-banner .speaker-details h3 {
    color: #f48b00;
    font-size: 24px;
    margin-bottom: -6px;
}

.banner .forresterw-banner.khoros-banner .speaker-details {
    margin-top: -5px;
}

.banner .forresterw-banner.khoros-banner .row.erica-kuhl {
    margin-top: 35px;
}

.banner .forresterw-banner.khoros-banner .speaker-details h4 {
    margin-bottom: 6px;
    font-size: 18px;
}

.banner .forresterw-banner.khoros-banner .speaker-container {
    width: 100%;
    border-left: 2px solid #98cae5;
    background-image: url(../assets/img/bg-speaker.png);
    background-repeat: repeat-y;
}

.banner .forresterw-banner.khoros-banner .speaker-container .speaker-warpper {
    width: 100%;
}

.banner .forresterw-banner.khoros-banner .featuring-logos {
    margin-bottom: 4px;
    margin-top: -126px;
}

.banner .forresterw-banner.khoros-banner .speakers-container {
    text-align: left;
}

.banner .forresterw-banner.khoros-banner .speakers-container.tsw-session {
    margin-left: 60px;
}

.banner .forresterw-banner.khoros-banner .speaker-details {
    padding-left: 17px;
}

.banner .forresterw-banner.khoros-banner .speaker-details h5 {
    color: #fff;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
}

.banner .forresterw-banner.khoros-banner .speakers-container.tsw-session {
    margin-top: 60px;
}

.banner .forresterw-banner.khoros-banner .featuring-logos {
    margin-top: -90px;
}

.banner .forresterw-banner.khoros-banner .speakers-container.tsw-session .row {
    margin-bottom: 5px;
}

.banner .forresterw-banner.su-g2-banner-2023 {
    background-image: url(../assets/img/g2-banner-bg-spring-2023-v3.jpg);
}

.banner .forresterw-banner.su-g2-summer-2023 {
    background-image: url(../assets/img/g2-summer-bg.jpg);
}

.banner .forresterw-banner.su-g2-summer-2023 h3 {
    font-size: 2.2rem;
    padding-right: 0px;
}

.banner .forresterw-banner.su-g2-summer-2023 h2 {
    font-size: 24px;
    font-weight: 500;
}

.banner .forresterw-banner.su-g2-summer-2023 a.btn {
    margin-top: 10px;
    border-radius: 4px;
    padding: 13px 48px;
    font-size: 16px;
}

.banner .forresterw-banner.su-g2-summer-2023 h2.colered_text {
    margin-top: 20px;
}

.banner .forresterw-banner.su-g2-summer-2023 .featuring-logos {
    margin-top: -14px;
}

.banner .forresterw-banner.su-g2-banner-2023 h2 {
    font-size: 26px;
    font-weight: 500;
}

.banner .forresterw-banner.su-g2-banner-2023 a.btn {
    margin-top: 12px;
    padding: 14px 45px;
    border-radius: 4px;
}

.banner .forresterw-banner.su-g2-banner-2023 .featuring-logos {
    margin-left: -4px;
}

.cookie_not_set .banner .forresterw-banner.su-g2-banner-2023 h2.colered_text {
    margin-top: 25px;
    margin-bottom: 18px;
}

.banner .community-refocus.mamba.image-only .webinar-title {
    margin-top: -100px;
}

.banner .community-refocus.mamba.image-only a.btn {
    padding: 16px 40px;
    color: #ffffff;
}

.banner .forresterw-banner.su-free-trial-banner {
    color: #0b2c8d;
    background-image: url(../assets/img/ft-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}

.banner .forresterw-banner.su-free-trial-banner h2 {
    font-size: 52px;
    line-height: 58px;
    color: #0b2c8d;
    font-weight: 700;
}

.banner .forresterw-banner.su-free-trial-banner h2 span {
    color: #f48b00;
}

.banner .forresterw-banner.su-free-trial-banner img {
    width: 382px;
}

.banner .forresterw-banner.su-free-trial-banner h5 {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 600;
}

.banner .forresterw-banner.su-free-trial-banner h5 span {
    color: #f48b00;
}

.banner .forresterw-banner.su-free-trial-banner a.btn {
    text-transform: capitalize;
    padding: 14px 38px;
    font-size: 26px;
}

.banner .forresterw-banner.su-free-trial-banner .container.forresterw-banner-wrapper {
    padding-top: 62px;
}

.banner .forresterw-banner.su-free-trial-banner h2 {
    margin-top: 54px;
}

.banner .forresterw-banner.chatgpt-banner {
    color: #ffffff;
    background-image: url(../assets/img/chatgpt-bg-v6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -6px;
    background-position-x: center;
}

.banner .forresterw-banner.chatgpt-banner .featuring-logos img {
    width: 42%;
}

.banner .forresterw-banner.chatgpt-banner .featuring-logos {
    margin-bottom: 4px;
    margin-top: -94px;
}

.banner .forresterw-banner.chatgpt-banner h2.colered_text {
    font-size: 22px;
    color: #3382f9;
    font-weight: 700;
    margin-top: -180px;
    margin-bottom: 16px;
}

.banner .forresterw-banner.chatgpt-banner h2 span img {
    width: 22px;
    margin-right: 10px;
}

.banner .forresterw-banner.chatgpt-banner h3 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding-right: 0;
    margin-top: 16px;
}

.banner .forresterw-banner.chatgpt-banner h5 {
    font-weight: 400;
    margin-bottom: 26px;
    font-size: 21px;
    margin-top: 18px;
}

.banner .forresterw-banner.chatgpt-banner i.sf.clock {
    background-image: url(../assets/img/chatgpt-time.svg);
}

.banner .forresterw-banner.chatgpt-banner i.sf.virtually {
    background-image: url(../assets/img/chatgpt-date.svg);
}

.banner .forresterw-banner.chatgpt-banner .webinar-time-wrapper {
    width: 70%;
    margin-top: 28px;
}

.banner .forresterw-banner.chatgpt-banner img.chatgpt-cta {
    width: 268px;
    margin-top: 30px;
}

.banner .forresterw-banner.chatgpt-banner .speakers-container {
    margin-top: 22px;
    text-align: right;
}

.banner .forresterw-banner.chatgpt-banner .speakers-container strong {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
    display: block;
    color: #f48b00;
}

.banner .forresterw-banner.chatgpt-banner .speakers-container h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #3382f9;
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 38px;
}

.banner .forresterw-banner.chatgpt-banner .speakers-container h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.banner .forresterw-banner.chatgpt-banner .speakers-container h5 span {
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 0;
}

.banner .forresterw-banner.chatgpt-banner .speaker-details.second-speaker {
    margin-left: -108px;
}

.banner .forresterw-banner.chatgpt-banner .speakers-container img.second-speaker {
    width: 264px;
}

.banner .forresterw-banner.chatgpt-banner .container {
    max-width: 1300px;
}

.banner .forresterw-banner.chatgpt-banner .speakers-container img.first-speaker {
    width: 264px;
    margin-top: 91px;
    margin-right: -22px;
}

.banner .forresterw-banner.chatgpt-banner .arrow {
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    margin-left: 10px;
}

.banner .forresterw-banner.chatgpt-banner .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.banner .forresterw-banner.chatgpt-banner a.btn {
    font-size: 18px;
    padding: 10px 16px;
    margin-top: 6px;
    border-radius: 0;
    text-transform: capitalize;
}

.banner .forresterw-banner.chatgpt-banner .webinar-time-wrapper .date-time-container h4 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.banner .forresterw-banner.mf-2023 {
    color: #ffffff;
    background-image: url(../assets/img/mf-2023-banner-bg-v3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
    background-position-x: center;
}

.banner .forresterw-banner.mf-2023 h3 {
    font-size: 23px;
    font-weight: 500;
    line-height: 3rem;
    padding-right: 0;
    margin-bottom: 30px;
    margin-top: -64px;
}

.banner .forresterw-banner.mf-2023 h5 {
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 24px;
}

.banner .forresterw-banner.mf-2023 .webinar-time-wrapper .date-time-container h4 {
    font-size: 18px;
    font-weight: 400;
}

.banner .forresterw-banner.mf-2023 .mf-btn {
    margin-top: 20px;
}

.banner .forresterw-banner.mf-2023 i.sf.virtually {
    background-image: url(../assets/img/calendar-icon-2023.png);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.mf-2023 i.sf.clock {
    background-image: url(../assets/img/clock-icon-2023.png);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.mf-2023 .webinar-time-wrapper .date-time-container {
    left: 48px;
    top: 2px;
}

.banner .forresterw-banner.mf-2023 .webinar-time-wrapper .time-wrapper-right .date-time-container {
    left: 60px;
    top: 2px;
}

.banner .forresterw-banner.mf-2023 .container,
.banner .forresterw-banner.aa-banner .container {
    max-width: 1400px;
    padding: 0 32px;
}

.banner .forresterw-banner.aa-banner.llm h3 {
    padding: 0 130px;
}

.banner .forresterw-banner.aa-banner.llm h4 {
    text-transform: uppercase;
    margin-top: -170px;
    margin-bottom: 44px
}

.banner .forresterw-banner.aa-banner.llm .featuring-logos img {
    width: 24%;
}

.banner .forresterw-banner.aa-banner h3 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.8rem;
    padding-right: 0;
    color: #000000;
}

.banner .forresterw-banner.aa-banner .left-aa-su img {
    max-width: 76%;
    margin-top: 124px;
}

.banner .forresterw-banner.aa-banner .featuring-logos {
    margin-bottom: 20px;
    margin-top: -90px;
}

.banner .forresterw-banner.aa-banner .btn-aa-case-study {
    margin-top: 30px;
}

.banner .forresterw-banner.aa-banner {
    background-image: url(../assets/img/su-aa-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
    background-position-x: center;
}

.banner .forresterw-banner.aa-banner .left-aa-su {
    margin-left: 56px;
}

.banner .forresterw-banner.aa-banner a.btn {
    padding: 12px 30px;
}

.banner .forresterw-banner.knowbler-banner .btn-knowbler img {
    width: 190px;
    margin-top: 40px;
}

.banner .forresterw-banner.knowbler-banner {
    background-image: url(../assets/img/knowbler-banner-bg-v4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
    background-position-x: center;
}

.banner .forresterw-banner.knowbler-banner h2 {
    font-size: 42px;
    color: #ffffff;
    font-weight: 700;
    line-height: 68px;
}

.banner .forresterw-banner.knowbler-banner h2 span {
    color: #f48b00;
}

.banner .forresterw-banner.knowbler-banner .featuring-logos img {
    width: 34%;
    margin-bottom: 30px;
}

.banner .forresterw-banner.knowbler-banner .container {
    max-width: 1300px;
}

.banner .forresterw-banner.tsia-world-banner {
    background-image: url(../assets/img/tsia-banner-bg-v1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
    background-position-x: center;
    color: #ffffff;
}

.banner .forresterw-banner.tsia-world-banner h3 span {
    color: #f48b00;
}

.banner .forresterw-banner.tsia-world-banner h4.meet-us {
    font-size: 32px;
    margin-bottom: 20px;
    color: #f48b00;
    margin-top: -60px;
}

.banner .forresterw-banner.tsia-world-banner .featuring-logoss.d-flex img.tsia-logo {
    width: 484px;
}

.banner .forresterw-banner.tsia-world-banner h3 {
    font-size: 30px;
    padding-right: 0px;
    margin-top: 26px;
}

.banner .forresterw-banner.tsia-world-banner i.sf.calendar {
    background-image: url(../assets/img/tsia-booth-icon.svg);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.tsia-world-banner i.sf.clock {
    background-image: url(../assets/img/tsia-location-icon.svg);
}

.banner .forresterw-banner.tsia-world-banner a.btn.request-button.animated-btn {
    margin-top: 40px;
    padding: 12px 40px;
}

.banner .forresterw-banner.tsia-world-banner .webinar-time-wrapper .date-time-container h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.banner .forresterw-banner.tsia-world-banner .webinar-time-wrapper {
    width: 86%;
    margin-top: 26px;
}

.banner .forresterw-banner.tsia-world-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: -44px;
}

.banner .forresterw-banner.tsia-world-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 0;
}

.banner .forresterw-banner.tsia-world-banner .webinar-time-wrapper .date-time-container {
    top: 0px;
}

.banner .forresterw-banner.tsia-world-banner .tsia-gifts {
    width: 580px;
    margin-left: -98px;
}

.banner .forresterw-banner.tsia-world-banner .tsia-gifts {
    width: 580px;
    margin-left: -98px;
}

.banner .forresterw-banner.flexera-banner i.sf.virtually {
    background-image: url(../assets/img/flexera-date-icon.svg);
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
}

.banner .forresterw-banner.flexera-banner i.sf.clock {
    background-image: url(../assets/img/flexera-time-icon.svg);
    width: 46px;
    height: 46px;
}

.banner .forresterw-banner.flexera-banner {
    background-image: url(../assets/img/flexrra-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
    background-position-x: center;
    color: #043959;
}

.banner .forresterw-banner.flexera-banner h3 {
    color: #043959;
}

.banner .forresterw-banner.flexera-banner .speaker-details h4 {
    color: #043959;
    font-size: 17px;
}

.banner .forresterw-banner.flexera-banner .speaker-details h5 {
    color: #043959;
    font-size: 17px;
}

.banner .forresterw-banner.flexera-banner .webinar-time-wrapper .date-time-container h4 {
    color: #043959;
    font-size: 24px;
    font-weight: 700;
}

.banner .forresterw-banner.flexera-banner .webinar-time-wrapper .date-time-container h5 {
    color: #043959;
    font-weight: 700;
}

img.flexera-live-webinar {
    width: 256px;
    margin-top: 20px;
    margin-bottom: 26px;
}

.banner .forresterw-banner.flexera-banner .flexera-wy {
    color: #f48b00;
    font-size: 40px;
    font-weight: 700;
}

.banner .forresterw-banner.flexera-banner .speakers-container.tsw-session {
    margin-top: 0px;
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 116px;
}

.banner .forresterw-banner.flexera-banner .image-wrapper {
    margin-left: -76px;
}

.banner .forresterw-banner.flexera-banner .speaker-details {
    margin-left: -30px;
}

.banner .forresterw-banner.flexera-banner .speakers-container.tsw-session strong.head-top {
    text-align: center;
    font-size: 16px;
    position: relative;
    margin-right: 34px;
    letter-spacing: 4px;
    font-weight: 700;
    margin-bottom: 0px;
}


/* banner changes on 03-04-2022 */

.banner .forresterw-banner.ft-works.syntellis-banner.kcs-24 {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-image: unset;
    object-position: bottom;
}

.banner .forresterw-banner.ft-works.syntellis-banner.kcs-24::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 52%;
    background-image: url(../assets/img/kl-banner--bg-v2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.banner .forresterw-banner.ft-works.kcs-24 .featuring-logos img {
    width: 35%;
}

.banner .forresterw-banner.kcs-24.ft-works.syntellis-banner .webinar-time-wrapper {
    margin-top: 60px;
    width: 70%;
}

.banner .forresterw-banner.kcs-24.ft-works .container a img {
    width: 35%;
    margin-top: 20px;
}

@media only screen and (min-width: 1252px) {
    .banner .forresterw-banner.kcs-24 h5 {
        font-size: 28px;
        color: #fff;
    }
}

.banner .forresterw-banner.kcs-24 h5 {
    font-size: 22px !important;
    color: #fff !important;
    font-weight: 700;
}




@media only screen and (max-width: 1292px) {
    .banner .forresterw-banner.kcs-24.ft-works.syntellis-banner h3 {
        font-size: 2.6rem !important;
        font-weight: 700;
    }
}

.banner .forresterw-banner.kcs-24.ft-works.syntellis-banner h3 {
    font-size: 3.6rem;
    color: #ffff !important;
    font-weight: 700;
}

.banner .forresterw-banner.kcs-24.ft-works .speaker-details {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner .forresterw-banner.kcs-24.ft-works .speaker-details h4 {
    text-align: center;
}

.banner .forresterw-banner.kcs-24.ft-works.syntellis-banner .speakers-container .row.align-items-center {
    flex-direction: column;
}

.banner .forresterw-banner.kcs-24 h6 {
    color: #fff !important;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: capitalize;
}

.banner .forresterw-banner.kcs-24.ft-works.syntellis-banner .speaker-container img {
    width: 250px;
}

.banner .forresterw-banner.kcs-24.ft-works.syntellis-banner .featuring-logos {
    margin-top: -55px !important;
    padding-top: 15px;
}

.banner .forresterw-banner.kcs-24.ft-works.syntellis-banner .speakers-container {
    margin-top: 70px !important;
}

@media only screen and (min-width: 1550px) {
    .banner .forresterw-banner.kcs-24.ft-works.syntellis-banner .speakers-container {
        margin-top: -45px;
    }
}

.banner .forresterw-banner.kcs-24.syntellis-banner .speaker-details.col-md-8 h3 {
    font-size: 24px !important;
    color: #000000 !important;
    line-height: 40px;
}

.banner .forresterw-banner.kcs-24.syntellis-banner .speaker-details.col-md-8 h5 span {
    color: #000000;
    font-size: 16px;
}


/* banner changes on 04-04-2022 */

.banner .forresterw-banner.tsia-24 {
    background-image: url(../assets/img/tsia-24-banner-bg.jpg);
    text-align: center;
    background-position-y: 26px;
}

.banner .forresterw-banner.tsia-24 .webinar-time-wrapper {
    margin: 0 auto;
    margin-top: 0;
}

.banner .forresterw-banner.tsia-24 .featuring-logos {
    justify-content: center;
}

.banner .forresterw-banner.tsia-24 .featuring-logos img {
    padding-top: 65px;
    padding-bottom: 0px;
    width: 45%;
}

.banner .forresterw-banner.tsia-24 h3 {
    padding-top: 20px;
    font-size: 3.375rem;
    font-weight: 700;
    line-height: 56px;
    color: #FFFFFF;
    padding-right: 0;
}

@media only screen and (max-width: 1136px) {
    .banner .forresterw-banner.tsia-24 h3 {
        font-size: 2.8rem;
    }

    .banner .forresterw-banner.tsia-24 h5 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 963px) {
    .banner .forresterw-banner.tsia-24 h3 {
        font-size: 2.3rem;
    }

    .banner .forresterw-banner.tsia-24 h5 {
        font-size: 15px;
    }
}

.banner .forresterw-banner.tsia-24 h5 {
    padding-top: 9px;
    font-weight: 400;
    padding-bottom: 4px;
    font-size: 21px;
    color: #F48B00;
}

.banner .forresterw-banner.tsia-24 .webinar-time-wrapper {
    color: #ffff;
    font-size: 24px;
    font-weight: 400;
}

@media only screen and (max-width: 1300px) {
    .banner .forresterw-banner.tsia-24 .webinar-time-wrapper {
        width: 100%;
    }
}

.banner .forresterw-banner.tsia-24 i.sf:before {
    position: absolute;
    content: "";
    width: 50%;
    min-height: 140%;
    left: 0;
    top: -6px;
    background-repeat: no-repeat;
    background-image: url(../assets/img/tsia-24-calandar.svg);
}

.banner .forresterw-banner.tsia-24 .booth i.sf:before {
    background-image: url(../assets/img/tsia-24-location.svg);
}

.banner .forresterw-banner.tsia-24 .set-mg-neg i.sf:before {
    background-image: url(../assets/img/tsia-24-booth.svg);
}

.banner .forresterw-banner.tsia-24 .set-mg-neg {
    margin-left: 0;
}

.banner .forresterw-banner.tsia-24 a.btn,
.banner .forresterw-banner.tsia-24.tsw-banner a.btn {
    margin-top: 58px;
}

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

    .banner .forresterw-banner.tsia-24 a.btn,
    .banner .forresterw-banner.tsia-24.tsw-banner a.btn {
        margin-top: 0px;
    }

    .banner .forresterw-banner.tsia-24 h3 {
        font-size: 1.1rem;
    }

    .banner .forresterw-banner.tsia-24 h5 {
        font-size: 15px;
    }

    .banner .forresterw-banner.tsia-24 .webinar-time-wrapper p {
        color: #ffff;
        font-size: 14px;
        font-weight: 400;
    }

    .header .navbar-nav li .btn-free-trial {
        display: inline-block;
        margin-left: 0 !important;
    }

    .banner .forresterw-banner.css-one-banner .banner-text-col .col-8 {
        max-width: 100%;
    }

    .banner .forresterw-banner.css-one-banner {
        padding-bottom: 60px;
    }

}




.banner .forresterw-banner.su-g2-2024 h3 {
    font-weight: 400;
}

.banner .forresterw-banner.su-g2-2024 h3 span {
    font-weight: 600;
}

.banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 {
    background-image: url(../assets/img/su-g2-2024-su-bg.jpg);
}





.banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 .featuring-logos img {
    width: 45%;
    margin-left: 0px;
}

@media only screen and (max-width:1162px) {
    .banner .forresterw-banner.su-g2-2024 h3 {
        font-size: 1.9rem;
    }

    .banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 h2 {
        font-size: 16px;
    }
}

@media only screen and (max-width:960px) {
    .banner .forresterw-banner.su-g2-2024 h3 {
        font-size: 1.4rem;
    }

    .banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 h2 {
        font-size: 12px;
    }
}

@media only screen and (max-width:767px) {
    .banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 .col-md-5 {
        display: none;
    }
}

.banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 img.g2-right-logo {
    margin-top: 170px;
    width: 72%;
}

.banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 h2 {
    letter-spacing: 8.06px;
    font-weight: 600;
}

.banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 h2.ten-quarter {
    letter-spacing: 0px;
    color: #F48B00;
    font-weight: 400;
}

.banner .forresterw-banner.su-g2-summer-2023.su-g2-2024 a.btn {
    background: transparent linear-gradient(90deg, #FF8800 0%, #FFB300 100%) 0% 0% no-repeat;
    border-radius: 2px;
}

.banner .forresterw-banner.flexera-banner .speakers-container.tsw-session strong.head-top.one {
    margin-right: 58px;
}

.banner .forresterw-banner.flexera-banner .speakers-container.tsw-session .row {
    margin-bottom: 8px;
}

.banner .forresterw-banner.flexera-banner strong.head-top:after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #f48b00;
    width: 8%;
    margin-left: 15px;
    top: 50%;
    margin-top: -2px;
}

.banner .forresterw-banner.flexera-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 38px;
    margin-left: -21px;
    border-left: 2px solid #61a9c461;
}

.banner .forresterw-banner.flexera-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: -3px;
    left: 100px;
    width: 100%;
}

.banner .forresterw-banner.flexera-banner .webinar-time-wrapper .date-time-container {
    top: -3px;
    left: 76px;
}

.banner .forresterw-banner.flexera-banner .webinar-time-wrapper {
    width: 59%;
    margin-top: 30px;
    margin-bottom: 20px;
}

.banner .forresterw-banner.aa-banner.suva {
    background-image: url(../assets/img/suva-banner-bg.jpg);
}

.banner .forresterw-banner.aa-banner.suva h3 {
    color: #ffffff;
}

.banner .forresterw-banner.aa-banner.suva .featuring-logos {
    margin-bottom: 20px;
    margin-top: 22px;
}

.banner .forresterw-banner.aa-banner.suva .featuring-logoss {
    margin-top: -90px;
}

.banner .forresterw-banner.aa-banner.suva .featuring-logoss img {
    width: 370px;
}

.notification-top-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    background: #252a3e;
    text-align: center;
    color: #FFFFFF;
    font-family: sans-serif;
    font-weight: 500;
    font-size: 14px;
    z-index: 1030;
}

.notification-top-bar p {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat';
}

.notification-top-bar p a {
    color: #f48b00;
    font-weight: 700;
    text-decoration: underline;
    margin-left: 1px;
    text-transform: uppercase;
}

.notification-top-bar p span {
    color: #f48b00;
    font-weight: 700;
}

body.Home-page .fixed-top {
    top: 39px !important;
}


/*********** Header page css ***************
.cookies_bar {
    position: fixed;
    top: 0;
    z-index: 1091;
    width: 100%;
}
.notification-top-bar.cookie-sec-active{
  top: 52px;
}
body.Home-page .fixed-top#su-navbar
{
  top: 48px !important;
}
/*********** Header page css ***************/

.banner .forresterw-banner.su-softreview h3 {
    color: #ffffff;
    padding-right: 0px;
}

.banner .forresterw-banner.su-softreview h4 {
    font-size: 21px;
    line-height: 50px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 20px;
}

.banner .forresterw-banner.su-softreview {
    background-image: url(../assets/img/su-softwarereviews-bg.jpg);
    background-position: top;
}

.banner .forresterw-banner.su-softreview .featuring-logos {
    margin-bottom: 28px;
    margin-top: -60px;
}

.banner .forresterw-banner.su-softreview a.btn {
    margin-top: 12px;
}

.banner .forresterw-banner.dreamforce-banner {
    background-image: url(../assets/img/dreamforce-su-bg.jpg);
    background-position: top;
}

.banner .forresterw-banner.dreamforce-banner .cta-dreamforce img {
    width: 25%;
    margin-top: 40px;
}

.banner .forresterw-banner.dreamforce-banner h2 {
    font-size: 38px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 17px;
    font-weight: 600;
    margin-top: 30px;
}

.banner .forresterw-banner.dreamforce-banner i.sf.location {
    background-image: url(../assets/img/location-dreamforce.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper {
    margin-top: 26px;
    width: 100%;
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 30px;
    padding-top: 0;
    margin-left: -28px;
    border-left: 1px solid #f2f4fb;
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right.booths {
    margin-left: 0px;
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper h5 span {
    font-size: 20px;
    font-weight: 500;
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .date-time-container {
    top: 0px;
    left: 56px;
}

.banner .forresterw-banner.dreamforce-banner i.sf.virtually {
    width: 30px;
    height: 30px;
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 0px;
    left: 67px;
    width: 100%;
}

.banner .forresterw-banner.dreamforce-banner .featuring-logos img {
    width: 55%;
}

.banner .forresterw-banner.ft-works .featuring-logos img {
    width: 60%;
}

.banner .forresterw-banner.ft-works .ftworks-live-webinar {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 36%;
}

.banner .forresterw-banner.ft-works h3 {
    font-size: 2.6rem;
    font-weight: 700;
    padding-right: 0rem;
    color: #2c3091;
}

.banner .forresterw-banner.ft-works .webinar-time-wrapper .date-time-container h4 {
    color: #2c3091;
    font-size: 22px;
    font-weight: 700;
}

.banner .forresterw-banner.ft-works {
    background-image: url(../assets/img/ftworks-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff;
}

.banner .forresterw-banner.ft-works i.sf.virtually {
    background-image: url(../assets/img/ftworks-date.svg);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.ft-works i.sf.clock {
    background-image: url(../assets/img/ftworks-time.svg);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.ft-works .speaker-container {
    background: #20288a;
}

.banner .forresterw-banner.ft-works .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0;
    margin-left: 16px;
    margin-top: 20px;
}

.banner .forresterw-banner.ft-works .webinar-time-wrapper .date-time-container {
    top: 9px;
    left: 68px;
}

.banner .forresterw-banner.ft-works .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 9px;
    left: 52px;
}

.banner .forresterw-banner.ft-works .speaker-details.col-md-8 h3 {
    font-size: 22px;
}

.banner .forresterw-banner.ft-works .speaker-details h5 {
    color: #f48b00;
    font-weight: 700;
}

.banner .forresterw-banner.ft-works .speaker-details h4 {
    font-size: 16px;
    margin-bottom: 4PX;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
}

.banner .forresterw-banner.ft-works .speakers-container.tsw-session .row {
    margin-bottom: 28px;
}

.banner .forresterw-banner.ft-works .speakers-container.tsw-session strong {
    text-align: left;
    color: #f48b00;
    font-size: 20px;
    position: absolute;
    margin-top: -41px;
    margin-left: 14px;
}

.banner .forresterw-banner.ft-works .speakers-container.tsw-session strong:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #f48b00;
    top: 16px;
    width: 307px;
    left: 105px;
}

.banner .forresterw-banner.ft-works .speakers-container.tsw-session strong.speak-title {
    text-align: left;
    color: #f48b00;
    font-size: 20px;
    position: absolute;
    margin-top: 0px;
}

.banner .forresterw-banner.ft-works .speakers-container.tsw-session strong.speak-title:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #f48b00;
    top: 16px;
    width: 230px;
    left: 182px;
}

.banner .forresterw-banner.ft-works .speaker-row {
    margin-top: 50px;
}

.banner .forresterw-banner.ft-works .speakers-container {
    margin-top: 109px;
}

.banner .forresterw-banner.ft-works .speaker-details {
    margin-left: 0px;
}

.banner .forresterw-banner.ft-works img.panelist {
    max-width: 78%;
    margin-bottom: 30px;
    text-align: left;
    display: block;
}

.banner .forresterw-banner.ft-works .speaker-image-left .image-wrapper img {
    max-width: 100%;
}

.banner .forresterw-banner.ft-works a.btn {
    font-size: 22px;
    padding: 8px 20px;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 4px;
}

.banner .forresterw-banner.cs-banner {
    background-image: url(../assets/img/beyond-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff;
    color: #182b4e;
}

.banner .forresterw-banner.cs-banner i.sf.virtually {
    background-image: url(../assets/img/cs-calendar.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 46px;
    height: 46px;
}

.banner .forresterw-banner.cs-banner i.sf.clock {
    background-image: url(../assets/img/cs-time.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 46px;
    height: 46px;
    margin-left: 25px;
}

.banner .forresterw-banner.cs-show .featuring-logos img {
    width: 96%;
    margin-left: 0px;
}

.banner .forresterw-banner.cs-show h4 {
    margin-top: 40px;
    font-size: 18px;
    font-weight: 400;
}

.banner .forresterw-banner.cs-show {
    background-image: url(../assets/img/customer-service-bg.jpg);
    color: #ffffff;
    background-position-y: unset;
}

.banner .forresterw-banner.cs-show .right-speaker {
    text-align: center;
}

.banner .forresterw-banner.cs-show .right-speaker h4 {
    font-weight: 600;
}

.banner .forresterw-banner.cs-show .right-speaker img.p-speaker {
    width: 50%;
}

.banner .forresterw-banner.cs-show .right-speaker h4 {
    margin-top: 90px;
    font-size: 22px;
    font-weight: 700;
}

.banner .forresterw-banner.cs-show .right-speaker h4.pl-speaker-title {
    margin-top: 0px;
}

.banner .forresterw-banner.cs-show .right-speaker img.f-speaker {
    width: 70%;
    margin-top: 10px;
    margin-bottom: 26px;
}

.banner .forresterw-banner.cs-show h5 {
    font-size: 13px;
}

.banner .forresterw-banner.cs-show a.btn {
    padding: 11px 26px;
    font-size: 17px;
}

.banner .forresterw-banner.cs-show .container {
    max-width: 1440px;
}

.banner .forresterw-banner.cs-show .right-speaker img.f-speaker {
    width: 70%;
    margin-top: 10px;
    margin-bottom: 26px;
}

.banner .forresterw-banner.cs-banner .speakers-container img {
    max-width: 125px;
}

.banner .forresterw-banner.cs-banner h3 {
    color: #182b4e;
}

.banner .forresterw-banner.cs-banner .live-session-text h3 {
    font-size: 22px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #182b4c;
    margin-top: 34px;
    margin-bottom: 10px;
}

.banner .forresterw-banner.cs-banner .featuring-logos img {
    width: 35%;
}

.banner .forresterw-banner.cs-banner .webinar-time-wrapper .date-time-container h4 {
    color: #182b4e;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 3px;
}

.banner .forresterw-banner.cs-banner .webinar-time-wrapper h5 {
    font-size: 17px;
    font-weight: 700;
    text-transform: capitalize;
    color: #182b4e;
}

.banner .forresterw-banner.cs-banner .speaker-details h5,
.banner .forresterw-banner.cs-banner .speaker-details h4 {
    color: #182b4e;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
}

.banner .forresterw-banner.cs-banner a.btn {
    font-size: 18px;
    padding: 11px 27px;
    font-weight: 700;
    margin-top: 56px;
}

.banner .forresterw-banner.cs-banner .webinar-time-wrapper {
    width: 63%;
    margin-top: 28px;
}

.banner .forresterw-banner.cs-banner .speakers-container .row {
    margin-left: -92px;
}

.banner .forresterw-banner.cs-banner .speaker-container {
    background: #ffffff;
}

.banner .forresterw-banner.cs-banner .speakers-container {
    margin-top: 70px;
}

.banner .forresterw-banner.cs-banner .speaker-details {
    margin-left: 0px;
}

.banner .forresterw-banner.cs-banner .speakers-container.tsw-session strong {
    text-align: left;
    color: #f48b00;
    font-size: 24px;
    margin-left: 64px;
    font-weight: 700;
}

.banner .forresterw-banner.cs-banner .speakers-container.tsw-session strong:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 3px solid #f48b00;
    top: 85px;
    width: 45px;
    left: 282px;
}

.banner .forresterw-banner.cs-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: -3px;
    left: 88px;
    width: 100%;
}

.banner .forresterw-banner.cs-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0;
    margin-left: -4px;
    border-left: 3px solid #b8c0ce;
}

.banner .forresterw-banner.cs-banner .speakers-container.tsw-session .row {
    margin-bottom: 16px;
}

.banner .forresterw-banner.tsia-oct .webinar-time-wrapper h5 span {
    font-weight: 600;
    font-size: 18px;
}

.banner .forresterw-banner.tsia-oct i.sf.virtually {
    background-image: url(../assets/img/tsia-calender.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.banner .forresterw-banner.tsia-oct i.sf.booth {
    background-image: url(../assets/img/tsia-booth.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.banner .forresterw-banner.tsia-oct i.sf.location {
    background-image: url(../assets/img/tsia-location.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.banner .forresterw-banner.tsia-oct .webinar-time-wrapper .time-wrapper-right {
    border-left: 0px;
}

.banner .forresterw-banner.tsia-oct .webinar-time-wrapper .date-time-container {
    top: -13px;
    left: 60px;
}

.banner .forresterw-banner.tsia-oct .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: -14px;
    left: 70px;
    width: 100%;
}

.banner .forresterw-banner.tsia-oct .webinar-time-wrapper .time-wrapper-right {
    margin-left: -74px;
}

.banner .forresterw-banner.tsia-oct .webinar-time-wrapper .time-wrapper-right.booth {
    margin-left: -31px;
}

.banner .forresterw-banner.tsia-oct .webinar-time-wrapper .time-wrapper-right.booth .date-time-container {
    left: 76px;
}

.banner .forresterw-banner.tsia-oct {
    background-image: url(../assets/img/tsia-banner-bg-v3.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #fff;
}

.banner .forresterw-banner.tsia-oct h3,
.banner .forresterw-banner.tsia-oct .webinar-time-wrapper h5 {
    font-weight: 600;
}

.banner .forresterw-banner.tsia-oct .featuring-logos img {
    width: 76%;
}

.banner .forresterw-banner.dreamforce-banner i.sf.booth {
    width: 28px;
    height: 30px;
    background-image: url(../assets/img/booth-dreamforce.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right.loca .date-time-container {
    top: -5px;
}

.banner .forresterw-banner.dreamforce-banner h2 {
    margin-top: -29px;
}

.banner .forresterw-banner.dreamforce-banner .featuring-logos {
    margin-top: -85px;
}

.banner .forresterw-banner.su-softreview .featuring-logos {
    margin-top: -87px;
}

.banner .forresterw-banner.su-softreview a.btn {
    margin-top: 12px;
}

.banner .col20-banner h1 {
    margin-top: -102px;
}

.banner .forresterw-banner.g-banner i.sf.virtually {
    background-image: url(../assets/img/g-calender.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.g-banner i.sf.location {
    background-image: url(../assets/img/g-clock.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.g-banner h5 span {
    color: #f48b00;
}

.banner .forresterw-banner.g-banner h5.white-inner-head span {
    display: block;
}

.banner .forresterw-banner.g-banner h3 {
    color: #ffffff;
}

.banner .forresterw-banner.g-banner {
    background-image: url(../assets/img/grazitti-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff;
}

.banner .forresterw-banner.g-banner .webinar-time-wrapper .date-time-container h5 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.banner .forresterw-banner.g-banner .webinar-time-wrapper .date-time-container h4 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
}

.banner .forresterw-banner.g-banner .webinar-time-wrapper {
    width: 100%;
    margin-top: 22px;
}

.banner .forresterw-banner.g-banner.first-banner .webinar-time-wrapper {
    margin-top: 26px;
}

.set-mg-neg {
    margin-left: -75px;
}

.set-mg-neg-sm {
    margin-left: -40px;
}

.banner .forresterw-banner.g-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0;
    margin-left: 60px;
    margin-top: 0px;
}

.banner .forresterw-banner.g-banner .webinar-time-wrapper .date-time-container {
    top: 0px;
    left: 68px;
}

.banner .forresterw-banner.g-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 0px;
    left: 52px;
}

.banner .forresterw-banner.g-banner.first-banner .webinar-time-wrapper .date-time-container {
    position: static;
}

.banner .forresterw-banner.g-banner h5 {
    font-weight: 500;
    margin-bottom: 18px;
    font-size: 20px;
}

.banner .forresterw-banner.g-banner .featuring-logos {
    margin-bottom: 34px;
    margin-top: -90px;
}

.banner .forresterw-banner.g-banner.first-banner .featuring-logos {
    margin-bottom: 45px;
}

.banner .forresterw-banner.g-banner a.btn {
    font-size: 16px;
    margin-top: 40px;
}

.banner .forresterw-banner.g-banner .speakers-container.tsw-session strong.speak-title {
    text-align: left;
    color: #f48b00;
    font-size: 18px;
    position: absolute;
    margin-top: -42px;
    letter-spacing: 1px;
    font-weight: 500;
}

.banner .forresterw-banner.g-banner .firstbanner-speaker .speakers-container.tsw-session strong.speak-title {
    left: -13px;
}

.banner .forresterw-banner.g-banner .firstbanner-speaker .speakers-container.tsw-session {
    position: relative;
}

.banner .forresterw-banner.g-banner .firstbanner-speaker .speakers-container.tsw-session strong.speak-title {
    font-size: 16px;
}

.banner .forresterw-banner.g-banner .speakers-container.tsw-session strong.speak-title:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 2px solid #f48b00;
    top: 12px;
    width: 32px;
    left: 118px;
}

.banner .forresterw-banner.g-banner .speakers-container.tsw-session strong.speak-title.first-slide-title:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 2px solid #f48b00;
    top: 12px;
    width: 140px;
    left: unset;
    left: 100%;
    margin-left: 10px;
}

.first-banner-head {
    font-size: 28px;
    line-height: 41px;
    letter-spacing: -0.08px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin-bottom: 35px;
}

.first-banner i.sf {
    background-size: 35px;
}

.firstslide-right-sec {
    padding-left: 15px;
}

.banner .forresterw-banner.g-banner .speaker-details.col-md-8 h5 span {
    font-weight: 700;
    color: #ffffff;
}

.banner .forresterw-banner.g-banner .speaker-details h4 {
    font-size: 15px;
    margin-bottom: 4PX;
    font-weight: 400;
}

.banner .forresterw-banner.g-banner .speaker-details.col-md-8 h3 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: -8px;
}

.banner .forresterw-banner.g-banner .speakers-container {
    margin-top: 140px;
}

.banner .forresterw-banner.g-banner .speakers-container.tsw-session .row.last-row {
    margin-top: 28px;
}

.banner .forresterw-banner.g-banner .speakers-container.tsw-session .row {
    margin-bottom: 20px;
}

.banner .forresterw-banner.g-banner .speaker-container {
    background: #27166e;
}

.banner .forresterw-banner.g-banner .speaker-container.firstbanner-speaker {
    background: rgb(0 0 102 / 60%) 0% 0% no-repeat padding-box;
    border-radius: 56px 0px 0px 56px;
    padding: 0 40px;
}

.row.align-items-center.firstslide-right-sec h5.white-inner-head span {
    font-size: 16px;
    text-align: left;
}

.row.align-items-center.firstslide-right-sec {
    margin-top: 40px;
}

.banner .tsia-sep-banner .date-time-container {
    top: 8px;
    left: 91px;
    position: absolute;
    width: 100%;
}

.banner .tsia-sep-banner i.sf.virtually {
    background-image: url(../assets/img/calender-tsia.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 45px;
    display: inline-flex;
    height: 45px;
}

.banner .tsia-sep-banner .webinar-time-wrapper1 {
    margin-top: 150px;
}

.banner .tsia-sep-banner .col-12.col-md-4.time-wrapper-right {
    margin-left: 62px;
}

.banner .tsia-sep-banner i.sf.location {
    background-image: url(../assets/img/time-tsia.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-flex;
    width: 45px;
    height: 45px;
}

.banner .tsia-sep-banner .speaker-container h4 {
    font-weight: 700;
    margin-bottom: 18px;
    text-align: left;
    font-size: 20px;
    line-height: 6px;
    margin-left: -18px;
    color: #002c5f;
}

.banner .tsia-sep-banner {
    background-image: url(../assets/img/tsia-bg.svg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -60px;
    background-size: contain;
    background-color: #ffffff;
    padding-bottom: 50px;
    overflow: hidden;
}

.banner .tsia-sep-banner .speaker-inner h6 {
    font-size: 14px;
    margin-bottom: 4px;
    text-transform: none;
    letter-spacing: 0;
    color: #002c5f;
    margin-top: 4px;
}

.banner .tsia-sep-banner .speaker-inner h5 span {
    color: #ff5908;
}

.banner .tsia-sep-banner .speaker-container {
    width: 100%;
    margin-top: -66px;
    color: #001f6c;
}

.banner .tsia-sep-banner .featuring-logos {
    margin-bottom: 20px;
    margin-top: 68px;
}

.banner .tsia-sep-banner .live-webinar-appinium {
    float: right;
    width: 200px;
    margin-top: 70px;
    margin-right: 16px;
}

.banner .tsia-sep-banner .speaker-inner img {
    max-width: 64%;
}

.banner .tsia-sep-banner .speaker-inner img.host-after {
    width: 42%;
    margin-top: -7px;
}

.banner .tsia-sep-banner a.btn {
    border-radius: 7px;
    padding: 18px 26px;
    font-size: 1.6rem;
}

.banner .tsia-sep-banner .speaker-inner img.mt-8 {
    margin-top: -8px;
}

.banner .tsia-sep-banner .speaker-inner h3 {
    color: #002c5f;
}

.banner .tsia-sep-banner .col-6.john-speaker {
    position: relative;
    right: -74px;
}

.banner .tsia-sep-banner .speaker-inner h3 {
    color: #002c5f;
}

.tsia .logo-box h4:after {
    border-bottom: 3px solid #f48b00;
    -webkit-animation: .5s step-end infinite alternate blink;
    animation: .5s step-end infinite alternate blink
}

.banner .forresterw-banner.zscaler-banner {
    background-image: url(../assets/img/zscaler-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff;
}

.banner .forresterw-banner.zscaler-banner .speaker-container {
    background: #f0fbff;
}

.banner .forresterw-banner.zscaler-banner h3.title {
    color: #043061;
    font-size: 42px;
    line-height: 58px;
}

.banner .forresterw-banner.zscaler-banner .webinar-time-wrapper .date-time-container h4 {
    color: #043061;
    font-size: 19px;
    font-weight: 500;
}

.banner .forresterw-banner.zscaler-banner .webinar-time-wrapper .date-time-container h4 {
    color: #043061;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.banner .forresterw-banner.zscaler-banner .speaker-details.col-md-8 h5 span {
    font-weight: 700;
    color: #043061;
    font-size: 16px;
}

.banner .forresterw-banner.zscaler-banner .webinar-time-wrapper .date-time-container h5 {
    color: #043061;
    font-size: 17px;
    font-weight: 700;
}

.banner .forresterw-banner.zscaler-banner .featuring-logos img {
    width: 86%;
}

.banner .forresterw-banner.zscaler-banner .container {
    max-width: 1440px;
}

.banner .forresterw-banner.zscaler-banner h5.technology {
    font-weight: 700;
    margin-bottom: 22px;
    font-size: 24px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-top: 30px;
}

.banner .forresterw-banner.zscaler-banner i.sf {
    width: 49px;
    height: 48px;
    display: block;
}

.banner .forresterw-banner.zscaler-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: -4px;
    left: 95px;
}

.banner .forresterw-banner.zscaler-banner .webinar-time-wrapper .date-time-container {
    top: -2px;
    left: 76px;
}

.banner .forresterw-banner.zscaler-banner .speaker-details.col-md-8 h3 {
    color: #043061;
    font-size: 22px;
    margin-bottom: -8px;
}

.banner .forresterw-banner.zscaler-banner .speaker-details h4 {
    color: #043061;
    font-size: 16px;
    text-align: left;
    margin-bottom: 2PX;
    font-weight: 500;
}

.banner .forresterw-banner.zscaler-banner .speaker-details {
    margin-left: 0px;
    position: absolute;
    right: -26px;
}

.banner .forresterw-banner.zscaler-banner .speakers-container.tsw-session .row {
    margin-bottom: 8px;
}

.banner .forresterw-banner.zscaler-banner .speakers-container.tsw-session h5.speak-title:before {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 2px solid #f48b00;
    top: 12px;
    width: 70px;
    left: 11px;
}

.banner .forresterw-banner.zscaler-banner .speakers-container.tsw-session h5.speak-title:after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 2px solid #f48b00;
    top: 12px;
    width: 71px;
    left: unset;
    right: 11px;
}

.banner .forresterw-banner.zscaler-banner .speakers-container.tsw-session h5.speak-title {
    text-align: center;
    color: #f48b00;
    font-size: 20px;
    margin-top: -42px;
    letter-spacing: 3px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.banner .forresterw-banner.zscaler-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0;
    margin-left: -4px;
    border-left: 3px solid #ccc;
}

.banner .forresterw-banner.zscaler-banner i.sf.location {
    margin-left: 33px;
}

.banner .forresterw-banner.zscaler-banner a.btn {
    font-size: 20px;
    margin-top: 40px;
    text-transform: uppercase;
    border-radius: 7px;
}

.banner .forresterw-banner.zscaler-banner .speakers-container {
    margin-top: 112px;
}

.banner .forresterw-banner.su-devlearn.su-data-ai .featuring-logos img {
    width: 36%;
}

.banner .forresterw-banner.su-data-ai h2 span {
    color: #f48b00;
}

.banner .forresterw-banner.su-data-ai h2 {
    line-height: 74px;
}

.banner .forresterw-banner.su-data-ai i.sf.booth {
    background-image: url(../assets/img/ai-booth.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-size: cover;
}

.banner .forresterw-banner.su-data-ai i.sf.virtually {
    background-image: url(../assets/img/ai-calendar.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-size: cover;
}

.banner .forresterw-banner.su-data-ai i.sf.location {
    background-image: url(../assets/img/ai-location.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-size: contain;
}

.banner .forresterw-banner.su-data-ai .webinar-time-wrapper h5 span {
    font-weight: 700;
    font-size: 14px;
    color: #f48b00;
}

.banner .forresterw-banner.su-data-ai .webinar-time-wrapper h4 {
    font-size: 21px;
    line-height: 18px;
    color: #ffffff;
}

.banner .forresterw-banner.su-data-ai .webinar-time-wrapper .date-time-container {
    top: -11px;
    left: 62px;
}

.banner .forresterw-banner.su-data-ai .webinar-time-wrapper .time-wrapper-right {
    margin-left: -236px;
}

.banner .forresterw-banner.su-data-ai .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: -11px;
    left: 78px;
    width: 100%;
}

.banner .forresterw-banner.su-data-ai .webinar-time-wrapper .time-wrapper-right.booth {
    margin-left: -188px;
}

.banner .forresterw-banner.su-data-ai .webinar-time-wrapper .time-wrapper-right.booth .date-time-container {
    left: 70px;
}

.banner .forresterw-banner.su-data-ai {
    background-image: url(../assets/img/data-ai-banner-bg.jpg);
}

.banner .forresterw-banner.su-g2-summer-2023 .featuring-logos img {
    width: 30%;
    margin-left: 0px;
}

.banner .forresterw-banner.idc-banner {
    background-image: url(../assets/img/knowbler-forrester-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #e5f4f8;
    padding-bottom: 45px;
}

.banner .forresterw-banner.idc-banner .featuring-logos-idc {
    width: 100%;
    text-align: right;
    margin-top: -60px;
}

.banner .forresterw-banner.idc-banner h3 {
    color: #004D77;
    font-size: 2.6rem;
    line-height: 3rem;
    font-weight: 700;
}


.banner .forresterw-banner.idc-banner img.featuring-forrester-logo {
    width: 140px;
    margin-top: 30px;
}

.banner .forresterw-banner.idc-banner h5 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 24px;
    margin-top: 30px;
    color: #004D77;

}

.banner .forresterw-banner.idc-banner h5 span {
    position: relative;
}

.banner .forresterw-banner.idc-banner h5 span:after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #f48b00;
    width: 100%;
    bottom: -4px;
    left: 0;
}

.banner .forresterw-banner.idc-banner .idc-logo {
    width: 110px;
    height: auto;
}

.banner .forresterw-banner.idc-banner .idc-graph {
    margin-top: 56px;
    margin-left: 104px;
}



.banner .forresterw-banner.idc-banner a.btn {
    border-radius: 4px;
    padding: 12px 36px;
    font-size: 16px;
}

img.video-thumbnail {
    width: 100%;
    margin-top: 150px;
}

.banner .forresterw-banner.su-academy h3 {
    font-size: 2.2rem;
    line-height: 70px;
    color: #0C2A89;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: -0.44px;
}

.banner .forresterw-banner.su-academy p {
    letter-spacing: -0.22px;
    color: #0C2A89;
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
}

.banner .forresterw-banner.su-academy a.btn {
    border-radius: 4px;
    padding: 12px 36px;
    font-size: 16px;
}

.banner .forresterw-banner.su-academy {
    background-image: url(../assets/img/su-academy-bg.png);
}

.banner .forresterw-banner.su-academy .featuring-logoss {
    margin-top: -12px;
}

.banner .forresterw-banner.su-g2-summer-2023 {
    background-image: url(../assets/img/g2-su-bg.png);
}

.banner .forresterw-banner.su-g2-summer-2023 img.g2-right-logo {
    margin-top: 190px;
    width: 80%;
}

.certificate li span.certificate-kcs {
    background: url(../assets/img/css-sprites-new.webp) no-repeat;
    height: 97px;
    display: block;
    background-position: -162px -679px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    width: 346px;
    margin-left: -84px;
}

.certificate li.kcs-certification {
    width: 70%;
    overflow: hidden;
    margin-top: -30px;
}



section.customers-testimonails .container {
    padding: 0 0px 0px 18px;
}

img.triangle-gray-4,
img.rectangle-1,
img.triangle-gray-3,
img.plus-3,
img.cirlce-small-3,
img.plus-5,
img.plus-4,
img.triangle-gray-5 {
    display: none;
}

.banner .forresterw-banner.su-academy .featuring-logoss img.tsia-logo {
    width: 30%;
}



.banner .forresterw-banner.gra-banner {
    background-image: url(../assets/img/gra-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #fff;
}

.banner .forresterw-banner.gra-banner .featuring-logos img {
    width: 32%;
}

.banner .forresterw-banner.gra-banner .featuring-logos {
    margin-bottom: 44px;
}

.banner .forresterw-banner.gra-banner h3 {
    font-weight: 400;
    line-height: 50px !important;
    letter-spacing: 0.38px;
    font-size: 26px;
    color: #4cbfd1;
    margin-bottom: 0px;
}

.banner .forresterw-banner.gra-banner .bg-heading {
    position: relative;
    padding: 6px 10px;
}

.banner .forresterw-banner.gra-banner .bg-heading span {
    opacity: 0.3;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 7.81%, #FFF 74.34%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px;
}

.banner .forresterw-banner.gra-banner img.community-refocus-logo {
    margin-bottom: 20px;
}

.banner .forresterw-banner.gra-banner .bg-heading h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: normal !important;
    letter-spacing: 0.28px;
    color: #ffffff;
}

.banner .forresterw-banner.gra-banner i.sf.virtually {
    background-image: url(../assets/img/calender-gra.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.banner .forresterw-banner.gra-banner i.sf.location {
    background-image: url(../assets/img/time-gra.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
}

.banner .forresterw-banner.gra-banner .webinar-time-wrapper .date-time-container {
    top: 3px;
}

.banner .forresterw-banner.gra-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 4px;
}

.banner .forresterw-banner.gra-banner .webinar-time-wrapper h5 {
    font-weight: 400;
    font-size: 20px;
}

.banner .forresterw-banner.gra-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: -72px;
}

.banner .forresterw-banner.tsw-session.csi-banner {
    background-image: url(../assets/img/csi-banner-bg-v4.png);
}

.banner .forresterw-banner.tsw-session.csi-banner .featuring-logos img {
    width: 50%;
}

.banner .forresterw-banner.tsw-session.csi-banner img.csi-live-webinar {
    width: 30%;
    margin-top: 14px;
    margin-bottom: 14px;
}

.banner .forresterw-banner.tsw-session.csi-banner .live-session-text h3 {
    letter-spacing: 4px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
}

.banner .forresterw-banner.tsw-session.csi-banner h3 {
    padding-right: 0px;
    color: #ffffff;
}

.banner .forresterw-banner.tsw-session.csi-banner .speaker-details.col-md-8 h3 {
    color: #1d2551;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 6px;
}

.banner .forresterw-banner.tsw-session.csi-banner .speaker-details h4 {
    color: #1d2551;
    font-size: 14px;
    font-weight: 600;
}

.banner .forresterw-banner.tsw-session.csi-banner i.sf.virtually {
    background-image: url(../assets/img/csi-calender.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
}

.banner .forresterw-banner.tsw-session.csi-banner i.sf.clock {
    background-image: url(../assets/img/csi-time.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
}

.banner .forresterw-banner.tsw-session.csi-banner .featuring-logos {
    margin-bottom: 4px;
    margin-top: -80px;
}

.banner .forresterw-banner.tsw-session.csi-banner .webinar-time-wrapper .date-time-container {
    top: 5px;
    left: 62px;
}

.banner .forresterw-banner.tsw-session.csi-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0;
    margin-left: -66px;
}

.banner .forresterw-banner.tsw-session.csi-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
    top: 5px;
    left: 44px;
}

.banner .forresterw-banner.tsw-session.csi-banner h3 span {
    color: #4ec6d6;
}

.banner .forresterw-banner.tsw-session.csi-banner .speakers-container.tsw-session strong {
    text-align: left;
    color: #1d2551;
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 700;
    margin-bottom: 24px;
    position: relative;
}

.banner .forresterw-banner.tsw-session.csi-banner .speakers-container {
    margin-top: 60px;
}

.banner .forresterw-banner.tsw-session.csi-banner .speakers-container.tsw-session strong:after {
    content: "";
    height: 3px;
    width: 42px;
    position: absolute;
    background-color: #1d2551;
    bottom: -5px;
    left: 6%;
    transform: translate(-50%, 0);
}

.banner .forresterw-banner.tsw-session.csi-banner .speakers-container.tsw-session strong.speaks:after {
    width: 88px;
    left: 11%;
}

.banner .forresterw-banner.tsw-session.csi-banner .speakers-container.tsw-session .row {
    margin-bottom: 20px;
    margin-left: -24px;
}

.banner .forresterw-banner.tsw-session.csi-banner .webinar-time-wrapper .date-time-container h4 {
    font-size: 20px;
}

.banner .forresterw-banner.suva-chronicles-episode {
    color: #02168C;
    background-image: url(../assets/img/suva-banner-bg-main.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -36px;
    background-position-x: center;
}

.banner .forresterw-banner.suva-chronicles-episode h2 {
    color: #F48B00;
    font-weight: 700;
    margin-top: 20px;
    font-size: 36px;
    margin-bottom: 16px;
}

.banner .forresterw-banner.suva-chronicles-episode a.btn {
    text-transform: capitalize;
    padding: 9px 28px;
    font-size: 24px;
    margin-left: 40px;
}

.banner .forresterw-banner.suva-chronicles-episode .featuring-logoss img {
    width: 24%;
    margin-top: -70px;
}

.banner .forresterw-banner.suva-chronicles-episode h3 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    padding-right: 0rem;
}

.banner .forresterw-banner.suva-chronicles-episode .speaker-details {
    margin-left: -12px;
    margin-top: 26px;
}

.banner .forresterw-banner.suva-chronicles-episode .speaker-details h3 {
    font-size: 20px;
    text-align: left;
    line-height: 20px;
    margin-top: 20px;
}

.banner .forresterw-banner.suva-chronicles-episode .speaker-details h4 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 4px;
    width: 104%;
}

.banner .forresterw-banner.suva-chronicles-episode .speaker-details h5 {
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 16px;
    text-align: left;
}

.banner .forresterw-banner.suva-chronicles-episode .speakers-container strong {
    letter-spacing: 0px;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0px;
    display: block;
    text-align: left;
    color: #F48B00;
    position: relative;
    margin-left: 6px;
}

.banner .forresterw-banner.suva-chronicles-episode .speakers-container {
    margin-top: 74px;
}

.banner .forresterw-banner.suva-chronicles-episode .speakers-container .bottom-speaker {
    margin-top: 16px;
}

.banner .forresterw-banner.suva-chronicles-episode .speakers-container strong.hosts-suva {
    margin-top: 18px;
    margin-bottom: 6px;
}

.banner .forresterw-banner.suva-chronicles-episode .speakers-container.tsw-session strong:after {
    content: "";
    height: 2px;
    width: 150px;
    position: absolute;
    background-color: #F48B00;
    top: 19px;
    left: 54%;
}

.banner .forresterw-banner.suva-chronicles-episode .speakers-container.tsw-session strong.hosts-suva:after {
    top: 18px;
    left: 36%;
}

.banner .forresterw-banner.cs-two-banner {
    color: #000000;
    background-image: url(../assets/img/cs-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
}

.banner .forresterw-banner.cs-two-banner img.cs-season {
    width: 100%;
    margin-top: 90px;
    margin-left: -42px
}

.banner .forresterw-banner.cs-two-banner h3 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.6rem;
    padding-right: 0px;
    margin-top: -90px;
}

.banner .forresterw-banner.cs-two-banner h4 {
    margin-top: 36px;
    font-size: 26px;
    line-height: 36px;
    color: #444951;
    font-weight: 400;
}

.banner .forresterw-banner.su-g2-2024 .featuring-logos {
    margin-top: -66px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakers-container.tsw-session .col-4 {
    display: flex;
}

.banner .forresterw-banner.suva-chronicles-ep2 .col-12 {
    display: contents;
}

.banner .forresterw-banner.suva-chronicles-ep2 h3 {
    font-size: 38px;
    color: #02168c;
}

.banner .forresterw-banner.suva-chronicles-ep2 h5 {
    font-size: 22px;
    color: #02168c;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speaker-details h4,
.banner .forresterw-banner.suva-chronicles-ep2 .speaker-details h5,
.banner .forresterw-banner.suva-chronicles-ep2 .speaker-details h3 {
    color: #0d1a61;
}

.banner .forresterw-banner.suva-chronicles-ep2 h2 {
    margin-top: 20px;
    font-size: 30px;
    margin-bottom: 8px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .featuring-logoss img {
    margin-top: 80px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakers-container {
    margin-top: 10px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakers-container.tsw-session strong:after {
    left: 17%;
}



.banner .forresterw-banner.suva-chronicles-ep2 .col-4.ml-left {
    margin-left: -70px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .col-4.ml-leftt {
    margin-left: -96px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .col-4.ml-ft {
    margin-left: -21px;
}

.carousel-control-next {
    right: 20px;
}

.carousel-control-prev {
    left: 20px;
}

.carousel-control-prev-icon {
    background-image: url(../assets/img/su-bn-left.svg?v=3);
}

.carousel-control-next-icon {
    background-image: url(../assets/img/su-bn-right.svg?v=3);
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: auto;
    height: 80px;
    opacity: 1;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 48px;
    width: 48px;
}



.banner .forresterw-banner.llm-banner {
    color: #12182e;
    background-image: url(../assets/img/llm-bg.png);
    background-size: cover;
}

.banner .forresterw-banner.cs-two-banner h3 {
    font-size: 37px;
    font-weight: 700;
    line-height: 50px;
    margin-top: -90px;
}

.banner .forresterw-banner.cs-two-banner.llm-banner h4 {
    margin-top: 0px;
    font-size: 23px;
    line-height: 34px;
    font-weight: 600;
    letter-spacing: -0.48px;
    color: #12182E;
}

.banner .forresterw-banner.cs-two-banner.llm-banner h4 span {
    color: #F48B00;
}

.banner .forresterw-banner.cs-two-banner.llm-banner img.llm-diagram {
    width: 70%;
    margin-top: 90px;
    margin-left: 114px;
}

.carousel-item.new-year {
    background-image: url(../assets/img/bg-newyear-strip.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakers-container.tsw-session strong.hosti {
    top: -42px;
    left: 76px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakers-container.tsw-session strong.hosti:after {
    left: 153px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .ml-leftt .speaker-details {
    margin-left: -15px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakers-container strong {
    margin-left: -3px;
}

.banner .forresterw-banner.cs-two-banner.cs-fr-banner img.cs-diagram {
    width: 100%;
    margin-top: 100px;
    margin-left: 0px;
}

.banner .forresterw-banner.cs-two-banner.cs-fr-banner h3 {
    font-size: 32px;
    line-height: 42px;
    margin-top: -84px;
    color: #0d1a61;
}

.banner .forresterw-banner.cs-fr-banner a.btn {
    text-transform: capitalize;
    font-size: 22px;
}

.banner .forresterw-banner.cs-fr-banner {
    background-image: url(../assets/img/cs-fr-banner-bg.jpg);
}

.banner .forresterw-banner.css-one-banner {
    background-image: url(../assets/img/season-2-banner.jpg);
    background-size: contain;
    background-position-y: 20px;
}

.banner .forresterw-banner.css-one-banner h3 {
    color: #ffffff;
    margin-top: 30px;
}

.banner .forresterw-banner.css-one-banner .speaker-details h3,
.banner .forresterw-banner.css-one-banner .speaker-details h4,
.banner .forresterw-banner.css-one-banner .speaker-details h5 {
    color: #000000;
}

.banner .forresterw-banner.css-one-banner .speakers-container.tsw-session strong.hosti {
    top: -90px;
    left: 88px;
}

.banner .mobile-btn {
    display: none;
}

.banner .forresterw-banner.css-one-banner .speaker-details h4 {
    font-size: 14px;
}

.banner .forresterw-banner.css-one-banner img.season-two-css {
    width: 60%;
    margin-top: 84px;
}

.banner .forresterw-banner.css-one-banner .speakers-container {
    margin-top: 40px;
}

.banner .forresterw-banner.css-one-banner .featuring-logoss img {
    margin-top: 50px;
    margin-bottom: 20px;
}

.banner .forresterw-banner.css-one-banner .col-4.ml-leftt {
    margin-left: -135px
}

.season-two-css {
    margin-left: auto;
    display: table;
}




.banner .forresterw-banner.css-one-banner .col-4.ml-first {
    margin-left: -21px;
}

.banner .forresterw-banner.css-one-banner .speakers-container.tsw-session strong:after {
    left: 155px;
    width: 38%;
    background-color: #000;
    height: 2px;
}

.banner .forresterw-banner.css-one-banner .speakers-container.tsw-session strong.hosti:after {
    left: 86px;
    width: 280px;
}

.banner .forresterw-banner.css-one-banner a.btn {
    font-size: 16px;
    margin-top: 0px;
    position: absolute;
    left: 88%;
    top: 10%;
}

.banner .forresterw-banner.llm-banner.knowbler-banner {
    color: #ffffff;
    background-image: url(../assets/img/knowbler-bannr-bg-v2.jpg);
}

.banner .forresterw-banner.llm-banner.knowbler-banner h3 {
    margin-top: 40px;
}

.banner .forresterw-banner.llm-banner.knowbler-banner h4 {
    margin-top: 0px;
    font-weight: 500;
    color: #ffffff;
}

.banner .forresterw-banner.llm-banner.knowbler-banner a.btn {
    padding: 10px 28px;
    text-transform: capitalize;
}

.banner .forresterw-banner.llm-banner.knowbler-banner img {
    width: 38%;
}

.banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent {
    background-image: url(../assets/img/tsia-bg-v1.webp);
    color: #ffffff;
    background-color: #000000;
    background-position: center center;
}

.banner .forresterw-banner.softwarereviews-banner a {
    margin-top: 0;
}

.banner .forresterw-banner.softwarereviews-banner h2 {
    font-weight: 700;
    font-size: 46px;
    line-height: 56px;
}

.banner .forresterw-banner.softwarereviews-banner h2 span {
    color: #F48B00;
}

.banner .forresterw-banner.softwarereviews-banner h5 span {
    color: #F48B00;
}

.banner .forresterw-banner.softwarereviews-banner h5 {
    font-weight: 400;
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
}

.banner .forresterw-banner.softwarereviews-banner img.tsia-logo {
    width: 74%;
    margin-bottom: 40px;
    margin-top: -30px;
}

.banner .forresterw-banner.softwarereviews-banner.sr-2024 {
    background-image: url(../assets/img/su-software-review-bg.webp);
    color: #11356f;
    background-color: #def7fa;
    background-position: center center;
}

.banner .forresterw-banner.softwarereviews-banner.sr-2024 h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 44px;
    margin-top: 20px;
}

.banner .forresterw-banner.softwarereviews-banner.sr-2024 a {
    margin-top: 26px;
}

.banner .forresterw-banner.softwarereviews-banner.sr-2024 img.llm-diagram {
    max-width: 100%;
    width: 84%;
}

.banner .forresterw-banner.softwarereviews-banner.sr-2024 .featuring-logoss {
    position: relative;
}

.banner .forresterw-banner.softwarereviews-banner.sr-2024 img.tsia-logo {

    margin-top: 0;
}

.banner .forresterw-banner.softwarereviews-banner.sr-2024 .featuring-logoss:after {
    content: "";
    width: 228px;
    border: 2px solid #F48B00;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.banner .forresterw-banner.softwarereviews-banner.g2 {
    background-image: url(../assets/img/kmworl-ai100-bg.webp);
    color: #ffffff;
    background-color: #000000;
    background-position: center center;
}

.banner .forresterw-banner.softwarereviews-banner.g2 a {
    margin-top: 0;
}

.banner .forresterw-banner.softwarereviews-banner.g2 h2 {
    font-weight: 700;
    font-size: 46px;
    line-height: 56px;
}

.banner .forresterw-banner.softwarereviews-banner.g2 h2 span {
    color: #F48B00;
}

.banner .forresterw-banner.softwarereviews-banner.g2 h5 span {
    color: #F48B00;
}

.banner .forresterw-banner.softwarereviews-banner.g2 h5 {
    font-weight: 400;
    margin-bottom: 40px;
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
}

.banner .forresterw-banner.softwarereviews-banner.g2 img.tsia-logo {
    width: 74%;
    margin-bottom: 40px;
    margin-top: -30px;
}

.banner .forresterw-banner.softwarereviews-banner.g2 .kmw-100-underline {
    width: 50%;
    display: block;
    margin-bottom: 40px;
}

.banner .forresterw-banner.softwarereviews-banner .kmw-100-underline {
    width: 50%;
    display: block;
    margin-bottom: 40px;
}

.banner .forresterw-banner.cs-two-banner.softwarereviews-banner img.llm-diagram {
    margin-top: 14%;
    margin-left: 0;
    width: 100%;
}

.banner .forresterw-banner.gi-zendesk-banner {
    background-image: url(../assets/img/gi-banner-bg-v2.jpg);
    color: #ffffff;
}

.banner .forresterw-banner.gi-zendesk-banner h3 {
    font-size: 44px;
    line-height: 61px;
    margin-top: 0px;
}

.banner .forresterw-banner.gi-zendesk-banner .featuring-logoss {
    margin-top: -70px;
    margin-bottom: 30px;
}

.banner .forresterw-banner.cs-two-banner.gi-zendesk-banner h4 {
    margin-top: 18px;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    color: #7151ED;
}

.banner .forresterw-banner.cs-two-banner.esc-banner h3 {
    font-size: 34px;
    color: #ffffff;
}

.banner .forresterw-banner.cs-two-banner.esc-banner h5 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    margin-top: 20px;
}

.banner .forresterw-banner.cs-fr-banner.esc-banner {
    background-image: url(../assets/img/ecs-banner-bg-v2.png);
}

.banner .forresterw-banner.cs-two-banner.esc-banner img.cs-diagram {
    width: 60%;
    margin-top: 150px;
    margin-left: 100px;
}

.banner .forresterw-banner.cs-two-banner.esc-banner a.btn {
    text-transform: uppercase;
    font-size: 20px;
}

.banner .forresterw-banner.cs-two-banner.idc-banner h3 {
    font-size: 41px;
    line-height: 50px;
    margin-top: -84px;
    color: #ffffff;
}

.banner .forresterw-banner.cs-two-banner.idc-banner {
    background-image: url(../assets/img/idc-bannr-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #fff;
}

.banner .forresterw-banner.cs-two-banner.llms-banner {
    background-image: url(../assets/img/tsia-llm-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-color: #fff;
}

.banner .forresterw-banner.cs-two-banner.llms-banner .featuring-logoss {
    width: 200px;
    margin-bottom: 90px;
    margin-top: -40px;
}

.banner .forresterw-banner.cs-two-banner.llms-banner .featuring-logoss.line {
    width: 200px;
    margin-top: -64px;
    margin-bottom: 40px;
}

.banner .forresterw-banner.cs-two-banner.llms-banner h3 {
    font-size: 42px;
    line-height: 42px;
    margin-top: 0px;
    color: #ffffff;
}

.banner .forresterw-banner.cs-two-banner.llms-banner h5 {
    font-weight: 600;
    margin-bottom: 24px;
    font-size: 32px;
    color: #ffffff;
    line-height: 44px;
    margin-top: 24px;
}

.banner .forresterw-banner.cs-two-banner.llms-banner img.cs-diagram {
    width: 40%;
    margin-top: 120px;
    margin-left: 156px;
}

.banner .forresterw-banner.cs-fr-banner.llms-banner a.btn {
    margin-top: 14px;
}

.banner .forresterw-banner.g-banner i.sf.virtually {
    background-image: url(../assets/img/date-icon-g.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.g-banner i.sf.location {
    background-image: url(../assets/img/time-icon-g.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.g-banner {
    background-image: url(../assets/img/g-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff;
}

.banner .forresterw-banner.ft-works.fw-banner img.live-webinar {
    max-width: 180px;
    margin-bottom: 20px;
}

.banner .forresterw-banner.g-banner .speaker-container {
    background: transparent;
    background-image: url(../assets/img/g-right-bg.png);
}

.banner .forresterw-banner.g-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: 0px;
}

.banner .forresterw-banner.ft-works .featuring-logos img {
    width: 100%;
}

.banner .forresterw-banner.ft-works.fw-banner .featuring-logos img {
    max-width: 50%;
}

.banner .forresterw-banner.idc-banner img.tsia-logo {
    width: 48%;
    position: relative;
}



.banner .forresterw-banner.idc-banner .featuring-logoss {
    width: 100%;
    margin-top: -8%;
    margin-bottom: 20px;
}

.banner .forresterw-banner.idc-banner a.btn {
    margin-top: 40px;
}

.banner .forresterw-banner.ft-works.fw-banner {
    background-image: url(../assets/img/su-kmworld-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -280px 4px;
    background-color: #fff;
    color: #000000;
}

.banner .forresterw-banner.ft-works.fw-banner i.sf.virtually {
    background-image: url(../assets/img/su-km-calandar.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 42px;
}

.banner .forresterw-banner.ft-works.fw-banner i.sf {
    background-image: url(../assets/img/su-km-clock.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.ft-works.fw-banner .speaker-container {
    background: transparent;
}

.banner .forresterw-banner.ft-works.fw-banner h3 {
    font-size: 2.6rem;
    font-weight: 700;
    padding-right: 0rem;
    color: #000000;
}

.banner .forresterw-banner.ft-works.fw-banner h6 {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000000;
    text-transform: none;
    letter-spacing: 0;
    padding-right: 190px;
    line-height: 1.6rem;
    margin-bottom: 0px;
}

.banner .forresterw-banner.ft-works.fw-banner .webinar-time-wrapper .date-time-container h4 {
    color: #000000;
    font-size: 22px;
    font-weight: 700;
}

.banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session strong.speak-title {
    margin-top: -45px;
    border: 1px solid #00E5FF;
    border-radius: 20px;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 0px 26px;
    font-weight: 500;
    color: #ffffff;
}

.banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session .last-row {
    margin-top: 40px;
}

.banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session strong.hosti {
    margin-top: -12px;
    border: 1px solid #00E5FF;
    border-radius: 20px;
    letter-spacing: 0;
    text-transform: capitalize;
    padding: 0px 26px;
    font-weight: 500;
    color: #ffffff;
}

.banner .forresterw-banner.ft-works.fw-banner .featuring-logos {
    margin-bottom: 16px;
    margin-top: -30px;
}

.banner .forresterw-banner.ft-works.fw-banner .webinar-time-wrapper .time-wrapper-right {
    padding-left: 0;
    margin-left: 40px;
    margin-top: 0px;
}

.banner .forresterw-banner.ft-works.fw-banner .webinar-time-wrapper {
    width: 92%;
    margin-top: 30px;
}

.banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session strong.speak-title:before {
    border-top: 0px solid #00E5FF;
    background-image: url(../assets/img/line-speaker.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session strong.hosti:before {
    border-top: 0px solid #00E5FF;
    background-image: url(../assets/img/line-speaker.png);
    background-repeat: no-repeat;
    background-size: cover;
    left: 38px;
}

.banner .forresterw-banner.ft-works.fw-banner a.btn {
    font-size: 20px;
    padding: 10px 40px;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 0px;
    margin-top: 30px;
}

.banner .forresterw-banner.ft-works.sy-banner .webinar-time-wrapper {
    width: 100%;
    margin-top: 30px;
}

.banner .forresterw-banner.ft-works.sy-banner .webinar-time-wrapper .time-wrapper-right {
    margin-top: 0px;
}

.banner .forresterw-banner.ft-works.sy-banner h3 {
    font-size: 42px;
    color: #ffffff;
    line-height: 58px;
}

.banner .forresterw-banner.ft-works.sy-banner h5 {
    font-weight: 600;
    margin-top: 16px;
    font-size: 22px;
    color: #ffffff;
    line-height: 30px;
}

.banner .forresterw-banner.ft-works.sy-banner h5 span {
    color: #f48b00;
}

.banner .forresterw-banner.ft-works.sy-banner .featuring-logos {
    margin-bottom: 38px;
    margin-top: -70px;
}

.banner .forresterw-banner.ft-works.sy-banner i.sf.virtually {
    background-image: url(../assets/img/sy-calender.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.ft-works.sy-banner i.sf.location {
    background-image: url(../assets/img/sy-location.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner .forresterw-banner.ft-works.sy-banner {
    background-image: url(../assets/img/sy-su-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 4px;
    background-color: #fff;
}

.banner .forresterw-banner.ft-works.sy-banner .webinar-time-wrapper .date-time-container h4 {
    color: #ffffff;
    font-size: 20px;
}

.banner .forresterw-banner.ft-works.sy-banner .featuring-logos img {
    width: 80%;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakers-container strong {
    top: 10px;
}

.banner .forresterw-banner.css-one-banner .mr-top {
    margin-top: 20px;
    margin-left: -10px;
}

.banner .forresterw-banner.css-one-banner.suva-chronicles-episode .speaker-details {
    margin-top: 0px;
}

.banner .forresterw-banner.ft-works.big-data-banner {
    background-image: url(../assets/img/big-data-bg.jpg);
}

.banner .forresterw-banner.ft-works.big-data-banner h3 {
    color: #00163f;
}

.banner .forresterw-banner.ft-works.big-data-banner p.white-inner-head .bottom-head {
    color: #00163f;
    font-size: 18px;
}

.banner .forresterw-banner.ft-works.big-data-banner p.white-inner-head .top-head {
    color: #f48b00;
    font-size: 14px;
    font-weight: 600;
}

.banner .forresterw-banner.ft-works.big-data-banner i.sf.cleander-logo {
    background-image: url(../assets/img/big-location.png);
    background-size: contain;
}

.banner .forresterw-banner.ft-works.big-data-banner i.sf.loc-logo {
    background-image: url(../assets/img/big-month.png);
}

.banner .forresterw-banner.ft-works.big-data-banner i.sf.booth-logo {
    background-image: url(../assets/img/big-time.png);
}

.banner .forresterw-banner.ft-works.big-data-banner .set-mg-neg {
    margin-left: -58px;
}

.banner .forresterw-banner.ft-works.big-data-banner .booth {
    margin-left: -134px;
}

.banner .forresterw-banner.ft-works.big-data-banner .featuring-logoss img.tsia-logo {
    width: 42%;
    margin-top: 22px;
    margin-bottom: 16px;
}

.banner .forresterw-banner.ft-works.big-data-banner .featuring-logos img {
    width: 14%;
}

.banner .forresterw-banner.ft-works.big-data-banner .featuring-logoss {
    width: 50%;
}

.banner .forresterw-banner.ft-works.big-data-banner .featuring-logos {
    margin-bottom: 0px;
}

.banner .forresterw-banner.ft-works.big-data-banner img.t-big {
    width: 70%;
    margin-top: 64px;
}

.banner .forresterw-banner.ft-works.big-data-banner .over-areas {
    text-align: center;
    position: relative;
    top: -60px;
    left: -64px;
}

.banner .forresterw-banner.ft-works.big-data-banner .over-areas h5 {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 6px;
    font-weight: 600;
}

.banner .forresterw-banner.ft-works.big-data-banner .over-areas h3 {
    font-size: 20px;
    line-height: 0px;
    letter-spacing: 2px;
    color: #f48b00;
}

.banner .forresterw-banner.ft-works.big-data-banner .below-areas h3 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
}

.banner .forresterw-banner.ft-works.big-data-banner .below-areas {
    position: relative;
    top: -24px;
    left: -64px;
}

.banner .forresterw-banner.g-banner.idc-bnner img.cs-diagram {
    width: 46%;
    margin-left: 220px;
    margin-top: 80px;
}

.banner .forresterw-banner.g-banner.idc-bnner {
    background: url('../assets/img/idc-bg-banner.jpg');
    background-position: center;
}

.banner .forresterw-banner.g-banner.idc-bnner h3 {
    color: #002a7d;
    font-size: 2.4rem;
}

.banner .forresterw-banner.ft-works.idc-bnner p.white-inner-head .top-head {
    color: #f48b00;
    font-size: 13px;
    font-weight: 600;
}

.banner .forresterw-banner.ft-works.idc-bnner p.white-inner-head .bottom-head {
    color: #002a7d;
    font-size: 15px;
}

.banner .forresterw-banner.g-banner.idc-bnner i.sf.cleander-logo {
    background-image: url(../assets/img/idc-calendar.png);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.g-banner.idc-bnner i.sf.loc-logo {
    background-image: url(../assets/img/idc-location.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.banner .forresterw-banner.g-banner.idc-bnner .webinar-time-wrapper {
    margin-top: 30px;
    background: #ffffff;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #c6d8ec;
}

.banner .forresterw-banner.g-banner.idc-bnner .set-mg-neg {
    margin-left: -60px;
}

.banner .forresterw-banner.g-banner.idc-bnner a.btn {
    font-size: 18px;
    margin-top: 40px;
    text-transform: uppercase;
    border-radius: 50px;
}

.banner .forresterw-banner.g-banner.idc-bnner .featuring-logos img {
    width: 13%;
}

.banner .forresterw-banner.g-banner.idc-bnner .featuring-logos {
    margin-bottom: 24px;
}

.banner .forresterw-banner.ft-works.syntellis-banner h3 {
    font-size: 2rem;
    color: #10195B;
    line-height: 2.5rem;
}

.banner .forresterw-banner.ft-works.syntellis-banner h5 {
    color: #4E647F;
}

.banner .forresterw-banner.ft-works.syntellis-banner .webinar-time-wrapper .date-time-container h4 {
    color: #10195B;
    font-size: 18px;
}

.banner .forresterw-banner.ft-works.syntellis-banner .webinar-time-wrapper .time-wrapper-right {
    margin-left: 18px;
}

.banner .forresterw-banner.syntellis-banner .speaker-details.col-md-8 h3 {
    color: #000000;
    line-height: 40px;
}

.banner .forresterw-banner.syntellis-banner .speaker-details h4 {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.banner .forresterw-banner.syntellis-banner .speaker-details.col-md-8 h5 span {
    color: #f48b00;
    font-size: 16px;
}

.banner .forresterw-banner.ft-works.syntellis-banner i.sf.virtually {
    background-image: url(../assets/img/sy-date.png);
    background-size: contain;
}

.banner .forresterw-banner.ft-works.syntellis-banner i.sf {
    background-image: url(../assets/img/sy-time.png);
    background-size: contain;
}

.banner .forresterw-banner.ft-works.syntellis-banner {
    background-image: url(../assets/img/ft-works-bg.webp);
    background-color: transparent;
    background-position: center center;
}

.banner .forresterw-banner.ft-works.syntellis-banner .speaker-container img {
    width: 82%;
}

.banner .forresterw-banner.ft-works.syntellis-banner .speaker-container .live-image-wrapper img {
    width: 18%;
    margin-top: 96px;
}

.banner .forresterw-banner.ft-works.syntellis-banner .live-image-wrapper {
    text-align: right;
}

.banner .forresterw-banner.ft-works.syntellis-banner .speakers-container {
    margin-top: 20px;
    text-align: right;
}

.banner .forresterw-banner.ft-works.syntellis-banner .featuring-logos {
    margin-bottom: 30px;
    margin-top: -40px;
}

.banner .forresterw-banner.ft-works.syntellis-banner .featuring-logoss {
    margin-bottom: 26px;
}

.banner .forresterw-banner.ft-works.syntellis-banner a.btn {
    margin-top: 34px;
    border-radius: 6px;
    padding: 8px 30px;
}

.banner .forresterw-banner.ft-works.syntellis-banner .webinar-time-wrapper {
    margin-top: 26px;
}

.banner .forresterw-banner.ft-works.syntellis-banner .featuring-logoss img.tsia-logo {
    width: 42%;
}

.banner .forresterw-banner.g-banner.first-banner.adobe-meet-banner {
    background: url('../assets/img/adobe-banner-bg.jpg');
    background-position: center;
}

.banner .forresterw-banner.adobe-meet-banner i.sf.cleander-logo {
    background-image: url(../assets/img/ad-calender.svg);
    background-repeat: no-repeat;
}

.banner .forresterw-banner.adobe-meet-banner i.sf.loc-logo {
    background-image: url(../assets/img/ad-booth.svg);
    background-repeat: no-repeat;
    width: 53px;
}

.banner .forresterw-banner.adobe-meet-banner i.sf.booth-logo {
    background-image: url(../assets/img/ad-location.svg);
    background-repeat: no-repeat;
    width: 61px;
}

.banner .forresterw-banner.g-banner.adobe-meet-banner p.white-inner-head .bottom-head {
    font-size: 22px;
    font-weight: bold;
}

.banner .forresterw-banner.g-banner.adobe-meet-banner p.white-inner-head .top-head {
    font-size: 22px;
}

.banner .forresterw-banner.g-banner.adobe-meet-banner .webinar-time-wrapper .date-time-container {
    position: relative;
    left: 6px;
}

.banner .forresterw-banner.adobe-meet-banner .set-mg-neg {
    margin-left: -158px;
}

.banner .forresterw-banner.adobe-meet-banner .booth {
    margin-left: -154px;
}

.banner .forresterw-banner.adobe-meet-banner h3 {
    color: #ffffff;
    font-size: 50px;
    line-height: 70px;
}

.banner .forresterw-banner.adobe-meet-banner .featuring-logos img {
    width: 60%;
}

.banner .forresterw-banner.adobe-meet-banner a.btn {
    font-size: 20px;
    margin-top: 40px;
    padding: 12px 36px;
}

.banner .forresterw-banner.g-banner.adobe-meet-banner .webinar-time-wrapper {
    margin-top: 24px;
}

.banner .forresterw-banner.g-banner.first-banner.knowbler-win-banner {
    background: url('../assets/img/marketing-refocus-2024-bg.webp');
    background-position: center center;
    background-color: #0f0e1e;
}

.banner .forresterw-banner.g-banner.first-banner.knowbler-win-banner .featuring-logos {
    margin-bottom: 32px;
}

hr.kn-line {
    width: 70px;
    border-width: 3px;
    border-color: #ffb200;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 30px;
}

.banner .forresterw-banner.g-banner.first-banner.knowbler-win-banner .featuring-logos {
    margin-bottom: 20px;
    margin-top: 0;
}

.banner .forresterw-banner.g-banner.first-banner.knowbler-win-banner h5 {
    font-size: 22px;
}

.banner .forresterw-banner.g-banner.first-banner.knowbler-win-banner img.tagline {
    max-width: 118%;
    margin-left: -108px;
    margin-bottom: 20px;
}

.banner .forresterw-banner.g-banner.first-banner.knowbler-win-banner img.date-time {
    max-width: 56%;
    display: block;
}

.banner .forresterw-banner.g-banner.first-banner.knowbler-win-banner img.marketing-refocus {
    max-width: 100%;
    display: block;
    margin-top: -60px;
}

/* suva-chronicles banner */
.speakerHostWrapper {
    display: flex;
    margin-top: 15vh;
    gap: 15px;
}

.speakerHostList {
    display: flex;
    gap: 15px;
}

.speakerHostListItems {
    display: flex;
    align-items: center;
    gap: 15px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .highlightHeading {
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 26px;
    font-weight: 600;
    text-align: left;
    color: #F48B00;
    position: relative;
    margin-left: 0;
    margin-bottom: 25px;
    display: block;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakerHostListItems .content-wrapper h3 {
    font-size: 20px;
    text-align: left;
    line-height: 20px;
    color: #000;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakerHostListItems .content-wrapper h4 {
    text-align: left;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.banner .forresterw-banner.suva-chronicles-ep2 .speakerHostListItems .content-wrapper h5 {
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 16px;
    text-align: left;
    color: #000;
}

.speakerWrapper.su_presentedBy {
    width: 60%;
}

.hostWrapper.su_presentedBy {
    width: 40%;
}

.banner .forresterw-banner.css-one-banner .speakerHostList .speakerHostListItems .btn {
    position: relative;
    margin-left: 15px;
    left: auto;
    top: auto;
}

.banner .forresterw-banner.suva-chronicles-ep2 .highlightHeading>span {
    background-color: #fff;
    padding-right: 20px;
}

.banner .forresterw-banner.suva-chronicles-ep2 .highlightHeading>span:after {
    content: "";
    height: 3px;
    background-color: #000;
    position: absolute;
    width: 75%;
    left: 0;
    top: 50%;
    z-index: -1;
}



/* TSIA banner css */
.banner .forresterw-banner.tsia24 {
    background: url('../assets/img/tsia-banner-bg.png');
    background-size: cover;
}

.banner .forresterw-banner.tsia24 .featuring-logoss {
    gap: 40%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.banner .forresterw-banner.tsia24 img.tsia-icon {
    max-width: 274px;
    height: auto !important;
}

.banner .forresterw-banner.tsia24 .leaders {
    margin-top: -98px;
}

.banner .forresterw-banner.tsia24 .tsia-leaders {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 150px;
}

.banner .forresterw-banner.tsia24 img.leader-img {
    max-width: 100px;
}

.banner .forresterw-banner.tsia24 .leader-col:nth-child(3) img.leader-img {
    margin-left: -8px;
}

.banner .forresterw-banner.tsia24 p.leader-name {
    font-size: 21px;
    line-height: 49px;
    font-weight: 700;
    color: #FF7900;
    margin-bottom: 0px;
}

.banner .forresterw-banner.tsia24 p.leader-org {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #000000;
    margin-top: -12px;
}

.carousel-item.forresterw-banner.tsia24 {
    position: relative;
}

.banner .forresterw-banner.tsia24 .tsia-leaders .strip {
    background: white;
    height: 73px;
    position: absolute;
    width: 200vw;
    content: "dummy";
    left: -100vw;
    z-index: -2;
}

.banner .forresterw-banner.tsia24 h3.tsia-head {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    padding-right: 0px;
    margin: 16px 0px 0px;
}


.banner .forresterw-banner.tsia24 h5.tsia-sub-head {
    font-size: 24px;
    line-height: 58px;
    font-weight: 500;
    margin-bottom: 0px;
}

.banner .forresterw-banner.tsia24 .schedule {
    display: flex;
    align-items: center;
    gap: 10%;
    margin-top: -151px;
}

.banner .forresterw-banner.tsia24 .schedule .date-time {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.banner .forresterw-banner.tsia24 .schedule img.calender-icon {
    margin-right: 10px;
}

.banner .forresterw-banner.tsia24 .schedule .date-time p:nth-child(2) {
    margin-bottom: 0px;
    margin-right: 20px;
    border-right: 1px solid #ffff;
    padding-right: 18px;
}

.banner .forresterw-banner.tsia24 .schedule img.clock-icon {
    margin-right: 10px;
}

.banner .forresterw-banner.tsia24 .schedule .date-time p {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.banner .forresterw-banner.tsia24 .schedule a.btn.hover-translate-y-n3.animated-btn {
    margin-top: 0px;
}

/* DreamForce Banner  */
.banner .forresterw-banner.softwarereviews-banner.df-2024 {
    background-image: url(../assets/img/df-bg.png);
    background-color: #f6f1d5 !important;
}

.df-2024>.container>.row>.col-7 {
    margin-top: -60px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 .featuring-logoss img {
    max-width: 390px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 h5 {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    margin-top: 45px;
    color: #FF7900;
    font-family: "Poppins", sans-serif;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 h2 {
    font-weight: 400;
    font-size: 58px;
    line-height: 75px;
    color: #000000;
    font-family: "Poppins", sans-serif;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 img.df-banner-img {
    max-width: 560px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 img.calender-icon,
.banner .forresterw-banner.softwarereviews-banner.df-2024 img.location-icon,
.banner .forresterw-banner.softwarereviews-banner.df-2024 img.booth-icon {
    width: 24px;
    margin-right: 8px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 .date-time {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    max-width: 578px;
    padding: 18px 28px;
    margin-bottom: 24px;
    border-radius: 6px;
    border: 1px solid #D0D1D0;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 .date-time p {
    font-size: 19px;
    line-height: 23px;
    font-weight: 500;
    color: #000000;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0px;
    padding-right: 10px;
    border-right: 1px solid #CBCBCB;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 img.location-icon,
.banner .forresterw-banner.softwarereviews-banner.df-2024 img.booth-icon {
    margin-left: 10px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 p.booth-icon-txt {
    border-right: unset;
    padding-right: 0px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 img.df-text {
    margin: 40px 0px 30px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 img.df-date {
    margin-bottom: 40px;
}

.banner .forresterw-banner.softwarereviews-banner.df-2024 a.btn {
    display: table;
}


/* Sugpt win - banner */
.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 {
    background-image: url(../assets/img/gpt-win-bg.png);
}

.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 .featuring-logoss img {
    max-width: 390px;
}

.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 52px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    margin: 40px 0px;
}


.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 .win-img-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 .win-img-sec img.df-banner-img {
    max-width: 400px;
}

.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 .win-img-sec p.bannertxt {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    text-align: center;
    max-width: 400px;
    margin-top: 10px;
}

/* ABBYY banner */
.banner .forresterw-banner.softwarereviews-banner.abbyy-2024 {
    background-image: url(../assets/img/abbyy-bg.png);
}

.banner .forresterw-banner.softwarereviews-banner.abbyy-2024 .featuring-logoss img {
    max-width: 390px;
}

.banner .forresterw-banner.softwarereviews-banner.abbyy-2024 h2 {
    font-weight: 600;
    font-size: 45px;
    line-height: 52px;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    margin: 40px 0px;
    max-width: 770px;
}

.banner .forresterw-banner.softwarereviews-banner.abbyy-2024 h5 {
    font-weight: 500;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 34px;
    margin-top: 20px;
    letter-spacing: -0.5px;
}

.banner .forresterw-banner.softwarereviews-banner.abbyy-2024 .win-img-sec {
    position: relative;
}

.banner .forresterw-banner.softwarereviews-banner.abbyy-2024 img.df-banner-img {
    max-width: 360px;
    position: absolute;
    bottom: -7vw;
    left: 6vw;
}

/* Score website banner */
.banner .forresterw-banner.softwarereviews-banner.su-score {
    background-image: url(../assets/img/score_banner_bg.png);
    background-color: #E9F8FE !important;

}


.banner .forresterw-banner.softwarereviews-banner.su-score .featuring-logoss img {
    max-width: 390px;
}

.banner .forresterw-banner.softwarereviews-banner.su-score>.container>.row>.col-7 {
    padding-right: 0px;
}

.banner .forresterw-banner.softwarereviews-banner.su-score h2 {
    font-weight: 600;
    font-size: 52px;
    line-height: 75px;
    color: #042656;
    font-family: "Poppins", sans-serif;
    margin: 0px 0px 38px;
    max-width: 687px;
    margin-top: -50px;
}


.banner .forresterw-banner.softwarereviews-banner.su-score .win-img-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner .forresterw-banner.softwarereviews-banner.su-score .win-img-sec img.df-banner-img {
    max-width: 338px;
}

.banner .forresterw-banner.softwarereviews-banner.su-score .win-img-sec p.bannertxt {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    text-align: center;
    max-width: 400px;
    margin-top: 10px;
}

.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024.g2 {
    background-image: url(../assets/img/g2-bg-2024.png);
}

.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024.g2 h2 {
    font-size: 32px;
    line-height: 42px;
    margin-top: 14px;
    margin-bottom: 20px;
}

.banner .forresterw-banner.softwarereviews-banner.g2 h4 {
    font-size: 24px;
    color: #FF7300;
    font-weight: bold;
    margin-top: 40px;
}

.banner .forresterw-banner.softwarereviews-banner.g2 h5 {
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 22px;
    margin-top: 0px;
    color: #FF7300;
}

.banner .forresterw-banner.softwarereviews-banner.g2 h2 span {
    color: #FF7300;
}

.banner .forresterw-banner.softwarereviews-banner.gpt-win-2024.g2 .win-img-sec img.df-banner-img {
    max-width: 300px;
}

.intelligent__knowledge--wrapper {
    margin-top: -40px;
}

.intelligent__knowledge--agent .image-column img {
    margin-top: 0px;
}

section.site-footer .clearfix div {
    width: 100%;
}

section.site-footer .medal-g2 {
    max-width: 100%;
    padding: 4px 10px;
    border: 1px solid #dbdbdb;
    text-align: center;
    margin-left: 8px;
}

@supports (-ms-ime-align:auto) {

    label[for=inputPassword],
    label[for=inputUser] {
        display: none
    }

    ::-webkit-input-placeholder {
        color: #000
    }

    :-moz-placeholder {
        color: #000
    }

    ::-moz-placeholder {
        color: #000
    }

    :-ms-input-placeholder {
        color: #000
    }
}

@supports (-ms-ime-align:auto) {
    .banner .g2-banner-wrapper .speaker-col {
        background: #1e5f9c
    }

    .banner .g2-banner-wrapper .speaker-col .speaker-item .col-9 {
        padding-left: 16px
    }
}

@media (min-width:991px) {
    .banner .forresterw-banner.tsia24 p.leader-name {
        font-size: 18px;
    }

    .banner .forresterw-banner.tsia24 p.leader-org {
        font-size: 14px;
    }
}

@media (min-width:768px) {
    .su-customers-smooth-wrapper .item-wrap {
        width: 250%
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .card .card-img-overlay {
        top: 0
    }

    .card>a {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card.justify-content-end .card-img-overlay {
        top: auto;
        bottom: 0
    }

    .card:not([class*=col-]) {
        width: 100%
    }

    .card>div {
        max-width: 100%
    }

    .card.card-article-wide .card-body {
        width: 100%
    }

    .flex-column>img.flex-grow-1 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .icon {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .icon-logo {
        width: auto !important;
        max-width: 6rem !important
    }

    .banner .klever-banner .klever-illustration {
        width: 500px
    }

    .banner .klever-banner .row.white-row .speaker-pattern img {
        margin-left: 30px
    }

    .banner .klever-banner .speakers-container .speaker.row .col-4 {
        padding: 0
    }

    .banner .klever-banner .speakers-container .speaker.row .col-8 {
        margin-left: -20px
    }

    .banner .klever-banner .speakers-container h3 {
        font-size: 15px
    }

    .banner .klever-banner .speakers-container h5 {
        font-size: 11px;
        line-height: 16px
    }

    .banner .klever-banner .speakers-container .speaker.row img {
        max-width: 70%
    }

    .banner .databricks-banner .webinar-time-wrapper {
        max-width: 100%
    }

    .banner .community-refocus .featuring-logos img {
        width: 56% !important
    }

    .banner .community-refocus.mamba .featuring-logos img {
        width: 96% !important
    }

    img {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    section.searchunify-partners .ab-partner-container a .img-fluid,
    section.searchunify-partners .ab-partner-container div.without-link .img-fluid {
        max-width: 116px
    }

    section.searchunify-applications .application-tabs .btn {
        padding: 10px 14px
    }

    img.flex-grow-1 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .list-group,
    .row {
        width: 100%
    }

    .text-image-2 {
        display: block
    }

    .text-image-2 .bg-white {
        bottom: 0;
        right: 0
    }

    .min-vh-100 {
        height: 100vh
    }

    figure.home-banner-illustration svg {
        min-height: 60vh
    }

    hr.scroll-hr {
        text-align: left
    }

    .podcastPopup .logo-box.pop-up-img {
        max-width: 100%
    }

    .banner .delphix-banner .banner-time,
    .banner .delphix-banner .banner-title {
        min-width: 106%
    }

    .banner .min-vh-50 {
        min-height: 32vh
    }

    .banner .stevie .speaker-container .speaker-inner img {
        max-width: 80px
    }

    .banner .stevie .speaker-container .speaker-inner h5 {
        font-size: .7rem
    }

    .banner .stevie .speaker-container .speaker-inner .designation {
        font-size: .8rem
    }

    .header .navbar-nav li a.nav-link.su-site-search {
        visibility: visible
    }

    .tsiaWebinarPop .webinar-time-container span {
        font-size: 12px
    }

    .tsiaWebinarPop .row.speaker-row h5 {
        margin-top: 10px !important;
        font-size: 12px
    }

    .tsiaWebinarPop .row.speaker-row p.designation {
        font-size: 10px
    }

    .tsiaWebinarPop .webinar-sign {
        text-align: right
    }

    .tsiaWebinarPop .webinar-sign img {
        max-width: 76%
    }

    .header .navbar-nav li a.nav-link.su-site-search {
        visibility: visible
    }

    .header .navbar-nav li a.nav-link.su-site-search-button {
        visibility: visible
    }

    .header .navbar-nav li a.nav-link {
        padding: 5px 12px
    }

    .banner .ccw-webinar-banner .illustration-container img {
        width: 360px;
        height: 400px
    }

    .stevie-pop-wrapper h3 {
        font-size: 32px
    }



    section.site-footer .copy-text p {
        font-size: 12px
    }

    .banner .databricks-banner h2 {
        font-size: 2.4rem;
        line-height: 2.8rem
    }

    .banner .databricks-banner .speaker-col {
        padding-left: 0
    }

    .banner .databricks-banner .speaker h5 {
        font-size: 14px
    }

    .banner .databricks-banner .speaker-col.moderator {
        padding-left: 0
    }

    .banner .databricks-banner .moderator.speaker-col .speaker.row .col-8 {
        padding-left: 15px
    }

    .banner .databricks-banner .moderator .speaker h3,
    .banner .databricks-banner .multi-panelist .speaker h3 {
        font-size: 16px
    }

    .banner .databricks-banner .moderator .speaker img,
    .banner .databricks-banner .multi-panelist .speaker img {
        max-width: 86px
    }

    .banner .databricks-banner .moderator .speaker h5,
    .banner .databricks-banner .multi-panelist .speaker h5 {
        font-size: 14px;
        line-height: 18px
    }

    .banner .databricks-banner .multi-panelist .speakers-container.row {
        width: 114%
    }

    .banner .databricks-banner .multi-panelist .speaker.row {
        width: 106%
    }

    .banner .databricks-banner .multi-panelist .speaker-col .speaker.row .col-8 {
        padding-left: 0
    }

    .banner .klever-banner .webinar-time-wrapper h5 {
        font-size: 20px
    }

    .banner .tsia-sep-banner .webinar-time-wrapper {
        width: 100%
    }

    .banner .tsia-sep-banner .speaker-inner h5 {
        line-height: 16px;
        font-size: 12px
    }

    .banner .tsia-sep-banner .row.container-row {
        width: 102% !important
    }

    .banner .community-refocus .webinar-title h3 {
        font-size: 1.5rem
    }

    .banner .community-refocus .webinar-time-wrapper {
        width: 98%
    }

    .banner .community-refocus .webinar-time-wrapper .time-wrapper-right {
        margin-left: -64px
    }

    .banner .community-refocus.support-refocus .webinar-time-wrapper .time-wrapper-right {
        margin-left: 0
    }

    .banner .community-refocus .webinar-time-wrapper h5 {
        font-size: 18px
    }

    .banner .g2-banner-wrapper h3 {
        font-size: 2.2rem
    }

    section.persona .persona-content ul li {
        display: block
    }

    section.persona {
        background-position-x: calc(100% - 180px) !important
    }

    section.persona .persona-content ul li {
        display: block
    }

    .why_searchunify,
    section.recommended-section {
        padding: 2rem 0;
        margin: 0 0 -4rem 0;
        background-image: none;
        background-color: #00143d
    }

    section.recommended-section {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .why_searchunify .why_content .icon .why-icon {
        max-height: 106px;
        margin-top: -53px
    }

    section.searchunify-testimonials .testimonials-heading {
        padding: 0 10rem
    }

    section.persona .personas-row .persona-content {
        border: 1px solid #e6ecf8
    }

    .banner .forresterw-banner .webinar-time-wrapper h5 {
        font-size: 18px
    }

    .banner .forresterw-banner.tsw-session .speaker-details h3 {
        font-size: 21px
    }

    .banner .forresterw-banner.tsw-session .speaker-details h4 {
        font-size: 14px
    }
}

@media all and (object-fit:cover) and (-ms-high-contrast:none) {

    .infinite_scope video,
    ::-ms-backdrop {
        height: auto
    }

    label[for=inputPassword],
    label[for=inputUser] {
        display: none
    }

    ::-webkit-input-placeholder {
        color: #000
    }

    :-moz-placeholder {
        color: #000
    }

    ::-moz-placeholder {
        color: #000
    }

    :-ms-input-placeholder {
        color: #000
    }

    .col-logo-area {
        display: block !important
    }

    .colub-pop-container h3 {
        display: inline-block
    }

    .podcastPopup .logo-box.pop-up-img {
        max-width: 100%
    }

    .podcastPopup .logo-box.pop-up-img {
        max-width: 100%
    }

    .header .navbar-nav li a.nav-link {
        padding: 5px 12px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    label[for=inputPassword],
    label[for=inputUser] {
        display: none
    }

    ::-webkit-input-placeholder {
        color: #000
    }

    :-moz-placeholder {
        color: #000
    }

    ::-moz-placeholder {
        color: #000
    }

    :-ms-input-placeholder {
        color: #000
    }

    .col-logo-area {
        display: block !important
    }

    .colub-pop-container h3 {
        display: inline-block
    }

    .banner .banner-icons-search img {
        max-width: 300px !important;
        width: auto !important
    }

    .AugmentedIntelligencePop .stevie .speaker-container .speaker-inner img {
        max-width: 60px
    }

    .AugmentedIntelligencePop .stevie .speaker-container .speaker-inner h5 {
        font-size: .7rem
    }

    .AugmentedIntelligencePop .stevie .speaker-container .speaker-inner .designation {
        font-size: .7rem
    }

    .AugmentedIntelligencePop .stevie .speaker-container .speaker-inner {
        width: 124%;
        max-width: 124%
    }

    .banner .g2-banner-wrapper .speaker-col {
        background: #1e5f9c
    }

    .banner .g2-banner-wrapper .speaker-col .speaker-item .col-9 {
        padding-left: 50px
    }

    .header .navbar-nav li a.nav-link {
        padding: 5px 12px
    }

    .banner .databricks-banner .speaker h3 {
        font-size: 20px
    }

    .banner .databricks-banner .host-col .speaker.row .col-8 {
        padding-left: 30px
    }

    .banner .databricks-banner .speaker-col .speaker.row .col-8 {
        padding-left: 40px
    }

    .banner .cornerstone-banner .webinar-time-wrapper span {
        left: 74px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .time-wrapper-right span {
        left: 74px
    }

    .banner .webinar-time-wrapper .time-wrapper-right {
        padding-left: 20px
    }

    .banner .cornerstone-banner .webinar-time-wrapper {
        width: 60% !important
    }

    .banner .cornerstone-banner h5 {
        font-size: 18px
    }

    .banner .cornerstone-banner h6 {
        font-size: 16px
    }

    .banner .cornerstone-banner .speaker.row .col-8 {
        margin-left: 0;
        padding-left: 8px;
        padding-right: 0
    }

    .banner .cornerstone-banner .speaker-container img {
        max-width: 146px
    }

    .banner .cornerstone-banner .speakers-row h3 {
        font-size: 16px;
        line-height: 18px
    }

    .banner .cornerstone-banner .speakers-row h5 {
        font-size: 12px;
        line-height: 16px
    }

    .banner .forrester-banner h2 {
        font-size: 1.8rem
    }

    .banner .tsia-sep-banner {
        background-position-y: -200px !important
    }
}



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

    .banner_image,
    .carousel-item.ccw-webinar-banner,
    .carousel-item.community-banner,
    .carousel-item.community-re-focus,
    .carousel-item.delphix-banner,
    .carousel-item.rubrik-webinar-banner,
    .carousel-item.security-banner {
        height: 600px
    }

    .carousel-item.ai-tech,
    .carousel-item.c21-teaser,
    .carousel-item.community-refocus,
    .carousel-item.cornerstone-banner,
    .carousel-item.databricks-banner,
    .carousel-item.dreamforce-banner,
    .carousel-item.forrester-banner,
    .carousel-item.forresterw-banner,
    .carousel-item.g2-banner,
    .carousel-item.has-video,
    .carousel-item.kcs-banner,
    .carousel-item.klever-banner,
    .carousel-item.stevie-banner,
    .carousel-item.tsia-banner,
    .carousel-item.tsia-sep-banner,
    .carousel-item.user-meet-banner {
        height: calc(100vh - 113px);
    }

    .banner .ccw-webinar-banner .illustration-container {
        top: -300px
    }

    .banner .cornerstone-banner .speaker-container .heading {
        margin-top: 4rem
    }

    .banner .cornerstone-banner .logos.d-flex {
        margin-top: -8rem
    }

    .banner .cornerstone-banner .webinar-title-container img.arrow-orange {
        top: -10rem
    }

    .banner .forresterw-banner .speakers-container {
        margin-top: 136px
    }

    .banner .forresterw-banner.khoros-banner .speakers-container {
        margin-top: 50px;
    }

    .banner .forresterw-banner.khoros-banner .speakers-container.tsw-session strong {
        margin-bottom: 35px;
        margin-top: 100px;
    }

    .carousel-item.has-video.cipa {
        background-position-y: 0;
        background-position-x: 90%;
        background-size: cover
    }

    .banner .col20-banner.cipa h2 {
        margin-top: -120px
    }

    .banner.video-banner .col20-banner .banner-text-col {
        padding: 0 11%
    }

    .banner .col20-banner.has-video.globee-award .banner-text-col {
        padding: 0 15px
    }

    .banner .forresterw-banner.aa-webinar .speakers-container {
        margin-top: 84px
    }

    .banner .tsia-sep-banner .webinar-time-wrapper {
        margin-top: 40px
    }

    .banner .tsia-sep-banner .speaker-container {
        margin-top: 20px
    }

    .banner .kcs-banner .speakers-row.multi-panelist {
        margin-right: 16px
    }

    .shape-tsw-aa img {
        margin-top: -110px;
        width: 90%;
    }

    .banner .forresterw-banner.chatgpt-banner .speakers-container img.first-speaker {
        width: 264px;
        margin-top: 148px;
        margin-right: -124px;
    }

    .banner .forresterw-banner.chatgpt-banner .speakers-container img.second-speaker {
        width: 264px;
        margin-left: 112px;
    }

    .banner .forresterw-banner.chatgpt-banner .featuring-logos {
        margin-top: -122px;
    }

    .banner .forresterw-banner.chatgpt-banner h2.colered_text {
        margin-bottom: 18px;
        margin-top: -62px;
    }

    .banner .forresterw-banner.chatgpt-banner h5 {
        margin-top: 16px;
    }

    .banner .forresterw-banner.chatgpt-banner .webinar-time-wrapper {
        margin-top: 34px;
    }

    .banner .forresterw-banner.chatgpt-banner img.chatgpt-cta {
        margin-top: 34px;
    }

    .banner .forresterw-banner.chatgpt-banner {
        background-position-y: -66px;
    }

    .banner .forresterw-banner.chatgpt-banner .container {
        max-width: 1400px;
    }

    .banner .forresterw-banner.chatgpt-banner h3 {
        line-height: 3.6rem;
        margin-top: 24px;
    }

    .banner .forresterw-banner.chatgpt-banner a.btn {
        margin-top: 16px;
    }

    .banner .forresterw-banner.aa-banner .left-aa-su img {
        margin-top: 166px;
    }

    .banner .forresterw-banner.aa-banner a.btn {
        padding: 16px 42px;
        font-size: 24px;
    }

    .banner .forresterw-banner.aa-banner.cipa .left-aa-su img {
        margin-top: 100px;
        margin-left: 60px;
    }

    .banner .forresterw-banner.product-launch {
        background-position: center -28px;
    }

    .banner .forresterw-banner.product-launch .innovate-logo {
        margin-top: 40px;
    }

    .banner .forresterw-banner.product-launch img.innovate-circle-2,
    .banner .forresterw-banner.product-launch img.innovate-circle-1 {
        display: none;
    }

    .banner .forresterw-banner.flexera-banner .speakers-container.tsw-session {
        padding-top: 100px;
    }

    .banner .forresterw-banner.dreamforce-banner .featuring-logos {
        margin-top: -85px;
    }

    .banner .tsia-sep-banner .speaker-container {
        margin-top: -80px;
    }

    .banner .tsia-sep-banner .webinar-time-wrapper1 {
        margin-top: 216px;
    }

    .banner .tsia-sep-banner .featuring-logos {
        margin-bottom: 20px;
        margin-top: 116px;
    }

    .banner .tsia-sep-banner .container {
        max-width: 1440px;
    }

    .banner .tsia-sep-banner a.btn {
        border-radius: 7px;
        padding: 18px 26px;
        font-size: 1.6rem;
    }

    .banner .tsia-sep-banner .live-webinar-appinium {
        float: right;
        width: 236px;
        margin-top: 70px;
        margin-right: 16px;
    }

    .banner .forresterw-banner.idc-banner .idc-graph {
        width: 441px;
        margin-top: 61px;
        height: 382px;
        margin-left: 111px;
    }

    .banner .forresterw-banner.idc-banner .featuring-logoss::after {
        top: 42%;
    }

    .banner .forresterw-banner.idc-banner .idc-logo {
        margin-top: 90px;
    }

    .banner .forresterw-banner.idc-banner .idc-logo {
        margin-right: 6px;
    }

    section.sugpt-container .container .about-mid-banner-container {
        width: 100%;
        max-width: unset;
    }

    img.video-thumbnail {
        margin-top: 190px;
    }

    .banner .forresterw-banner.tsw-session.csi-banner .speakers-container {
        margin-top: 106px;
    }

    .banner .forresterw-banner.suva-chronicles-episode .speakers-container {
        margin-top: 108px;
    }

    .banner .forresterw-banner.cs-two-banner img.cs-season {
        width: 100%;
        margin-top: 150px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .speakers-container {
        margin-top: 10px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .featuring-logoss img {
        margin-top: 140px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 a.btn {
        margin-top: 286px;
    }

    .banner .forresterw-banner.cs-two-banner.llm-banner img.llm-diagram {
        width: 100%;
    }

    .banner .forresterw-banner.css-one-banner a.btn {
        margin-top: 0px;
    }

    .banner .forresterw-banner.css-one-banner .speakers-container {
        margin-top: 40px;
    }

    .banner .forresterw-banner.css-one-banner img.season-two-css {
        width: 70%;
        margin-top: 80px;
    }

    .banner .forresterw-banner.css-one-banner .featuring-logoss img {
        margin-top: 80px;
    }

    .banner .forresterw-banner.css-one-banner .speakers-container.tsw-session strong.hosti {
        top: -90px;
    }

    .banner .forresterw-banner.css-one-banner a.btn {
        font-size: 20px;
    }

    .banner .forresterw-banner.css-one-banner .col-4.ml-leftt {
        margin-left: -140px;
    }

    .banner .forresterw-banner.cs-two-banner.softwarereviews-banner img.llm-diagram {
        margin-top: 20%;
    }

    .banner .forresterw-banner.g-banner.first-banner.adobe-meet-banner .featuring-logos {
        margin-bottom: 80px;
        margin-top: 0px;
    }

    .banner .forresterw-banner.css-one-banner {
        background-position-y: top;
        background-size: 100% 480px;
    }

    .banner .forresterw-banner.ft-works.fw-banner {
        background-position: -130px 0;
    }

    .intelligent__knowledge--wrapper,
    .intelligent__knowledge--agent .image-column img {
        margin-top: 100px;
    }
}




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

    .banner_image,
    .carousel-item.ccw-webinar-banner,
    .carousel-item.community-banner,
    .carousel-item.community-re-focus,
    .carousel-item.delphix-banner,
    .carousel-item.has-video,
    .carousel-item.rubrik-webinar-banner,
    .carousel-item.security-banner {
        height: 600px
    }

    .carousel-item.ai-tech,
    .carousel-item.c21-teaser,
    .carousel-item.community-refocus,
    .carousel-item.cornerstone-banner,
    .carousel-item.databricks-banner,
    .carousel-item.dreamforce-banner,
    .carousel-item.forrester-banner,
    .carousel-item.forresterw-banner,
    .carousel-item.g2-banner,
    .carousel-item.has-video,
    .carousel-item.kcs-banner,
    .carousel-item.klever-banner,
    .carousel-item.stevie-banner,
    .carousel-item.tsia-banner,
    .carousel-item.tsia-sep-banner,
    .carousel-item.user-meet-banner {
        height: 680px
    }

    section.site-footer ul.social-links {
        padding-right: 5rem
    }

    .banner.video-banner:after {
        bottom: 126px
    }

    .banner .forresterw-banner .speakers-container {
        margin-top: 90px
    }

    .banner .forresterw-banner.aa-webinar .speakers-container {
        margin-top: 26px
    }

    .banner .forresterw-banner.product-launch .webinar-time-wrapper {
        margin: 32px auto;
    }

    .banner .forresterw-banner.product-launch .innovate-logo {
        width: 86%;
    }

    .banner .forresterw-banner.product-launch h3 {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .banner .forresterw-banner.product-launch .su-innovate-col {
        margin-top: -130px;
    }

    .banner .forresterw-banner.product-launch .innovate-logo {
        margin-top: 40px;
    }

    .banner .forresterw-banner.product-launch img.innovate-circle-2,
    .banner .forresterw-banner.product-launch img.innovate-circle-1 {
        display: none;
    }

    .banner .forresterw-banner.product-launch {
        background-position: right -28px;
    }

    .banner .forresterw-banner.tsw-banner a.btn {
        margin-top: 30px;
    }

    .banner .forresterw-banner.tsw-banner h2 {
        margin-top: 22px;
        line-height: 54px;
    }

    .banner .forresterw-banner.tsw-banner h3 {
        line-height: 31px;
    }

    .banner .forresterw-banner.tsw-banner .featuring-logos {
        margin-top: -74px;
    }

    .banner .forresterw-banner.idc-banner h5 {
        margin-top: 24px;
    }

    body.Home-page .carousel-item .container {
        padding: 0 60px !important;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        height: 32px;
        width: 32px;
    }
}


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

    .carousel-item.ai-tech,
    .carousel-item.c21-teaser,
    .carousel-item.community-refocus,
    .carousel-item.cornerstone-banner,
    .carousel-item.databricks-banner,
    .carousel-item.dreamforce-banner,
    .carousel-item.forrester-banner,
    .carousel-item.forresterw-banner,
    .carousel-item.g2-banner,
    .carousel-item.has-video,
    .carousel-item.kcs-banner,
    .carousel-item.klever-banner,
    .carousel-item.stevie-banner,
    .carousel-item.tsia-banner,
    .carousel-item.tsia-sep-banner,
    .carousel-item.user-meet-banner {
        height: 600px;
    }

    .banner .forresterw-banner.tsia24 .leaders {
        margin-top: 0;
    }

    .banner .forresterw-banner.tsia24 .schedule {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .banner.video-banner .carousel-indicators {
        bottom: 10px;
    }

    .container-video-banner .carousel-item .container {
        padding-top: 50px;
    }

    .banner .forresterw-banner.css-one-banner .featuring-logoss img {
        margin-top: 0;
    }

    .banner .forresterw-banner.css-one-banner img.season-two-css {
        margin-top: 0;
    }

    .banner .forresterw-banner.css-one-banner {
        background-position-y: top;
        background-size: 100% 340px;
    }

    .banner .forresterw-banner.tsia24 .featuring-logoss {
        margin-top: 0;
    }

    .speakerHostWrapper {
        margin-top: 4vh;
    }

    .banner .forresterw-banner.softwarereviews-banner.gpt-win-2024.g2 .row {
        margin-top: -20px;
    }

    .intelligent__knowledge--wrapper,
    .intelligent__knowledge--agent .image-column img {
        margin-top: 40px;
    }
}


@media (min-width:1401px) {
    .banner .forresterw-banner.tsia-banner a.btn {
        margin-top: 35px
    }

    .banner .forresterw-banner.knowbler-banner .featuring-logos {
        margin-top: -80px;
    }

    .banner .forresterw-banner.tsia-banner {
        background-position-x: 0
    }

    .banner .stevie.mb-25 {
        padding-bottom: 8rem
    }

    .banner .stevie h1.primary-color {
        margin-top: 0
    }

    .banner .col20-banner.has-video.cipa .banner-text-col {
        padding: 0 1%
    }

    .banner .col20-banner.has-video .banner-text-col {
        padding: 0px 5% 0 1%;
    }

    .banner .col20-banner.has-video.globee-award .banner-text-col {
        padding: 0 15px
    }

    .banner .forresterw-banner.community-refocus img.community-refocus-logo {
        width: 90%;
    }

    .banner .forresterw-banner.community-refocus .featuring-logos {
        margin-top: -100px;
    }

    .banner .forresterw-banner .featuring-logos {
        margin-top: -140px;
    }

    .banner .forresterw-banner.accela-win.g2 .featuring-logos {
        margin-top: 0;
    }

    .banner .forresterw-banner.community-refocus .community-refocus-logo-container {
        margin-top: 30px;
    }
}

@media only screen and (min-width:1550px) {
    .sr-banner .col-12.text-center {
        margin-top: -86px;
    }

    .banner .col20-banner a {
        top: 12px;
    }

    .banner .forresterw-banner.community-refocus a.btn {
        padding: 10px 30px;
        margin-top: 30px;
    }

    .banner .forresterw-banner.su-g2-banner-2023 {
        background-position-y: 5px;
    }

    .banner .forresterw-banner.su-free-trial-banner .container.forresterw-banner-wrapper {
        padding-top: 70px;
    }

    .banner .forresterw-banner.su-softreview .container {
        max-width: 1300px;
    }

    .banner .forresterw-banner.su-softreview .featuring-logos {
        margin-bottom: 40px;
        margin-top: -18px;
    }

    .banner .forresterw-banner.dreamforce-banner .container {
        max-width: 1440px;
    }

    .banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -98px;
    }

    .banner .forresterw-banner.dreamforce-banner h2 {
        font-size: 50px;
        line-height: 60px;
        margin-top: 30px;
    }

    .banner .forresterw-banner.dreamforce-banner .cta-dreamforce img {
        margin-top: 40px;
    }

    .banner .forresterw-banner.ft-works .container {
        max-width: 1440px;
    }

    .banner .forresterw-banner.ft-works h3 {
        font-size: 2.8rem;
        line-height: 60px;
    }

    .banner .forresterw-banner.ft-works .webinar-time-wrapper .date-time-container h4 {
        font-size: 24px;
    }



    .banner .forresterw-banner.ft-works .featuring-logos {
        margin-top: -72px;
    }

    .banner .forresterw-banner.ft-works .speakers-container.tsw-session strong:before,
    .banner .forresterw-banner.ft-works .speakers-container.tsw-session strong.speak-title:before {
        top: 12px;
    }

    .banner .forresterw-banner.ft-works .speaker-details.col-md-8 h3 {
        font-size: 24px;
        line-height: 43px;
    }

    .banner .forresterw-banner.ft-works .speaker-details h4,
    .banner .forresterw-banner.ft-works .speaker-details h5 {
        font-size: 17px;
    }

    .banner .forresterw-banner.ft-works .speakers-container {
        margin-top: 153px;
    }

    .banner .forresterw-banner.ft-works .webinar-time-wrapper .time-wrapper-right {
        margin-top: 30px;
    }

    .banner .forresterw-banner.cs-banner .speakers-container {
        margin-top: 120px;
    }

    .banner .forresterw-banner.cs-banner .featuring-logos {
        margin-top: -70px;
    }

    .banner .forresterw-banner.cs-banner .speakers-container.tsw-session strong:before {
        top: 135px;
    }

    .banner .forresterw-banner.tsia-oct .webinar-time-wrapper {
        margin-top: 40px;
    }

    .banner .forresterw-banner.tsia-oct a.btn {
        margin-top: 50px;
    }

    .banner .forresterw-banner.tsia-oct .container {
        max-width: 1440px;
    }

    .banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right.booths {
        margin-left: -20px;
    }

    .banner .forresterw-banner.ft-works.g-banner .speakers-container.tsw-session strong.speak-title:before {
        left: 129px;
    }

    .banner .forresterw-banner.ft-works.g-banner .speakers-container.tsw-session strong.speak-title {
        font-size: 20px;
        font-weight: 600;
    }

    .banner .forresterw-banner.ft-works.g-banner .webinar-time-wrapper .time-wrapper-right {
        margin-top: 0px;
    }

    .banner .forresterw-banner.ft-works.g-banner .speakers-container.tsw-session strong.speak-title:before {
        left: 134px;
        width: 50px;
    }

    .banner .forresterw-banner.g-banner h5.white-inner-head .top-head {
        font-size: 14px;
        font-weight: 500;
    }

    .banner .forresterw-banner.g-banner h5.white-inner-head .bottom-head {
        font-size: 18px;
        font-weight: bold;
    }

    .banner .forresterw-banner.ft-works.g-banner h3 {
        font-size: 3.4rem;
        line-height: 68px;
    }

    .banner .forresterw-banner.zscaler-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -26px;
    }

    .banner .forresterw-banner.zscaler-banner i.sf {
        width: 49px;
    }

    .banner .forresterw-banner.zscaler-banner h3.title {
        color: #043061;
        font-size: 42px;
        line-height: 58px;
    }

    .banner .forresterw-banner.zscaler-banner .speakers-container {
        margin-top: 130px;
    }

    .banner .forresterw-banner.zscaler-banner .speaker-details h4 {
        color: #043061;
        font-size: 18px;
        text-align: left;
        margin-bottom: 2PX;
        font-weight: 500;
        margin-top: 10px;
    }

    .banner .forresterw-banner.zscaler-banner .speaker-details.col-md-8 h5 span {
        font-weight: 700;
        color: #043061;
        font-size: 18px;
    }

    .banner .forresterw-banner.su-data-ai .webinar-time-wrapper .time-wrapper-right {
        margin-left: -286px;
    }

    .banner .forresterw-banner.su-data-ai .webinar-time-wrapper .time-wrapper-right.booth {
        margin-left: -243px;
    }

    .banner .forresterw-banner.su-data-ai h2 {
        font-size: 64px;
    }

    .banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session strong.speak-title {
        margin-top: -55px;
    }

    .banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session strong.hosti {
        margin-top: 12px;
    }

    .banner .forresterw-banner.ft-works.fw-banner .speakers-container.tsw-session .last-row {
        margin-top: 80px;
    }

    .banner .forresterw-banner.ft-works.big-data-banner h3 {
        font-size: 2.8rem;
        line-height: 60px;
    }

    .banner .forresterw-banner.ft-works.big-data-banner .featuring-logos img {
        margin-top: 60px;
    }

    .banner .forresterw-banner.ft-works.big-data-banner img.t-big {
        width: 70%;
        max-height: 100%;
        margin-top: 130px;
    }

    .banner .forresterw-banner.g-banner.idc-bnner img.cs-diagram {
        margin-top: 120px;
    }

    .banner .forresterw-banner.ft-works.idc-bnner h3 {
        font-size: 2.8rem;
        line-height: 60px;
    }

    .banner .forresterw-banner.ft-works.idc-bnner p.white-inner-head .top-head {
        color: #f48b00;
        font-size: 14px;
        font-weight: 600;
    }

    .banner .forresterw-banner.ft-works.idc-bnner p.white-inner-head .bottom-head {
        color: #002a7d;
        font-size: 16px;
    }



    .banner .forresterw-banner.ft-works.syntellis-banner .speakers-container.tsw-session .row {
        margin-bottom: 16px;
    }

    .banner .forresterw-banner.ft-works.syntellis-banner .featuring-logos {
        margin-top: -140px;
    }

    .banner .forresterw-banner.ft-works.syntellis-banner .speaker-container .live-image-wrapper img {
        margin-top: 110px;
    }

    .banner .forresterw-banner.ft-works.fw-banner .webinar-time-wrapper {
        width: 88%;
        margin-top: 40px;
    }

    .banner .forresterw-banner.ft-works.syntellis-banner h3 {
        font-size: 2.2rem;
    }

    .banner .forresterw-banner.accela-tsia-24 .featuring-logos {
        margin-top: -30px;
    }

    .banner .forresterw-banner.accela-tsia-24 .speakers-container {
        text-align: right;
    }

    .banner .forresterw-banner.accela-tsia-24 .speakers-container img {
        margin-top: 16px;
        width: 62%;
    }

    .banner .forresterw-banner.consulting img {
        margin-top: 120px;
    }
}

@media only screen and (max-width:1550px) {
    section.platform h2 {
        margin-bottom: 1rem
    }

    section.platform img.platform-illustration {
        max-width: 78%
    }

    .banner .community-refocus.mamba {
        background-position-y: -66px;
        background-position-x: center
    }

    .carousel-item.g2-banner {
        background-size: 120%
    }

    .banner .databricks-banner .logo-row {
        padding-top: 1.2rem
    }

    .banner .databricks-banner .webinar-time-row {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .banner .databricks-banner h2 {
        margin: 22px 0
    }

    .banner .databricks-banner .row.cta-row {
        margin-top: 14px
    }

    .banner .cornerstone-banner .webinar-title-container {
        margin-top: -4.7rem
    }

    .banner .cornerstone-banner .speaker-container {
        margin-top: -3rem
    }

    .banner .c21-teaser .c21-logo,
    .banner .c21-teaser .c21-releasing {
        max-width: 800px
    }

    .banner .cornerstone-banner .speaker-container .heading {
        margin-top: 3rem
    }

    .banner .cornerstone-banner .speaker-image img {
        width: 32%
    }

    .banner .cornerstone-banner .logos.d-flex {
        margin-top: -4rem;
        margin-bottom: 0
    }

    .banner .cornerstone-banner .featuring-logos {
        margin-bottom: 16px
    }

    .banner .cornerstone-banner .logos.d-flex img {
        margin-bottom: 18px;
        width: 28%
    }

    .banner .klever-banner .logos.d-flex {
        margin-top: 38px
    }

    .banner .klever-banner .row.white-row {
        padding: 20px 0
    }

    .banner .klever-banner .row.container-row {
        padding-bottom: 30px
    }

    .banner .tsia-sep-banner .row.container-row {
        background-size: contain;
        background-position-y: calc(100% - 200px)
    }

    .banner .community-refocus img.webinar-logo {
        max-width: 130%
    }

    .banner .databricks-banner .logo-row .logos {
        margin-top: 38px
    }

    .banner .databricks-banner a.btn {
        margin-top: 3px
    }

    section.persona {
        background-position-x: calc(100% - 350px)
    }

    .banner .community-refocus.support-refocus {
        background-image: url(../assets/img/support-refocus-small-bg.jpg);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center
    }

    .banner .community-refocus.mamba.image-only h4 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .banner .col20-banner .ga-row .globee-award-logo {
        top: -14%
    }

    .banner .community-refocus.mamba.colubridae-banner.image-only h4 {
        margin-top: 140px;
        margin-bottom: 160px;
        color: #eaeaea;
        letter-spacing: 2px
    }

    .banner .community-refocus.mamba.colubridae-banner.image-only .webinar-title h3 {
        font-size: 1.5rem;
        margin-bottom: 35px;
        color: #eaeaea;
        letter-spacing: 1px;
        padding-top: 30px;
        font-weight: 300;
        font-size: 22px
    }

    .banner .community-refocus.mamba.image-only h5 {
        color: #fff;
        line-height: 40px;
        font-family: Montserrat;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 2px
    }

    .banner .kcs-banner .speaker-container {
        margin-top: -10.2rem
    }

    .shape-tsw-aa img {
        margin-top: -150px;
        width: 90%;
    }

    .banner .forresterw-banner.khoros-banner .speakers-container.tsw-session strong {
        margin-bottom: 25px;
    }

    .banner .forresterw-banner.suva-chronicles-banner h2 {
        font-size: 3.8rem;
    }

    .banner .forresterw-banner.suva-chronicles-banner h3 {
        font-size: 1.9rem;
        line-height: 2.2rem;
        padding-right: 4rem;
    }

    .banner .forresterw-banner.suva-chronicles-banner img.suva-chronicles {
        max-width: 110%;
    }
}

@media only screen and (max-width:1450px) {
    .banner.video-banner:after {
        bottom: 124px;
        height: 140px
    }

    .banner .col20-banner a {
        top: 20px;
    }

    .banner .col20-banner h1 {
        margin-top: -120px
    }

    .banner .ai-tech {
        background-size: 120%;
        background-position-x: center
    }

    .banner .tsia-banner .webinar-details h3 {
        font-size: 52px;
        line-height: 60px
    }

    .banner .tsia-banner .webinar-time-wrapper span {
        top: 3px;
        left: 68px
    }

    .banner .tsia-banner .webinar-time-wrapper .time-wrapper-right span {
        left: 82px
    }

    .banner .tsia-banner i.sf {
        width: 34px;
        height: 34px
    }

    .banner .tsia-banner .webinar-details .tsia-logo {
        padding-top: 60px
    }

    .banner .tsia-banner .webinar-details h3 {
        margin-bottom: 24px;
        margin-top: 6px
    }

    .banner .tsia-banner .webinar-time-wrapper {
        margin-bottom: 40px;
        max-width: 80%
    }

    .banner .databricks-banner h2 {
        margin: 22px 0
    }

    .banner .forresterw-banner.tsia24 .featuring-logoss {

        margin-top: 8px;
    }

    .banner .forresterw-banner.tsia24 img.tsia-icon {
        max-width: 274px;
    }

    .banner .forresterw-banner.tsia24 img.live-icon {
        max-width: 330px;
    }

    .banner .forresterw-banner.tsia24 h3.tsia-head {
        font-size: 40px;
        font-weight: 700;
        line-height: 56px;
        padding-right: 0px;
        margin: 22px 0px 0px;
    }

    .banner .forresterw-banner.tsia24 h3.tsia-head br {
        display: none;
    }

    .banner .forresterw-banner.tsia24 h5.tsia-sub-head {
        margin-top: -8px;
    }

    .banner .forresterw-banner.tsia24 .leaders {
        margin-top: -129px;
    }

    /* .banner .forresterw-banner.tsia24 .schedule {

        margin-top: -205px;
    } */
}

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


    .banner.video-banner {
        padding-bottom: 0
    }

    .cookie_is_set .banner .tsia-banner .speaker-wrapper {
        margin-top: -11.8rem
    }

    .banner .col20-banner .banner-text-col {
        padding: 0 1%
    }

    .banner .col20-banner .ga-row .globee-award-logo {
        top: -14%;
        width: 72%
    }

    .banner .col20-banner.has-video.globee-award .banner-text-col {
        padding: 0 15px
    }

    .banner .col20-banner.cipa .banner-text-col {
        padding: 0 4%
    }

    .banner .col20-banner h1 {
        margin-top: -140px
    }

    .banner .stevie.mb-25 {
        padding-bottom: 5.2rem
    }

    .banner .kcs-banner .speaker-container {
        margin-top: -10.2rem
    }

    .service_now .font_white h2 {
        font-size: 1.2rem;
        letter-spacing: .2rem
    }

    .colub-btn {
        bottom: calc(33% - 126px);
        left: calc(14% - 92px);
        padding: 36px 65px !important
    }

    .service_now .font_white p {
        font-size: 1rem;
        letter-spacing: .4rem;
        line-height: 1.3rem
    }

    .service_now .font_white img {
        max-width: 80%
    }

    .forrester-webinar .banner_image {
        background-position: center -50%;
        background-repeat: no-repeat;
        background-color: #031039
    }

    .stickyEventContent .col-md-8,
    .stickyEventContent .col-md-9 {
        padding-left: 5%
    }

    .banner .min-vh-60 {
        min-height: 80vh
    }

    section.site-footer ul.social-links {
        padding-right: 5rem
    }

    .banner .container-video-banner {
        padding-bottom: 0px
    }

    .banner.video-banner:after {
        background-size: contain;
        height: 140px;
        z-index: -1;
    }

    .banner .cornerstone-banner .logos.d-flex {
        margin-top: -100px
    }

    .cookie_not_set .banner .cornerstone-banner .speaker-container .heading {
        margin-top: 2rem
    }

    .banner .cornerstone-banner .speaker-container .heading {
        margin-top: 3rem
    }

    .banner .cornerstone-banner .speaker-image img {
        width: 38%
    }

    section.platform h2 {
        margin-bottom: 1rem
    }

    section.platform img.platform-illustration {
        max-width: 90%
    }

    section.modern-support {
        background-position-x: center
    }

    img.triangle-2 {
        top: 66%
    }

    img.plus-2 {
        top: 84%;
        right: 6%
    }

    img.cirlce-small-1 {
        top: 80%;
        left: 6%
    }

    img.cirlce-small-2 {
        left: 2%
    }

    img.cirlce-small-3 {
        left: 23%
    }

    img.plus-3 {
        right: 6%
    }

    img.triangle-gray-3 {
        top: 75%;
        right: 6%
    }

    img.cirlce-small-4 {
        top: 14%;
        left: 9%
    }

    img.cirlce-1 {
        right: -11%
    }

    img.triangle-gray-4 {
        right: 2%
    }

    img.triangle-gray-5 {
        top: 51%;
        right: 0
    }

    img.plus-4 {
        top: 49%;
        left: 2%
    }

    .footer_bottom ul.footer_menu.footer_links {
        margin-right: 4rem
    }

    .banner .col20-banner.cipa h2 {
        font-size: 34px;
        line-height: 48px
    }

    .banner .col20-banner.cipa h2 {
        font-size: 34px;
        line-height: 48px
    }

    .banner .forresterw-banner.khoros-banner .featuring-logos {
        margin-bottom: 4px;
        margin-top: -126px;
    }

    .banner .forresterw-banner.khoros-banner img.khoros-cta {
        margin-top: 50px;
    }

    .banner .forresterw-banner.khoros-banner .webinar-time-wrapper {
        margin-top: 35px;
    }

    .banner .forresterw-banner.khoros-banner .live-session-text h3 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.khoros-banner h3.title {
        line-height: 60px;
    }

    .banner .forresterw-banner.khoros-banner .featuring-logos img {
        width: 75%;
    }

    .banner .forresterw-banner.khoros-banner .speakers-container.tsw-session {
        margin-top: 33px;
    }

    .banner .forresterw-banner.product-launch .container {
        max-width: 1300px;
        margin: 0 auto;
    }

    .banner .tsia-sep-banner .webinar-time-wrapper1 {
        margin-top: 130px;
    }

    .banner .tsia-sep-banner .speaker-container {
        width: 100%;
        margin-top: -90px;
        color: #001f6c;
    }

    .banner .forresterw-banner.idc-banner h5 {
        margin-top: 30px;
    }

    .banner .forresterw-banner.softwarereviews-banner.su-score h2 {
        font-weight: 600;
        font-size: 54px;
        line-height: 68px;
        color: #042656;
        font-family: "Poppins", sans-serif;
        margin: 0px 0px 38px;
        max-width: 100%;
        margin-top: -20px;
    }


    .banner .forresterw-banner.softwarereviews-banner.su-score .win-img-sec img.df-banner-img {
        max-width: 272px;
        text-align: left;
    }
}

@media only screen and (max-width:1370px) {
    .banner .forresterw-banner.su-g2-2024 h3 {
        font-size: 38px;
    }

    /* Home Banner adjustment  css */
    .banner .container-video-banner .carousel-item {
        height: calc(100vh - 113px);
    }

    .banner .forresterw-banner.tsia24 h3.tsia-head {
        font-size: 32px;
        margin-top: 10px;
    }

    .banner .forresterw-banner.softwarereviews-banner.sr-2024 h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .banner .forresterw-banner.tsia24 h5.tsia-sub-head {
        margin-top: 0;
        font-size: 20px;
        line-height: 30px;
    }

    .banner .forresterw-banner.tsia24 .leaders {
        margin-top: -50px;
    }

    .banner .forresterw-banner.tsia24 .schedule {
        margin-top: -57px;
    }

    .banner .forresterw-banner.tsia24 .featuring-logoss {
        margin-top: 20px;
    }

    .banner.video-banner .carousel-indicators {
        bottom: 10px;
        padding: 4px 8px;
    }

    .banner .forresterw-banner.tsia24 .schedule .date-time p {
        font-size: 18px;
    }

    .banner .col20-banner h1 {
        margin-top: 0;
    }

    .banner .forresterw-banner.idc-banner h3 {
        font-size: 32px;
        padding: 0;
    }

    .banner .forresterw-banner.idc-banner h5 {
        font-size: 22px;
    }

    .banner .forresterw-banner.idc-banner .featuring-logoss {
        margin-top: 0;
    }

    .banner .col20-banner h1 {
        font-size: 32px;
        line-height: 45px;
    }

    .banner .forresterw-banner.css-one-banner {
        background-position-y: -30px;
        background-size: contain;
    }

    .banner .forresterw-banner.css-one-banner img.season-two-css {
        margin-top: 30px;
    }

    .banner .forresterw-banner.css-one-banner .speakerHostList .speakerHostListItems .btn:after {
        pointer-events: none;
    }

    .banner .forresterw-banner.css-one-banner .featuring-logoss img {
        margin-top: 30px;
    }

    .speakerHostWrapper {
        margin-top: 10vh;
    }

    .banner .forresterw-banner.css-one-banner h3 {
        font-size: 32px;
        margin-top: 0;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .highlightHeading {
        font-size: 22px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .speakerHostListItems .content-wrapper h3 {
        font-size: 18px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .speakerHostListItems .content-wrapper h5 {
        font-size: 14px;
    }

    .banner .forresterw-banner.softwarereviews-banner.df-2024 h2 {
        font-size: 34px;
    }

    /* .banner .forresterw-banner.softwarereviews-banner.df-2024 h5 {
        margin-top: 25px;
    } */

    .banner .forresterw-banner.softwarereviews-banner.df-2024 .date-time {
        padding: 15px 20px;
        margin-bottom: 20px;
    }

    .banner .forresterw-banner.softwarereviews-banner.df-2024 .date-time p {
        font-size: 18px;
    }

    .banner .forresterw-banner.softwarereviews-banner.df-2024 img.df-banner-img {
        width: 100%;
    }

    .banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 h2 {
        font-size: 44px;
    }

    .banner .forresterw-banner.softwarereviews-banner.abbyy-2024 h2 {
        font-size: 34px;
    }

    .banner .forresterw-banner.softwarereviews-banner.abbyy-2024 h5 {
        font-size: 20px;
    }
}

@media only screen and (max-width:1280px) {
    .carousel-item.has-video.cipa {
        background-position-y: 16px
    }

    .banner.video-banner {
        padding-bottom: 0
    }

    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #fff
    }

    .header .navbar-nav li a.nav-link {
        padding: 0 12px
    }

    .header .navbar-nav li a.request_btn {
        padding: 8px 20px
    }

    section.site-footer ul.social-links {
        padding-right: 6rem
    }

    section.site-footer .suChatButton {
        padding: 12px 20px
    }

    section.site-footer span.btn-inner--icon {
        width: 20px;
        height: 20px;
        top: 13px;
        left: 20px
    }

    section.site-footer span.btn-inner--text {
        font-size: 12px
    }

    .banner .klever-banner .row.container-row {
        background-position-x: 0;
        background-position-y: 0
    }

    .banner .forresterw-banner.tsia24 h3.tsia-head {
        font-size: 26px;
    }

    .banner .forresterw-banner.tsia24 h5.tsia-sub-head {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.tsia24 .featuring-logoss {
        margin-top: 10px;
    }

    .banner .forresterw-banner.tsia24 img.leader-img {
        max-height: 80px;
    }

    .banner .forresterw-banner.tsia24 p.leader-name {
        font-size: 16px;
        line-height: 24px;
        padding-top: 5px;
    }

    .banner .forresterw-banner.tsia24 p.leader-org {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .banner .forresterw-banner.tsia24 .tsia-leaders {
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.tsia24 .tsia-leaders .strip {
        height: 55px;
    }

    .banner .forresterw-banner.tsia24 img.tsia-icon,
    .banner .forresterw-banner.tsia24 img.live-icon {
        max-height: 25px !important;
    }

    .banner .forresterw-banner.idc-banner .featuring-logoss {
        margin-top: 0;
    }

    .banner .forresterw-banner.idc-banner h5 {
        font-size: 18px;
    }

    .banner .forresterw-banner.idc-banner h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .banner .forresterw-banner.idc-banner img.featuring-forrester-logo {
        margin-top: 15px;
    }

    .banner .forresterw-banner.idc-banner a.btn {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 14px;
    }

    .banner .forresterw-banner.softwarereviews-banner.sr-2024 h2,
    .banner .col20-banner h1 {
        font-size: 26px;
        margin-bottom: 0;
    }

    .banner .col20-banner h1 {
        line-height: 45px;
    }

    .banner .col20-banner h3 {
        padding-right: 0;
        font-size: 18px;
    }

    a.btn.hover-translate-y-n3.animated-btn {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 14px;
    }

    .banner .forresterw-banner.css-one-banner h3 {
        font-size: 26px;
        margin-top: 0;
        line-height: 38px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .highlightHeading {
        font-size: 20px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .highlightHeading {
        margin-bottom: 10px;
    }

    .banner .forresterw-banner.suva-chronicles-ep2 .speakerHostListItems .content-wrapper h3 {
        font-size: 16px;
    }

    .banner .forresterw-banner.css-one-banner {
        background-position-y: -60px;
    }

    .speakerHostWrapper {
        margin-top: 4vh;
    }

    .banner .forresterw-banner.softwarereviews-banner.df-2024 h2 {
        font-size: 28px;
    }

    .banner .forresterw-banner.softwarereviews-banner.df-2024 h5 {
        margin-top: 15px;
        font-size: 16px;
    }

    .banner .forresterw-banner.softwarereviews-banner.df-2024 h2 {
        font-size: 28px;
        line-height: 45px;
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.softwarereviews-banner.df-2024 .date-time p {
        font-size: 14px;
    }

    .banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 h2 {
        font-size: 28px;
        line-height: 42px;
        margin: 25px 0;
    }

    .banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 .win-img-sec img.df-banner-img {
        width: 100%;
    }

    .banner .forresterw-banner.softwarereviews-banner.gpt-win-2024 .win-img-sec p.bannertxt {
        font-size: 16px;
        line-height: 26px;
    }

    .banner .forresterw-banner.softwarereviews-banner.abbyy-2024 h2 {
        font-size: 28px;
        line-height: 45px;
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .banner .forresterw-banner.softwarereviews-banner.abbyy-2024 h5 {
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.softwarereviews-banner.abbyy-2024 h5 {
        font-size: 16px;
    }

    .banner .forresterw-banner.softwarereviews-banner.abbyy-2024 img.df-banner-img {
        max-width: 160px;
    }
}

@media only screen and (max-width:1200px) {
    .banner .forrester-banner h2 br {
        display: none
    }

    .header .navbar-nav li a.nav-link {
        padding: 0 4px;
        font-size: 13px
    }

    .search-bar-wrapper {
        top: -74px
    }

    .search-bar.open {
        width: 600px
    }

    .header .navbar-nav li a.request_btn {
        padding: 8px 20px
    }

    .cookie_not_set .banner {
        padding-top: 10rem
    }

    .certificate li {
        width: 38%
    }

    .video_content {
        max-width: 1200px;
        margin-left: -600px
    }

    .header .navbar-nav li {
        padding-top: 28px
    }

    .header .navbar-nav .dropdown-menu li {
        padding-top: 0
    }

    .banner .hero-banner-img {
        background-position: 35% 100%;
        height: 378px
    }

    .banner .min-vh-50 {
        min-height: 42vh
    }

    .banner .stevie-banner h4 {
        font-size: 36px;
        line-height: 46px;
        margin-top: 20px
    }

    .banner .stevie-banner .featuring-logos.d-flex {
        margin-top: -55px
    }

    .banner .stevie-banner h3 {
        font-size: 36px;
        line-height: 46px
    }

    .banner p.hero-text {
        font-size: 1rem;
        margin-top: auto !important
    }

    .banner h1.primary-color {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 700
    }

    .banner .aos-animate .my-4 {
        margin-bottom: .5rem !important;
        margin-top: .5rem !important
    }

    .banner .banner-icons.icon-1 {
        left: 0;
        top: 3%
    }

    .banner .banner-icons.icon-2 {
        left: 16.5%;
        top: 3%
    }

    .banner .banner-icons.icon-3 {
        left: 33.5%;
        top: 3%
    }

    .banner .banner-icons.icon-4 {
        right: 33.5%;
        top: 3%
    }

    .banner .banner-icons.icon-5 {
        right: 16.5%;
        top: 3%
    }

    .banner .banner-icons.icon-6 {
        right: 0;
        top: 3%
    }

    .banner .banner-icons-search img {
        -webkit-transform: translate(33%, 40%);
        -ms-transform: translate(33%, 40%);
        transform: translate(33%, 40%)
    }

    .banner .stevie h1.primary-color {
        font-size: 2.8rem;
        line-height: 3.4rem;
        padding: 0 10rem
    }

    .banner .stevie.mb-25 {
        margin-top: -2rem;
        padding-bottom: 4.8rem
    }

    .banner .stevie .speaker-container .speaker-inner img {
        max-width: 80px
    }

    .banner .stevie .speaker-container .speaker-inner h5 {
        letter-spacing: 3px
    }

    .banner .stevie .speaker-container .speaker-inner .designation {
        font-size: .8rem
    }

    .request-demo-section .card.card-body h3,
    .request-demo-section .card.card-body.h3 {
        font-size: 1.2rem
    }

    .request-demo-section .card.card-body .request_demo_click,
    section.site-footer ul li a {
        font-size: .8rem
    }

    .banner .g2-banner-wrapper .speaker-col .row.speaker-item img {
        max-width: 80px
    }

    .banner .g2-banner-wrapper .speaker-col .row.speaker-item {
        margin-left: -74px
    }

    section.site-footer .copy-text p {
        font-size: .6rem
    }

    section.site-footer ul.social-links {
        padding-right: 5rem
    }

    .banner .g2-banner-wrapper h3 {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    section.site-footer .medal-g2 img {
        height: 48px;
    }
}

@media only screen and (max-width:1199px) {
    .header .navbar-nav li {
        padding: 28px 0 10px;
    }

    .header .navbar-nav .dropdown-menu li {
        padding: 0
    }

    section.site-footer span.btn-inner--icon {
        position: relative;
        display: inline-block;
        margin-right: 0;
        top: 0;
        left: 0
    }

    section.site-footer .suChatButton {
        padding: 4px 6px;
        border-radius: 4px
    }

    section.site-footer span.btn-inner--text {
        display: none
    }

    section.site-footer ul.social-links {
        padding-right: 1rem
    }

    .banner .cornerstone-banner .webinar-time-wrapper {
        width: 60%
    }

    .banner .cornerstone-banner .speaker-container .heading {
        margin-top: 76px
    }

    .banner .cornerstone-banner .webinar-time-wrapper {
        width: 66%
    }

    .banner .cornerstone-banner .speaker-image h4 {
        font-size: 14px;
        line-height: 18px
    }

    .banner .cornerstone-banner i.sf.calendar {
        height: 40px;
        width: 40px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .date-time-container {
        top: 4px
    }

    .banner .cornerstone-banner .webinar-time-wrapper h5 {
        margin-bottom: 0
    }

    .banner .tsia-sep-banner .webinar-title h3 {
        font-size: 2.4rem
    }

    .banner .tsia-sep-banner h4 {
        font-size: 2.4rem;
        line-height: 2.8rem
    }

    .banner .tsia-sep-banner .webinar-time-wrapper {
        width: 100%
    }

    .banner .tsia-sep-banner .speaker-inner h5 {
        font-size: 11px
    }

    .banner .community-refocus .webinar-title h3 {
        font-size: 1.3rem
    }

    .banner .community-refocus .webinar-time-wrapper h5 {
        font-size: 16px
    }

    .banner .community-refocus i.sf.calendar,
    .banner .community-refocus i.sf.clock {
        width: 26px;
        height: 26px
    }

    .banner .community-refocus a.btn {
        max-width: 80%
    }

    .banner .forresterw-banner.aa-webinar .webinar-time-wrapper {
        width: 85%
    }

    .banner .forresterw-banner.aa-webinar .col-lg-7 h3 {
        font-size: 35px;
        line-height: 2rem
    }

    .banner .forresterw-banner img.tsia-orange-line {
        right: -57px
    }

    .banner .forresterw-banner img.tsia-orange-bordered {
        bottom: 67px;
        right: -45px
    }

    .banner .forresterw-banner h3 {
        font-size: 2rem
    }

    .banner .forresterw-banner .speaker-image img {
        width: 76%
    }

    .carousel-item.has-video.cipa {
        background-position-y: 20px;
        background-position-x: 76%;
        background-size: cover
    }

    .banner .forresterw-banner.tsw-session .speaker-details {
        padding-left: 15px
    }

    .banner .forresterw-banner.tsw-session .speaker-details h3 {
        font-size: 18px
    }

    .banner .forresterw-banner.tsw-session .speaker-details h4 {
        font-size: 12px
    }

    .banner .forresterw-banner.tsw-session .speaker-details h5 {
        font-size: 13px
    }

    .banner .tsia-sep-banner .webinar-title h3 {
        font-size: 2.4rem
    }

    .banner .tsia-sep-banner h4 {
        font-size: 2.4rem;
        line-height: 2.8rem
    }

    .banner .tsia-sep-banner .webinar-time-wrapper {
        width: 100%
    }

    .banner .tsia-sep-banner .speaker-inner h5 {
        font-size: 11px
    }

    .banner .col20-banner .ga-row .globee-award-logo {
        top: -3%
    }

    .banner .col20-banner.globee-award h2 {
        padding-right: 0;
        font-size: 28px
    }

    .banner .forresterw-banner.clocktower-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -10px
    }

    .banner .kcs-banner h5 {
        font-size: 18px
    }

    .banner .kcs-banner .speaker-container img {
        max-width: 94px
    }

    .banner .kcs-banner h3.webinar-title {
        font-size: 2.4rem
    }
}

@media only screen and (max-width:1100px) {
    .header .navbar-nav li a.nav-link {
        padding: 0 8px;
        font-size: 12px
    }

    .header .navbar-nav li a.request_btn {
        padding: 8px 20px
    }
}

@media only screen and (max-width:1024px) {
    .header .navbar-nav li a.nav-link {
        padding: 0 9px;
        font-size: 11px
    }

    .header .navbar-nav li a.request_btn {
        padding: 8px 20px
    }

    .searchunify-customers {
        padding-bottom: 3.5rem
    }

    .banner .banner-icons.icon-6 h3 span.banner-icons-tooltip {
        margin-left: -50px
    }

    section.site-footer span.btn-inner--icon {
        position: relative;
        display: inline-block;
        margin-right: 0;
        top: 0;
        left: 0
    }

    section.site-footer .suChatButton {
        padding: 4px 6px;
        border-radius: 4px
    }

    section.site-footer span.btn-inner--text {
        display: none
    }

    section.site-footer ul.social-links {
        padding-right: 2rem
    }

    .banner .cornerstone-banner h3.webinar-title {
        font-size: 2rem;
        line-height: 2.6rem
    }

    .banner .cornerstone-banner .brightree-logo.d-flex img {
        width: 240px;
        height: 50px
    }

    .banner .cornerstone-banner .logos-row h4 {
        font-size: 10px;
        line-height: 10px;
        padding: 6px 12px
    }

    .banner .cornerstone-banner a.btn {
        padding: 6px 16px;
        font-size: 12px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: 0
    }

    .banner .cornerstone-banner .webinar-time-wrapper .cta-block {
        margin-left: -50px
    }

    .banner .cornerstone-banner .speaker-container img {
        max-width: 90px
    }

    .banner .cornerstone-banner .speakers-row h3 {
        font-size: 16px;
        line-height: 26px
    }

    .banner .cornerstone-banner .speakers-row h5 {
        font-size: 14px;
        line-height: 18px
    }

    .banner .delphix-banner .panelists-container .speaker h5 {
        font-size: 15px
    }

    .banner .delphix-banner .panelists-container .speaker p {
        font-size: 12px
    }

    .banner .delphix-banner .panelists-header .speaker-holder h4 {
        font-size: 16px;
        width: 100px
    }

    .banner .delphix-banner .panelists-container .panelists .speaker {
        padding-left: 58px
    }

    .banner .rubrik-webinar-banner .webinar-title h3 {
        margin-top: -20px
    }

    .banner .rubrik-webinar-banner .webinar-title h2,
    .banner .rubrik-webinar-banner .webinar-title h3 {
        font-size: 30px;
        padding-right: 4rem
    }

    .banner .webinar-time-wrapper .time-wrapper-right span {
        font-size: 20px
    }

    .banner .rubrik-webinar-banner .speaker-container {
        padding: 1.2rem 0;
        max-width: 50%
    }

    .banner .rubrik-webinar-banner .webinar-time-wrapper {
        max-width: 80%
    }

    .banner .rubrik-webinar-banner .webinar-signs {
        padding-top: 30px
    }

    .banner .community-banner h5 {
        font-size: 14px;
        line-height: 24px;
        padding-right: 40px
    }

    .banner .community-banner h3 {
        font-size: 36px;
        line-height: 46px;
        padding-right: 40px
    }

    .banner .security-banner h3,
    .banner .security-banner h4 {
        font-size: 30px;
        line-height: 32px
    }

    .banner .security-banner h5 {
        font-size: 1rem
    }

    .banner .ccw-webinar-banner .webinar-title h2,
    .banner .ccw-webinar-banner .webinar-title h3 {
        font-size: 26px;
        line-height: 30px
    }

    .banner .ccw-webinar-banner .illustration-container {
        top: -272px
    }

    .banner .ccw-webinar-banner .speaker-container p {
        font-size: 14px
    }

    .banner .ccw-webinar-banner .speaker-container .col-9 {
        padding-left: 30px
    }

    .banner .ccw-webinar-banner .speaker-container {
        max-width: 94%
    }

    .banner .stevie-banner h3 {
        font-size: 38px;
        line-height: 50px
    }

    .banner .tsia-banner h3 {
        font-size: 2rem
    }

    .banner .tsia-banner .speaker-image h3 {
        font-size: 20px
    }

    .banner .tsia-banner .webinar-time-wrapper .time-wrapper-right span,
    .banner .tsia-banner .webinar-time-wrapper span {
        font-size: 18px
    }

    .banner .cornerstone-banner .webinar-time-wrapper h5 {
        margin-bottom: -8px
    }

    .banner .databricks-banner .webinar-time-wrapper {
        max-width: 100%
    }

    .banner .databricks-banner h2 {
        font-size: 2.2rem;
        line-height: 2.6rem
    }

    .banner .databricks-banner .moderator .speaker img,
    .banner .databricks-banner .multi-panelist .speaker img {
        max-width: 76px
    }

    .banner .databricks-banner .moderator .speaker h5,
    .banner .databricks-banner .multi-panelist .speaker h5 {
        font-size: 13px
    }

    .banner .databricks-banner .moderator .speaker h3,
    .banner .databricks-banner .multi-panelist .speaker h3 {
        font-size: 18px
    }



    .banner .c21-teaser .c21-logo,
    .banner .c21-teaser .c21-releasing {
        max-width: 600px
    }

    .banner .klever-banner .webinar-time-wrapper h5 {
        font-size: 18px
    }

    .banner .klever-banner .webinar-time-wrapper h5 em {
        font-size: 16px
    }

    .banner .klever-banner .webinar-time-wrapper .date-time-container {
        top: 4px
    }

    .banner .klever-banner .speakers-container .speaker.row img {
        max-width: 70px
    }

    .banner .klever-banner .speakers-container h5 {
        font-size: 12px
    }

    .banner .dreamforce-banner .webinar-time-wrapper {
        width: 86%
    }

    section.feaured-resources .searchunify-heading,
    section.modern-support h2.searchunify-heading,
    section.next-gen-apps .searchunify-heading,
    section.platform h2,
    section.searchunify-testimonials .section-heading p,
    section.searchunify-testimonials .testimonials-heading,
    section.why_searchunify h2 {
        padding: 0 6rem
    }

    .banner .forresterw-banner h3 {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .banner .forresterw-banner .webinar-time-wrapper h5 {
        font-size: 20px
    }

    .banner .speaker-warpper {
        display: none;
    }

    .banner .mobile-btn {
        display: block;
    }

    .banner .forresterw-banner.css-one-banner a.btn {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        margin-top: 20px;
        display: inline-block;
    }

    .banner .forresterw-banner.css-one-banner {
        background-color: #500c8d;
        background-position-y: 0;
    }

    .banner .forresterw-banner.css-one-banner .h-100 {
        height: auto !important;
    }

    .banner .container-video-banner .carousel-item {
        height: 540px;
    }

    .banner .forresterw-banner.css-one-banner {
        background-image: none;
    }

    .banner .forresterw-banner.css-one-banner .banner-text-col {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }

    .banner .forresterw-banner.css-one-banner .banner-text-col .col-8,
    .banner .forresterw-banner.css-one-banner .banner-text-col .col-4 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .banner .forresterw-banner.css-one-banner img.season-two-css {
        margin-left: auto;
        margin-right: auto;
    }

    .banner .forresterw-banner.css-one-banner a.btn {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
}

@media only screen and (max-width:991px) {
    .banner .forresterw-banner.g-banner .first-slide-wrapper i.sf {
        width: 55px;
    }

    .first-slide-row>div {
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.g-banner h3 {
        line-height: normal;
    }

    .search-aided-pop-container .sr-details {
        padding-top: 30px;
    }

    .search-aided-pop-container .search-aided-area h2 {
        padding-right: 0px;
    }

    .search-aided-pop-container .search-aided-row {
        width: 96% !important;
    }

    .header .navbar-nav li.parent-clickable {
        position: relative;
        border-bottom: 1px solid #eaeaea
    }

    .header .navbar-nav li.nav-item.show a.dropdown-toggle,
    .header .navbar-nav li.parent-clickable.show {
        border-bottom: 0
    }

    .header .navbar-nav li.parent-clickable .dropdown-toggle:after {
        display: none
    }

    .header .navbar-nav li.parent-clickable a.nav-link {
        border-bottom: 0;
        padding: 4px 0
    }

    .header .navbar-nav li.parent-clickable a,
    .header .navbar-nav li.parent-clickable span {
        display: inline-block
    }

    .navbar-nav li.parent-clickable span.ParentLinkedMenu {
        border: solid #313131;
        border-width: 0 2px 2px 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        right: 7px;
        padding: 6px
    }

    .navbar-nav li.parent-clickable.show span.ParentLinkedMenu {
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        border: solid #ffb200;
        border-width: 0 2px 2px 0
    }

    .navbar-toggler {
        display: block;
        float: right;
        cursor: pointer
    }

    .header .navbar-nav li a.nav-link.su-site-search-button {
        display: none
    }

    .mobileSearchButton {
        display: block
    }

    .search-bar-wrapper {
        top: -60px;
        right: 62px
    }

    .search-bar.open {
        width: 370px
    }

    .searchunify-in-numbers {
        padding: 3rem 0
    }

    header .container .row {
        display: block
    }

    .cookie_not_set .banner {
        padding-top: 8.5rem
    }

    .cookies_bar {
        padding: 9px 0
    }

    .btn_cookies {
        padding: 4px;
        font-size: 11px
    }

    header .container .col-md-3,
    header .container .col-md-9 {
        display: block;
        width: 100%;
        max-width: 100%
    }

    header .container .col-md-3:after,
    header .container .col-md-9:after {
        content: " ";
        display: block;
        clear: both
    }

    .navbar-nav {
        height: 100vh;
        overflow: scroll;
        margin: 20px auto
    }

    .header .navbar-nav li a.nav-link {
        font-size: 15px;
        padding: 8px 0;
        text-align: left;
        border-right: none;
        border-bottom: 1px solid #eaeaea
    }

    .header .navbar-nav li.active a.nav-link,
    .header .navbar-nav li.show a.nav-link,
    .header .navbar-nav li:hover a.nav-link {
        color: #ffb200
    }

    header .container .col-md-3 .searchunify-logo {
        float: left
    }

    .header .dropdown-menu {
        padding-left: 25px
    }

    .header .dropdown-toggle:after {
        float: right;
        margin-right: 8px;
        margin-top: 7px
    }

    .header .dropdown.show .dropdown-toggle:after {
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        margin-top: 10px
    }

    .header .dropdown-submenu>a:after {
        margin-right: 8px
    }

    div#navbarSupportedContent {
        height: 100vh;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        color: #000
    }

    .scrolling_header .navbar-nav li a.nav-link {
        color: #000
    }

    .header .navbar-nav li a.request_btn {
        float: left;
        margin: 0;
        border: 0;
        padding: 10px 20px;
        color: #fff
    }

    .header .navbar-nav li:hover>.dropdown-menu {
        display: none
    }

    .header .navbar-nav li.dropdown.show ul.dropdown-menu {
        display: block
    }

    li.dropdown.su-mega-menu>ul.dropdown-menu.bg_black_op,
    li.nav-item.dropdown.hoverColor>ul {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .edgtf-page-not-found .edgtf-404-text {
        font-size: 12rem;
        line-height: 14rem
    }

    .header .navbar-nav li {
        padding: 10px 0
    }

    .header .navbar-nav li:last-child {
        padding: 12px 0 0
    }

    .header .navbar-nav ul.dropdown-menu.bg_black_op:last-child li {
        padding: unset
    }

    .banner .stevie-banner h5 {
        font-size: 14px
    }

    .banner .stevie-banner h4 {
        font-size: 24px;
        line-height: 36px
    }

    .banner .stevie-banner h3 {
        font-size: 24px;
        line-height: 36px
    }

    .banner .stevie-banner h3 sup {
        font-size: 20px
    }

    h2.searchunify-logo {
        display: inline-block
    }

    ul.dropdown-menu.bg_black_op {
        background-color: #fff
    }

    .banner .kcs-banner .speakers-row.multi-panelist .col-5 {
        display: none
    }

    .banner .kcs-banner .webinar-time-wrapper .col-md-4 {
        max-width: 46%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .banner .kcs-banner .speakers-row.multi-panelist {
        margin-left: -32px
    }

    .banner .cornerstone-banner .speaker-container {
        display: none !important
    }

    .banner .cornerstone-banner .webinar-title-container {
        margin-top: -4rem
    }

    .banner .cornerstone-banner .webinar-time-wrapper span {
        top: 2px;
        left: 66px
    }

    .banner .cornerstone-banner i.sf {
        width: 30px;
        height: 30px
    }

    .banner .cornerstone-banner h5 {
        font-size: 16px;
        line-height: 16px
    }

    .banner .cornerstone-banner h6 {
        font-size: 14px;
        line-height: 16px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .time-wrapper-left {
        max-width: 33%
    }

    .banner .cornerstone-banner .webinar-time-wrapper .time-wrapper-right span {
        left: 80px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .cta-block {
        margin-left: -20px
    }

    .banner .delphix-banner .bg-blue span {
        font-size: 18px
    }

    .banner .delphix-banner .col-2.moderator {
        padding: 0 0
    }

    .banner .delphix-banner .panelists-container .panelists .speaker {
        padding-left: 16px
    }

    .banner .delphix-banner .panelists-header .speaker-holder h4 {
        font-size: 14px;
        width: 94px
    }

    .banner .delphix-banner .panelists-container .speaker h5 {
        font-size: 14px
    }

    .banner .delphix-banner .banner-title h3 {
        font-size: 26px;
        margin-top: 16px;
        line-height: 28px
    }

    .banner .delphix-banner .banner-title h4 {
        font-size: 24px
    }

    .banner .delphix-banner .banner-title {
        min-height: 320px
    }

    .banner h1.primary-color:after {
        margin: 15px auto
    }

    .banner .stevie-banner img {
        max-width: 140px
    }

    .banner .g2-banner-wrapper .speaker-col .row.speaker-item img {
        max-width: 100px
    }

    .banner .g2-banner-wrapper .speaker-col .btn,
    .banner .g2-banner-wrapper .speaker-col .row.speaker-item {
        margin-left: -80px
    }

    .banner .g2-banner-wrapper {
        background-image: none
    }

    .banner .g2-banner-wrapper .speaker-col {
        margin-left: 100px
    }

    .banner .g2-banner-wrapper .webinar-time-wrapper p {
        padding-left: 180px
    }

    .banner .g2-banner-wrapper .webinar-time-wrapper span {
        left: 130px
    }

    .banner .g2-banner-wrapper .baner-col h3 {
        font-size: 36px;
        padding-right: 270px
    }

    .banner .g2-banner-wrapper .col-3 {
        display: none
    }

    .banner_image,
    .carousel-item.has-video {
        height: 800px
    }

    .banner .rubrik-webinar-banner .webinar-time-wrapper {
        max-width: 88%;
        margin-left: -30px
    }

    .banner .forresterw-banner .webinar-time-wrapper h5 span {
        font-size: 20px
    }

    .banner .forresterw-banner .logos.d-flex img {
        width: 24%
    }

    .banner .forresterw-banner .featuring-logos img {
        width: 54%
    }

    .banner .webinar-time-wrapper i.sf {
        width: 40px;
        height: 40px
    }

    .banner .webinar-time-wrapper .time-wrapper-right span {
        padding-right: 50px
    }

    .banner .webinar-time-wrapper .time-wrapper-right span,
    .banner .webinar-time-wrapper span {
        font-size: 12px
    }

    .banner .rubrik-webinar-banner .webinar-title h3 {
        margin-top: -20px
    }

    .banner .rubrik-webinar-banner .webinar-title h2,
    .banner .rubrik-webinar-banner .webinar-title h3 {
        font-size: 20px;
        line-height: 34px;
        padding-right: 5rem
    }

    .banner .rubrik-webinar-banner .row.webinar-time {
        padding: 0 2rem
    }

    .banner .rubrik-webinar-banner .speaker-container {
        padding: 1.2rem 0;
        max-width: 70%
    }

    .banner .rubrik-webinar-banner .speaker-inner p {
        font-size: 12px
    }

    .banner .g2-banner-wrapper .baner-col h3:after {
        display: none
    }

    .banner .community-banner h3 {
        font-size: 26px;
        line-height: 36px;
        padding-right: 0
    }

    .banner .ccw-webinar-banner .webinar-title h2,
    .banner .ccw-webinar-banner .webinar-title h3 {
        font-size: 20px;
        line-height: 28px
    }

    .banner .ccw-webinar-banner .speaker-container {
        max-width: 100%
    }

    .banner .ccw-webinar-banner .speaker-container .col-9 {
        padding-left: 40px
    }

    .banner .ccw-webinar-banner .illustration-container {
        top: -272px;
        right: -112px
    }

    .banner .ccw-webinar-banner .illustration-container img {
        width: 340px
    }

    .banner .community-re-focus .speaker-inner img {
        max-width: 66px
    }

    .banner .community-re-focus .speaker-col h5 {
        font-size: 20px
    }

    .banner .community-re-focus .speaker-col p {
        font-size: 12px
    }

    .banner .community-re-focus .webinar-time-wrapper p {
        font-size: 16px
    }

    .banner .community-re-focus .baner-col h5 {
        font-size: 22px
    }

    .banner .community-re-focus .baner-col h3 {
        font-size: 16px;
        line-height: 26px
    }

    .banner .community-re-focus a.btn {
        padding: 10px 30px;
        font-size: 16px
    }

    .banner .community-re-focus .webinar-illustration,
    .banner .community-refocus img.webinar-logo {
        display: none
    }

    .banner .community-refocus .featuring-logos {
        margin-top: -20px
    }

    .banner .community-refocus.mamba .featuring-logos {
        margin-top: 0
    }

    .banner .community-refocus .featuring-logos img {
        width: 38%
    }

    .banner .community-refocus.mamba .featuring-logos img {
        width: 100%
    }

    .banner .community-refocus .webinar-time-wrapper,
    .banner .community-refocus a.btn {
        max-width: 80%
    }

    .banner .tsia-banner h3 {
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .banner .ai-tech .webinar-illustration {
        display: none
    }

    .banner .tsia-banner .speaker-image h3 {
        font-size: 18px;
        letter-spacing: 0
    }

    .banner .tsia-banner .webinar-time-wrapper {
        width: 100%
    }

    .banner .tsia-banner .webinar-time-wrapper .time-wrapper-right span,
    .banner .tsia-banner .webinar-time-wrapper span {
        font-size: 16px
    }

    .banner .tsia-banner .webinar-time-wrapper i.sf {
        width: 30px;
        height: 30px
    }

    .banner .tsia-banner .webinar-time-wrapper .time-wrapper-right span {
        left: 70px
    }

    .banner .tsia-banner .webinar-time-wrapper .time-wrapper-right {
        padding-left: 20px
    }

    .banner .tsia-banner .webinar-time-wrapper span {
        left: 60px
    }

    .banner .tsia-banner .speaker-image h4 {
        font-size: 15px
    }

    .banner .c21-teaser .c21-logo,
    .banner .c21-teaser .c21-releasing {
        max-width: 600px
    }

    .banner .c21-teaser h5 {
        font-size: 20px;
        line-height: 22px
    }

    .banner .c21-teaser h3 {
        font-size: 26px;
        line-height: 28px
    }

    .banner .klever-banner .klever-illustration {
        display: none
    }

    .banner .klever-banner .row.white-row .col-3 {
        display: none
    }

    .banner .klever-banner .row.white-row .col-3.text-center {
        display: block
    }

    .banner .klever-banner .row.container-row {
        background-image: none
    }

    .banner .klever-banner {
        background-image: url(../assets/img/kl-banner--bg-v2.jpg);
        background-repeat: no-repeat;
        background-position-x: 0;
        background-position-y: 0;
        background-size: cover
    }

    .banner .tsia-sep-banner .col-lg-8.speaker-container {
        display: none
    }

    .banner .tsia-sep-banner {
        background-size: cover;
        background-position: center center
    }

    .banner .tsia-sep-banner .webinar-time-wrapper {
        width: 50%
    }

    .banner .tsia-sep-banner .speaker-container {
        margin-top: 0
    }

    .banner .dreamforce-banner .webinar-time-wrapper h5 {
        font-size: 18px
    }

    .banner .dreamforce-banner .webinar-time-wrapper {
        width: 100%
    }

    .banner .databricks-banner .databricks-banner-wrapper-lower {
        display: none
    }

    .banner .databricks-banner .databricks-banner-wrapper-upper {
        height: 100%
    }

    .banner .databricks-banner h2 br {
        display: none
    }

    .banner .databricks-banner .time-wrapper-right span,
    .banner .databricks-banner .webinar-time-wrapper span {
        font-size: 20px
    }

    .banner .databricks-banner .time-row .col-lg-5 {
        margin-top: 20px
    }

    .banner .community-refocus.mamba.image-only {
        background-image: url(../assets/img/mamba-22-banner-bg-ipad.jpg)
    }

    .banner .forresterw-banner.aa-webinar .col-lg-7 h3 {
        padding-right: 4rem
    }

    figure.home-banner-illustration {
        max-width: 85%;
        margin: 0 auto 2rem
    }

    .personalize-tabs .card-body .card-illustration {
        padding: 1rem 0
    }

    .searchunify-in-numbers h3 {
        font-size: 1.8rem
    }

    .searchunify-in-numbers span.saved-costs {
        min-width: 3.6rem
    }

    .searchunify-in-numbers span.cases-deflected {
        min-width: 5rem
    }

    .searchunify-in-numbers span.successful-searches {
        min-width: 2.6rem
    }

    .personalize-illustrations.d-flex.h-100 {
        display: none !important;
        height: 0 !important;
        border: 1px solid red
    }

    .personalize-illustrations .hide {
        display: none !important
    }

    .personalize-illustrations .img-illustration video {
        display: none !important;
        height: 0 !important
    }

    .personalize-intro h2,
    .searchunify-heading {
        font-size: 2rem;
        line-height: 3rem
    }

    .close-loop-text h3 {
        text-align: center
    }

    .close-loop .close-loop-img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center
    }

    .close-loop .close-loop-text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .searchunify-testimonial .testimonials-heading h3 {
        text-align: center
    }

    .feaured-resources .card-body {
        padding: 2rem 0
    }

    .feaured-resources .feaured-resources-content h2 {
        font-size: .8rem;
        line-height: 1rem;
        padding: .6rem 0
    }

    .feaured-resources .feaured-resources-content p {
        font-size: .6rem;
        padding: 4px 12px
    }

    .feaured-resources .feaured-resources-content h4 {
        font-size: .8rem
    }

    .feaured-resources .feaured-resources-content .request_btn {
        font-size: 9px;
        padding: 3px 15px
    }

    .feaured-resources .feaured-resources-content {
        padding-left: .6rem;
        padding-right: .6rem
    }

    .request-demo-section .card.card-body {
        padding: 1rem 1.5rem
    }

    .request-demo-section .card.card-body .request_demo_click {
        font-size: .8rem
    }

    section.site-footer .icon-design {
        width: 10%
    }

    section.site-footer ul.footer_menu.footer_links li:nth-child(1) {
        padding-left: 0
    }

    section.site-footer ul.certificate {
        max-width: 80%
    }

    section.site-footer .footer_recognition_row {
        max-width: 100%;
        margin-bottom: 2rem
    }

    .search-aided-row {
        width: 107% !important;
    }

    .search-aided-illustration {
        display: block;
    }

    .search-aided-illustration,
    .search-aided-form {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .search-aided-form .chatBotPopForm {
        width: 100% !important;
    }

    .search-aided-area .search-aided-illustration {
        padding: 0 0;
        margin-bottom: 34px;
    }

    .sr-details .webinar-time-wrapper {
        max-width: 42%;
    }

    .sr-details img {
        max-width: 40%;
    }

    .search-aided-area h2 {
        padding-right: 260px;
    }

    .search-aided-pop-container {
        background-size: cover;
        background-position: right;
        padding: 4px 20px;
    }

    .search-aided-form form#mktoForm_7517 label[for="emailOptInBoolean"],
    .search-aided-form form#mktoForm_7517 label[for="consenttoProcessing"] {
        width: 93% !important;
    }

    .search-aided-form .chatBotPopForm.mktoForm label.mktoLabel {
        width: 92% !important;
    }

    .forrester-row {
        width: 107% !important
    }

    .forrester-illustration {
        display: none
    }

    .forrester-form {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .forrester-form .chatBotPopForm {
        width: 100% !important
    }

    .forrester-pop-container {
        background-size: cover;
        background-position: right
    }

    .forrester-form .chatBotPopForm.mktoForm label.mktoLabel {
        width: 92% !important
    }

    .forrester-title-row h3 {
        padding-right: 0
    }

    .forrester_webinar-area .forrester_webinar-form {
        display: none
    }

    .forrester_webinar-area .forrester_webinar-row .cta-box {
        display: block
    }

    .su-mega-menu ul.dropdown-menu,
    .su-mega-menu ul.dropdown-menu li.dropdown-submenu {
        width: 100%
    }

    .su-mega-menu ul.dropdown-menu.dropdown-child-menu.bg_black_op {
        padding-left: 25px
    }

    .header .navbar-nav li.nav-item:last-child {
        padding-bottom: 6rem
    }

    section.site-footer h4 {
        margin-top: 1rem
    }

    .banner {
        padding-top: 6.3rem
    }

    .close-loop,
    .searchunify-testimonial,
    section.personalize {
        padding: 3rem 0
    }

    .why_searchunify {
        padding: 11rem 0 11rem;
    }

    .tsia-webinar .col-12.col-sm-12.col-md-12 {
        padding-left: 0;
        padding-right: 0
    }

    .tsia-content span.live-webinar {
        font-size: .8rem
    }

    .stickyEventContent .tsia-content p {
        line-height: 1.4rem;
        width: 44%
    }

    .tsia-content a#case_study {
        margin-right: 6rem;
        margin-top: 0;
        padding: .4rem 1rem;
        text-align: center
    }

    .searchunify-customers {
        padding-top: 85px;
        padding-bottom: 2.5rem
    }

    .searchunify-customers .MultiCarousel {
        padding: 0 15px
    }

    .banner .su-banner-icons-wrapper .banner-icons {
        display: none
    }

    .banner .hero-banner-img {
        margin-top: 30px;
        height: 300px
    }

    .banner .banner-icons-search img {
        -webkit-transform: translate(62%, 0);
        -ms-transform: translate(62%, 0);
        transform: translate(62%, 0)
    }

    #back-to-top {
        bottom: 14px
    }

    section.site-footer {
        padding-top: 9rem;
        margin-top: -4rem
    }

    .footer_bottom {
        margin-top: 2rem;
        margin-bottom: 0 !important
    }

    .row.footer_menu_row {
        margin-bottom: 0
    }

    section.site-footer .copy-text p {
        font-size: .8rem
    }

    section.site-footer .footer_bottom .text-right {
        text-align: left !important
    }

    .request-demo-section .card.card-body h3,
    .request-demo-section .card.card-body.h3 {
        font-size: 1.1rem
    }

    .request-demo-section .card.card-body .request_demo_click.request_btn {
        font-size: .8rem;
        padding: 6px 12px
    }

    .header .navbar-nav .dropdown-item {
        color: #000;
        padding: 8px 0;
        text-align: left;
        border-bottom: 1px solid #eaeaea
    }

    section.site-footer .suChatButton {
        bottom: 14px
    }

    section.site-footer ul.social-links {
        padding-right: 0
    }

    .modal-no-border .modal-lg {
        max-width: 720px;
        width: auto;
    }

    .has-video video {
        display: none
    }

    .banner .g2-banner-wrapper h3 {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .banner .g2-banner-wrapper h4 {
        font-size: 1.4rem;
        margin-bottom: 1.4rem
    }

    .stevie-pop-wrapper h3 {
        font-size: 28px;
        line-height: 38px
    }

    section.searchunify-partners .ab-partner-container a {
        text-align: center;
        height: 90px
    }

    section.searchunify-partners .ab-partner-container a .img-fluid {
        max-width: 70%
    }

    section.searchunify-partners .ab-partner-container img {
        padding-bottom: .3rem
    }

    section.searchunify-partners .ab-partner-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .customers-testimonails h2,
    section.feaured-resources .searchunify-heading,
    section.modern-support h2.searchunify-heading,
    section.next-gen-apps .searchunify-heading,
    section.platform h2,
    section.searchunify-applications h2,
    section.searchunify-testimonials .section-heading p,
    section.searchunify-testimonials .testimonials-heading,
    section.why_searchunify h2 {
        padding: 0 3rem
    }

    section.modern-support h3 {
        padding-right: 2rem
    }

    .banner .forresterw-banner .speaker-container {
        display: none !important
    }

    .banner .stevie-banner img.asia-pacific {
        max-width: 200px
    }

    .banner .stevie-banner img.asia-pacific {
        margin-top: -5px
    }

    .banner .stevie-banner h4 {
        margin-top: 20px
    }

    .banner .forresterw-banner.clocktower-banner .col-lg-8 h2 {
        font-size: 30px;
        line-height: 35px
    }



    .about-mid-banner.security-page-section {
        margin: 0 0 0px;
    }

    section.persona .personas-row .persona-content {
        min-height: 230px;
        margin-bottom: 20px;
        min-width: 311px;
    }

    section.persona {
        background-position-x: calc(100% - 0px);
    }

    .about-mid-banner .about-mb-img {
        margin-left: 190px;
    }

    .shape-tsw-aa img {
        display: none;
    }

    .banner .forresterw-banner.community-refocus .webinar-time-wrapper h5 {
        font-size: 14px;
    }

    .banner .community-refocus .webinar-time-wrapper,
    .banner .community-refocus a.btn {
        max-width: 100%;
    }

    .banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -52px;
    }

    .banner .sr-banner .g2-banner-wrapper h3 {
        padding: 0 0rem;
    }

    .banner .tsw-aa-banner h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 31px;
    }

    .banner .tsw-aa-banner h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .banner .forresterw-banner.tsw-aa-banner .webinar-time-wrapper {
        width: 94%;
    }

    .banner .forresterw-banner.tsw-aa-banner .webinar-time-wrapper h5 {
        font-size: 18px;
    }

    .banner .forresterw-banner.tsia-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -5px;
    }

    .arsenal-section .arsenal-content {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 12px;
    }

    .arsenal-section .dropdown {
        width: 100%;
        margin-top: 0px;
    }

    .arsenal-section .arsenal-img-section {
        width: 55%;
    }

    .banner .forresterw-banner.tsia24 .tsia-leaders {
        gap: 50px;
    }

    .banner .forresterw-banner.tsia24 .featuring-logoss {
        gap: 50px;
    }

    .banner .forresterw-banner.tsia24>.container .row {
        height: auto !important;
        gap: 0;
    }

    .banner .forresterw-banner.tsia24 h3.tsia-head {
        line-height: 32px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .banner .forresterw-banner.tsia24 .leaders {
        margin-top: 0;
        display: none;
    }

    .banner .container-video-banner .carousel-item {
        min-height: 330px;
        height: auto;
    }

    .banner .forresterw-banner.tsia24 .banner-text-col {
        padding-top: 30px;
        margin-top: 0;
    }

    .banner .forresterw-banner.css-one-banner h3 br {
        display: none;
    }

    .banner .forresterw-banner.css-one-banner {
        background-image: unset;
    }

    .banner .forresterw-banner.css-one-banner .featuring-logoss img {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:850px) {
    .stevie-pop-wrapper .stevie-logo img {
        max-width: 180px
    }

    .stevie-pop-wrapper img.StevieLogo {
        max-width: 90px
    }

    .stevie-pop-wrapper .btn {
        padding: 8px 20px;
        font-size: 14px
    }

    .stevie-pop-wrapper h3 sup {
        font-size: 24px;
        top: -1px;
        left: -2px;
        margin-right: -6px
    }

    .stevie-pop-wrapper h3 {
        font-size: 22px;
        line-height: 30px
    }

    .banner .kcs-banner h3.webinar-title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .banner .kcs-banner .logos-row .text-right {
        text-align: left !important;
        margin-bottom: 10px;
        margin-top: -20px
    }

    .banner .kcs-banner .brightree-logo.d-flex img {
        width: 300px;
        height: auto
    }

    .banner .kcs-banner h3.webinar-title {
        font-size: 1.4rem;
        line-height: 2rem
    }

}

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

    .set-mg-neg,
    .set-mg-neg-sm {
        margin: 0;
    }

    .banner .forresterw-banner.tsw-banner .webinar-time-wrapper .time-wrapper-right {
        padding-left: 23px
    }

    .banner .c21-teaser h3 {
        font-size: 22px;
        line-height: 26px
    }

    .banner .c21-teaser .c21-logo,
    .banner .c21-teaser .c21-releasing {
        max-width: 400px
    }

    .mobileSearchButton {
        right: 30px;
        top: 13px
    }

    .search-bar-wrapper {
        top: -56px;
        right: 44px
    }

    .search-bar.open {
        width: 440px
    }

    p.cookies-text {
        margin-bottom: 6px;
        display: inline;
        font-size: 10px;
        float: none
    }

    .btn_cookies {
        display: inline;
        font-size: 10px;
        float: none
    }

    header.active_cookie {
        margin-top: 40px
    }

    .header .header_logo {
        width: 165px
    }

    .banner {
        padding-top: 90px
    }

    .navbar-toggler {
        font-size: 20px
    }

    .colub-pop-container .colub-row ul {
        padding-left: 5rem
    }

    .search-aided-area {
        padding: 1rem 0
    }

    .banner .cornerstone-banner .webinar-time-wrapper {
        width: 80%
    }

    .banner .cornerstone-banner .webinar-time-wrapper .time-wrapper-right {
        margin-top: 0
    }

    .banner .cornerstone-banner h3.webinar-title {
        padding-right: 0
    }

    .banner .cornerstone-banner .webinar-time-wrapper .time-wrapper-left {
        max-width: 100%;
        border-right: 0
    }

    .banner .cornerstone-banner .webinar-time-wrapper .time-wrapper-right span {
        left: 66px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .cta-block {
        margin-left: 0;
        margin-top: 32px
    }

    .banner .cornerstone-banner .logos-row h4 {
        margin-top: 16px
    }

    .banner .klever-banner h4 {
        font-size: 18px;
        line-height: 22px
    }

    .banner .klever-banner h3 {
        font-size: 28px;
        line-height: 32px
    }

    .banner .klever-banner i.sf.calendar,
    .banner .klever-banner i.sf.clock {
        width: 30px;
        height: 30px
    }

    .banner.video-banner .carousel-indicators {
        opacity: 0;
    }

    .banner .forresterw-banner.tsia24 .banner-text-col {
        padding-top: 10px;
    }

    .banner .klever-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -9px;
        margin-top: 12px
    }

    .banner .tsia-sep-banner .webinar-time-wrapper {
        width: 90%
    }

    .banner .tsia-sep-banner .row.container-row {
        background-position-y: 0
    }

    .banner .tsia-sep-banner .webinar-time-wrapper {
        color: #fff
    }

    .banner .tsia-sep-banner .webinar-time-wrapper .time-wrapper-right {
        margin-top: 14px
    }

    .banner .dreamforce-banner .featuring-logos img {
        width: 80%
    }

    .banner .dreamforce-banner .webinar-title h3 {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .banner .dreamforce-banner h4 {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.4rem
    }

    .banner .dreamforce-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -8px
    }

    .banner .dreamforce-banner i.sf.calendar,
    .banner .dreamforce-banner i.sf.clock {
        width: 40px;
        height: 40px
    }

    .banner .dreamforce-banner .webinar-time-wrapper .date-time-container,
    .banner .dreamforce-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
        top: 10px
    }

    .banner .community-refocus .webinar-title h3 br {
        display: none
    }

    .banner .community-refocus .webinar-time-wrapper .time-wrapper-right {
        padding-left: 16px;
        padding-top: 0;
        margin-left: 0;
        margin-top: 10px
    }

    .banner .community-refocus .webinar-time-wrapper .time-wrapper-right:before {
        display: none
    }

    .banner .community-refocus .webinar-time-wrapper .time-wrapper-right .date-time-container {
        left: 60px
    }

    .banner .community-refocus a.btn {
        max-width: 40%;
        font-size: 12px;
        padding: 6px 0
    }

    .banner .community-refocus i.su-icons.su-arrow-right {
        width: 18px;
        height: 18px
    }

    .banner.video-banner {
        padding-top: 104px;
    }

    .banner .community-refocus.mamba.image-only {
        background-image: url(../assets/img/mamba-22-banner-bg-iphone.jpg)
    }

    .notif-banner .header-ribbon h4 {
        font-size: 14px;
        line-height: 18px;
        width: 100%;
        margin-bottom: 1rem
    }

    .notif-banner .header-ribbon a.btn {
        font-size: 12px;
        margin-left: 0
    }

    .searchunify-in-numbers .pl-5,
    .searchunify-in-numbers .pr-5,
    .searchunify-in-numbers .px-5 {
        width: 100%;
        padding: 0 !important;
        margin: 10px auto !important;
        text-align: center
    }

    .suTestimonialsV3 .author:after {
        border-right: 0
    }

    .request-demo-section .card.card-body {
        border-radius: 4px
    }

    .request-demo-section .card.card-body h3,
    .request-demo-section .card.card-body.h3 {
        font-size: 14px;
        margin-bottom: 1rem
    }

    .request-demo-section .card.card-body .request_demo_click {
        font-size: 10px;
        padding: 4px 10px
    }

    .feaured-resources .card {
        margin-bottom: 1rem
    }

    .feaured-resources .feaured-resources-content {
        padding-left: 6rem;
        padding-right: 6rem;
        border-radius: 4px
    }

    .feaured-resources .feaured-resources-content h2 {
        font-size: 1rem;
        line-height: 1.4rem
    }

    .feaured-resources .feaured-resources-content p {
        font-size: .8rem
    }

    .close-loop,
    .feaured-resources,
    .searchunify-testimonial,
    section.personalize {
        padding: 3rem 0
    }

    div#personalize-tabs {
        padding-top: 1rem
    }

    .why_searchunify {
        padding: 3rem 0 1rem
    }

    .request-demo-section {
        padding: 0 0 3rem
    }

    .searchunify-testimonial ol.carousel-indicators {
        left: 5rem
    }

    .banner .forresterw-banner h3 br {
        display: none
    }

    .banner .forresterw-banner .webinar-time-wrapper .time-wrapper-right {
        margin-top: 10px;
        margin-left: -8px
    }

    .banner .forresterw-banner .logos.d-flex img {
        width: 40%
    }

    .banner .forresterw-banner .featuring-logos img {
        width: 60%
    }

    .banner .forresterw-banner h3 {
        font-size: 1.4rem;
        line-height: 1.8rem
    }

    .banner .hero-banner-img {
        margin-top: 30px;
        background-position: 35% 100%;
        height: 210px
    }

    .banner .banner-icons-search img {
        -webkit-transform: translate(33%, 0);
        -ms-transform: translate(33%, 0);
        transform: translate(33%, 0)
    }

    .banner .stevie-banner h3 {
        font-size: 30px;
        line-height: 40px;
        padding: 2rem 0 1.6rem
    }

    .banner .delphix-banner .panelists-container {
        display: none
    }

    .banner .delphix-banner .bg-blue span {
        font-size: 16px
    }

    .banner .delphix-banner .bg-blue {
        padding: 16px 0 20px 0
    }

    .banner .delphix-banner .cta-container.text-center {
        margin-top: 30px
    }

    .banner .delphix-banner .banner-title {
        min-height: 360px
    }

    .banner .delphix-banner .banner-title h5 {
        margin-top: 40px
    }

    .banner .g2-banner-wrapper h3 {
        padding: 0 1.5rem
    }

    .banner .g2-banner-wrapper .btn {
        padding: 10px 30px
    }

    .banner .community-banner .illustration-wrapper,
    .banner .security-banner .illustration-wrapper {
        display: none
    }

    .banner .community-banner h5 {
        padding-right: 18rem
    }

    .banner .webinar-time-wrapper i.sf {
        width: 30px;
        height: 30px
    }

    .banner .ccw-webinar-banner .speaker-container {
        display: none
    }

    .banner .ccw-webinar-banner .illustration-wrapper {
        display: none
    }

    .banner .ccw-webinar-banner .webinar-title h2,
    .banner .ccw-webinar-banner .webinar-title h3 {
        font-size: 16px;
        line-height: 18px
    }

    .banner .ccw-webinar-banner .webinar-time-wrapper span {
        left: 76px
    }

    .banner .ccw-webinar-banner .row.webinar-cta,
    .banner .ccw-webinar-banner .row.webinar-title {
        margin-top: 40px
    }

    .banner .community-re-focus .speaker-col {
        display: none
    }

    .banner .tsia-banner .speaker-container {
        display: none !important
    }

    .banner .tsia-banner .webinar-time-wrapper .time-wrapper-right {
        padding-left: 15px
    }

    .banner .tsia-banner .webinar-time-wrapper .time-wrapper-right span {
        left: 60px
    }

    .personalize-intro h2,
    .searchunify-heading {
        font-size: 1.6rem;
        line-height: 2rem
    }

    section.site-footer {
        padding-bottom: 1rem
    }

    .header .navbar-nav li {
        padding: 8px 0
    }

    .modal-no-border .modal-lg {
        max-width: 540px
    }

    #su_pop_forms button.close {
        top: 14px;
        right: 16px;
    }

    .search-aided-pop-container .search-aided-area {
        padding: 0rem 0;
    }

    .banner .rubrik-webinar-banner .speaker-container {
        display: none
    }

    .banner .rubrik-webinar-banner .webinar-title h3 {
        margin-top: -14px
    }

    .banner .rubrik-webinar-banner .webinar-title h2,
    .banner .rubrik-webinar-banner .webinar-title h3 {
        font-size: 32px;
        line-height: 40px;
        padding-right: 0
    }

    .banner .rubrik-webinar-banner .webinar-cta {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .banner .webinar-time-wrapper .time-wrapper-right {
        padding-left: 15px;
        padding-top: 20px
    }

    .banner .rubrik-webinar-banner {
        background-position: top center
    }

    .banner .webinar-time-wrapper .time-wrapper-right span {
        left: 76px;
        top: 24px
    }

    .banner .databricks-banner .time-wrapper-right span,
    .banner .databricks-banner .webinar-time-wrapper span {
        font-size: 18px
    }

    .databricks-banner .webinar-time-wrapper span {
        top: 0
    }

    .banner .databricks-banner .webinar-time-wrapper .time-wrapper-right span,
    .banner .databricks-banner .webinar-time-wrapper span {
        left: 76px
    }

    section.site-footer .footer_recognition_row .clearfix {
        display: inline-block !important
    }

    section.site-footer .footer_recognition_row {
        max-width: 60%
    }

    section.site-footer .footer_recognition_row .medal-g2 {
        width: 50%
    }



    .stevie-pop-wrapper .stevie-logo img {
        max-width: 180px
    }

    .stevie-pop-wrapper img.StevieLogo {
        max-width: 90px
    }

    .stevie-pop-wrapper .btn {
        padding: 8px 20px;
        font-size: 14px
    }

    .stevie-pop-wrapper h3 sup {
        font-size: 24px;
        top: -1px;
        left: -2px;
        margin-right: -6px
    }

    .stevie-pop-wrapper h3 {
        font-size: 22px;
        line-height: 30px
    }

    section.searchunify-partners .ab-partner-container a {
        height: 90px
    }

    section.searchunify-partners .ab-partner-container a .img-fluid {
        max-width: 60%
    }

    section.request-demo-section .col-lg-4.text-center {
        margin-top: 30px;
        margin-bottom: 44px
    }

    section.site-footer .copy-text p {
        padding-left: 1.2rem
    }

    section.site-footer {
        background-size: cover;
        background-position-y: -120px
    }

    section.site-footer .container-fluid.footer-fluid {
        padding-bottom: 1rem;
        margin-bottom: -2rem
    }

    .banner .forresterw-banner.tsw-banner h2 {
        font-size: 23px;
        line-height: 36px
    }

    .banner .forresterw-banner.tsw-banner h3 {
        font-size: 15px;
        line-height: 22px
    }

    .banner .forresterw-banner.tsw-banner .webinar-time-wrapper h5 {
        font-size: 14px;
        line-height: 20px
    }

    .banner .forresterw-banner.tsw-banner .webinar-time-wrapper h5 span {
        font-size: 16px;
        color: #fff
    }

    .banner .forresterw-banner.tsw-banner i.sf.virtually {
        width: 27px;
        height: 27px
    }

    .banner .forresterw-banner.tsw-banner i.sf.booth {
        width: 27px;
        height: 27px
    }

    .banner .forresterw-banner.tsw-banner a.btn {
        padding: 10px 25px
    }

    .banner .forresterw-banner.tsw-banner .container.h-100.forresterw-banner-wrapper {
        padding-top: 30px
    }

    .banner .forresterw-banner.tsw-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
        top: -2px;
        left: 60px
    }

    .banner .forresterw-banner.tsw-banner .webinar-time-wrapper .date-time-container {
        top: -3px;
        left: 57px
    }

    .banner .forresterw-banner.tsw-session h3 {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #fff
    }

    .banner .forresterw-banner.tsw-session .webinar-time-wrapper .time-wrapper-right {
        margin-top: 26px;
        margin-left: 17px
    }

    .banner .forresterw-banner.tsw-session .webinar-time-wrapper .date-time-container {
        left: 67px
    }

    .banner .forresterw-banner.tsw-session .webinar-time-wrapper .time-wrapper-right .date-time-container {
        left: 54px
    }

    .banner .webinar-time-wrapper i.sf {
        width: 39px;
        height: 39px
    }

    .banner .forresterw-banner.tsw-session .live-session-text h3 {
        font-size: 14px
    }

    .banner .forresterw-banner.tsw-session .webinar-time-wrapper h5 {
        font-size: 15px
    }

    .banner .stevie-banner h4 {
        margin-top: 15px
    }

    .banner .stevie-banner .col-sm-12.col-md-6.col-lg-5.speaker-col {
        display: none
    }

    .banner .stevie-banner a.btn {
        font-size: 16px;
        padding: 11px 23px
    }

    .banner .stevie-banner a.btn {
        margin-top: 15px
    }

    .banner .forresterw-banner.aa-webinar h5 {
        font-size: 17px
    }

    .banner .forresterw-banner.aa-webinar h3 {
        font-size: 25px
    }

    .banner .forresterw-banner.aa-webinar .col-lg-8 h2 {
        font-size: 35px;
        font-weight: 700;
        line-height: 35px
    }

    .banner .forresterw-banner.clocktower-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -8px
    }

    .banner .forresterw-banner.aa-webinar h5 {
        line-height: 23px
    }

    .about-mid-banner .about-mb-text h4 {
        font-size: 16px;
        line-height: 22px;
    }

    section.persona .personas-row .persona-content {
        margin-bottom: 20px;
        min-width: 350px;
        margin-left: 16px;
    }

    section.searchunify-ecosystem h2.searchunify-heading {
        padding: 0 0rem;
    }

    section.searchunify-ecosystem .platform-illustration-warapper {
        padding-left: 0px;
    }

    section.searchunify-applications .tabs-content h4 {
        font-size: 20px;
        margin-top: 20px;
    }

    img.plus-5,
    img.plus-4,
    img.triangle-gray-5 {
        display: none;
    }

    .banner .community-refocus .webinar-time-wrapper .time-wrapper-right .date-time-container {
        left: 76px;
    }

    .banner .community-refocus .webinar-time-wrapper .time-wrapper-right {
        margin-left: 0px;
    }

    .banner .su-g2-banner .featuring-logos {
        margin-top: 130px;
    }

    .banner .forresterw-banner.dreamforce-banner h2 {
        font-size: 25px;
        line-height: 40px;
    }

    .banner .forresterw-banner.dreamforce-banner .featuring-logos {
        margin-bottom: 20px;
    }

    .banner .forresterw-banner.dreamforce-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -23px;
    }

    .banner .sr-banner .g2-banner-wrapper h3 {
        font-size: 20px;
        line-height: 30px;
        padding: 0 4rem;
    }

    .banner .tsw-aa-banner .shape-tsw-aa,
    img.cirlce-small-3,
    img.rectangle-1 {
        display: none;
    }

    .about-mid-banner .about-mb-img {
        margin-left: 40px;
    }

    section.persona {
        background-position-x: calc(100% - 0px);
    }

    section.searchunify-ecosystem .platform-content-row {
        padding: 0 1rem;
    }

    .why_searchunify {
        background-color: #00143d;
        background-image: none;
        margin: 0 0 4rem 0;
    }

    section.why_searchunify h2 {
        padding: 0 0rem;
    }

    section.searchunify-applications {
        padding: 12rem 0 8rem 0;
        background-position: 0 -108px;
        margin-bottom: -50px;
    }

    .MultiCarousel-inner .item .carousel-partner {
        max-width: 100%;
    }

    section.next-gen-apps .btn.light-button,
    section.searchunify-testimonials .logos a.btn {
        margin-bottom: 15px;
    }

    .customers-testimonails h2 {
        padding: 0 2rem;
    }

    .suTestimonialsV6 .request_btn {
        margin-left: 22px;
    }

    .banner .tsw-aa-banner .featuring-logos {
        margin-top: 70px;
    }

    .banner .tsw-aa-banner .featuring-logos img {
        width: 75%;
    }

    .banner .tsw-aa-banner .webinar-time-wrapper .time-wrapper-right {
        padding-left: 115px;
    }

    .banner .tsw-aa-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: -101px;
        margin-top: 30px;
    }

    .banner .tsw-aa-banner .webinar-time-wrapper .date-time-container {
        left: 70px;
    }

    .banner .col20-banner h1 {
        margin-top: -53px;
    }

    .banner .col20-banner h1 {
        font-size: 22px;
        line-height: 26px;
    }

    .banner .col20-banner h3 {
        font-size: 16px;
        line-height: 23px;
        padding-right: 0px;
    }

    .banner .forresterw-banner.tsia-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: 2px;
    }

    .banner .forresterw-banner.tsia-banner .webinar-time-wrapper .time-wrapper-right .date-time-container {
        left: 74px;
    }



    section.modal_section.common-spc.arsenal-section {
        padding-bottom: 10px;
    }


}

@media only screen and (max-width:570px) {
    .search-aided-area h2 {
        padding-right: 0;
    }

    .sr-details .webinar-time-wrapper {
        max-width: 100%;
    }

    .col-12.col-md-6.search-aided-form {
        padding: 10px 10px;
    }

    .search-aided-form form#mktoForm_7517 label[for="emailOptInBoolean"],
    .search-aided-form form#mktoForm_7517 label[for="consenttoProcessing"] {
        width: 83% !important;
    }

    .banner .c21-teaser .c21-logo,
    .banner .c21-teaser .c21-releasing {
        max-width: 320px
    }

    .mobileSearchButton {
        top: 12px
    }

    .search-bar-wrapper {
        top: -58px;
        right: 44px
    }

    .search-bar.open {
        width: 280px;
        right: 16px
    }

    .colub-pop-container .colub-row {
        padding: 32% 8% 4%
    }

    .banner .min-vh-60 {
        min-height: 0
    }

    .banner .community-banner h3 {
        padding-right: 3rem
    }

    header.active_cookie {
        margin-top: 65px
    }

    body.cookie_not_set section.banner {
        margin-top: 1.5rem
    }

    p.hero-text {
        font-size: 1rem
    }

    .personalize-intro p {
        font-size: .9rem
    }

    .btn {
        font-size: .8rem
    }

    .close-loop-text p {
        font-size: 1rem;
        margin-bottom: 2rem
    }

    .feaured-resources .h2 {
        font-size: 1.6rem
    }

    .banner h1.primary-color {
        font-size: 1.4rem;
        line-height: 2.2rem
    }

    .banner .forresterw-banner.aa-webinar .col-lg-7 h3 {
        font-size: 1.2rem;
        line-height: 1.8rem
    }

    .banner .forresterw-banner.aa-webinar .webinar-time-wrapper .time-wrapper-right {
        margin-top: 15px
    }

    .banner .forresterw-banner.aa-webinar .webinar-time-wrapper {
        margin-top: 15px
    }

    .personalize-intro h2,
    .searchunify-heading {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .feaured-resources .card-body {
        padding: 3rem 0
    }

    .feaured-resources .feaured-resources-content {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .header .navbar-nav li.dropdown.show ul.dropdown-menu.dropdown-child-menu,
    .su-mega-menu ul.dropdown-menu li.dropdown-submenu>a.dropdown-item {
        padding-left: 0
    }

    .searchunify-testimonial ol.carousel-indicators {
        left: .5rem;
        bottom: -2.5rem
    }

    #back-to-top:after {
        vertical-align: -3px
    }

    .MultiCarousel-inner .item .carousel-partner {
        max-width: 85%
    }

    .request_btn {
        margin-left: 0
    }

    .header .navbar-nav li {
        padding: 6px 0
    }

    .notif-banner .header-ribbon h4 {
        font-size: 13px
    }

    .searchunify-testimonial .row.testimonial-text {
        min-height: 120px
    }

    section.site-footer ul.certificate {
        max-width: 86%
    }

    .tsia-content a#case_study {
        margin-right: calc(50% - 90px);
        margin-top: .5rem;
        width: 200px;
        text-align: center;
        margin-bottom: .5rem
    }

    .banner .hero-banner-img {
        margin-top: 25px;
        height: 210px
    }

    .banner .banner-icons-search img {
        -webkit-transform: translate(33%, 0);
        -ms-transform: translate(33%, 0);
        transform: translate(33%, 0);
        width: 200px;
        display: none
    }

    .banner .stevie h1.primary-color {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-top: .6rem;
        padding: 0 .6rem
    }

    .banner .stevie .speaker-container .col-12 {
        margin: 15px 0
    }

    .banner .stevie .webinar-time-container .fa,
    .banner .stevie .webinar-time-container .far {
        font-size: 1.6rem
    }

    .banner .stevie h4 {
        font-size: .6rem;
        top: -1.2rem
    }

    .banner .stevie .webinar-time-wrapper span {
        top: 2px;
        left: 48px;
        font-size: .8rem
    }

    .banner .stevie.mb-25 {
        padding-bottom: 1.5rem
    }

    .banner .stevie.mb-25 .mb-3 {
        margin-bottom: 0
    }

    .banner .row.webinar-time {
        margin-top: -1.2rem
    }

    .banner .community-banner h5 {
        padding-right: 0
    }

    .banner .community-banner {
        background-position: bottom left
    }

    .banner .g2-banner-wrapper h3 {
        padding: 0 .6rem;
        font-size: 1.4rem
    }

    .banner .webinar-time-wrapper .time-wrapper-right span {
        top: 24px
    }

    .banner .tsia-banner .webinar-time-wrapper span {
        top: 7px
    }

    .modal-no-border .modal-lg {
        max-width: 350px
    }

    .banner .g2-banner-wrapper .speaker-col {
        margin-left: 60px;
        padding-right: 20px
    }

    .banner .g2-banner-wrapper .webinar-time-wrapper p {
        padding-left: 86px
    }

    .banner .g2-banner-wrapper .webinar-time-wrapper span {
        left: 40px
    }

    .banner .forresterw-banner .webinar-time-wrapper h5 span {
        font-size: 20px
    }

    .banner .rubrik-webinar-banner .webinar-time-wrapper {
        max-width: 100%
    }

    .banner .rubrik-webinar-banner .speaker-container {
        display: none
    }

    .banner .rubrik-webinar-banner .webinar-title h2,
    .banner .rubrik-webinar-banner .webinar-title h3 {
        font-size: 24px;
        line-height: 36px
    }

    .banner .rubrik-webinar-banner .webinar-cta {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .banner .webinar-time-wrapper .time-wrapper-right span,
    .banner .webinar-time-wrapper span {
        font-size: 13px;
        top: 0;
        left: 76px
    }

    .banner .webinar-time-wrapper .time-wrapper-right span {
        top: 14px;
        padding-right: 5rem
    }

    .banner .webinar-time-wrapper .time-wrapper-right {
        padding-left: 15px;
        padding-top: 20px
    }

    .banner .rubrik-webinar-banner {
        background-position: top center
    }

    section.site-footer .footer_recognition_row {
        max-width: 76%
    }

    .stevie-pop-wrapper h3 {
        padding: 1rem 0 .6rem
    }

    .banner .community-refocus a.btn {
        max-width: 56%
    }

    .banner .community-refocus .featuring-logos img {
        width: 48%
    }

    .banner .community-refocus.mamba .featuring-logos img {
        width: 100%
    }

    .banner .kcs-banner .webinar-time-wrapper .col-md-4 {
        max-width: 96%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .banner .kcs-banner .webinar-time-wrapper .time-wrapper-left {
        border-right: 0
    }

    .banner .kcs-banner .webinar-time-wrapper .time-wrapper-right {
        margin-left: 0
    }

    .banner .kcs-banner .webinar-time-wrapper .time-wrapper-right span {
        top: 28px
    }

    .arsenal-section .arsenal-img-section {
        width: 90%;
    }

    .banner .forresterw-banner.tsia24 .featuring-logoss {
        flex-direction: column;
        gap: 20px;
    }

    .banner .forresterw-banner.tsia24 .featuring-logoss img {
        margin: 0 auto;
    }

    .banner .forresterw-banner.css-one-banner .col-12 .col-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .banner .forresterw-banner.css-one-banner img.season-two-css {
        display: none;
    }

}


@media only screen and (max-width:480px) {
    .colub-pop-container h3 {
        font-size: 1.3rem
    }

    .colub-pop-container .colub-row ul {
        padding-left: 2.5rem
    }

    .colub-pop-container ul li {
        font-size: 1em
    }

    .search-aided-form .mktoForm .mktoCheckboxList {
        width: 7%
    }

    section.site-footer ul.footer_menu.footer_links li:nth-child(4) {
        padding-left: 0
    }

    .podcastPopup .widget-title {
        padding: 0 6px
    }

    .podcastPopup form.podcastPopForm {
        padding: 0 6px
    }

    .podcastPopup form.podcastPopForm .mktoField {
        font-size: 14px !important
    }

    .banner .cornerstone-banner .webinar-time-wrapper {
        width: 90%
    }

    .banner .cornerstone-banner i.sf.calendar {
        height: 30px;
        width: 30px
    }

    .banner .cornerstone-banner .webinar-time-wrapper h5 {
        margin-bottom: -8px;
        font-size: 16px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .date-time-container small {
        font-size: 10px;
        line-height: 12px
    }

    .banner .cornerstone-banner .webinar-time-wrapper .date-time-container {
        top: 2px;
        left: 70px
    }

    .banner .cornerstone-banner .brightree-logo.d-flex img {
        width: 180px;
        height: 36px
    }

    .banner .cornerstone-banner .featuring-logos img {
        width: 80%
    }

    .banner .cornerstone-banner .logos.d-flex img {
        width: 50%
    }

    .banner .cornerstone-banner h3 {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.2rem
    }

    .banner .cornerstone-banner h3.webinar-title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

@media only screen and (max-width:421px) {
    .podcastPopup .pop-up-top {
        padding: 1.6rem 16px;
        background-size: contain;
        background-position: center top
    }

    .podcastPopup form.podcastPopForm label[for=consenttoProcessing] a,
    .podcastPopup form.podcastPopForm label[for=emailOptInBoolean] a {
        padding: 0
    }

    .search-bar.open {
        width: 266px;
        right: 16px
    }

    .arsenal-section li.arsenal-name {
        color: #12182E;
        font-size: 15px;
        line-height: 25px;
        font-weight: 700;
        margin: 15px 0px;
    }

    .arsenal-section ul.submenu {
        font-size: 14px;
    }

    .arsenal-section .arsenal-img-section {
        width: 100% !important;
    }
}

@media (max-width:360px) {
    .case-study-body.d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.banner .forresterw-banner.g-banner p {
    font-weight: 500;
    margin-bottom: 18px;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 1.2;
    margin: 0;
}

.banner .forresterw-banner.g-banner p.white-inner-head .top-head {
    font-size: 11px;
}

.banner .forresterw-banner.g-banner p.white-inner-head .bottom-head {
    font-size: 16px;
    font-weight: bold;
}

.banner .forresterw-banner.g-banner p.white-inner-head span {
    color: #fff;
    display: block;
    font-weight: 600;
}

.row.align-items-center.firstslide-right-sec p.white-inner-head span {
    text-align: left;
}

.about-mid-banner .about-mb-text p {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.8rem;
    color: #182b4c;
}

.about-mid-banner .about-mb-text p span {
    color: #f48b00;
}

section.searchunify-applications .tabs-content p.h4-p {
    font-size: 1.8rem;
    font-weight: 600;
    padding-right: 0;
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    color: inherit;
}

.h5-p-review {
    font-size: 14px;
    font-weight: 600;
    color: #5f6388;
    margin-right: 30px;
    line-height: 1.2;
}

header#su-navbar a.nav-link.su-site-search-button {
    font-size: 0 !important;
}

/* slick slider css start */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: 'ÃƒÂ¢Ã¢â‚¬Â Ã‚Â';
}

[dir='rtl'] .slick-prev:before {
    content: 'ÃƒÂ¢Ã¢â‚¬Â Ã¢â‚¬â„¢';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: 'ÃƒÂ¢Ã¢â‚¬Â Ã¢â‚¬â„¢';
}

[dir='rtl'] .slick-next:before {
    content: 'ÃƒÂ¢Ã¢â‚¬Â Ã‚Â';
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: 'ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/* slick slider css end */



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

    .search-bar-v2 {
        left: 0;
        min-width: 200px;
    }

    .header .navbar-nav li a.nav-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }

    .header .navbar-nav li a.request_btn {
        padding: 8px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .search-bar-v2 {
        max-width: 100px;
        padding-top: 15px;
        min-width: 155px;
    }
}



/* Lithium Prem CSS */

/* Banner css */
.intelligent__knowledge--agent {
    background-image: url(../assets/img/Intelligent-Knowledge-Agents-GenAI-Solutions.webp) !important;
}

.intelligent__knowledge--agent img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}

.intelligent__knowledge--wrapper>img {
    margin-bottom: 40px;
    height: 45px;
}

.banner .forresterw-banner.softwarereviews-banner .intelligent__knowledge--wrapper .banner__Title {
    color: #FF7900;
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 55px;
}

.banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .banner__subtitle {
    font-weight: 500;
    color: #fff;
    font-size: 30px;
    padding: 0;
    margin-bottom: 0;
}

.banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .intelligent__knowledge--event-detail {
    padding: 0;
    margin: 32px 0 40px;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 70px;
}

.intelligent__knowledge--event-detail>li {
    display: flex;
    align-items: center;
    gap: 15px;
}

.intelligent__knowledge--event-detail>li>span {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
}

.banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .meetUsbtn {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 23px;
    text-transform: none;
    font-weight: 700;
}

.intelligent__knowledge--event-detail>li>svg {
    height: 30px;
}

.intelligent__knowledge--agent .image-column img {
    max-width: 240px;
    display: table;
}

.banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent>.container {
    padding-top: 0 !important;
    height: 100%;
}

.intelligent__knowledge--agent .row {
    align-items: center;
    height: 100% !important;
}

/*.banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .container {
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    justify-content: center;
}*/


@media (max-width: 1370px) {
    .intelligent__knowledge--wrapper>img {
        height: 35px;
        margin-bottom: 20px;
    }

    .banner .forresterw-banner.softwarereviews-banner .intelligent__knowledge--wrapper .banner__Title {
        font-size: 36px;
        max-width: 700px;
        line-height: 46px;
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .banner__subtitle {
        margin-bottom: 0;
        font-size: 25px;
        padding-right: 0;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .intelligent__knowledge--event-detail {
        margin: 30px 0;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent>.container {
        padding-top: 30px !important;
    }
}

@media (max-width: 1024px) {
    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .intelligent__knowledge--event-detail {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .intelligent__knowledge--agent .image-column {
        display: none;
    }

    .intelligent__knowledge--agent .content-column {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .intelligent__knowledge--event-detail {
        display: none;
    }

    .banner .forresterw-banner.softwarereviews-banner .intelligent__knowledge--wrapper .banner__Title {
        margin-left: auto;
        margin-right: auto;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent>.container {
        padding-bottom: 50px !important;
        padding-top: 45px !important;
    }

    .banner .forresterw-banner.softwarereviews-banner .intelligent__knowledge--wrapper .banner__Title {
        font-size: 28px;
        line-height: 36px;
    }

    .intelligent__knowledge--wrapper>img {
        height: 30px;
        margin-bottom: 15px;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .banner__subtitle {
        font-size: 18px;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent>.container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .meetUsbtn {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner .forresterw-banner.softwarereviews-banner.intelligent__knowledge--agent .intelligent__knowledge--wrapper .meetUsbtn {
        font-size: 18px;
    }
}